/* default.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/

body {background: #edf3f5 url(../images/bg_engineer-drawing.gif) no-repeat top center; font: 100% Verdana, Tahoma, Arial, sans-serif; text-align: center; color: #4f5657; line-height: 1.31em;}

#headerbg {background: url(../images/bg_header.jpg) repeat-x;}

#wrapper {width: 950px; margin: 0 auto;  position: relative; text-align: left;}

#header {width: 950px; height:120px;}
	#logo {float:left; width: 145px;}
	#headertext {float:left; width: 420px; margin:29px 0 0 15px; font: 1em Tahoma, Arial, sans-serif;  color:#acdae0}
	#quote {float:right; width: 200px; text-align:center; margin:32px 25px 0 0; color:#a8b6b8; font:1em Tahoma, Arial, sans-serif; font-weight:bold;}
		.phone {font: 1.25em Arial, Tahoma, sans-serif; color:#a8e9f1; font-weight:normal;}

#content {}
#footer {height: 187px; background: #707272 url(../images/bg_footerborder.gif) repeat-x top center;}
	#footer p {font-family:Tahoma, Arial, sans-serif; color:#b4dbdf; padding-bottom:1em; line-height:1.31em;}
	#footer a {color:#e5f9fc;}
	#footer a:hover{color:#ffffff;}
	#footercontainer {width:910px; height: 147px; margin: 0 auto; padding:40px 20px 0px 20px; background: url(../images/bg_refrigeration-system.gif) no-repeat left bottom;}
		#footerlogos{float:left; width:460px; padding:8px 0 0 30px; text-align:left;}
			#footerlogos img {margin-right:85px; vertical-align:middle;}
		#footercontent {float:right; width: 360px; text-align:right;}
			#credit a, #credit a:visited {color:#b4dbdf;}
			#credit a:hover {color:#ffffff;}

.clear {clear: both; zoom:1;}

/*
--------------------------
COLUMNS
--------------------------
*/
.column {float: left;}
.column.left {width: 595px; padding: 35px 30px 35px 18px;}
.column.right {width: 275px; padding:35px 10px 35px 20px;}

/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1 {font: 1.56em  Georgia, "Times New Roman", serif; font-weight:bold; color: #026c7d; border-bottom: 2px solid #bee5ec; margin-bottom: 1em;}

h2 {font: 1.25em Georgia, "Times New Roman", serif; color: #d04934; border-bottom: 1px solid #e4c0bb; padding-bottom:2px; margin-bottom:1em;}

h3 {font: 1.13em Georgia, "Times New Roman", serif; color: #026c7d; padding:.81em 0 .63em 0;}

h4 {font: 1.13em Georgia, "Times New Roman", serif; color: #ffffff;}

h5 {font: 1em Georgia, "Times New Roman", serif; color: #656e73; margin-top:1.5em;}

h6 {font: .81em Georgia, "Times New Roman", serif; font-weight:bold; color: #656e73;}

p {font: .75em/1.63em Verdana, Arial, Helvetica, sans-serif; padding-bottom: 1.25em;}

li {font-size:.75em;}

em {font-style: italic;}

strong {font-weight: bold;}

blockquote p{font-size: 1em; color:#9fa6a9; line-height:1.38em; padding:0;}

a {color: #009999;}
a:link, a:visited, a:active, a:hover, a.active {text-decoration: underline;}
a:hover {color: #d04934;}
a:visited {color: #026c7d;}
a.nounderline {text-decoration:none;}

hr {border: none; border-top: 1px solid #bee5ec; height: 1px; display: block; clear: both;}

/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

/*
--------------------------
MAIN NAVIGATION
--------------------------
*/

ul.navigation {height: 40px; position:relative; margin:12px 0 13px 630px;}
ul.navigation li {float: left; position:relative;}
ul.navigation li a {display: block; overflow: hidden; height: 40px; background-repeat: no-repeat; background-image: url(../images/img_nav.gif);}

/* set widths and background position from the left */
ul.navigation li.home a {width: 98px; background-position: 0 0;}
ul.navigation li.products a {width: 108px; background-position: -98px 0;}
ul.navigation li.services a {width: 102px; background-position: -206px 0;}

/* set visited, hover positions from the top */
ul.navigation li.home a:hover {width: 98px; background-position: 0 -40px;}
ul.navigation li.products a:hover {width: 108px; background-position: -98px -40px;}
ul.navigation li.services a:hover {width: 102px; background-position: -206px -40px;}

/* set .active positions from the top */
ul.current-home li.home a, ul.current-home li.home a:hover  {width: 98px; background-position: 0 -80px;}
ul.current-products li.products a, ul.current-products li.products a:hover {width: 108px; background-position: -98px -80px;}
ul.current-services li.services a, ul.current-services li.services a:hover {width: 102px; background-position: -206px -80px;}

/** end **/


/*
--------------------------
FORM
--------------------------
*/
#form {background-color:#e8f2f5; border:1px solid #026c7d; margin:35px 0 35px 0; width:275px;}
#form h4 {background-color:#026c7d; display:block; padding:6px 0 6px 20px;}
#form p {padding-bottom:5px;}
.btnsubmit{width:96%;text-align:right;}
#submit {
	background: transparent url(../images/btn_sendinquiry.gif) no-repeat;
	width: 98px;
  	height: 28px;
  	padding: 0;
  	border: 0;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
#submit:hover {
	background: transparent url(../images/btn_sendinquiry_o.gif) no-repeat;
	}
.required {color:#ff3333;}

.hiddenpic {display:none;}

/* clear without structural mark-up - now works in ie7 ......*/
.clearfix:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
}
.clearfix {
        display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */


/*
--------------------------
CUSTOM
--------------------------
*/

/* slideshow */
#introhome {width: 950px; height:252px; background: url(../images/bg_homefeature.jpg) no-repeat;}
#gallery {position:relative; float:left; width:330px; margin:17px 20px 0 15px;}
#slideshow {position:relative; float:left; width:279px;}
#slideshow .slide {position: relative; display: block; width: 279px; height: 217px; overflow: hidden;}
#slideshow .slide img {border:4px solid #ffffff;}
#slideshow .slide .content {position: absolute; left: 15px; top: 194px;}
#slideshow .slide .content p {line-height:1em; font-size:.81em; color: #2e3d3f;}
#prev {width: 12px; height:26px; position: relative; float:left; margin:95px 5px 0 0;}
#next {width: 12px; height:26px; position: relative; float:left; margin:95px 0 0 5px;}

#introhomecontent {position:relative; float:left; width:540px; margin:30px 0 0 0;}
#introhomecontent p {font-size:.88em; line-height:1.63em;}

#introproducts {width: 640px; height:64px; background: url(../images/bg_productsfeature.jpg) no-repeat; padding:35px 30px 10px 280px;}
#introservices {width: 640px; height:64px; background: url(../images/bg_servicesfeature.jpg) no-repeat; padding:35px 30px 10px 280px;}

/* other */
.pagefeature {float:left; width:266px; padding:20px 15px 0 15px;}
.pagefeature img {float:left; width:32px; vertical-align:middle;}
.pagefeature h2 {float:left; width:220px; margin-left:10px; margin-bottom:.61em;}
.pagefeature h2 a, .pagefeature h2 a:hover, .pagefeature h2 a:visited {color:#d04934; text-decoration:none;}

ul.bullet {margin:0 0 1.5em 15px;}
ul.bullet li {background: url(../images/icon_arrow.gif) no-repeat left top; padding-left:1.61em;font-size:.75em;}

.imgalign {vertical-align:middle;}
.picleft {float:left; margin-right:15px; border:4px solid #ffffff;}
.picright {float:right; margin-left:15px; border:4px solid #ffffff;}
.error {color:#ff0000; border:1px solid #ccc; padding:10px; margin-bottom:20px;}

/* sidebar */
#box {width: 275px; background: url(../images/box_middle.jpg) repeat-y;}
#box #top {width: 275px; height: 8px; background: url(../images/box_top.jpg) no-repeat;}
#box #bottom {width: 275px; height: 8px; background: url(../images/box_bottom.jpg) no-repeat bottom left;}
#box #contact {float:left; width: 187px; padding: 15px 0 15px 5px;}
#box #contact img {vertical-align: text-bottom;}
#box #contact ul li {padding-bottom: 0; line-height:1.63em;}
#box .screw {float:left; width:17px; margin:86px 12px 0 12px;}
#box h2 {color:#415153; border-bottom: none; margin-bottom:.5em;}
#box p {line-height:1.25em;}

#brochure {margin: 0 0 40px 15px;}
.downloadbutton {margin:0; padding:0;}
.downloadbutton li {
	list-style:none;
	height:52px;
	position:relative;
	margin-bottom:9px;
	}
.downloadbutton li a {height:52px; text-indent:-9000px; display:block;}
a#brochurepdf {width:248px; height:52px; background: url(../images/btn_download-brochure.gif) no-repeat;}
a:hover#brochurepdf {background-position: 0 -52px;} 

img.vendor {margin:0 10px 15px 10px;}