/* CSS Document */
body{padding:0;margin:0;background:url(../img/top-background.jpg) 0 0 repeat-x #fff;font:0.8em/1.4em Arial, Helvetica, sans-serif;color:#3D3C2C;}
div, p, h1, h2, h3, ul, img{padding:0px;margin:0px;}
ul{list-style-type:none;}
a {color:#0066CC;}
img {border:none;}

/****** TOP ******/
#topnav{width:950px;height:48px;position:relative;margin:0 auto;padding:0;background:url(../img/strip.jpg) no-repeat;}
#topnav img{border:none;}

/****** TOP NAV ******/
#topnav ul{width:630px;display:block;position:absolute;top:0px;right:0px;}
#topnav ul li{float:left;width:104px;display:block;text-align:center;font-weight:bold;}
#topnav ul li a{display:block;color:#000;text-decoration:none;line-height:3.5em;}
#topnav ul li a:hover{background:url(../img/nav-background1.jpg) repeat-x;width:104px;display:block;color:#0066CC;text-decoration:none;}

/****** BRANDING PANEL ******/
#branding{width:950px;position:relative;height:145px;margin:0 auto;padding:0;background:#0066CC;}
#logo{width:250px;background:#0066CC;float:left;}
#logo img {border:none;}
#pic {float:right;}

/****** CONTENT ******/
#content{width:950px;height:100%;margin:0 auto;}

/****** SIDEBAR ******/
#sidebar{width:250px;float:left;background:url(../img/sidebar.jpg) no-repeat #badaef;}
#sidebar p {font:0.8em/1.5em Arial, Helvetica, sans-serif;color:#000;margin:0 20px 0 20px;}
#sidebar h2{display:block;position:relative;margin:10px 0 10px 13px;font:1.2em/1.2em Georgia, "Times New Roman", Times, serif;color:#000;}
#sidebar h2 span{color:#0066CC;}

#sidebar form{width:180px;background:#8db2d0;padding:20px;margin:0 0 0 8px;}
#subscribeform{width:237px;height:185px;position:relative;margin:5px auto;padding:0;color:#FFFFFF;}

#subnav {width:237px;height:100%;position:relative;margin:5px 5px 10px 5px;padding:0;}

#subnav ul{}
#subnav ul li{padding:0px 0px 3px 20px;} 
#subnav ul li a{text-decoration:underline;color:#0066CC;line-height:1.5em;width:200px;}
#subnav ul li a:hover{text-decoration:none;color:#000000;}

#subnav ul.sub2 li{font:0.8em/1.2em Arial, Helvetica, sans-serif;background:none;} 
#subnav ul.sub2 li a{color:#0066CC;}
#subnav ul.sub2 li a:hover{color:#000}

#info {margin:20px 0 10px 0;}
#footlinks {margin:20px 0 10px 0;}
#credits {margin:20px 0 10px 0;}

/****** BODY CONTENT ******/
#body{width:700px;float:right;background:#fff;color:#666;background:url(../img/page-symbol.jpg) 0px 0px no-repeat }

#body h2{position:relative;padding:0px 0 0 0;font:2em/1em Georgia, "Times New Roman", Times, serif;color:#000;margin:20px 0 20px 60px;}
#body p{padding:7px 60px 7px 60px;}
#body p.blue{color:#0066CC;font-size:1.3em;line-height:1em;padding:0 80px 26px;}
.productsummary {background:#EDEDED;border-bottom:1px solid #999999;margin:10px 50px 0px 50px;}

#body h3{position:relative;font:1.2em/1.2em Arial, Helvetica, sans-serif;color:#222;margin:10px 0 10px 60px;}
#body h4{position:relative;font:1.2em/1em Georgia, "Times New Roman", Times, serif;color:#0066CC;margin:20px 30px 10px 60px;text-align:right;border-bottom:1px solid #CCCCCC;}

#body ul{position:relative;top:5px;left:80px;margin:0 0 20px 0;width:550px;}
#body li{background:url(../img/star1.jpg) 0 4px no-repeat;font:1em/1.6em Arial, Helvetica, sans-serif;padding:0 0 0 25px;}
#body li a{color:#0066CC;text-decoration:underline;line-height:1.5em;}
#body ul li a:hover{background:#EEEEEE;text-decoration:none;line-height:1.5em;}

/****** TABLE ******/
#mytable {padding:0;margin:0 0 0 60px;width:600px;font:0.75em/1.4em Arial, Helvetica, sans-serif;}
caption {padding:0 0 5px 0;font:italic 0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align:right;}

th {color:#333333;border-right:1px solid #999999;border-bottom:1px solid #999999;border-top:1px solid #999999;text-transform:uppercase;padding:6px 6px 6px 12px;background:#CCCCCC;}
th.nobg {border-top:0;border-left:0;border-right:1px solid #999999;background:none;}

td {border-right:1px solid #999999;border-bottom:1px solid #999999;background:#fff;padding:6px 6px 6px 12px;color:#333333;}
td.alt {background:#EEEEEE;color:#000;}
th.spec {border-left:1px solid #999999;border-top:0;background:#fff;}
th.specalt {border-left:1px solid #999999;border-top:0;background:#EEEEEE;color:#000;}

/***** FORM *****/
form {margin:0px 0 0px 50px ;}
label {margin:2px;}
fieldset, contactform {border:none;}

/****** VARIOUS CLASSES ******/
.imageleft{float:left;margin:0 20px 0 0;border:1px solid #eee;padding:8px;}
.imageright{float:right;margin: 0 0 0 10px; border:1px solid #eee;padding:8px;}
.imageleftnb{float:left;margin:0 20px 0 0;}
.imagerightnb{float:right;margin:0 0 0 10px;}
.hide{display:none;}

/***** Portfolio *****/
.portfolio1 {margin:0 0 0 60px;}
.portfolio {margin:0 0 0 2px;}

/***** Lightbox *****/
#lightbox {left:0;line-height:0px;position:absolute;text-align:center;top:40px;width:100%;z-index:100;}
#lightbox a img {border:none;}
#outerImageContainer {background:#fff;height:250px;margin:0 auto;position:relative;width:250px;}
#imageContainer {padding:10px;}
#loading {height:25%;left:0;line-height:0px;position:absolute;text-align:center;top:40%;width:100%;}
#hoverNav {height:100%;left:0;position:absolute;top:0;width:100%;z-index:10; }
#imageContainer>#hoverNav {left:0;}
#hoverNav a { outline:none; }
#prevLink, #nextLink { background:transparent url('images/blank.gif') no-repeat; display:block; height:100%; width:49%; }
#prevLink { float:left; left:0 }
#nextLink { float:right; right:0; }
#prevLink:hover, #prevLink:visited:hover { background:url('images/prevlabel.gif') left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url('images/nextlabel.gif') right no-repeat; }
#imageDataContainer { background:#fff; font:10px Verdana, Helvetica, sans-serif; line-height:1.4em; margin:0 auto; }
#imageData { padding:0 10px; }
#imageData #imageDetails { float:left; text-align:left; width:70%; }
#imageData #caption { font-weight:700; }
#imageData #numberDisplay { clear:left; display:block; padding:0 0 1em; }
#imageData #bottomNavClose { float:right; padding:0 0 0.7em; width:66px; }
#overlay { background:#000; height:500px; left:0; position:absolute; top:0; width:100%; z-index:90; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html>body .clearfix { display:inline; width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }