* { margin:0px; padding:0px;}
p { margin-bottom: 10px;}
img { border:0px;}

#page {width:650px; margin:auto;}
#header { height:250px; background:url(../images/headerBG.jpg) no-repeat bottom; margin-bottom:4px;}
#headbut {float:right;}
#headbut img {margin-right:20px;}
#headnav {width:183px; margin-left:9px; padding-top:10px; border:1px solid #fff;}
#headnav div {margin:2px; background:#fff; padding:0px 4px;}
#headnav div ul {margin-left:45px; list-style:url(../images/arrowYellow.gif) outside; padding-bottom:5px;}
#headnav div ul li{font:bold 12px Arial, Helvetica, sans-serif; color:#468BC4; margin:6px 0px;}
#headnav div ul li a {text-decoration:none; color:#468BC4; }
#headnav div ul li a:hover{text-decoration:underline;}

#nav {width:185px; margin:0px 8px; float:left; display:inline;}
#nav ul {margin-left:30px; list-style:url(../images/arrowBlue.gif) outside; padding-bottom:1px;}
#nav ul li {font:bold 10px Verdana, Arial, Helvetica, sans-serif;}
#nav #services {border:1px solid #000; border-bottom:none; color:#3D5188;}
#nav #services h3 {margin-left:4px; font:bold 12px Arial, Helvetica, sans-serif;}
#nav #services h3 span {color:#000;}
#nav #services ul li {margin:5px 0px;}
#nav #services ul li a{color:#3D5188; text-decoration:none;}

#nav #news {color:#fff;}
#nav #news div {background:#468BC4; padding-right:2px;}
#nav #news div h3 {margin-left:4px; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:underline;}
#nav #news div ul li {font-weight:normal; margin:5px 0px;}
#nav #news div ul li a {color:#fff; text-decoration:none;}
#nav #services ul li a:hover, #nav #news div ul li a:hover{text-decoration:underline;}

#content {width:441px; float:left; padding:4px;}
#content h1 {font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:4px; color:#468BC4;}
#content h1 span {color:#3D5188;}
#content h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#3D5188;}
#content p {margin-bottom:10px; font:10px Verdana, Arial, Helvetica, sans-serif;}
#content ul {margin-left:25px; list-style-type:circle; font:12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
#content ul a{font-weight:bold; text-decoration:none; color:#468BC4;}
#content ul a:visited{color:#3D5188;}
#content ul a:hover{text-decoration:underline;}
#content ul a:active{text-decoration:underline;}

#content ol {margin-left:50px; font:10px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; list-style:url(../images/arrowBlue.gif) outside;}

body#viewproject #content h1 {border-bottom:1px solid #000; margin-bottom:4px;}

#footer {background:url(../images/footerBG.gif) repeat-x; height:18px; color:#fff; padding-top:20px; padding-left:10px; font:9px Verdana, Arial, Helvetica, sans-serif;}
#footer .deco {float:right; margin-top:-20px;}

.nopadding { display:block; padding:0px; margin:0px;}
.spacer { clear:both;}
.newsline {background:#468BC4; height:1px; width:80%; margin:10px auto;}

.projectThumbs {text-align:center;}
.projectThumbs p{color:#fff; background:#468BC4; padding:4px;}
.projectThumbs img {margin:4px;}

.contact {font:12px Verdana, Arial, Helvetica, sans-serif; color:#3D5188;}
.contact label{width:125px; float:left; clear:left; text-align:right; margin-top:6px;}
.contact input{width:180px; margin:3px 0px; border:2px solid; border-color:#3D5188 #468BC4 #468BC4 #3D5188; background:#BCD0E6; padding:1px;}
.contact input:focus{background:#fff;}
.contact textarea{clear:left; width:330px; height:150px; border:2px solid; border-color:#3D5188 #468BC4 #468BC4 #3D5188; overflow:auto; display:block; margin:4px auto; background:#BCD0E6; padding:1px;}
.contact textarea:focus{background:#fff;}
.contact button{display:block; margin:4px auto; padding:0px 10px; background:#468BC4; color:#fff; border:2px solid; border-color: #BCD0E6 #3D5188 #3D5188 #BCD0E6; cursor:pointer;}
.contact button:active{border-color: #3D5188 #BCD0E6 #BCD0E6 #3D5188; color:#000;}
.contact button:hover{border-width:2px;}


/* Curved cutout Borders*/
.curved {background: transparent; margin-bottom:10px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px; font-size:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.curved .b1 {margin:0 4px; background:#000;}
.curved .b2 {margin:0 3px;}
.curved .b3 {margin:0 2px;}
.curved .b4 {margin:0 1px;}

#news.curved .b2,#news.curved .b3,#news.curved .b4 {background:#468BC4; border-left:1px solid #468BC4; border-right:1px solid #468BC4;}
#news.curved .b1 {margin:0 4px; background:#468BC4;}