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

* {
margin: 0;
padding: 0;

}

img, div, a, div a img { behavior: url(iepngfix.htc) }

a img, img {
outline: none;
border: none;
}

#clear {
clear: both;
}

body { 
color: 333;
margin: 0px; 
padding: 0px; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px;
background-color: #FFF;
background: url(../images/bg.jpg) repeat-x;
}


/* Typographic Elements */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 35px;
font-weight: normal;
color: #0671ba;
padding: 0 0 2px 0;
}

#left-column-interior h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
text-align: left;
font-weight: normal;
color: #0671ba;
padding: 0 0 2px 0;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #444;
padding-top:10px;
padding-bottom: 2px;
}


h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
color: #666;
padding-top:10px;
padding-bottom: 2px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #666;
padding-top:10px;
padding-bottom: 2px;

}

#contact-form strong {
color: #990000;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #666;
padding-top:10px;
padding-bottom: 2px;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #666;
padding-top:10px;
padding-bottom: 2px;
}

p, #right-column p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #333;
padding-top: 2px;
padding-bottom: 7px;
}


#subnav p{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #666;
height: 14px;
}

#subnav a, #subnav a:visited, #subnav a:active {
outline: none;
color: #666;
text-decoration: underline;
}

#subnav a:hover {
outline: none;
color: #666;
text-decoration: none;
}

#right-column a, #right-column a:visited, #right-column a:active, #left-column a, #left-column a:visited, #left-column a:active {
outline: none;
color: #0671ba;
text-decoration: underline;
}

#right-column a:hover, #left-column a:hover {
outline: none;
color: #0671ba;
text-decoration: none;
}

#footer p {
color: #999;
}


#footer a, #footer a:visited {
color: #999;
text-decoration: none;
}

#footer a:hover {
color: #999;
text-decoration: underline;
}

#right-column ul li {
color: #333;
margin: 0 0 0 15px;
}

strong {
color: #333;
}

/* Container Elements */

#container {
top: 0px;
padding: 0;
margin: 0 auto;
width: 976px;
}

#content {
width: 960px;
margin: 0 auto 20px auto;
}

/* Sturctural Elements */

#header {
height: 180px;
}

#logo {
width: 195px;
height: 124px;
position: relative;
top: -20px;
float: left;
clear: both;
}

#login-box {
width: 215px;
height: 26px;
position: relative;
right: 0;
padding: 9px 0 0 8px;
top: 12px;
background: url(../images/loginbg.jpg) no-repeat;
float: right;
}

#login-box p {
text-align: left;
padding: 10px 0 0 20px;
color: #666;
}

#subnav {
float: right;
clear: both;
height: 23px;
position: relative;
top: 15px;
right: 20px;
}

#subnav img {
position: relative;
top:3px;
padding: 0;
}

#left-column {
width: 300px;
float: left;
padding-bottom: 10px;
}

#right-column {
width: 645px;
float: right;
padding: 0 0 10px 15px;
margin: 0px;
}

#content-top {
background: url(../images/topbg.jpg) no-repeat;
height: 18px;
width: 960px;
margin: 0px auto 10px auto;
}

#content-bottom {
background: url(../images/bottombg.jpg) no-repeat;
height: 18px;
width: 960px;
margin: 0px auto;
clear: both;
}

#footer {
padding: 15px 0 50px 0;
width: 960px;
}

#footer-right {
margin: -10px 0 15px 0;
float: right;
}

#footer-left {
float: left;
margin: 0 0 0 15px;
}

#footer p {
margin: 0;
padding: 0;
}

/* Interior Structural Elements */

#left-column-interior {
width: 350px;
float: left;
padding-bottom: 10px;
}

#right-column-interior {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
background: url(../images/gallerybox.jpg) no-repeat;
width: 560px;
height: 514px;
float: right;
padding: 10px 10px 0px 10px;
margin: 0px 0 10px 0;
}

#gallery img {
margin: 0px 10px 15px 0px;
padding: 10px;
background: url(../images/gallerybg.jpg) no-repeat;
}

#gallery p {
font: Arial, Helvetica, sans-serif;
font-size:14px;
color: #666666;
margin: 0;
padding: 0;
float: left;
}

/* Slideshow Elements */

#slideshow {
position: relative;
margin: 0px auto;
width: 976px;
height: 442px;
background: url(../images/slideshowbg.jpg) no-repeat;
}

#slideshow img {
margin: 8px 0 0 12px;
}


/* Navigation Elements */
body#one a#one,

{
background: url(../images/nav-hover.jpg) no-repeat;
}

#navigation {
margin: 92px 15px 0 0;
right: 15px;
width: 670px;
height: 36px;
float: right;
}

#navigation ul {
display: inline;
width: 670px;
height: 36px;
}

#navigation ul li {
list-style: none;
display: block;
clear: left;
float: right;
margin: 0 2px;
}

/* Sprite Elements */

li.retail {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: 0 0;
width: 90px;
height: 36px;
display: block;
}

li:hover.retail {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: 0 -36px;
width: 90px;
height: 36px;
display: block;
}

li.restaurant {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -94px 0px;
width: 153px;
height: 36px;
display: block;
}

li:hover.restaurant {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -94px -36px;
width: 153px;
height: 36px;
display: block;
}

li.commercial {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -251px 0px;
width: 162px;
height: 36px;
display: block;
}

li:hover.commercial {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -251px -36px;
width: 162px;
height: 36px;
display: block;
}

li.industrial {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -417px 0px;
width: 137px;
height: 36px;
display: block;
}

li:hover.industrial {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -417px -36px;
width: 137px;
height: 36px;
display: block;
}

li.office {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -558px 0px;
width: 92px;
height: 36px;
display: block;
}

li:hover.office {
background: url(../images/nav/navbg.jpg) no-repeat;
background-position: -558px -36px;
width: 92px;
height: 36px;
display: block;
}

/* Side-Navigation Elements */

#left-column .side-nav a, #left-column .side-nav a:visited, #left-column .side-nav a:hover {
text-decoration: none;
color: #FFF;
}

ul.side-nav {
width: 300px;
}

ul.side-nav  li {
list-style: none;
height: 38px;
width: 300px;
margin-bottom: 5px;
}

ul.side-nav li a, ul.side-nav li a:visited {
font-size: 18px;
color: #FFF;
text-decoration: none;
background: url(../images/sidenavbg.jpg) no-repeat;
padding: 7px 0 0px 15px;
height: 29px;
width: 285px;
display: block;
}

ul.side-nav li a:hover {
display: block;
height: 29px;
width: 285px;
background: url(../images/sidenavbg.jpg) no-repeat;
background-position: 0 -36px;
}

ul#customer-login {
	position: relative;
	width: 276px; 
	margin: 0;
	list-style: none;
}

ul#customer-login li { display: inline; }
	
ul#customer-login li a {
	display: block; float: left; height: 15px;
	background-image: url(../images/plan-room-login.png); text-indent: -9999px;
}

ul#customer-login li a.project-status {
		width: 197px; background-position: 0 -20px;	
	}
	
	ul#customer-login li a.project-status:hover, ul#customer-login li a.project-status:focus {
		background-position: 0 0;	
	}
	




/* Form & Google Map Elements */


#form {
margin: -17px 45px 0 0px;
float: right;
position: relative;
}

#contact-form {
margin: 0;
}

#form ul li {
list-style: none;
}

#submit {
margin: 5px 0 0 0; !important
}

#map {
float: right;
clear: both;
}

#contact-content {
float: left;
}