/*********************************

	 Hyoco CSS Guide

	 Project: DDS

	 Version: 1.0	 

 *********************************/

	/*************************
	
	Base
	
	*************************/
	*{ padding:0px; margin:0px; border:none; outline:none;}
	BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P {
		font-family:Arial, Helvetica, sans-serif;
		line-height:25px;
		font-size: 13px;
		color: #999;
		
		
	}
	html{ width:100%; height:100%;}
	body { width:100%; height:100%; text-shadow: #000 0 0 0; }
	a{ color:#CCC;}
	.imgLink{ display:none;}
	
	/* Site Structure */
	#SiteBG{position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/site_bg.gif) repeat-x #FFF; z-index:1;}
	#SiteWrapp{position:absolute; top:0; left:0; width:100%; height:100%;  z-index:10;text-align:center; }
	#SiteContainer{display:block;width:950px; height:500px;  margin:0 auto; }
	#SiteTop{display:block; position:relative; width:950px; height:72px; background:url(../img/site_top_bg.gif) no-repeat; overflow:hidden;}
	#SiteLogo{ display:block; position:absolute; top:0; left:18px; }
	#SiteLogo a{ display:block; width:100px; height:70px;}
	#SiteLogoHyoco{ display:block; position:absolute; top:10px; right:20px; }
	#SiteLogoHyoco a{ display:block; width:100px; height:30px;}
	
	#SiteTop ul{ display:block; width:600px; height:43px; position:absolute; bottom:0; left:130px;}
	#SiteTop ul li{ list-style:none; display:block; float:left; margin-left:22px;}
	#SiteTop ul li a{ display:block; height:43px; background:url(../img/main_nav_bg.gif) no-repeat;}
	
	#SiteTop ul li a.nav_about{ width:88px; background-position:0 0;}
	#SiteTop ul li a.nav_warranty{ width:82px; background-position:-110px 0;}
	#SiteTop ul li a.nav_employment{ width:92px; background-position:-213px 0;}
	#SiteTop ul li a.nav_contact{ width:93px; background-position:-327px 0;}
	
	#SiteTop ul li a.nav_about_set,#SiteTop ul li a.nav_about:hover{ width:88px; background-position:0 -57px;}
	#SiteTop ul li a.nav_warranty_set,#SiteTop ul li a.nav_warranty:hover{ width:82px; background-position:-110px -57px;}
	#SiteTop ul li a.nav_employment_set,#SiteTop ul li a.nav_employment:hover{ width:92px; background-position:-213px -57px;}
	#SiteTop ul li a.nav_contact_set,#SiteTop ul li a.nav_contact:hover{ width:93px; background-position:-327px -57px;}
	



	
	
	#SiteBanner{display:block;width:950px; background:url(../img/site_banner_bg.gif) no-repeat; margin-top:6px; position:relative;}
	#SiteBanner img{ position:absolute; bottom:0px; left:0px;}
	div.home{ height:400px;}
	div.subpage{ height:254px;}
	
	#SiteContent{display:block;width:950px;}
	div.home_content{ position:relative; height:273px; background:url(../img/content_bg_home.png) no-repeat;}
	div.subpage_content{ position:relative; background:url(../img/content_bg.gif) repeat-y; text-align:left}
	#SideBar{ display:block; width:231px; float:left; margin:20px 0 20px 0; }
	#MainContent{ display:block; width:662px; float:left; margin:20px 0 20px 0;}
	#MainContent h3{ display:block; width:662px; height:42px; margin-bottom:10px;}
	#MainContent h3.header_about{ background:url(../img/header_about.png) no-repeat}
	#MainContent h3.header_warranty{ background:url(../img/header_warranty.png) no-repeat}
	#MainContent h3.header_employment{ background:url(../img/header_employment.png) no-repeat}
	#MainContent h3.header_contact{ background:url(../img/header_contact.png) no-repeat}
	#MainContent h4{display:block;  padding-left:25px;}
	#MainContent p{display:block; padding:0 25px 0 25px; color:#333}
	#MainContent p a{ color:#0068b3; text-decoration:none;}
	#MainContent p a:hover{ color:#0068b3; text-decoration:underline;}
	
	#MainContentBottom{display:block; width:950px; height:5px; line-height:5px; background:#000; clear:both;}
	
	#SiteFooter{ display:block; clear:both; width:950px; height:50px; font-size:85%; line-height:12px;}
	
	/* Home Page Content */
	#SiteContent.home_content ul{ position:absolute; top:30px; left:275px !important; left:240px ;}
	#SiteContent.home_content ul li{ list-style:none; display:block; width:270px; height:150px; float:left; border:solid 0px #FC0; text-align:left; margin-left:40px;}
	#SiteContent.home_content ul li h3{ display:block; width:250px; height:11px; margin-bottom:10px;}
	#SiteContent.home_content ul li h3.header_about{ background:url(../img/section_header_about.png) no-repeat}
	#SiteContent.home_content ul li h3.header_warranty{ background:url(../img/section_header_warranty.png) no-repeat}
	#SiteContent.home_content ul li p{ font-size:93%; color:#666; line-height:18px;}
	#SiteContent.home_content ul li a.btn_learn_more{ display:block; width:89px; height:14px; background:url(../img/btn_learn_more.png) no-repeat; margin-top:20px;}