@charset "utf-8";
/* Design by Sterling */

body {background:#e2dec1; color:#5e5c4e; font:80% Verdana,Geneva,sans-serif; margin:25px 0;}

h1 {color:#16707e; font:bold 130% georgia,'Times New Roman',verdana,geneva,sans-serif; margin:12px;}
h2 {color:#5f5f5f; font:bold 15pt/12pt 'Times New Roman',georgia,verdana,geneva,sans-serif; margin:12px 12px 0px 12px; text-align:left; white-space:nowrap;}
h3 {color:#16707e; font:bold 9pt 'Times New Roman',georgia,verdana,geneva,sans-serif; margin:12px;}
h4 {color:#48a6a9; font:bold 120% georgia,'Times New Roman',verdana,geneva,sans-serif; margin:12px 12px 20px 12px; text-align:center;}

hr {background:#adbdc1; border:0; height:1px; margin:20px auto; width:100%;}

a {color:#124769;}

img {border:0;}
p {margin:12px; text-align:justify;}
strong {color:#185e6c; font-weight:bold;}

/* main divs */
#container {background:url(../i/bg.png); margin:0 auto; width:960px;}

#top {background:url(../i/bg-nav.png) no-repeat top right; height:62px; position:relative; width:960px;}
#top a {background:url(../i/logo.png) no-repeat top left; display:block; height:62px; width:303px;}

/* navigation */
#top #nav {font-size:9pt; height:62px; left:380px; position:absolute; text-align:center; top:0; width:600px;}
#top #nav ul {display:inline; margin:0; padding:0;}
#top #nav ul li {display:inline; margin:0 10px; padding:0;}
#top #nav ul a {background:transparent none; color:#fff; display:inline; font-weight:bold; line-height:72px; margin:0; text-decoration:none; text-shadow:1px 1px 1px #11637c;}
#top #nav ul a:hover {color:#d4faff; text-decoration:underline;}
#top #nav ul a.first {background:transparent none;}

/* header */
#header {background: url(../i/web-design-header-01.png) no-repeat top left; color:#fff; font:9pt/13pt verdana,geneva,sans-serif; height:226px; margin:0 auto; overflow:hidden; position:relative; width:960px;}
#header span {background:url(../i/web-design-header-02.png) no-repeat top right; display:block; height:226px; overflow:hidden; width:960px;}

#header p {left:18px; position:relative; text-align:justify; top:85px; width:395px;}
#header span a {color:#fedd9b; text-decoration:none;}
#header span a:hover {text-decoration:underline;}

#headerbottom {background:url(../i/bg-header-bottom.png) no-repeat top left; height:10px; overflow:hidden; width:960px;}

#content {background:url(../i/bg-page.png) repeat-x top left; padding:10px 0 ; position:relative; width:960px;}
#content2 {background:url(../i/bg-page.png) repeat-x top left; height:328px; position:relative; width:960px;}
#content2 #left {left:30px; height:328px; position:relative; top:19px; width:472px;}
#content2 #left p {clear:both; color:#6a6a6a; font-size:8pt; letter-spacing:-0.05em; line-height:11pt; margin:0;}

/* featured */
#featured {background:url(../i/bg-featured.png) no-repeat top left; min-height:328px; top:0;; left:472px; position:absolute; width:259px;}

/* testimonials */
#testimonials {min-height:328px; top:0; left:736px; position:absolute; width:220px;}

/* footer */
#footer {background:url(../i/bg-footer.png) repeat-x top left; color:#5f5f5f; font-size:8pt; margin:0 auto; position:relative; text-align:center; width:960px;}
#footer p {margin:15px;}

/* bottom navigation */
#bnav {clear:both; font-size:8pt; margin:0 auto; padding:15px 0 0 15px; text-align:left;}
#bnav ul {display:block; margin:0; padding:0;}
#bnav ul li {display:inline; margin:0; padding:0;}
#bnav ul a {border-left:1px solid #126b85; color:#126b85; margin:1px 0; padding:0 3px 0 6px; text-decoration:none;}
#bnav ul a:hover {color:#5f5f5f; text-decoration:underline;}
#bnav ul a.first {border-left:0;}

/* images */
.border {border:1px solid #185e6c;}
.borderleft {border-left:12px solid #fff;}
.noborder {border:0;}

/* alignment and floats */
.center {text-align:center;}

.floatl {float:left; margin:12px;}
.floatr {float:right; margin:12px;}

/* form and error message */
.DodosMailError {padding:0px;}
.DodosMailErrorHighLight {background:yellow; color:red; font-weight:bold;}

/* forms */
#formouter {margin:0px auto 20px auto; text-align:justify; width:500px;}
form {text-align:left; width:500px;}

input, textarea, select {background:#fff; border:1px solid #124769; font:9pt Verdana, Courier, monospace; margin:0px 5px; text-align:left;}
input.nobord, textarea.nobord, select.nobord {background:#f0f5f6; border:0px solid #124769; font:9pt Verdana, Courier, monospace; margin:0px 5px; text-align:left;}
input .frm, textarea .frm {}

legend {color:#45762d; font-weight:bold; margin:0px 5px; text-align:left;}

fieldset {border:0; clear:both; margin:0px 5px; padding:0; text-align:left; width:100%;}
fieldset ol {list-style:none; padding:1em 1em 0 1em;}
fieldset li {clear:left; padding-bottom:1em; width:100%;}

label {margin:8px 5px 0px 5px; position:relative; text-align:left;}
label strong {color:#124769; font-size:85%; font-weight:bold; margin:8px 5px 0px 5px; text-align:left; text-transform:uppercase; top:0.2em;}
label em {color:#124769; display:block; font-size:85%; font-style:normal; margin:8px 5px 0px 5px; text-transform:uppercase;}
label.exp {margin:1px 5px; position:relative; text-align:left;}
label.nobord {margin:8px 5px 0px 5px; position:relative; text-align:left;}

.buttons {margin:12px 12px 0 8px;}
.submit {margin:5px; position:relative; text-align:center;}
.clear {margin:5px; position:relative; text-align:center;}

/* other */
.clear {clear:both; font-size:0; height:0; line-height:1;}
.phone {color:#c67b14; font-size:160%; font-weight:bold; position:absolute; top:55px; right:15px;}
.quote {color:#ae7d14; font-weight:bold; position:absolute; top:15px; right:15px;}
.quote a {color:#ae7d14; text-decoration:none;}
.quote a:hover {color:#124769;}
.small {font-size:85%;}

#lists {margin:0 auto; width:500px;}
#lists li {color:#c67b14; margin:10px 0;}
#lists li span {color:#000;}