/* 
CSS
*/
 
body { font: 100% verdana; color: #333; background: #edf6ff; margin: auto; text-align: center; line-height: 1.4em; letter-spacing: 0.01em;}
html { }

#wrapper-intro { width: 790px; border: 4px solid #fff; background: #fff; margin: 15px auto; text-align: left; background:  url(images/bg.jpg);}
#wrapper { width: 790px; border: 4px solid #fff; background: #fff; margin: 15px auto; text-align: left; background:  url(images/bg-main.jpg);}
#header { width: 790px; height:193px; margin: 0; background: #ececec; background:  url(images/header.jpg);} 

#main{ float: left; width:590px; padding: 10px; font-size: 70%; text-align: justify;}
#main-intro{ float: left; width:380px; padding: 10px; font-size: 70%; text-align: justify;}

#contactl {float: left; width: 250px; background: #edf6ff; padding: 5px; border: 1px solid #fff;}
#contactr {float: left; width: 250px; margin-left: 20px; background: #edf6ff; padding: 5px; border: 1px solid #fff;}


#right {float: left; width:215px; padding: 2px; font-size: 65%; }
#address {font-size: 70%; color: #333; text-align: right;  padding: 2px; }
#form{ float: left; width:280px; padding: 2px; border-right: 1px solid #fff; background:#e2eefa; font-size: 80%;}
#span { border-bottom: 1px dotted #ccc; padding: 10px; }
#mainopen { width: 460px; text-align: justify; font-size: 90%; padding: 4px; margin: 10px auto; background:#e2eefa; border: 1px solid #ccc;}
.closewin { padding: 2px; background: #344b6d; color: white; margin-top: 20px; text-decoration: none; }
.photo {float: left; margin: 0px 10px 0px 0; border: 2px solid #02679a;}

h1 { font: 160% constantia; color: #344b6d; font-weight: bold; margin: 5px 0 5px 0;}
h2 { font: 115% constantia; color: #344b6d; font-weight: bold; margin: 0 0 20px 0; }

#main a:link { color: #344b6d; text-decoration: none;}
#main a:active { color: #344b6d; text-decoration: none;}
#main a:hover { color: #334e99; text-decoration: underline;}
#main a:visited { color: #344b6d; text-decoration: none;}

#main-intro a:link { color: #344b6d; text-decoration: none;}
#main-intro a:active { color: #344b6d; text-decoration: none;}
#main-intro a:hover { color: #334e99; text-decoration: underline;}
#main-intro a:visited { color: #344b6d; text-decoration: none;}

#right a:link { color: #344b6d; text-decoration: none; font-weight: normal;}
#right a:active { color: #344b6d; text-decoration: none; font-weight: normal;}
#right a:hover { color: #334e99; text-decoration: underline; font-weight: normal;}
#right a:visited { color: #344b6d; text-decoration: none; font-weight: normal;}


#footer { padding: 10px; font-size: 60%; color: #fff; width: 770px; background: #02679A; margin: 0 0 0 0; text-align: left;}
#footer a:link, a:visited { color: #fff; font-weight: bold;}

/*left navigation*/
#leftnav { float: left; width: 170px; height:370px; background: #02679A;}

#leftnav ul
{
margin: 0;
padding-left: 0;
list-style-type: none;
font-family: arial;
}

ul#leftnav {margin: 0;}

#leftnav li { width: 170px; border-bottom: 1px solid #ccc; }

#leftnav a
{
font-size: 70%; 
font-weight: bold; 
display: block;
padding: 3px;
width: 165px;
}

#leftnav a:link, #leftnav a:visited
{
color: #fff;
text-decoration: none;

}

#leftnav a:hover
{
background-color: #5498bb;
color: #fff;
}
/*current page highlight link*/ #home .home, #contact .contact, #people .people, #services .services {background: #5498bb;}

/*left navigtion end*/


.field { border: 0; width:190px; height:20px; border: 1px solid #ccc; font-size: 80%;}
.textarea { border: 0; width:190px; height:120px; border: 1px solid #ccc; font: 100% arial; }
.submit { width: 100px; height: 30px; border: 1px solid #000; background: #999; font-size: 110%; color: #fff;}


.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}