*, 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, ul, li, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; outline: 0;
/*border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;list-style: none; background: none; */ }
.reset { clear: both; display: block; height: 0; font-size: 1px; line-height: 0.1; }
/* =STRUCTURE
* ----------------------------------------------------*/
html { background: #fff; height: 100%; }
body { width: 100%; font: normal 13px arial, sans-serif; text-align: center; color: #000; height: 100%; }
#wrapper { }
/* =REDEFINTION
* ----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
p { color:#333; }
a { color:#02A0C6; text-decoration:underline; }
a:hover, a:focus, a:active { color:#0287A8; text-decoration:none; }
a:focus, a:active { }
img, a img { }
abbr, acronym {
}
blockquote {
}
cite {
}
em {
}
strong {
font-weight:bold;
}
/* =HEADERS
* ----------------------------------------------------*/
#preheader { margin:0 auto; width:940px; padding:15px 0 15px 0; height:60px; border-top:20px solid #E6E6E6; }
div#logo { float:left; display: block; margin:0 20px 20px 20px; width: 157px; height: 67px; }
div#logo a { background: url("/i/logo.gif") no-repeat; position: relative; display: block; width:157px; height: 67px; text-indent: -9999px; margin:5px 0 0 0;}
div#logo a:hover { background-position: 0 -69px; }
div#info { float:right; display:block; color:#666;text-align:center; width:200px; padding:0 50px 0 0; font-size:11px; }
#header { width:940px; margin:0 auto; text-align:left; height:52px; }
/* =NAVIGATION
* ----------------------------------------------------*/
#navigation { width:940px; float:left; height:41px; background: url("/i/bgd_nav.jpg") repeat-x; border-bottom:1px solid #fff; margin-top:10px;}
#navigation ul { list-style:none; padding: 0; }
#navigation ul li { margin:0; font-size:11px; float:left; display:block; }
#navigation ul li a { color:#fff; padding:15px 25px 0 25px; text-decoration:none; height:25px; display:block;}
#navigation ul li a:hover { background: url("/i/bgd_nav_hover.gif") no-repeat bottom center; }
#home #n1, #product #n2, #portfolio #n3, #gallery #n4, #about #n5 { background: url("/i/bgd_nav_hover_grey.gif") no-repeat bottom center; color:#CCCCCC; }
/* =IMGHEADER
* ----------------------------------------------------*/
#imgheader { margin: 0 auto; width:940px; height:150px; }
/* =CONTENT
* ----------------------------------------------------*/
#contentwrapper { margin: 0 auto; width:940px; text-align:left; display:block; }
#content { background: url("/i/bgd_main.jpg") repeat-y; display:block; width:940px; min-height:650px; /*ff*/
height: auto !important; /*ie7 */ height: 650px; /*ie6 */}
#gallery #content { min-height:770px; /*ff*/ height: auto !important; /*ie7 */ height: 770px; /*ie6 */ }
#about #content { min-height:770px; /*ff*/ height: auto !important; /*ie7 */ height: 770px; /*ie6 */ }
#product #content { min-height:1100px; /*ff*/ height: auto !important; /*ie7 */ height: 1100px; /*ie6 */ }
/* =MAINCONTENT
* ----------------------------------------------------*/
#maincontent { padding: 25px 15px 30px 25px; float:left; text-align:left; width:580px; display:block; }
#maincontent h1 { font: normal 30px "Times New Roman", Times, serif; padding:0; }
#maincontent h2 { font: normal 15px "Times New Roman", Times, serif; padding-top:-5px; line-height:12px;}
#maincontent p { font: normal 13px arial, sans-serif; line-height:18px; padding-top:10px; }
#maincontent ul { padding-top:8px; list-style:none; }
/* =PRODUCTS
* ----------------------------------------------------*/
#products { float:left; text-align:left; width:580px; display:block; }
#products h1 { clear:both; font: bold 22px arial, sans-serif; color:#A4CBD5; padding-top:15px; border-bottom:1px dotted #999999; width:560px; }
#products p { }
#products a { float:left; margin:10px 10px 0 0; display:block; padding:3px;}
#products a img { border:2px solid #A4CBD5; background-color:#fff;}
.thumbnail,.thumbnail2{ position: relative; z-index: 0;}
.thumbnail:hover, .thumbnail2:hover { background-color: transparent; z-index: 50; }
.thumbnail span, .thumbnail2 span { /*CSS for enlarged image*/ position: absolute; left: -1000px; visibility: hidden; font-size:11px; color: black; text-decoration: none; background-color:#fff; padding:2px; border:1px solid #A4CBD5;}
.thumbnail span img, ,.thumbnail2 span img{ /*CSS for enlarged image*/ border: 0; padding: 2px; }
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ border: 0; visibility: visible; top: 15px; left: 15px; /*position where enlarged image should offset horizontally */ }
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/ border: 0; visibility: visible; top: -145px; left: 15px; /*position where enlarged image should offset horizontally */ }
/* =HIGHLIGHT
* ----------------------------------------------------*/
#highlight { border:1px solid #C9DAF3; background-color:#ECF2FB; display:block; width:380px; float:left; padding:0 10px 10px 15px; margin:10px 0; }
#highlight p { color:#000000; }
#highlight ul { padding-top:3px; list-style:none;}
#highlight ul li { padding-left:12px; background: url("/i/bullet_blue.jpg") no-repeat 0 5px;}
/* =RIGHTCOL
* ----------------------------------------------------*/
#rightcol { width:155px; float:right; height:300px; text-align:right; display:block; }
/* =SIDEBAR
* ----------------------------------------------------*/
#sidebar { width:220px; margin:15px 40px 0 0; padding: 10px 0 0 0; float:right;}
#sidebar h1 { font: normal 30px "Times New Roman", Times, serif; padding: 10px 0 0 0; }
#sidebar h2 { font: normal 15px "Times New Roman", Times, serif; padding-top:-5px; line-height:12px; }
#sidebar ul { margin-top:10px; margin-bottom:15px; list-style:none;}
#sidebar ul li { color:#666; padding:5px 0; }
#sidebar p { clear:both; font-size:11px; color: #333; padding:0 0 5px 0;}
#sidebar form { margin:0; padding:0; }
#sidebar input.register { background-color:#02A0C6; margin:0; }
#sidebar input.register:hover { background-color:#666; }
#sidebar label { width: 60px; float: left; text-align: right; margin-right: 5px; display: block; }
#sidebar textarea { width:140px; }
#sidebar input { width:140px; }
#sidebar input.submit { color:#fff; border:1px solid #9BBAE9; background-color:#AAC4EC; float:right; width:100px; display:block; margin-right:13px; }
#sidebar #details { padding-top:35px; }
#sidebar #details p { font-size:11px; color: #333; padding:0 0 5px 0; text-align:center; }
/* =PROMO
* ----------------------------------------------------*/
#fmawrapper { margin:0 auto; width:940px; display:block; text-align:left;}
#fmawrapper img { float:left;}
#flashcontent { width:722px; height:315px; display:block; float:left; }
#promo { width:218px; height:315px; float:right; background-color:#CDD9D0; text-align:left; }
#promo h3 { font:normal 20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#333333; padding:40px 0 0 35px; line-height:21px; }
#promo p { padding: 15px 30px 0 35px; line-height:1.4em; color:#333; }
#promo a { background-color:#333; color: #fff; display:block; padding:0 2px; float:right; text-decoration:none; font-size:11px;}
#promo a:hover { background-color:#666; }
/* =CONTENTHOME
* ----------------------------------------------------*/
#contenthome { margin: 0 auto; width:940px; text-align:left; }
#contenthome h1 { font-size:30px; }
#contenthome h2 { }
#contenthome h3 { }
#contenthome p { line-height: 18px; padding:0 0 8px 0; }
/* =COL1
* ----------------------------------------------------*/
#col1 { width:260px; display:block; float:left; }
#col1 h1 { font: normal 22px "Times New Roman", Times, serif; padding:25px 0 10px 25px; }
#pullquotewrapper { width: 220px; margin-left: 25px; background: url("/i/bgd_pullquote.gif") no-repeat top left; }
#pullquote { width:170px; padding: 2px 0 0 30px; background: url("/i/bgd_pullquote.gif") no-repeat bottom right; }
#pullquote p { font: 14px "Times New Roman", Times, serif; color:#999; font-style:italic;}
#dottedbox { width:200px; margin: 25px 0 15px 25px; border: 1px dotted #ccc; padding: 5px 10px; }
#dottedbox h1 { padding: 0 0 5px 0; }
#dottedbox p { color:#333; font-size:11px; line-height:12px; padding:0; }
/* =COL2
* ----------------------------------------------------*/
#col2 { width:242px; display:block; float:left; margin:20px 20px 0 25px; background-color:#F8F9D9; padding-bottom:25px; }
#col2 h1 { font: normal 22px "Times New Roman", Times, serif; padding:5px 0 10px 25px; }
#col2 img { }
#col2 a img { margin: 10px 0 0 25px; border:3px solid #fff;}
#col2 a:hover img { border:3px solid #C0DBE2; }
/* =COL3
* ----------------------------------------------------*/
#col3 { width:380px; display:block; float:left; margin:0;}
#col3 h1 { font: normal 22px "Times New Roman", Times, serif; padding:25px 0 10px 25px; }
#col3 ol { margin-left:25px; padding-left:18px;list-style:none; }
#col3 ol li { color: #333; padding: 5px 0; border-bottom: 1px dotted #C0DBE2; font-size:15px; clear:both; }
#col3 ol li span.decimal { color:#C0DBE2; font-size:23px; float:left; padding:0 5px 0 0; font-weight:bold; margin-left:-18px; margin-top:-5px; }
/* =FORMS
* ----------------------------------------------------*/
form {
}
fieldset {
}
legend {
}
label {
clear:both; width: 60px; float: left; text-align: right; margin-right: 5px; display: block;
}
input, textarea {
border:1px solid #ccc;
background-color:#fff;
}
input.register {
color:#fff; background-color:#F7300D; padding:1px 3px; font-size:9px; text-decoration:none;
}
input.register:hover {
background-color:#666;
}
select {
}
option {
}
input:focus, select:focus, option:focus, textarea:focus {
}
/* =FOOTER
* ----------------------------------------------------*/
#footer { clear:both; margin:0 auto; display:block; width:940px; background-color:#E6E6E6; height:24px; }
#footer p { color:#666; text-align:left; padding: 5px 0 0 10px; font-size:10px; }
/* =CLASSES
* ----------------------------------------------------*/
a.register { color:#fff; background-color:#F7300D; padding:1px 3px; font-size:9px; text-decoration:none; }
a.register:hover { background-color:#666; }
.bold { font-weight:bold; }
.tiny { font-size:9px; line-height:normal; margin: 10px 0; }
.error { }
.abbr { }