@charset "utf-8";

/*------------- [ LAYOUT ] -------------*/

body { background: #004600 url(../images/body_bg.png) left 20px repeat-x; }

#inner_bg { background: url(../images/header_bg.jpg) center 20px no-repeat; }

#top { height: 20px; 
	   background: #004600; }

#header { width: 960px; 
		  margin: 0px auto; }
		  
#logo { padding: 26px 0px 0px 18px; 
	    height: 97px; }

#title { width: 620px; 
		 height: 62px; 
		 margin: 40px 0px 0px 50px; 
		 font-size: 28px; 
		 line-height: 1.1; }
		 
#title em { padding: 0px 4px; 
			background: #FFC01C; 
			font-weight: bold; 
			color: #633A1C; }

#intro { width: 620px; 
		 height: 33px; 
		 margin: 15px 0px 0px 50px; 
		 font-size: 16px; 
		 line-height: 1.0; }

#showcase{ width: 280px; 
		   height: 320px; 
		   float: right; 
		   display: inline; 
		   margin: 0px 8px 0px 0px; }
		   
#showcase h1 { margin: 9px 0px 0px 30px; 
			   padding: 0px 0px 0px 24px; 
			   font-size: 22px; }

#showcase_images { width: 250px; 
				   overflow: hidden; 
				   margin: 30px 0px 0px 20px; }
				   
#showcase_scroller { width: 3000px; }

#showcase_scroller div { width: 250px; 
						 float: left; display: inline; margin: 0px 15px 0px 15px; }
						 
#showcase_scroller div img { display: block; 
							 border: 2px solid #FFC01C; 
							 padding: 3px; 
							 background: #FFC01C; }

#showcase span { width: 170px; 
				 float: left; 
				 margin: 15px 0px 0px 20px; 
				 padding: 0px 0px 0px 20px; 
				 background: url(../images/highlighted_name.png) left 1px no-repeat; 
				 font-size: 12px; }
				 
#showcase span a:hover { }

#next, #back { margin: 10px 9px 0px 0px; 
			   width: 26px; 
			   float: right; 
			   display: inline; }
			   
#back { margin: 10px 5px 0px 0px; }

#next a, #back a { cursor: inherit; }

#menu_title { width: 122px; 
			  height: 27px; 
			  margin: 20px 0px 0px 30px; 
			  background: url(../images/menu_title.png) no-repeat; }

#container { width: 960px; 
			 margin: 0px auto; 
			 background: url(../images/container_bg.png) 8px top repeat-y; }
			 
#menu_bg { background: url(../images/menu_bg.png) 8px bottom no-repeat; }

#menu {	width: 214px; 
		float: left; 
		display: inline; 
		margin: 0px 0px 0px 8px; }
		
#menu_comment { height: 15px; 
				background: url(../images/menu_comment.png) no-repeat; }

#menu ol { margin: 25px 18px 25px 18px; }

#menu li { padding: 2px 0px; 
		   list-style: none; 
		   color: #FFFFFF; 
		   border-width: 1px 0px 0px 0px; 
		   border-style: solid; 
		   border-color: #004600; }
		   
#menu .last { border-width: 1px 0px 1px 0px; }

#menu li a, .inactive { display: block; padding: 8px 2px; line-height: 1.0; }

#menu li a:hover { background: url(../images/menu_mark.png) #004600 right bottom no-repeat; }

.active { background: #004600; }

#menu li a .link_title { font-size: 16px; display: block; }

#menu li a .link_description { margin: 0px 0px 0px 17px; 
							   display: block; color: #FFFF00; 
							   font-size: 10px; }

#content_container { width: 716px; 
					 float: left; 
					 display: inline; 
					 margin: 0px 0px 0px 14px; 
					 padding: 40px 0px 20px 0px; }
					 
#content { height: 350px; 
		   overflow: hidden; }
		   
.section { height: 350px; 
		   margin: 0px 0px 20px 0px; }

#bottom { height: 15px; 
		  background: #004600; }

#contactus { border-top: 1px #FFC01C solid; 
			 background: url(../images/contactus_bg.png) #444D53 center repeat; }
			 
#contactus_container { width: 960px; 
					   margin: 0px auto; }
					   
#phone { width: 176px; 
		 float: left; 
		 display: inline; 
		 margin: 80px 40px 0px 14px; 
		 border: 2px #FFC01C solid; 
		 background: url(../images/phone_bg.png) #004600 top no-repeat; }
		 
#phone h1 { margin: 12px 0px 0px 12px; 
			font-size: 20px; 
			font-weight: bold; }
			
#phone ul { margin: 20px 0px 12px 0px; }

#phone li { margin: 10px 0px 0px 24px; 
			padding: 0px 0px 0px 15px; 
			background: url(../images/block_mark.gif) left center no-repeat; 
			font-size: 12px; }

#form_container { width: 490px; float: left; 
				  display: inline; 
				  margin: 15px 0px 0px 0px; }
				  
#contactus_form { margin: 0px 0px 15px 0px; }

#form_left { width: 214px; 
			 float: left; 
			 display: inline; 
			 margin: 0px 0px 0px 14px; 
			 border-left: 3px #FFC01C solid; 
			 padding: 0px 0px 4px 0px; }
			 
#form_left label, #form_left input, #form_left select { margin-left: 16px; }

#form_right { width: 248px; 
			  float: right; 
			  display: inline; 
			  padding: 0px 0px 0px 0px; }

#location { width: 182px; 
			float: left; 
			display: inline; 
			margin: 80px 0px 0px 34px; }
			
#location h1 { margin: 0px 0px 10px 0px; 
			   border-bottom: 2px #FFC01C solid; 
			   font-size: 20px; 
			   font-weight: bold; }
			   
#location p { color: #FFFFFF; font-size: 13px;}

#location span { display: block; 
				 margin: 15px 0px 0px 0px; 
				 font-size: 12px; 
				 font-style: italic; 
				 color: #FFC01C;}

#footer { margin: 1px 0px 0px 0px; 
		  border-top: 1px #FFC01C solid; 
		  padding: 10px 0px 10px 0px; 
		  background: #004600; }
		  
#footer_container { width: 960px; margin: 0px auto; }

#footer_container ul { float: right; 
					   padding: 2px 10px 2px 10px; }
					   
#footer_container .last { border-left: 1px #FFC01C dashed; }

#footer_container ul li { padding: 0px 0px 0px 18px; 
						  background: url(../images/footer_mark.png) left 3px no-repeat; 
						  color: #AFB9BE; 
						  line-height: 1.3; 
						  font-size: 12px; }
						  
#footer_container ul .mail { background: url(../images/footer_mail.png) left 3px no-repeat; 
							 font-weight: bold; }
							 
#footer_container ul .copyright { background: url(../images/footer_copyright.png) left 4px no-repeat; 
								  font-weight: bold; }
								  
#footer_container ul li a:hover { color: #AFB9BE; }

.clear { clear: both; }