@charset "utf-8";
/* CSS Document */

body{
	background-color: #c2c2c2;
	text-align:center;
}

#nav-frame{
	width: 820px;
	height: 50px;
	top:-780px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	background-color:#FFFFFF;
	text-align:right;
	vertical-align:top;
	position:relative;
}

#nav-bar-spacer{
	width: 820px;
	height: 50px;
	position:relative;
}

#nav-bar{
	width: 820px;
	height: 50px;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
	position:relative;
	text-align:left;
	background:url(images/upperR_corner.png) right top no-repeat;
}

#nav-bar-left{
	width: 800px;
	height: 50px;
	background:url(images/upperL_corner.png) left top no-repeat;
	top:0px;
	left:0px;
}

#nav-bar-left #always-on{
	width: 670px;
	height: 50px;
	margin-left:130px;
}

#nav-bar-left #always-on #left-section{
	width:130px;
	height:50px;
	text-align:left;
}

#nav-bar-left #always-on #right-section{
	width:540px;
	height:50px;
	text-align:right;
}

#zorko-logo-float{
	position:absolute;
	width:150px;
	height:150px;
	top:-30px;
	left:-25px;
	z-index:10;
}

#main-frame{
	width: 820px;
	height: 730px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	background-color:#FFFFFF;
	vertical-align:top;
}

#headline{
	width: 820px;
	height: 95px;
	background-color:#FFFFFF;
	background:url(images/right_gradient.png) top right repeat-y;
	text-align:left;
}

#headline-left{
	width: 800px;
	height:95px;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #c7c8ca;
}

#body-content{
	width: 820px;
	height: 375px;
	position:relative;
	top:0px;
	background:url(images/right_gradient.png) right repeat-y;
	text-align:left;
	z-index:0;
}

#body-content #rotate_image{
	width:820px;
	height:375px;
	z-index:1;
}

#body-content #lower-right-corner{
	width:40px;
	height:50px;
	background:url(images/lowerR_corner.png) top left no-repeat;
}

#body-content #lower-left-corner{
	width:20px;
	height:50px;
	background:url(images/lowerL_corner.png) top left no-repeat;
}

#body-content #lower-right{
	width:320px;
	height:50px;
	background:url(images/lower_gradient.png) bottom repeat-x;
}

#body-content #lower-left{
	width:440px;
	height:50px;
	background:url(images/lower_gradient.png) bottom repeat-x;
}

#body-content #main-pic-area{
	width:460px;
	height:325px;
	text-align:left;
	vertical-align:top;
	z-index:2;
}
	
	#button-float{
		position:absolute;
		width:115px;
		top:285px;
		left:320px;
	}

#body-content #headline-area{
	width:360px;
	height:325px;
	text-align:left;
	vertical-align:top;
	z-index:1;
}

#body-content #latest-work{
	width:340px;
	height:325px;
	z-index:2;
}

#body-content #latest-work #header-tab{
	width:340px;
	height:30px;
	background-color:#ffcc06;
	z-index:3;
}

#body-content #lower-crop{
	height:50px;
	vertical-align:top;
}

#quote-bar{
	width:820px;
	height:110px;
	background:url(images/bottom_gradient.png) bottom repeat-x;
}

#quote-bar #quote-bar-divide{
	width:820px;
	height:110px;
}

#quote-bar #quote-bar-divide #section-one{
	width:20px;
	height:110px;
	background:url(images/bottom_left_corners.png) left top no-repeat;
	background-color:#ffcc06;
}

#quote-bar #quote-bar-divide #section-two{
	width:220px;
	height:110px;
	vertical-align:top;
}

	#quote-bar #quote-bar-divide #section-two #section-two-ad{
		width:220px;
		height:90px;
		background-color:#ffcc06;
	}

#quote-bar #quote-bar-divide #section-three{
	width:220px;
	height:110px;
	vertical-align:text-top;
	
}

	#quote-bar #quote-bar-divide #section-three #section-three-facts{	
		width:220px;
		height:90px;
		background:url(images/factBar.jpg) right top no-repeat;
	}

#quote-bar #quote-bar-divide #section-four{
	width:320px;
	height:110px;
	vertical-align:top;
}

	#quote-bar #quote-bar-divide #section-four #section-four-quote{
		width:320px;
		height:90px;
	}

#quote-bar #quote-bar-divide #section-five{
	width:40px;
	height:110px;
	background:url(images/bottom_right_corners.png) left top no-repeat;
}

#footer-bar{
	width:820px;
	height:100px;
	position:relative;
	text-align:center;
	background-color:#c2c2c2;
}