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

img { behavior: url(http://www.creationdm.com/behaviors/iepngfix.htc); }

* {
margin: 0;
padding: 0;
}

a img {
border: none;
background-color: transparent !mportant;
}





body{
background: url(../media/images/bg-bodytop.jpg) top left no-repeat #F6F5ED;
margin: 0;
}

#wrapper { 
width:940px; 
margin:0 auto; 
padding: 0 0 0 10px;
}

#masthead{
width: 940px;
height: 127px;
  height: 114px;
}

#logo{
margin: 0 0 0 20px;
position: absolute;
top: 0;
}

#banner-panel{
position: absolute;
top: 0;
margin: 10px 0 0 400px;
width: 478px;
padding: 5px;
text-align: center;
background-color: #FFF;
}

#menu{
width: 940px;
height: 45px;
behavior: url(http://www.creationdm.com/behaviors/iepngfix.htc);
background: url(../media/images/bg-menu.png) top left no-repeat;
clear: both;
}

#menu-tabs{
width: 418px;
height: 32px;
padding-top: 13px;
margin: 0 0 0 243px;

}

#feature{
width: 770px;
height: 300px;
}







#content-wrapper{
float: left;
width: 940px;
background: url(../media/images/bg-content.gif) repeat-y top left #F6F5ED;
margin-top: 10px;
}

#main{
float: left;
display: inline;
width: 780px;
}




/*---------HOME---------*/


#whatwedo{
display: inline;
float: left;
width: 340px;
padding: 20px 20px 0 20px;
margin: 10px 0 0 0;
background-color: #FFF;
}

/*#whatwedo, #howwework{
display: inline;
float: left;
width: 250px;
margin: 20px 0 0 20px;
}*/

#howwework{
display: inline;
float: left;
width: 340px;
padding: 20px 20px 0 20px;
margin: 10px 0 0 10px;
background-color: #FFF;
}

#home-pic{
margin-bottom: 20px;
}





/*---------SERVICES---------*/


#wrap-servicedescriptions{
display: inline;
float: left;
width: 560px;
margin: 10px 0 0 0;
background-color: #FFF;
}

#servicedescriptions{
display: inline;
float: left;
width: 250px;
margin: 20px 0 0 20px;
}

#seesomework{
display: inline;
float: left;
width: 160px;
padding: 20px 20px 0 20px;
margin: 10px 0 0 10px;
background-color: #FFF;
}







/*---------PEOPLE---------*/


#wrap-profiles{
float: left;
width: 770px;
margin: 10px 0 0 0;
background-color: #FFF;
}

.profile{
display: inline;
float: left;
width: 130px;
margin: 20px 0 0 20px;
}




/*---------WORK---------*/


#work-header{
float: left;
width: 770px;
background-color: #FFF;
padding-top: 10px;
}

#work-header-previous{
display: inline;
float: left;
width: 325px;
text-align: right;
margin-top: 3px;
}

#work-header-pages{
display: inline;
float: left;
width: 100px;
text-align: center;
}

#work-header-next{
/*display: inline;*/
float: left;
width: 325px;
text-align: left;
margin-top: 3px;
}

#wrap-projects{
float: left;
width: 770px;
  /*margin: 10px 0 0 0;*/
padding-bottom: 20px;
background-color: #FFF;
}

.project{
display: inline;
float: left;
width: 210px;
margin: 20px 0 0 20px;
padding: 10px;
background-color: #F6F5ED;
}

#wrap-project-overview{
display: inline;
float: left;
width: 230px;
margin: 20px 0 0 20px;
}

.project-overview{
width: 210px;
margin: 0 0 20px 0;
padding: 10px;
background-color: #F6F5ED;
}

#wrap-project-images{
display: inline;
float: left;
width: 480px;
margin: 20px 0 0 20px;
}

.project-image{
width: 480px;
margin: 0 0 20px 0;
/*border: 1px solid #F6F5ED;*/
}



/*---------CONTACT---------*/


#companydetails{
display: inline;
float: left;
width: 160px;
padding: 20px 20px 0 20px;
margin: 10px 0 0 0;
background-color: #FFF;
}

#wrap-directions{
display: inline;
float: left;
width: 560px;
margin: 10px 0 0 10px;
background-color: #FFF;
}

#directions1, #directions2{
display: inline;
float: left;
width: 250px;
margin: 20px 0 0 20px;
}

/*---------BLOG---------*/


#blog-header{
width: 770px;
height: 150px;
}

#blogentries{
display: inline;
float: left;
width: 520px;
margin: 10px 0 0 0;
padding: 20px;
background-color: #FFF;
}

#blogentries-list-column{
display: inline;
float: left;
width: 170px;
padding: 20px 10px 20px 20px;
margin: 10px 0 0 10px;
background-color: #FFF;
}

#news-entries{
display: inline;
float: left;
width: 170px;
padding: 20px 10px 20px 20px;
margin: 10px 0 0 10px;
background-color: #FFF;
}

#blogentries-list-column-scroll{

overflow: auto;
}

#news_main{
display: inline;
float: left;
width: 520px;
height: 750px;
margin: 10px 0 0 0;
padding: 20px;
background-color: #FFF;
}

#news_image{
width: 480px;

}


/*---------PRESS---------*/


#press-resources{
display: inline;
float: left;
width: 170px;
padding: 20px;
margin: 10px 0 0 0;
background-color: #FFF;
}

#press-stories{
display: inline;
float: left;
width: 510px;
margin: 10px 0 0 10px;
padding: 20px;
background-color: #FFF;
}



/*---------SITEMAP---------*/


#sitemap-companydetails{
display: inline;
float: left;
width: 170px;
padding: 20px;
/*margin: 10px 0 0 0;*/
background-color: #FFF;
}

#sitemap-pages{
display: inline;
float: left;
width: 510px;
margin: 0 0 0 10px;
padding: 20px;
background-color: #FFF;
}




/*------------------*/


#extras-column{
float: left;
width: 120px;
padding: 10px 20px 20px 20px;
}

#extra-news-column{
float: left;
width: 120px;
padding: 10px 20px 20px 20px;
}

#clients{
width: 900px;
float: left;
margin: 10px 0 0 0;
padding: 10px 19px 10px 19px;
background: #FFF;
}

#footer{
float: left;
width: 920px;
height: 52px;
padding: 8px 0 0 20px;
background: url(../media/images/footer-bg.gif) no-repeat;
}






/*--------- MENU ----------*/

#menu-tabs ul{
background: list-style:none; float:left; font-weight:bold; padding:0; margin:0;
}

#menu-tabs li { height:32px; list-style:none; float:left; font-weight:bold; position:relative; overflow:hidden; margin-left:0; padding:0; }

#menu-tabs li span { position:absolute; width:100%; height:100%; }
#menu-tabs li a { color:#333333; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; overflow:hidden; height: 32px; line-height:20px; }
#menu-tabs a:hover, #nav a:active, #menu-tabs a:focus { color: #666666; cursor: hand; }

#menu-tabs .home { width:75px; }     
#menu-tabs .home a span { background: url(../media/images/bg_but-home.gif) no-repeat 0 0; }
#menu-tabs .home a:hover span, #nav .home a:active span, #nav .home a:focus span { background-position:0 -32px; }
#menu-tabs .work { width:71px; }     
#menu-tabs .work a span { background: url(../media/images/bg_but-work.gif) no-repeat 0 0; }
#menu-tabs .work a:hover span, #nav .home a:active span, #nav .home a:focus span { background-position:0 -32px; }
#menu-tabs .services { width:97px; }     
#menu-tabs .services a span { background: url(../media/images/bg_but-services.gif) no-repeat 0 0; }
#menu-tabs .services a:hover span, #nav .home a:active span, #nav .home a:focus span { background-position:0 -32px; }
#menu-tabs .people { width:84px; }     
#menu-tabs .people a span { background: url(../media/images/bg_but-people.gif) no-repeat 0 0; }
#menu-tabs .people a:hover span, #nav .home a:active span, #nav .home a:focus span { background-position:0 -32px; }
#menu-tabs .contact { width:91px; }     
#menu-tabs .contact a span { background: url(../media/images/bg_but-contact.gif) no-repeat 0 0; }
#menu-tabs .contact a:hover span, #nav .home a:active span, #nav .home a:focus span { background-position:0 -32px; }
#menu-tabs .current a span { background-position:0 -32px; }



a.main_links:link, a.main_links:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 15px;
color:#4CB6DE;
font-weight: bold;
text-decoration:none;
}

a.main_links:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 15px;
color:#807F7C;
font-weight: bold;
text-decoration:none;
}