@import url("reset.css");
@import url("clearfix.css");
@import url("thickbox.css");
@import url("cmxform.css");

/***~Main Tags~***/
body { background: #eceded url(../images/core/bg.gif) repeat-x; color:#424344; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;}
.left { float:left!important; padding-right:4px; }
.right { float:right; padding-left:4px; text-align:right; }
.center { text-align:center; }
.important { color:#FF0000; }
.right-space { margin-right:30px; }
.very-important { font-size:1.3em; font-weight:bold;}
.clear { clear:both; }
#filler { display:none; }
a { color:#007dc2; text-decoration:none; }
a:hover { text-decoration:underline; }
p{margin-bottom:10px; }
h3 { font-size:1.2em; padding-bottom:10px; }
h4 { margin-bottom:20px; }

/* containers */
#backgroundDecal{ position:absolute; top:0; left:-160px; background:url(../images/core/backgroundDecal.gif) no-repeat; width:472px; height:412px; display:block; z-index:0; }
#container { margin: 0 auto; width:800px; position:relative;}
#header { height:140px; position:relative; z-index:2;  position:relative;}
#nav { height:40px; background:#d0d1d2;  z-index:2; position:relative;}
#banner {height:270px; margin:10px 0; color:#77838a; z-index:2; position:relative;}
#main { position:relative; background:#c4c6cd; padding:10px 20px; line-height:1.7em;}
#footerContainer { width:100%; overflow-x:hidden; border-top:1px solid #dadadb; background:#fff; clear:both;}
#footer { padding-top:20px; background:#fff; margin:0 auto; width:800px; text-align:center; color:#77838a; line-height:1.9em;}

/*header elements*/
#headerNav{ position:absolute; right:0; height:24px; display:block; width:419px; background:#77838a url(../images/core/topNav.gif); color:#fff;}
#headerNav ul li {float:left; display:block; }
#headerNav ul li a {display:block; height:24px; text-indent:-9999px;}
#headerNav ul li#topHome{ width:65px;} #headerNav ul li#topAbout{ width:80px;} 
#headerNav ul li#topEmploy{ width:180px;} #headerNav ul li#topContact{ width:94px;}

#headerNav ul li#topHome a:hover, #bHome #headerNav ul li#topHome a { background:url(../images/core/topNav.gif) no-repeat 0 -24px;} 
#headerNav ul li#topAbout a:hover, #bAbout #headerNav ul li#topAbout a { background:url(../images/core/topNav.gif) no-repeat -65px -24px;}
#headerNav ul li#topEmploy a:hover, #bEmployment #headerNav ul li#topEmploy a { background:url(../images/core/topNav.gif) no-repeat -145px -24px;} 
#headerNav ul li#topContact a:hover, #bContact #headerNav ul li#topContact a { background:url(../images/core/topNav.gif) no-repeat -325px -24px;}

a#logo{ position:absolute; top:20px; left:0; display:block; height:100px; width:354px;}
a#contact{position:absolute; top:60px; right:100px; display:block; height:44px; width:200px;}

/*nav elements */
#nav ul{ width:800px; height:40px; background:url(../images/core/nav.gif) no-repeat;}
#nav ul li {float:left; display:block; text-indent:-9999px;}
#nav ul li a {display:block; height:40px;}
#nav ul li#sales{width:150px;} #nav ul li#service{width:100px;}
#nav ul li#air{width:180px;} #nav ul li#second{width:150px;}
 #nav ul li#winery2{width:200px;}
#nav ul li a:hover {background:url(../images/core/nav.gif) no-repeat;}

#nav ul li#sales a:hover, #bSales #nav ul li#sales a {background:url(../images/core/nav.gif) no-repeat -0px -40px;} 
#nav ul li#service a:hover, #bService #nav ul li#service a{background:url(../images/core/nav.gif) no-repeat -150px -40px;}
#nav ul li#air a:hover, #bAir #nav ul li#air a{background:url(../images/core/nav.gif) no-repeat -250px -40px;} 
#nav ul li#second a:hover, #bSecond #nav ul li#second a{background:url(../images/core/nav.gif) no-repeat -430px -40px;}
#nav ul li#winery2 a:hover, #bWinery #nav ul li#winery2 a{background:url(../images/core/nav.gif) no-repeat -580px -40px;}

/*banner elements */
#flash{ float:left; display:block; width:570px; height:270px; background:#77838a; overflow:hidden; }
	#flash img {  padding:12px;}
#bannerContent{float:left; width:230px;}
	#bannerContent ul { padding-left:10px;}
	#bannerContent ul li{ border:1px solid #dadadb; background:#fff; width:200px; padding:9px; margin-bottom:10px; font-size:12px; font-weight:bold; line-height:1.5em;}
		#bannerContent ul li img { padding-left:5px; }
	#bannerContent ul li#bullets {width:208px; height:179px; padding:9px 5px;}
	li#bullets ol {}
	li#bullets ol li {border:none; background:none; padding:0 0 12px 0; margin:4px 0 0 0; list-style:url(../images/core/bannerBullet.gif) ; margin-left:20px; }
	
/*main Elements*/
h1{ position:relative; left:-40px; width:840px; height:35px; margin:14px 0 20px 0; background: #77838a no-repeat 40px 9px; text-indent:-9999px; }

h1#h1Home{ background-image:url(../images/h1/h1-home-back.gif); height:64px; } h1#h1Contact{ background-image:url(../images/h1/h1Contact.gif);}
h1#h1About{ background-image:url(../images/h1/h1About.gif);} h1#h1Service{ background-image:url(../images/h1/h1Service.gif);} 
h1#h1Air{ background-image:url(../images/h1/h1Air.gif);} h1#h1Second{ background-image:url(../images/h1/h1Second.gif);} 
h1#h1Employ{ background-image:url(../images/h1/h1Employ.gif);} h1#h1Sales{ background-image:url(../images/h1/h1Sales.gif);} 
h1#h1Winery{ background-image:url(../images/h1/h1Wine.gif);} h1#h1Employ{ background-image:url(../images/h1/h1Employ.gif);}
h1#h1Thank{ background-image:url(../images/h1/h1Thank.gif);}

h2{ margin-bottom:10px; font: 16px bolder Verdana, Arial, Helvetica, sans-serif; clear:both; border-bottom:#999 1px solid;}
h2#strong { font-weight:bold; }
h2.dropdown {   color:#007dc2; cursor:pointer; clear:both; }
h2.dropdown:hover { color:#77838a; }

#main ul, #main ol {padding:0 0 20px 10px; }
#main ol { padding-left:30px; }
#main ol li{ list-style:disc; padding-top:5px;}
iframe { float:right; padding-left:20px; width:425px; height:350px; }

dl { padding-bottom:20px;}
dt{ font-size:16px; padding-bottom:10px; font-weight:bold;}
dd{ padding-left:5px;}

.thickboxContainer { float:right; margin-left:20px; padding-right:8px; min-width:175px; max-width:200px; text-align:right; clear:right; }
a.thickbox img { margin-bottom:20px; border:#77838a 3px solid; }
a.thickbox:hover img {	border:#007dc2 3px solid; }

.cta { width:200px; position:absolute; top:-240px; left:-210px; color:#999; font-size:14px; font-style:oblique; padding-top:20px; text-align:right; 
		background:url(../images/core/ctaComma.gif) no-repeat; line-height:1.6em;}

/* footer elements */
#affiliates{margin: 0 30px 5px 30px; padding-bottom:10px; border-bottom:2px solid #eceded; width:750px; }
#affiliates ul { width:750px; height:45px; display:block; background:url(../images/core/affiliates.gif) 0 -45px no-repeat; }
#affiliates ul li{ float:left; display:block; height:45px; text-indent:-9999px;}
#affiliates ul li a{ display:block; height:45px;}

#affiliates ul li#fluid{ width:140px;} #affiliates ul li#actron{ width:130px;} #affiliates ul li#panasonic{ width:120px;}
#affiliates ul li#daiken{ width:145px;}  #affiliates ul li#csr{ width:52px;}  #affiliates ul li#skope{ width:163px;}

#affiliates ul li a:hover {background:url(../images/core/affiliates.gif) no-repeat; }
#affiliates ul li#fluid a:hover{ background-position:0 0;} #affiliates ul li#actron a:hover{ background-position:-140px 0;} 
#affiliates ul li#panasonic a:hover{ background-position:-270px 0;} #affiliates ul li#daiken a:hover{ background-position:-390px 0;}  
#affiliates ul li#csr a:hover{ background-position:-535px 0;} #affiliates ul li#skope a:hover{ background-position:-587px 0;}

#footer a { color:#77838a; }


/* navigation lists */
#nav ul li { display:block; height:30px; }
#nav ul li:hover { background:#ccc; cursor:pointer; }

/* lists */

.importantList { float:right; padding:10px; margin:0 0 20px 10px; width:180px; border:3px solid #aaa; background:#eee; color:#007dc2; }