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

html, body {
	margin: 0;
	padding: 0;
	background: #F9F9F9;
} 

a:link {text-decoration: underline; color:#666;}
a:visited {text-decoration: underline; color:#666;}
a:active {text-decoration: underline; color:#666;}
a:hover {text-decoration: underline; color: #999;}
a.light:link {text-decoration: underline; color:#FFF;}
a.light:visited {text-decoration: underline; color:#FFF;}
a.light:active {text-decoration: underline; color:#FFF;}
a.light:hover {text-decoration: underline; color: #FFF;}


h1 { font: bold 2.2em "Trebuchet MS", Arial, Verdana, sans-serif; padding: 8px 0 8px 0; margin: 0; text-indent:-9000px; }

h3 { font: bold 20px "Trebuchet MS", Arial, Verdana, sans-serif; padding: 8px 0 0 0; margin: 0; }

h4 {
	font: bold 16px "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 0px 0 0 0;
	margin: 0;
}

p.normal { font: 14px "Trebuchet MS", Arial, Verdana, sans-serif; colour: #000; }

.spec { clear:both; font-size:15px; font-weight:bold; line-height:16px; margin:10px 0 20px; padding-top:8px; border-top:2px solid #EAEAEA; }

dl { display:block; margin-bottom:32px; }

dt { float:left; }

dd { margin-left:72px; margin-bottom:8px; } 

div.spacer { clear: both; }

.wrapper {
	width: 100%;
	padding: 0;
	margin: -8px 0 0 0;
	background: url(/images/top_bg.gif) repeat-x;
}

.header {
	width: 960px;
	height: 165px;
	margin: 0 auto;
}

h2.header {
	text-indent: -9000px;
}

.menuwrap {
	float: right;
	width: 623px;
	margin-top: 95px;
}

.logo {
	float: left;
	width: 113px;
	height: 120px;
	margin: 20px 0 0 60px;
	border: 0;
}  

.logoimg {
	border: 0;
} 


.footwrap {
	width: 960px;
	height: 136px;
	margin: 0 auto;
	font: 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	margin-top: 25px;
}

.footerleft {
	background: url(/images/footer_bg_blk.gif) no-repeat;;
	width: 243px;
	height: 126px;
	float: left;
	color: #fff;
	padding: 10px 20px 10px 20px;
}

.footermid {
	background: url(/images/footer_bg_gry.gif) no-repeat;;
	width: 183px;
	height: 126px;
	float: left;
	margin-left: 55.5px;
	color: #000;
	padding: 10px 80px 10px 20px;
}

.footerright {
	background: url(/images/footer_bg_blk.gif) no-repeat;
	width: 243px;
	height: 126px;
	float: left;
	margin-left: 55.5px;
	color: #fff;
	padding: 10px 20px 10px 20px;	
}

.main {
	width: 964px;
	height: auto;
	margin: 0 auto;
	margin-top: 0px;
}

.mainwrap {
	width: 884px;
	height: auto;
	margin: 0 auto;
	background: url(/images/feature_bg.gif) repeat-y;
	padding: 10px 40px 10px 40px;
	font: 14px "Trebuchet MS", Arial, Verdana, sans-serif;
}

.maintop {
	width: 964px;
	height: 23px;
	margin: 0 auto;
	background: url(/images/feature_bg_top.gif) no-repeat;
	margin-top: 25px;
}

.mainbot {
	width: 964px;
	height: 24px;
	margin: 0 auto;
	background: url(/images/feature_bg_bot.gif) no-repeat;
	margin-top: 0px;
}

/* menu */
#menu { height: 40px; margin: 0 auto; position: relative; z-index: 4; padding-top: 0px; }
#menu #nav { margin: 0; padding: 0; }
#menu #nav li { display: inline; }
#menu #nav li a { float: left; height: 0; padding-top: 43px; overflow: hidden; }
#menu #nav li a,
#menu #nav { background-image: url(/images/menu.png); _background-image: url(/images/menu.png); background-repeat: no-repeat; }

/* BUTTONS */
#menu #nav li#home a { background-position: 0 0; width: 115px;}
#menu #nav li#features a { background-position: -115px 0; width: 134px;}
#menu #nav li#products a { background-position: -249px 0; width: 123px;}
#menu #nav li#prices a { background-position: -372px 0; width: 121px; }
#menu #nav li#contact a { background-position: -493px 0; width: 130px;}

/* OVER STATES */
#menu #nav li#home a:hover { background-position: 0 -43px; width: 115px;}
#menu #nav li#features a:hover { background-position: -115px -43px; width: 134px;}
#menu #nav li#products a:hover { background-position: -249px -43px; width: 123px;}
#menu #nav li#prices a:hover { background-position: -372px -43px; width: 121px;}
#menu #nav li#contact a:hover { background-position: -493px -43px; width: 130px;}

/* PRESSED STATES */
#menu #nav li#home a:active { background-position: 0 -85px; width: 115px;}
#menu #nav li#features a:active { background-position: -115px -85px; width: 134px;}
#menu #nav li#products a:active{ background-position: -249px -85px; width: 123px;}
#menu #nav li#prices a:active { background-position: -372px -85px; width: 121px;}
#menu #nav li#contact a:active{ background-position: -493px -85px; width: 130px;}

/* ACTIVE STATES */
body#home #menu #nav li#home a { background-position: 0 -43px; width: 115px;}
body#features #menu #nav li#features a { background-position: -115px -43px; width: 134px;}
body#products #menu #nav li#products a { background-position: -249px -43px; width: 123px;}
body#prices #menu #nav li#prices a { background-position: -372px -43px; width: 121px;}
body#contact #menu #nav li#contact a { background-position: -493px -43px; width: 130px;}

.btn {
	border-width: 0px;
	padding: 0px 0 0 0;
	margin: 0px;
	background-color: #191919;
	font: bold 16px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #fff;
}

img {
	border: 0;
}

.gallery {
	width: 960px;
	margin: 0 auto;
	height: auto;
	display: inline-block;
	margin-top: -25px;
}

.galleryimg {
	margin: 20px 30px 10px 0px;
	border: 10px solid #E8E8E8;
}

.smalltext {
	font-size: 11px;
	margin-bottom: -10px;
}

.welcometext {
	float: left;
	width: 964px;
	height: 82px;
	margin-top: 40px;
	font: 14px "Trebuchet MS", Arial, Verdana, sans-serif , Arial;
	text-decoration: none;
	color: #FFFFFF;
	padding: 12px 10px 12px 15px;
	background: url(/images/welcome_bg.png) no-repeat;
}  

.featureleft {
	float: left;
	width: 50%;
}

.featureright {
	float: right;
	width: 50%;
}

.specleft {
	width: 240px;
	height: auto;
	float: left;
	padding: 10px;
	margin: 10px 30px 10px 10px;
}

.specmid {
	width: 240px;
	height: auto;
	float: left;
	padding: 10px;
	margin: 10px 10px 10px 10px;
}

.specright {
	width: 240px;
	height: auto;
	float: left;
	padding: 10px;	
	margin: 10px 10px 10px 30px;
}

.mainwrap span { font-weight:bold; }

.prices {
	width: 95%;
	list-style: none;
	margin: 0 0 20px 20px;
	padding: 0;
	font: 14px "Trebuchet MS", Arial, Verdana, sans-serif;
}
.prices li {
  clear: both;
  margin: 0;
  padding: 0 0 1.8em 0;
  position: relative;
  border-bottom: dotted 2px #999;
}
.prices strong {
  background: #fff;
  padding: 0 10px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: -.3em;
  left: 0;
}
.prices em {
  background: #fff;
  padding: 0 0 0 5px;
  font: 16px "Trebuchet MS", Arial, Verdana, sans-serif;
  position: absolute;
  bottom: -.2em;
  right: 0;
}
.prices sup {
	font-size: 10px;
	color: #000000;
	margin-left: 3px;
}

.bottom {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
}

.bottom span {
	float: right;


}

#tooltip{
	position:absolute;
	width: 200px;
	border:1px solid #333;
	background:#FFFFCC;
	padding:2px 5px;
	color:#333;
	display:none;
	font: 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	}	

/* Featured / Slider */

#featured { background:#000; width:964px; margin:0 auto;}
#featured #page-title { position:relative; }
#featuredtop { background: url(/images/slide_top.png); width:964px; height:12px;}
#featuredbtm { background: url(/images/slide_btm.png); width:964px; height:12px;}
#featured #page-title h2 { padding:25px 0; }
#featured .subscribe { position:absolute; right:0; top:25px; }
#featured .alignright {margin: 5px 30px 8px 20px;float: right;}

#slider-block { overflow:hidden; min-height:320px; }

.container { width:875px; height:320px; overflow:hidden; position:relative; cursor:pointer;  margin: 0 50px 0 50px;}
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:875px; display:none; }

/*
Old Slider
.container { position:relative; height:320px; width:860px; overflow:hidden; margin:0 auto; z-index:0;}
.container div { z-index:0; position:absolute; top:0; left:0; padding:0; width:860px; }
.container div div {  z-index: auto; position:static; padding:0px;width:auto; }
*/

#loopedSlider { width:964px; margin:0 auto; padding:5px 0;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:140px; left:0px; }
#loopedSlider li#n { position:absolute; top:140px; right:0px; }

#featured h2 { color:#fff; font-size:40px; padding:5px 0 10px; line-height:10px; font-weight:bold; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15); font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
#featured h4 { font-size:18px; color:#999; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; }
#featured p { font-size:14px; color:#fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height:20px; }

/* Homepage */
.home h3 { padding: 0; }
.home .feature { margin-left:65px; }
.home img.home-icon { float:left; padding:0; }
.btn-icon { float:left; padding:0; margin: 15px 5px 0 0; }

a.button {
    background: url(/images/btn-slider-right.png) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 46px; 
	margin-right: 6px;
	padding-right: 13px; 
	text-decoration: none;
	color: #3e3e3e;
	font-family: Georgia;
	text-shadow: 0 1px 0 #fff;
	font-size:18px;
}
a.button span {
	float:left;
	background: url(/images/btn-slider.png) no-repeat; 
	display: block;
	line-height: 46px; 
	padding: 1px 5px 5px 18px;
} 
a.button:hover span{ text-decoration:underline; }

span.middle { float: left; padding: 13px 13px 13px 9px; }

#panel {
	display: none;
}
.hide {
	margin: 0;
	padding: 0;
	border-top: solid 2px #999;
	background: url(/images/btn-slide.gif) no-repeat center top;

}
.btn-slide {
	background: url(/images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

a.btn-slide {
	color:#fff;
	text-decoration: none;
}

a.btn-slide:hover {
	color:#ccc;
}

.active {
	background-position: right 12px;
}

a.group {
	color: #0000FF;
	}