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

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/bg.jpg) no-repeat #FFF; font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; color:#6c6b6b;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#8a1822;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#000;}

/* LAYOUT ---------- */
#wrap {width:781px; margin:0 auto; position:relative; background:url(images/bg-banner.jpg) no-repeat; min-height:270px; height:auto !important; height:270px;}
#address {color:#242424; font-size:11px; float:right; width:535px; margin-right:10px; text-align:right; margin-bottom:70px;}
#content {width:493px;  padding:0 0 20px 252px; clear:both; min-height:400px; height:auto !important; height:400px;}
#contactbox {position:absolute; z-index:60; top:543px; margin-left:28px; width:169px; color:#8a1822; font-size:12px;}
#tagline {position:absolute; z-index:50; top:776px; margin-left:19px;}
#footerwrap {width:100%; clear:both; background:#8a1822;}
#footer {width:681px; margin:0 auto; padding:20px 50px; font-size:11px; color:#000; text-align:center;}
#sidebar {position:absolute; z-index:80; top:282px; margin-left:19px; width:213px;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat;  width:210px; text-indent: -999em; margin: 0; padding:15px 0 0 0; background-position:bottom; }
.about {height:54px;}
.concept {height:148px}
.project {height:95px;}
.design {height:54px;}
.construction {height:90px;}
.consulting {height:57px;}
.contact {height:53px;}
.site {height:51px;}
#content h2 {font-size:16px; color:#8a1822; margin-top:0; padding-top:0;}
#content h3 {color:#000; font-size:12px;}
#footer h2, #footer h2 a {font-size:11px; color:#FFF; margin:0; padding:0;}

h1#logo {
margin: 0 20px 8px 0;
padding: 0;
background-repeat: no-repeat; 
width: 472px;/* this width reflects the width of the logo image */
height: 185px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 185px;/*same height as logo h1*/ 
width: 472px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .noodle {	color: #CCC;}
.img {margin:0 10px 10px 10px; float:right;}
.right {float:right;}
.left {float:left;}
.top  {color:#e4a732; font-size:11px; font-weight:bold;}
.hide {display:none;}
.flash {margin:0; width:781px; height:261px; clear:both;}
.flashp {color:#000; background-image: url(images/1.jpg); text-align:center; padding-bottom:160px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.breadcrumbs, .breadcrumbs a {font-size:11px; color:#8a1822; padding-top:40px;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 0; width:781px; position:absolute; z-index:80; top:220px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; height: 62px; overflow: hidden; text-indent:-999em; }
#nav li {float:left;}

/* Set the image for each nav item */
#conceptdevelopmentandrepositioning {background: url(images/nav-concept-development-and-repositioning.gif); width:192px;}
#projectplanning {background: url(images/nav-project-planning.gif); width:155px;}
#designbuild {background: url(images/nav-design-build.gif); width:116px;}
#constructionmanagement {background: url(images/nav-construction-management.gif); width:207px;}
#consulting {background: url(images/nav-consulting.gif); width:111px;}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover {background-position:0px -62px;;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}



/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 51px; width:237px; list-style: none; padding:0; margin:0 0 0 544px; position:absolute; z-index:90; top:0px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block;height: 51px; overflow: hidden; text-indent:-999em; }
#logins li {float:left;}

/* Set the image for each nav item */
#home {background: url(images/nav-home.gif); width:57px;}
#aboutus{background: url(images/nav-about-us.gif); width:78px;}
#contactus{background: url(images/nav-contact-us.gif); width:101px}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position:0 -51px;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}