body {
background: #376098 url(images/bottom_background.gif) -14px 485px no-repeat;
margin: 0;
padding: 0;
border: 0;
min-width: 700px;
}

#container {
margin: 0;
padding: 0;
border: 0;
}

#header {
height: 150px;
position: relative;
background: transparent url(images/explode_header.gif) -14px 0 no-repeat;
}

h1 {
margin: 0 0 92px 0;
border: 0;
width: 340px;
position: absolute;
left: -14px;
text-indent: -9999px;
}

h1 a {
background: transparent url(images/explode_header.gif) no-repeat;
margin: 0;
padding: 92px 0 0 0;
border: 0;
width: 340px;
height: 92px;
he\ight: 0;
display: block;
overflow: hidden;
}

h1 a:hover {
background: transparent url(images/explode_header.gif) 0 -150px no-repeat;
}

#nav {
height: 120px;
background: transparent url(images/top_menu.gif) no-repeat;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 30px;
left: 370px;
width: 100px;
text-indent: -9999px;
}

#nav li {list-style: none; position: relative;}
#nav li, #nav a {height: 23px; display: block; text-decoration: none; left: 0; width: 100px; top: 0; border: 0;}

#design {top: 0;}
#hosting {top: 22px;}
#about {top: 44px;}
#contact {top: 66px;}

.wrap_design #design, #nav #design a:hover {background: transparent url(images/top_menu.gif) 0 -150px no-repeat;}
.wrap_hosting #hosting, #nav #hosting a:hover {background: transparent url(images/top_menu.gif) 0 -173px no-repeat;}
.wrap_about #about, #nav #about a:hover {background: transparent url(images/top_menu.gif) 0 -196px no-repeat;}
.wrap_contact #contact, #nav #contact a:hover {background: transparent url(images/top_menu.gif) 0 -219px no-repeat;}

#maincontent {
margin: 0;
padding: 0;
border: 0;
background: #fff url(images/revised_back.gif) top left repeat-y;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
}

#feature {
float: left;
width: 355px;
text-align: center;
height: 275px;
padding: 32px 0 0 0;
voice-family: "\"}\""; 
height: 275px;
padding: 32px 0 0 0;
} 
html>body #feature {
height: 307px;
padding: 32px 0 0 0;
}

#commentary {
max-width: 400px;
position: relative;
line-height: 150%;
margin: 0 0 0 345px;
padding: 32px 40px 0 55px;
voice-family: "\"}\""; 
padding: 32px 40px 0 55px;
} 
html>body #commentary {
padding: 32px 40px 24px 55px;
}

#commentary h2 {
margin: 0;
color: #f90;
font: normal 1.6em/100% Georgia, Garamond, Times New Roman, serif;
text-align: left;
position: relative;
}

#commentary h2 span {
font-style: italic;
}

#commentary p, #commentary ul {
color: #333;
font: normal .78em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
text-align: left;
position: relative;
}

#commentary p a, #commentary .portfolio_nav a {
color: #376098;
text-decoration: none;
border-bottom: 1px dotted #376098;
}

#commentary p a:hover, #commentary .portfolio_nav a:hover {
border-bottom: 1px solid #376098;
}

#commentary p .floater {
float: right; 
margin:0 0 0 1em;
position: relative;
}

#commentary hr {
clear: right;
width: 80%;
border: 0;
background-color: #376098;
color: #376098;
height: 1px;
padding: 0;
margin: 0 auto 0 auto;
voice-family: "\"}\""; 
margin: 0 auto 0 auto;
} 

html>body #commentary hr {
margin: 20px auto 20px auto;
}
#commentary .portfolio_nav {
width: 200px;
margin: 0 0 30px 0;
font: normal .78em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}

#commentary .portfolio_nav .previous {
float: left;
}

#commentary .portfolio_nav .next {
float: right;
}

#commentary ul {
list-style: none;
}

#commentary li {
background: transparent url("images/arrow.gif") no-repeat 0 4px;
padding: 0 0 0 20px;
}

#thumbs {
margin: 0;
padding: 0;
}

#thumbs img {
border: 0;
margin: 0 7px 6px 0;
}

#thumbs li {
display: inline;
background: transparent;
padding: 0;
}

.spacer {
clear: both;
height: 0px;
}

#footer p {
font: normal .75em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
color: #fff;
margin: 0;
padding: 50px 0 175px 400px;
}

#footer a {
color: #FFEBAF;
text-decoration: none;
border-bottom: 1px dotted #FFEBAF;
}

#footer a:hover {
color: #FEC751;
border-bottom: 1px solid #FEC751;
}

form input, form textarea {
color: #333;
font: normal .78em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
border: 1px solid #ccc;
padding: 3px;
}

dt {
font: bold .78em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
margin: 10px 0 0 0;
}

dd {
margin: 0;
}

dd input#name, dd input#email, dd input#phone, textarea {
width: 95%;
}

form input:hover, form textarea:hover {
border: 1px solid #376098;
}

form input:focus, form textarea:focus {
background: #ffc;
}

.incdec {
font: normal .78em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
margin: 6px 0 0 0;
}

.incdec span {
color: #376098;
border-bottom: 1px dotted #376098;
}

.incdec span:hover {
border-bottom: 1px solid #376098;
}

#submit {
background: #fff;
color: #376098;
font-weight: bold;
margin: 10px 0 0 10px;
}

fieldset {
border: 1px solid #ddd;
margin: 0;
padding: 6px 10px 6px 12px;
position: relative;
}

legend {
font: bold .78em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
border: 1px solid #ddd;
padding: 5px 8px;
color: #376098;
}

#hosting_options {
width: 98%;
color: #333;
margin: 8px 4px;
}

#hosting_options caption {
padding: 0 0 5px 0;
font: bold 1em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}

#hosting_options th {
white-space: nowrap;
background: #ccc;
padding: 8px 0 8px 0;
font: bold .85em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
border-left: 1px solid #888;
}

#hosting_options td {
text-align: center;
font: normal .78em/150% Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
padding: 5px 0 5px 0;
border-left: 1px solid #888;
}

#hosting_options tr.odd {
background: #eee;
}

#hosting_options tr:hover td {
background: #FFEBAF;
color: #000;
}

#hosting_options th.category {
text-align: left;
padding: 0 0 0 8px;
border: 0;
}

#hosting_options td.category {
text-align: left;
padding: 0 0 0 14px;
border: 0;
}