@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');


/* General ----------*/

body { background: url(../images/bg/bg-top.jpg) top center repeat-x #fbf4e3; font-family: Arial; font-size: 12px; color: #003300; line-height: 18px;}
	img {border: none;}
	a { color: #003300;}
	
	p {padding: 0 0 14px 0;}
	h1 {font-family: Georgia; font-size: 18px; font-weight: normal; padding: 0 0 20px 0;}
	h2 {font-family: Georgia; font-size: 14px; font-weight: normal; padding: 0 0 20px 0;}
		#content h1 {padding: 0 0 8px 0;}
		#content h2 {padding: 0 0 17px 0;}
	
	li {list-style: none;}

#wrapperout { width: 960px; margin: auto;}
	#wrappertop {width: 940px; height: 70px; padding: 0 10px 0 10px; background: url(../images/bg/bg-wrapper-top.png) 0 10px no-repeat; display: block;}
	#wrappermid {width: 940px; padding: 0 10px 0 10px; background: url(../images/bg/bg-wrapper-mid.png) 0 10px repeat-y; display: block;}
	#wrapperbottom {width: 940px; height: 123px; padding: 0 10px 0 10px; background: url(../images/bg/bg-wrapper-bottom.png) 0px 0px no-repeat; display: block;}

	
	/* Banner */
	#banner {width: 940px; height: 275px;}
	
	body#home-page #banner {background: url(../images/banner/bg-banner-home.jpg) bottom center no-repeat;}
	body#aboutus-page #banner {background: url(../images/banner/bg-banner-aboutus.jpg) bottom center no-repeat;}
	body#services-page #banner {background: url(../images/banner/bg-banner-services.jpg) bottom center no-repeat;}
	body#resources-page #banner {background: url(../images/banner/bg-banner-resources.jpg) bottom center no-repeat;}
	body#contact-page #banner {background: url(../images/banner/bg-banner-contact.jpg) bottom center no-repeat;}
	
			/*logo*/
			#brewicklogo {width: 242px; height: 45px; padding: 30px 0 0 60px; display: block;}
	
	/* Primary */
	#primary {width: 940px; display: block; padding: 20px 0 0 0;}
		#content {width: 451px; padding: 0 88px 0 55px; float: left;}
		#servicebox {width: 283px; height: 400px; float: left; display: block;}
			#serviceboxinner {width: 255px; background: url(../images/bg/bg-servicebox-top.jpg) top center no-repeat #e0e8bd; display: block; padding: 30px 0 0 28px;}
			#serviceboxbottom {width: 283px; height: 43px; background: url(../images/bg/bg-servicebox-bottom.jpg) bottom center no-repeat #e0e8bd; display: block;  }
				#servicelist {width: 200px;}
					#servicelist li {padding: 0 0 8px 0;}
				#servicelistcontent {width: 400px;}
					#servicelistcontent li {padding: 0 0 8px 0;}
		#resourcesdownload li {background: url(../images/elements/icon-pdf.gif) top left no-repeat; padding: 0 0 0 22px; margin: 10px 0 10px 0;}
					
	/*contact*/
	#contacttitle {width: 140px; float: left;}
		#contacttitle li {padding: 0 0 10px 0;}
	#contactdetail {width: 300px; float: left;}
		#contactdetail li {padding: 0 0 10px 0;}
			
	/*Footer*/
	#footer {width: 920px; padding: 0 20px 0 20px; color: #999999; font-size: 11px;}
		#footer a {color: #999999;}
	#wflogo {float: right;}
	
	
/*Navigation ----------*/

#nav {width: 500px; height: 35px; padding: 0px 0 0 63px;}
	#nav li {float: left; text-indent: -9999px; padding: 0 28px 0 0;}
		#nav li a { display: block;}
		#nav li a:hover {background-position: 0 -35px; }
		
		.nav-home {width: 43px; height: 35px; background: url(../images/nav/nav-home.jpg) top center no-repeat; }
		.nav-aboutus {width: 70px; height: 35px; background: url(../images/nav/nav-aboutus.jpg) top center no-repeat; }
		.nav-services {width: 62px; height: 35px; background: url(../images/nav/nav-services.jpg) top center no-repeat; }
		.nav-resources {width: 79px; height: 35px; background: url(../images/nav/nav-resources.jpg) top center no-repeat; }
		.nav-contact {width: 68px; height: 35px; background: url(../images/nav/nav-contact.jpg) top center no-repeat; }
		
		body#home-page .nav-home,
		body#aboutus-page .nav-aboutus,
		body#services-page .nav-services,
		body#resources-page .nav-resources,
		body#contact-page .nav-contact {background-position: 0 -35px;}