/* Start of CMSMS style sheet 'styles' */
/** CSS - Central Vic Sheds
==============================================================================*/

/* lazy but useful css reset - removes defaults from all elements */
* { margin: 0; padding: 0; }


/** Body
==============================================================================*/

body { font: 15px/24px Calibri, Arial, Helvetica, sans-serif; color: #222; 
	 background: #fff url('images/bg_body_sub.png') repeat-x top; }
	 body#home { background: #fff url('images/bg_body_home.png') repeat-x top; }


/** Tag redefinitions
==============================================================================*/

a img { border: none; }
p, h2, h3, h4, blockquote, ul, ol { margin: 0.7em 0; }
h2 { margin: 10px 0 30px 0; height: 30px; font-size: 35px; line-height: 30px; color: #fff; font-family: ChunkFiveRegular; font-weight: normal; text-shadow: 0px 2px 1px #333; }
body#home h2 { margin: 0 0 0.3em 0; color: #d6002a; text-shadow: 0px 2px 1px #ccc; }
h3 { font-size: 24px; line-height: 24px; color: #d6002a; margin: 1em 0 0.4em 0; font-family: ChunkFiveRegular; font-weight: normal; text-shadow: 0px 2px 1px #ccc; }
body#home h3 { color: #8e8d8e; text-shadow: none; }
h4 { font-size: 20px; line-height: 22px; color: #666; text-shadow: 0px 1px 1px #ddd; }
h5 { font-size: 16px; color: #999; letter-spacing: -0.05em; }

a { color: #d6002a; text-decoration: none; }
a:hover, a:active { color: #f5003e; text-decoration: underline; }

.slideshow {
width: 538px;
height: 408px;
background: #f0f0f0; 
border: 1px solid #ccc;
}
.slideshow img {
margin: 9px;
}
/** 12 Column Grid Layout
==============================================================================*/

.section { width: 960px; margin: 0 auto; overflow: hidden; }
.section .section { margin: 0 -10px; width: auto; display: inline-block; }
.column { float: left; margin: 0 10px; overflow: hidden; display: inline; }
.one 	{ width: 60px;  }	.two 	{ width: 140px; }	.three 	{ width: 220px; }	.four 	{ width: 300px; }
.five 	{ width: 380px; }	.six 	{ width: 460px; }	.seven 	{ width: 540px; }	.eight 	{ width: 620px; }
.nine	{ width: 700px; }	.ten 	{ width: 780px; }	.eleven { width: 860px; }	.twelve { width :940px; }


/** Misc
==============================================================================*/

.left { float: left; }
.right { float: right; }
.nowrap { white-space: nowrap; }
.clear { clear: both; }
.more { white-space: nowrap; padding-right: 14px; font-weight: bold; background: url('images/more_arrow.png') no-repeat right center; }
.image.left { margin: 0 0 1em 20px; }
.image.right { margin: 0 0 1em 20px; }


/** Main Container
==============================================================================*/

#container { width: 960px; margin: 0 auto; background: url('images/bg_container_sub.png') no-repeat top center; z-index: -3;}
	body#home #container { background: url('images/bg_container_home.png') no-repeat top center; }


/** Header
==============================================================================*/

#header { height: 170px; position: relative; z-index: 999;}

#header h1 { position: absolute; top: 40px; left: 70px; margin: 0; padding: 0; width: 220px; height: 90px; }
#header h1 a { display: block; width: 220px; height: 90px; text-indent: -9999em; 
	background: url('images/logo.png') no-repeat center; }

#header ul { position: absolute; top: 90px; right: 70px; margin: 0; padding: 0; list-style-type: none;}
	#header ul li { position: relative; display: inline; padding: 5px 0; font-family: ChunkFiveRegular; 
		font-size: 16px; border-right: 1px solid #ddd; background: none; }
	#header ul li.last { border: none; }
	#header ul li a { padding: 0 10px; line-height: 35px; height: 35px; }
	#header ul li.active a, #header ul li.active a:hover { color: #000000; text-decoration: none; cursor: default; }
	/* Drop down menu */
	#header ul li ul { position: absolute; display: none; top: 25px; left: -25px; padding: 7px 0; width: 260px;
		background: url('images/bg_dropdown.png') no-repeat center top; }
	#header ul li ul li { display: block; margin: 0; padding: 0; border: none; }
	#header ul li ul li a, #header ul li.active ul li a { display: block; padding: 6px 35px; height: auto; line-height: 18px; 
		font: 16px Calibri, Arial, Helvetica, sans-serif; color: #666; }
	#header ul li ul li a:hover, #header ul li.active ul li a:hover { color: #d6002a; text-decoration: none; }
	


/** Home Intro
==============================================================================*/

#intro { padding: 20px 70px 50px 70px; height: 220px; z-index: -2;}

#slideshow { float: left; }

#testimonials { float: right; margin: 0; padding: 0; width: 250px; height: 220px;
	background: url('images/brush_metal_block.jpg') no-repeat center; }
	#testimonials li { position: absolute; display: none; padding: 15px 20px 0 20px; margin: 0; width: 210px; height: 205px; text-shadow: 0px 2px 1px #333; 
		overflow: visible; color: #fff; background: none; font-size: 26px; line-height: 24px; font-family: ChunkFiveRegular; font-weight: normal; }
	#testimonials li.first { display: block; }
	#testimonials li blockquote { margin: 0; padding: 0; }
	#testimonials li cite { display: block; font-size: 20px; text-align: right; font-style: normal; }

.rotator { z-index: 0;}
/** Content
==============================================================================*/

#content.section { width: 800px; padding-bottom: 30px;  }

ul.gallery { overflow: hidden; list-style: none; margin: 0; padding: 0; }
	ul.gallery li { float: left; background: none; margin: 10px 20px 10px 0; padding: 0; width: 120px; }
	ul.gallery li.last { margin-right: 0; }
	ul.gallery li img { padding: 9px; background: #f0f0f0; border: 1px solid #ccc; }
	ul.gallery li a { diplay: block; float: left; border: none; }
	ul.gallery li a:hover img { background: #fffaef; border: 1px solid #efe2c2; }

p.intro { color: #999; font-size: 1.5em; letter-spacing: -0.05em; }
p.center-bold {font-weight: bold; text-align: center; font-size: 18px;}
ul { margin: 0 0 1em 10px; list-style: none; }
ul li { padding-left: 20px; line-height: 1.4em; margin-bottom: 0.6em; background: url('images/bullet.png') no-repeat 0px 0px; }

ol { margin: 0 0 1em 30px; font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: #999; }
ol li { padding-left: 0; line-height: 1.4em; margin-bottom: 0.6em; }
ol li p { font: 15px Calibri, Arial, Helvetica, sans-serif; color: #222; }



/** Sidebar
==============================================================================*/

#quick_quote { margin-top: 58px; }
	body#home #quick_quote { margin-top: 0; }
	#quick_quote h3 { margin-top: 0; width: 220px; height: 78px; text-indent: -9999em;
		background: url('images/quick_quote.png') no-repeat center top; }
	#quick_quote p { font-size: 0.9em; }
	#quick_quote label, #quick_quote .field { float: none; width: 100%; text-align: left; }
	#quick_quote button.submit { margin-left: 0; }

#contact-form label, #contact-form.field { float: none; width: 100%; text-align: left; }
/** Forms
==============================================================================*/

label { clear: left; float: left; width: 150px; padding-right: 15px; text-align: right; display: block; font-size: 16px; 
	color: #999; text-transform: uppercase; font-weight: bold; }
.field { float: left; width: 300px; margin-bottom: 0.6em; }

#quick_quote input, textarea, #contact-form input, select{ font: 15px/22px Calibri, Arial, Helvetica, sans-serif; width: 96%; border: 1px solid #ccc; 
	padding: 3px; color: #444; background: #fff url('images/bg_input.png') repeat-x top; }
	textarea { height: 150px; }

button.submit { clear: left; float: left; margin: 1em 0 0 165px; width: 220px; height: 40px; text-indent: -9999em; border: none;
	background: #fff url('images/button_submit.png') no-repeat top; cursor: pointer; }
	button.submit:hover { background-position: 0px -50px; }


/** Footer
==============================================================================*/
	
#footer .section { width: 780px;  }
#footer { background: #fff url('images/bg_footer.png') repeat-x top; padding-top: 40px; height: 40px; 
	font-size: 0.85em; line-height: 1em; text-shadow: #fff 0px 1px 1px; }
#footer p { float: left; margin: 0; padding: 0; }
#footer ul { float: right; margin: 0; padding: 0; }
#footer ul li { display: inline; margin: 0; padding: 0 8px; border-right: 1px solid #000; background: none; }
#footer ul li.last { border: none; }
#footer ul li a { color: #900; }



/* End of 'styles' */