@charset "utf-8";
/* CSS Document */

body {background: #fff;}

@font-face {
font-family: Delius;
src: url("../fonts/Delius-Regular.ttf") format("truetype");
}

#wrap { width:1250px; margin:0 auto; background-color:#fff; color:#333; height:100%; }

#header {background:url(../img/header.png) no-repeat top center; width:1250px; height:335px; margin-top:0px; position:absolute;}

#logo-tag {background:url(../img/logo-tag.png); width:350px; height:200px; margin: 100px 0 0 50px; }

#content {position:absolute; width:1200px; margin:335px auto 25px auto; padding: 0 25px 0 50px;background: url(../img/content-bg.png) repeat-y; font-family: "Delius", Arial, Helvetica, sans-serif; line-height:115%;}

#content h1, #content h2 {font-family: "Delius", Arial, Helvetica, sans-serif; color:#000;}

#about-left, #about-right {
width: 400px;
height: 310px; 
margin-bottom:25px;
/**to reduce float drop issues in IE6**/
overflow: hidden; }

#about-left a, #about-right a {color:#076a9b;}

#about-pic {
width: 250px;
height: 300px; 
margin: 0 40px 25px 10px;
/**to reduce float drop issues in IE6**/
overflow: hidden;}

#about-left  {float: left;}
#about-right {margin-left: 63px; float: left;}
#about-pic {float: right;}
.clear {clear: both; line-height: 1px; visibility: hidden}


/*#nav {margin-left:575px; margin-top:-150px; width:625px; position:relative; }
#nav img a {border:0;}
#nav img {width:200px; padding:0;}*/


#footer {width:1200px; height:360px; background-color:#333; position:relative; clear:both; margin-left:-25px; }
#footer .social {margin-left:25px; margin-top:25px; clear:right; width:500px;}
#footer .social img {padding-right:5px;}

#footer #contact-form {width:600px; height:345px; background:url(../img/contact-bg.png); float:right; margin-top: -315px;}
#footer #contact-form #fields { margin-left:100px; margin-top:40px; position:relative; }
#footer #contact-form #fields input { margin-bottom:5px;} 



p.light {color:#eeeeee; padding-left:10px;}