@charset "UTF-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }
h1 { font-size: 42px; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 160%; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; }
p, li { font-family: Verdana, Arial, Helvetica, sans-serif; color: #4D6680; font-size: 70%; line-height: 160%; }
.clearer { clear: both; }
.divider { width: 710px; background: url(../images/divider.gif) repeat-x; padding: 15px 0px 30px 0px; margin: 0px auto 0px auto; }
.img-float-left { float: left; padding: 0px 20px 20px 10px; }
.divider-pad { padding: 15px 10px 30px 10px; width: 730px; height: 1px; }
.index-img-pad { padding-bottom: 15px; }
.nostyle { list-style: none; padding: 0px; } 
.performance { border: 2px solid #CCC; background: #FFF; padding: 10px 10px 0px 10px; }
.unbold { font-weight: normal !important; }
.text-maroon { color: #D96D3B; }
.m-bottom { margin-bottom: 10px; }
.logo-pad { padding-left: 25px; float: left; }
.contact-number { margin: 45px 0px 0px 290px; float: left; background: #498bcb; width: 422px; height: 53px; color: #FFF; text-align: center; font-size: 36px; padding-top: 3px;
/* css3 */ -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; }


 @font-face {font-family: 'HessGothicRoundNF';src: url('../webfonts/eot/style_169722.eot?#iefix') format('embedded-opentype'),url('../webfonts/woff/style_169722.woff') format('woff'),url('../webfonts/ttf/style_169722.ttf') format('truetype'),url('../webfonts/svg/style_169722.svg#HessGothicRoundNF') format('svg');}
 
.hessGothic { font-family: HessGothicRoundNF, Arial, Helvetica, sans-serif; }


/* framework */

#frame { margin: 0px auto 20px auto; width: 950px; background: #FFFFFF; }
#frame-top { height: 150px; }

#frame-nav { float: left; width: 200px; padding-right: 20px; }
#frame-nav ul { float: right; width: 150px; }
#frame-nav li { list-style: none; border-bottom: solid 1px #B5CCE3; padding: 12px 0px;  }
#frame-nav a { color: #498BCB; text-decoration: none; }
#frame-nav a:hover { color: #D96D3B; text-decoration: none; }
#frame-nav .selected a { color: #D96D3B!important; }
#frame-nav .hessGothic { font-family: HessGothicRoundNF, Arial, Helvetica, sans-serif; font-size: 22px; }

#frame-content { float: left; width: 730px; }
#frame-content h1 { padding: 0px 10px 15px 10px; color: #498BCB; line-height: 130%; }
#frame-content h2 { padding: 0px 10px 15px 10px; font-size: 75%; color: #498BCB; }
#frame-content h3 { padding: 0px 10px 5px 10px; font-size: 75%; color: #D96D3B; }
#frame-content p { padding: 0px 10px 15px 10px; }
#frame-content a { color: #D96D3B; text-decoration: underline; }
#frame-content a:hover { color: #E0DA52; text-decoration: underline; }
#frame-content ul { padding: 0px 0px 15px 26px; }
#frame-content li { padding: 0px 0px 5px 0px; }
#frame-content .nostyle { list-style: none; padding-left: 10px; }

#frame-footer { background: url(../images/bkg-footer.jpg) repeat-x; margin: 10px auto 0px auto; width: 710px; padding: 20px 0px; }
#frame-footer ul { float: left; padding-right: 20px; }
#frame-footer li { list-style: none; padding-bottom: 5px; }
#frame-footer a { color: #4D6680; text-decoration: underline; }
#frame-footer a:hover { color: #D96D3B; text-decoration: underline; }
#frame-footer h3 { font-size: 28px; padding: 10px 0px 20px 25px; color: #498BCB }
#frame-footer p { float: left; padding-left: 40px; border-left: solid 1px #B5CCE3; }

#frame-products { padding-top: 20px; }
#frame-products h2 { padding: 20px 0px 0px 0px; }
#frame-products p { padding: 0px; }
.product-holder { padding: 0px 4px 0px 4px; width: 720px; }
.product { float: left; width: 170px; margin: 0px 4px 20px 4px; }


/*jQuery Ad Rotator Styles*/
/* rotator in-page placement */
    div.rotator {
	position:relative;
	display: none;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:0px solid white;
	background: #FFF;
}
    div.rotator ul li.show {
	z-index:1500
}

#intro-flash ul { height: 304px; margin-bottom: 10px!important; padding: 0px!important; }


/* buttons */

.but-home a { display: block; width: 150px; height: 24px; background: url("../images/but-home.gif") 0 0 no-repeat; }
.but-home a:hover { background-position: -150px 0; }

.but-home-selected a { display: block; width: 150px; height: 24px; background: url("../images/but-home.gif") -150px 0 no-repeat; }

.but-about a { display: block; width: 150px; height: 24px; background: url(../images/but-about-us.gif) 0 0 no-repeat; }
.but-about a:hover { background-position: -150px 0; }

.but-about-selected a { display: block; width: 150px; height: 24px; background: url(../images/but-about-us.gif) -150px 0 no-repeat; }

.but-servicing a { display: block; width: 150px; height: 24px; background: url(../images/but-servicing.gif) 0 0 no-repeat; }
.but-servicing a:hover { background-position: -150px 0; }

.but-servicing-selected a { display: block; width: 150px; height: 24px; background: url(../images/but-servicing.gif) -150px 0 no-repeat; }

.but-products a { display: block; width: 150px; height: 24px; background: url(../images/but-products.gif) 0 0 no-repeat; }
.but-products a:hover { background-position: -150px 0; }

.but-products-selected a { display: block; width: 150px; height: 24px; background: url(../images/but-products.gif) -150px 0 no-repeat; }

.but-news a { display: block; width: 150px; height: 24px; background: url(../images/but-news.gif) 0 0 no-repeat; }
.but-news a:hover { background-position: -150px 0; }

.but-news-selected a { display: block; width: 150px; height: 24px; background: url(../images/but-news.gif) -150px 0 no-repeat; }

.but-contact a { display: block; width: 150px; height: 24px; background: url(../images/but-contact.gif) 0 0 no-repeat; }
.but-contact a:hover { background-position: -150px 0; }

.but-contact-selected a { display: block; width: 150px; height: 24px; background: url(../images/but-contact.gif) -150px 0 no-repeat; }