
/*------------ GLOBAL ------------*/

body {	width: 25000px;	overflow: hidden;	position: relative;color: #333; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.container {	float: left;	display: block;	height: 1500px;	width: 2000px;	position: relative;	z-index:0 !important;}
.leftbtn, .rightbtn{display: block; height: 30px; width: 30px; position: absolute;z-index: 99999;}
.leftbtn{left: 424px;top: 280px;background: url('images/leftbtn.png') no-repeat;}
.rightbtn{left: 907px; top: 280px;background: url('images/rightbtn.png') no-repeat;}
.leftbtn:hover, .rightbtn:hover{background-position: left bottom;}

.topbar{position: absolute; top: 40px; left: 200px; width: 754px; height: 81px; background: url('images/topbar.png') no-repeat; z-index: 999;}

.bottombar{position: absolute; top: 474px;left: 200px; width: 723px; height: 96px; background: url('images/bottombar.png') no-repeat; z-index: 999;padding: 28px 0px 25px 31px;}
.bottombar a{margin-right: 5px;display: block; float: left;width: 135px; height: 88px;}


.homelink{background: url('images/homeicon.jpg') no-repeat;}
.aboutlink{background: url('images/abouticon.jpg') no-repeat;}
.skillslink{background: url('images/skillsicon.jpg') no-repeat;}
.bakinglink{background: url('images/bakingicon.jpg') no-repeat;}
.worklink{background: url('images/homeicon.jpg') no-repeat;}

.introlink{background: url('images/introicon.jpg') no-repeat;}
.bakingxlink{background: url('images/bakingxicon.jpg') no-repeat;}
.musiclink{background: url('images/musicicon.jpg') no-repeat;}
.funfactslink{background: url('images/funfactsicon.jpg') no-repeat;}
.tablelink{background: url('images/homeicon.jpg') no-repeat;}

.bottombar a:hover{border-bottom: 9px solid #00C0F3;}

h1{color: #00BFF2;font: bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-bottom: 5px;}
h2, p span{color: #00BFF2;font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-bottom: 0px;}
p span{padding-right: 8px;}

p{padding-bottom: 15px;}
ul{list-style-type:square; list-style-position: inside;padding-left: 15px;padding-bottom: 15px;}
.indent{text-indent: -999px;}
.clear{clear: both;}
.last{padding-right: 0; margin-left: 0;}

a{color: #00BFF2; text-decoration: underline;}
a:hover{color: #333;}

ol{list-style-type: decimal;display: block;list-style-position: inside;margin-bottom: 15px;}

.social{position: absolute; background: none;right: 25px; top: 24px;height: 32px; width: 150px;}
.social a{display: block; float: left;padding-right: 4px;text-indent: -9999px;}
.social a:hover{background-position: left bottom;}
.email{background: url('images/email.png') left top no-repeat;width: 32px;height: 32px;}
.twitter{background: url('images/twitter.png') left top no-repeat;width: 32px;height: 32px;}
.facebook{background: url('images/facebook.png') left top no-repeat;width: 32px;height: 32px;}
.linkedin{background: url('images/linkedin.png') left top no-repeat;width: 32px;height: 32px;}

.container{background: #f6f6f6 url('images/homepanel.jpg') no-repeat;}
.container .interior{margin-top: 120px;	margin-left: 440px;	height: 320px;	width: 450px;background: url('images/white.png');padding: 15px;position: relative;}

#home{background: #f6f6f6 url('images/homepanel.jpg') no-repeat;}
#home .interior{margin-top: 120px;	margin-left: 440px;	height: 320px;	width: 450px;background: url('images/white.png');padding: 15px;position: relative;}

#about{background: #fff url('images/aboutpanel.jpg') no-repeat;}
#about .interior{margin-top: 120px;	margin-left: 440px;	height: 320px;	width: 450px;background: url('images/white.png');padding: 15px;position: relative;overflow: scroll;}

#skills{background: #f6f6f6 url('images/skills.jpg') no-repeat;}
#skills .interior{margin-top: 120px;	margin-left: 440px;	height: 320px;	width: 450px;background: url('images/white.png');padding: 15px;position: relative;}

#baking{background: #D9D9DB url('images/bakingpanel2.jpg') no-repeat;}
#baking .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#baking2{background: #CFC2A6 url('images/bakingpanel.jpg') no-repeat;}
#baking2 .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#baking3{background: #fff url('images/guinesspanel.jpg') no-repeat;}
#baking3 .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#baking4{background: #E0E2E1 url('images/strawberrypanel.jpg') no-repeat;}
#baking4 .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#work{background: #f6f6f6 url('images/homepanel.jpg') no-repeat;}
#work .interior{margin-top: 120px;	margin-left: 440px;	height: 320px;	width: 450px;background: url('images/white.png');padding: 15px;position: relative;}

#ge{background: #fff url('images/gepanel.jpg') no-repeat;}
#ge .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#rosetta{background: #ECBB20 url('images/rosettapanel.jpg') no-repeat;}
#rosetta .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#ritz{background: #CAE9EB url('images/ritzpanel.jpg') no-repeat;}
#ritz .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#music{background: #000400 url('images/musicpanel.jpg') no-repeat;}
#music .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#funfacts{background: #660000 url('images/funfactspanel.jpg') no-repeat;}
#funfacts .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

#bakingx{background: #4A3D35 url('images/bakingxpanel.jpg') no-repeat;}
#bakingx .interior{margin-top: 120px;background: url('images/white.png');margin-left: 440px;	height: 320px;	width: 450px;padding: 15px;position: relative;}

.thumbs{display: block; float: left;height: 75px; overflow: hidden;padding-right: 5px;}
.thumbs img{width: 95px; height: 91px;}

/* bars */

.progblock
{
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 160%;
	font-weight: bold;
	color: #505050;
	width: 112px;
	float: left;
	margin-right: 35px;
	padding-bottom: 10px;
}

.progblock div
{
height: 8px;
width: 104px;	
background: url('images/progback2.png');
}

.progblock div div
{
height: 8px;
margin-left: 4px;
width: 0px;
background: url('images/progbar.png') right top;	
}
