/* 00. 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* 01. BODY */
body { margin: 0; padding: 0; border: 0; color: #333333 ; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; background-color:#ebe7e4; /* background: #ebe7e4 url(../images/stripe-bg.png) repeat;*/ }
img { margin: 0; padding: 0; border: 0; }
p { margin: 0; padding: 0; border: 0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fefefe; text-align:justify; }
ul { list-style-type:circle; }
ol {list-style-type:decimal; }
/* 02. HEADINGS */
h1, h2, h3, h4, h5, h6 { margin:18px 0; padding:0; border:0; font-family: Georgia, "Times New Roman", Times, serif; text-align:left; }
h1 { color:#fefefe; font-size: 1.25em; font-weight:bold; }
h2 { color:#fefefe; font-size:13px; font-weight:bold; }
h2 a { color:#355d83; text-decoration:underline; }
h3 { color:#fefefe; font-size:1em; font-weight:bold; }
h3 a { color:#172528; text-decoration:underline; }
h4 { color:#fefefe; font-size:13px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #cecece; }
h5 { color:#fefefe; font-size:13px; font-weight:bold; margin:18px 0 5px; }
h6 { color:#ff8f00; font-size:13px; font-weight:bold; padding-top:10px; }
a img{ border:0}
a{color: #ffffff ; text-decoration:underline; outline:none}
a:hover{text-decoration:none}
a.contact { background: url(images/arrowbox.jpg) 0 0.45em no-repeat; padding:5px 0 5px 20px; font-style:italic; text-decoration:none; margin-top:10px; }
.body-bg{ background-color:#365375;}
.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:904px; background: #365375 url(images/bg1.jpg) no-repeat top left; }
/*======= header =======*/
#header { padding-top:10px;}
#header {font-size:0.75em; color:#c7c7c7 }
#header .logo{ margin:10px 0 15px 0 }
#header .indent span.telephone {font-size:26px; font-weight:bold; line-height:32px; color:#FFFFFF; }
#header .indent{ float:right; text-align:right; width:255px}
#showcase { margin:10px auto 0; background:url(images/showcase.png) no-repeat; height:301px; width:904px;}
#showcase #navs{ margin:0; width:310px; padding:5px; height:291px; float:right;}
#showcase #rotator { width:565px; height:285px; margin:8px 1px 8px 10px; float:left; }
/* rotator in-page placement */
div#rotator {
position:relative;
}
/* rotator css */
div#rotator ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */
div#rotator ul li img {
border:none;
}
div#rotator ul li.show {
z-index:500;
}
/* ===== HEADER-NAVIGATION======= */
#nav-main { border:0; padding:10px 0; height:37px; width:904px; background-image:url(images/nav-bg.png); background-repeat:no-repeat;}
#nav-main ul { margin:10px auto 0; border:0; padding:0; text-align:center }
#nav-main li { margin:5px; border:0; padding:0; list-style:none; display:inline; }
#nav-main li a { color:#ebe7e4; text-decoration:none; font-family: Arial, Helvetica, sans-serif ; font-size:16px/20px; padding-top:10px; }
#nav-main li a:hover { color:#e7e7e7; text-decoration:underline; background-color: #333333; }
.btn {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
font-family: Helvetica, Arial, Geneva, sans-serif;
text-decoration: none;
font-size: 16px;
background-color:#365375; text-align:center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
/*======= ihome page mid content box =======*/
#mid-content { border:0; padding:10px 20px 10px 10px; margin:10px auto; height:171px; width:874px; text-align:left; background-image:url(images/mid-bg.png); background-repeat:no-repeat;}
/*content*/
#content { border:0; padding:10px 20px 10px 10px; margin:10px auto; width:874px; text-align:left; color:#cecece }
#content-left {float:left; width:250px; padding-right:10px; margin-right:15px; border-right:1px solid #cecece; padding-bottom:10px; margin-bottom:10px; }
#content ul {list-style:none; margin-left:40px; }
#content-left ul {list-style:none; margin-left:10px; }
#content-right {float:right; width:580px;}
/*footer*/
#footer { color:#a4a4a4; font-size:0.95em; background-image:url(images/nav-bg.png); background-repeat:no-repeat; text-align:center ; clear:both;}
#footer .indent-footer{ padding:20px 0 0 0; margin-top:10px;}
#footer a {color:#cecece; text-decoration:underline}
#footer a:hover { text-decoration:none}
#footer ul{margin:0; padding:0 0 40px 30px; list-style:none;}
#footer ul li{ margin:0; display:inline; /*background:url(images/bg_menu.gif) center left no-repeat; */ float:left}
#footer ul li a{color:#cecece; text-decoration:none; display:block; float:left; padding:2px 25px 2px 25px}
#footer ul li a:hover { text-decoration:underline; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat; }
#footer p .small {font-size:smaller; margin-bottom:10px; }
input.qf, textarea.qf {
font-size:12px;width:160px;
}
#error {
color:red;
font-size:12px;
display:none;
margin-top:5px;
}
.error {color:red; }
.needsfilled {
background:red;
color:white;
}
#contact-wrapper {
width:460px;
border:1px solid #e2e2e2;
padding:20px;
margin-bottom:18px;
float:right;
color:#333;
}
#contact-wrapper p {color:#333;}
#contact-wrapper p.error {color:red; }
#contact-wrapper div {
clear:both;
margin:1em 0 1.5em;
color:#333;
}
#contact-wrapper label {
display:block;
float:none;
font-size:16px;
width:auto;
color:#333;
}
form#contactform input {
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style:solid;
border-width:1px;
padding:5px;
font-size:16px;
color:#333;
}
form#contactform textarea {
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
padding:0.6em 0.5em 0.7em;
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style:solid;
border-width:1px;
color:#333;
}
form#contactform #submit {
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
padding:0.6em 0.5em 0.7em;
border-color:#fff;
border-style:solid;
border-width:1px;
color:#fff;
background-color:#333;
}