/* ----------------------------------------------------
Screen Stylesheet for http://www.mlsofsdcorp.com

Updated: 09/10/2009
Author: Eric Watson
Website: http://www.VisibilityInherit.com
------------------------------------------------------- 
: Site Colors : 

: Table Of Contents :
Resets
Defaults
Typography
Forms
Layout
Links
Menus
Global Classes
Pages 
---------------------------------------------------- */

/* -------------------- Resets --------------------- */
* {
margin:0;
padding:0;
}
img {
border:0;
vertical-align:bottom;
}
/* --------------- Document Defaults -------------- */
body {
font:100%/1.5 "Times New Roman", Times, serif;
color:#333;
}
/* ------------------ Typography ------------------- */
h1, h2 {
font-size:.9em;
color:#01553A;
}
p {
font-size:.9em;
margin:0 0 15px;
}
#main ul {
margin:0 0 15px 40px;
list-style:square;
font-size:.9em;
}
#main li {
margin:5px 0;
} 
/* -------------------- Forms ---------------------- */
#form {
float:left;
width:200px;
height:160px;
background:url(images/form-bg.jpg) 0 0 no-repeat;
margin:250px 0 0 25px;
display:inline;
padding:20px 25px;
}
form :focus {
outline:0; 
}  
input, textarea {
font-family:"Times New Roman", Times, serif;
font-size:14px;
width:178px;
border:1px solid #C2C3C0;
margin:4px 0;
padding:1px 2px;
}
input:focus, input:hover, textarea:focus, textarea:hover {
border-color:#333;
}
textarea { 
overflow:auto;
height:80px;
}
.faded {
color:#999;
}
.submit {
width:184px;
cursor:pointer;
color:#999;
background:#eee;
}
.submit:hover, .submit:focus {
color:#000;
background:#E2E2E2;
}
/* -------------------- Layout --------------------- */
#wrap {
width:906px;
margin:0 auto;
}
#logo {
float:left;
display:inline;
padding:50px 0 0;
}
#bar {
position:absolute;
top:80px;
left:0;
height:325px;
width:100%;
background:url(images/bar.png) 0 0 repeat-x;
}
#main {
float:right;
width:460px;
min-height:500px;
padding:60px 60px 0 60px;
display:inline;
background:url(images/main-bg.png) 0 0 no-repeat;
position:relative;
z-index:1;
font-family:Arial, Helvetica, sans-serif;
}
#main #photo {
margin:0 0 20px;
}
#foot {
float:right;
display:inline;
width:500px;
margin:60px 40px 0 0;
clear:both;
background:url(images/foot-bg.png) 0 0 no-repeat;
padding:4px 0 9px 0;
text-align:center;
}
/* ------------------- Links ---------------------- */
a {
text-decoration:underline;
outline:0;
color:#01553A;
}
a:hover, a:focus{
text-decoration:none;
}
/* --------------------- Menus --------------------- */
/* Main Menu */
#nav {
float:right;
width:580px;
list-style:none;
padding:70px 0 5px 0;
line-height:normal;
text-align:center;
}
#nav li {
display:inline;
padding:0 25px;
position:relative;
}
#nav a {
font-size:1em;
font-weight:bold;
color:#000;
text-decoration:none;
border-bottom:2px solid #fcfcfc;
}
#nav a:focus, #nav a:hover {
border-color:#000;
}
#home #nav .homenav, #services #nav .servicesnav, #products #nav .productsnav, #contact #nav .contactnav {
border-color:#000;
}
/* Footer Menu */
#foot li {
display:inline;
font-size:.85em;
padding:0 10px;
}
#foot a {
color:#999;
text-decoration:none;
font-size:.8em;
}
#foot a:hover, #foot a:focus {
color:#000;
}
/* ---------------- Global Classes ----------------- */
.green {
color:#01553A;
}
#foot .copyright { /* copyright and site design by */
display:block;
font-size:.7em;
color:#999;
line-height:1.2;
list-style:none;
}
#foot .copyright.font { /* copyright and site design by */
font-size:.8em;
}
/* ------------------- Pages ----------------------- */
/* INDEX */ 
#home h1 {
float:left;
margin-right:4px;
}
* html #main h1 {
margin-right:1px;
}
/* SERVICES */
#services h1 {
float:left;
margin-right:4px;
}
* html #services h1 {
margin-right:1px;
}
#services h2 {
margin:0 0 15px;
}
/* CONTACT */
#contact h1 {
margin:0 0 15px;
}
#contact iframe {
border:1px solid #333;
overflow:hidden;
}