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

body{  margin:0px; background:#f1eae2; font-family:Arial, Helvetica, sans-serif;}
.topimg{background:#FFF url(../images/header.jpg) top center repeat-x; height:62px; }

#container{ width:975px; margin:0 auto; background:#FFF;}
#header{ background: url(../images/nav.jpg) top center repeat-x; height:112px;}
img{ border:none;}
form{ margin:0px; padding:0px;}
.tophead{ width:985px; margin:0 auto; height:105px;}
.logo{ background:url(../images/dcweb.jpg) top center no-repeat; height:82px; width:257px; float:left; margin-top:16px; cursor:pointer;}
.logo h1 { display:none;}

p{ font-size:12px; margin:0px; padding:0 0 0 4px; font-weight:bold;}

h2{ font-size:18px; color:#008ff3; margin:0px; padding:0px;}
h3{ font-size:14px; color:#878787; margin:0px; padding:0px;}
h4{ font-size:12px; color:#7e7e7e; margin:0px; padding:0px;}

#topnav{ width:668px; float:left; height:100px; margin-left:60px; float:left; margin-top:8px; }

ul.menu2 { width:668px;
padding:0px;
margin:0px;
float:left;
height:97px;

list-style:none;
}


ul.menu2 li.home {
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
height:97px;
line-height:100px;
}

ul.menu2 li.home a {
padding-left:9px;
font-family:Arial, Helvetica, sans-serif;
padding-right:9px;
line-height:110px;
font-size:16px;
color:#FFFFFF;
float:left;
font-weight:bold;
text-decoration:none;
}

ul.menu2 li.home a:hover {
font-weight:bold;
color:#0085e4;
background-image:url(../images/topnavover.jpg);
height:97px;
}

ul.menu2 li.home1 {
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
height:97px;
line-height:100px;
}

ul.menu2 li.home1 a {
padding-left:9px;
padding-right:9px;
line-height:110px;
font-size:16px;
color:#0085e4;
height:97px;
float:left;
font-weight:bold;
text-decoration:none;
background-image:url(../images/topnavover.jpg);
}


#left{ width:487px; background:#FFFFFF; float:left;}
.newbox{ width:472px; float:left; margin-left:15px; margin-top:17px;}
.heading{ width:470px; float:left; height:30px; }
.news{ background:url(../images/box.jpg) top left no-repeat; width:430px; float:left; height:250px; margin-left:6px;}
.newscontent{ width:400px; height:212px; float:left; overflow-y: scroll; overflow-x: hide; margin-left:15px; margin-top:25px;}
.bluehead{ font-size:14px; color:#008ff3; font-weight:bold;}
.content{ width:430px; float:left; margin-bottom:10px; margin-left:6px; margin-top:4px;}

.newsletter{ background:url(../images/signupbox.jpg) top center no-repeat; width:381px; height:81px; float:left;}
.box{width:360px; margin-top:11px; margin-left:18px;}
.whitetxt{ width:47px; font-size:14px; color:#FFF; float:left; font-weight:bold; height:24px; text-align:right;}
.inputbox{ width:218px; margin-left:4px; background:url(../images/inputbg.jpg) top center no-repeat; height:24px; float:left; }
.outer{ width:270px; float:left; margin-bottom:6px;}
.newsletterinput{ width:207px; height:18px; border:none; margin-left:5px;}
.mainouter{width:272px; float:left;}
.signup{padding-top:8px;}

#right{ width:487px; background:#FFFFFF; float:left;}
.viewwork{ color:#878787; font-size:12px;  margin-left:6px; font-weight:bold; text-decoration:none; }
.viewwork a{ color:#878787; font-size:12px;   margin-left:6px; font-weight:bold; text-decoration:none; }
.viewwork a:hover { color:#008ff3; font-size:12px;  font-weight:bold; text-decoration:underline; }

#footer{ width:975px; float:left; background:url(../images/bottomnav.jpg) top left repeat-x; height:46px;}
.address{ font-size:12px; color:#008ff3; float:left; width:650px; padding-top:20px; padding-left:20px; font-weight:bold;}
.terms{ font-size:12px; color:#008ff3; float:left; width:280px; padding-top:20px; padding-left:20px; font-weight:bold; text-align:right;}
.footertxt{font-size:12px; color:#008ff3; text-decoration:none; }
a.footertxt:link {font-size:12px; color:#008ff3; text-decoration:none; }
a.footertxt:hover {font-size:12px; color:#41a200; text-decoration:underline; }
.spacer{clear:both; height:20px; background-color:#FFFFFF;}

/*  work page  */
.floatclear{ clear:both}
.work{ width:975px;}
.design_work{width:410px; margin-left:12px; float:left; margin-top:17px;}
.studio_work{width:430px; float:left; margin-left:85px; margin-top:17px;}
.portfolio{width:420px; float:left;}
.porthead_grey{width:948px; float:left; margin-bottom:15px;}
.workbox{ width:955px; float:left; margin-left:12px; margin-top:16px; height:161px; border-bottom:1px solid #d4d4d4; margin-bottom:10px; padding-bottom:10px;}
.workurl{font-size:14px; color:#008cee; text-decoration:none; font-weight:bold;}
a.workurl:link {font-size:14px; color:#008cee; text-decoration:none; font-weight:bold;}
a.workurl:hover{font-size:14px; color:#41a200; text-decoration:underline;  font-weight:bold; }

/*  services page  */
.listbox_left{width:50%; float:left; color:#000; font-size:12px; font-weight:bold;}
.listbox_right{width:45%; margin-left:2%; float:left; color:#000; font-size:12px; font-weight:bold;}

/*  contact page  */
.contact{width:710px; margin-left:12px; float:left; margin-top:17px;}
.contactleft1{width:770px; margin-left:12px; float:left; margin-top:17px;}
.contact_grey{width:800px; float:left; margin-bottom:15px;}
.test_grey{width:auto; float:left; margin-bottom:15px;}
.test_content{float:left; width:670px; margin-bottom:15px; margin-top:20px;}
.contactbox{ width:950px; float:left; margin-left:12px; margin-top:16px; }
.contactleft{ width:580px; float:left; margin-left:12px; margin-top:16px; }
.contactmap{ width:305px; float:left; margin-left:12px; margin-top:16px; }
.formbox{ width:435px; float:left;}
.formright{ width:326px; float:left; margin-left:8px; background:url(../images/inputbox.jpg) top center no-repeat; height:35px;}
.formleft{ width:80px; float:left; background: url(../images/gradbox.jpg) top left repeat-x; text-align:right; height:218px; padding-top:10px; }
.formgrey{ font-size:14px; color:#7e7e7e; margin:0px; padding:0px; font-weight:bold;}
.formblue{ font-size:14px; color:#0094fb; margin:0px; padding:0px; font-weight:bold;}
.formmessage{ width:326px; float:left; margin-left:8px; background:url(../images/inputbox1.jpg) top center no-repeat; height:125px;}
.input_contact{ width:310px; height:20px; margin-top:11px; margin-left:5px;}
.input_message{ width:310px; height:105px; margin-top:11px; margin-left:5px;}
.inputfield{ width:308px; border:none; border:thin #FFFFFF;}
.messagefield{ width:308px;  height:102px; border:none; border:thin #FFFFFF;}
.submit_bt{width:410px; margin-left:8px; height:35px; text-align:right; float:left;}

/* associates page  */
.asso_work{width:450px; margin-left:12px; float:left; margin-top:17px;}
.asso_work1{width:450px; float:left; margin-left:55px; margin-top:17px;}
.assoimg{width:460px; float:left;}
.assoimg2{width:450px; float:left; margin-left:30px;}
.assoimg1{width:230px; float:left; text-align:center;}
.assoimg1txt{width:220px; float:left; margin-top:25px;  font-size:14px; color:#0094fb;}
.assobox{ width:955px; float:left; margin-left:12px; margin-top:16px;}
.assoimgbig{width:660px; float:left;}
.assoimg1big{width:auto; float:left; text-align:center; padding-right:10px;}