/*-----------------------+
 | Site: Sunnydale dairy |
 +-----------------------*/
 
 /* Site Design: 		www.WildwoodCreative.com.au */
 /* Site Designer:	Sarah Enid Moule */
 /* Created:				22nd October 2009 */
 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {background:#fff url(../images/bg.gif) repeat-x 0 0; font:12px Arial, Helvetica, sans-serif; color:#ccc;}
#top_container {width:1000px; margin:0 auto;}
	#navigation {width:900px; height:52px; margin:0 auto; overflow: hidden;}
	#banner {width:900px; height:500px; margin:0 auto; overflow:hidden;}
		#flash {width:230px; height:500px; float:left; overflow:hidden;}
		#logo_container {width:670px; height:500px; float:left; overflow:hidden;}
		
	#white_container {width:580px; height:auto; margin:0; padding:0 0 20px 50px; color:#212121 !important; position:relative;}
	img.the_owner {position:absolute; top:-60px; left:650px;}
	
#why_how_background {width:auto; background-color:#212121 !important; border-bottom:1px solid #3f3f3f; margin:0 auto;}
	#why_how_container {width:900px; margin:0 auto;}
		#why_container {width:409px; border-right:1px solid #3f3f3f; float:left; padding:30px 40px 15px 0;}
		#how_container {width:410px; float:left; padding:30px 0 15px 40px;}
		
#contact_background {width:auto; background-color:#212121 !important; margin:0 auto;}
	#contact_container {width:1000px; margin:0 auto;}
		#click_to_expand {width:51px; height:286px; float:left; background:url(../images/click_to_expand.gif) no-repeat 0 25px;}
		#where_container {width:239px; height:317px; float:left; border-right:1px solid #3f3f3f; padding:30px 40px 0 0; overflow:hidden;}
		#info_container {width:260px; height:317px; float:left; border-right:1px solid #3f3f3f; padding:30px 40px 0 40px; overflow:hidden;}
		#email_container {width:238px; height:317px; float:left; padding:30px 50px 0 40px; overflow:hidden;}
		
#footer_background {width:auto; background:#a3d500 url(../images/footer_bg.gif) repeat-x 0 0; margin:0 auto;}
	#footer_container {width:1000px; height:56px; background:url(../images/footer_bg.jpg) no-repeat top center; text-align:right; margin:0 auto;}



/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 900px; height:52px; display: inline-block; clear: both;}
ul.nav li {float:left; height:52px; overflow:hidden;}
ul.nav li a {display:block; height:52px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -52px!important;}

ul.nav li#about a 	{background: url(../images/nav/nav_about.gif) no-repeat 0 0; width: 282px;} 
ul.nav li#why a 		{background: url(../images/nav/nav_why.gif) no-repeat 0 0; width: 193px;} 
ul.nav li#how a 		{background: url(../images/nav/nav_how.gif) no-repeat 0 0; width: 227px;} 
ul.nav li#where a 	{background: url(../images/nav/nav_where.gif) no-repeat 0 0; width: 198px;}

a {color:#a6ce39; text-decoration:none;}
a:hover {text-decoration:underline;}




/* Titles  
======================================================================*/
h1, h2 {text-indent:-9999px; padding:0 0 15px 0;}
h1 {background:url(../images/titles/title_about.gif) no-repeat 0 0; width:259px; height:35px;}
h2.title_why 			{background:url(../images/titles/title_whyglass.gif) no-repeat 0 0; width:134px; height:35px;}
h2.title_how 			{background:url(../images/titles/title_how.gif) no-repeat 0 0; width:181px; height:35px;}
h3								{font:14px Arial, Helvetica, sans-serif !important; font-weight:bold;}
h3.title_where 		{background:url(../images/titles/title_where.gif) no-repeat 0 0; width:214px; height:35px; text-indent:-9999px;}
h3.title_contact 	{background:url(../images/titles/title_contact.gif) no-repeat 0 0; width:252px; height:35px; text-indent:-9999px;}
h3.title_email 		{background:url(../images/titles/title_email.gif) no-repeat 0 0; width:233px; height:35px; text-indent:-9999px;}
h4								{font:14px Arial, Helvetica, sans-serif !important; font-weight:bold; padding:0 0 15px 0;}

p {line-height:18px; padding:0 0 15px 0; text-align:justify;}




/* Extra Bits and Pieces  
======================================================================*/
img.border {border:7px solid #575757;}

hr {border:none; border-bottom:1px solid #3f3f3f; height:1px; margin:10px 0 10px 0;}

.right {float:right;}
.left {float:left;}
.phone_center {padding:0 0 0 40px;}

.wwc_logo {padding:20px 0 0 0;}

.white_text {color:#fff;}
.green_text {color:#a6ce39;}
.grey_text {color:#6c6c6c; font-size:10px; padding:10px 0 0 0;}

ul.contact_details {list-style:none; border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; padding:10px 0 10px 0; margin:10px 0 10px 0;}
ul.contact_details li.fax {height:22px; background:url(../images/icons/icon_fax.gif) no-repeat 0 0; padding:10px 0 0 45px;}
ul.contact_details li.email {height:22px; background:url(../images/icons/icon_email.gif) no-repeat 0 0; padding:10px 0 0 45px;}




/* Form Formatting  
======================================================================*/
form#contact-us li { margin-bottom: 5px; }
form#contact-us input, form#contact-us select, form#contact-us textarea {
	width: 210px;
	height:30px;
	padding: 3px 10px 3px 10px;
	border: none;
	background: #323232;
	font: 12px Arial, Helvetica, sans-serif;
	color: #a6ce39;
}

form#contact-us textarea { height: 60px; }

form#contact-us input.button { 
	background:url(../images/button_enquiry.gif) no-repeat top center !important;
	text-indent:-9999px; 
	margin:0; 
	padding:0; 
	width:230px; 
	height:36px; 
	display:block!important; 
	overflow:hidden;
	cursor:pointer;
	}
form#contact-us input.button:hover {background-position:0 -36px !important;}