html,body {
height: 100%;
margin: 0;
padding: 0;

}
body {
	font-family:"Arial Narrow","Helvetica Condensed",Arial,sans-serif;
	font-size: 15px;
}
body.home {
	background:#3D4859;
}
body.residential {
	background:#4B5B4B;
}
body.commercial {
	background:#3E3949;
}
body.services {
	background:#4A6768;
}
body.about, body.about2, body.about3 {
	background:#423730;
}
body.affiliations {
	background:#7C2E2E;
}
body.contact {
	background:#7C2E2E;
	background:#4A6768;
}
body.interior #rightcol .content {
	background:url(../images/backgrounds/interiordesign.jpg) no-repeat;
}
body.arch #rightcol .content {
	background:url(../images/backgrounds/architectural_planning.jpg) no-repeat;
}
body.contact #rightcol .content {
	background:url(../images/backgrounds/contact.jpg) no-repeat;
}
body.furniture #rightcol .content {
	background:url(../images/backgrounds/furniture_and_upholstery.jpg) no-repeat;
}
body.landscape #rightcol .content {
	background:url(../images/backgrounds/landscape_design.jpg) no-repeat;
}
body.lightning #rightcol .content {
	background:url(../images/backgrounds/lighting_design.jpg) no-repeat;
}
body.about #rightcol .content {
	background:url(../images/backgrounds/about.jpg) no-repeat;
}
body.about2 #rightcol .content {
	background:url(../images/backgrounds/about2.jpg) no-repeat;
}
body.about3 #rightcol .content {
	background:url(../images/backgrounds/about3.jpg) no-repeat;
}
body.affiliations #rightcol .content {
	background:url(../images/backgrounds/affiliations.jpg) no-repeat;
}
body.interior #rightcol .location
, body.arch #rightcol .location
, body.contact #rightcol .location
, body.furniture #rightcol .location
, body.landscape #rightcol .location
, body.lightning #rightcol .location   {
	background:none;
}
body.interior #rightcol h1
, body.arch #rightcol h1
, body.contact #rightcol h1
, body.furniture #rightcol h1
, body.landscape #rightcol h1
, body.lightning #rightcol h1 
, body.affiliations #rightcol h1 
, body.about #rightcol h1
, body.about2 #rightcol h1
, body.about3 #rightcol h1{
	color:#3C3C37;
}
body.interior #rightcol p
, body.arch #rightcol p
, body.contact #rightcol p
, body.furniture #rightcol p
, body.landscape #rightcol p
, body.lightning #rightcol p  
, body.affiliations #rightcol p  
, body.about #rightcol p
, body.about2 #rightcol p
, body.about3 #rightcol p{
	width:270px;
}
#wrapper {
	width:975px;
	height:561px;
	margin:0 auto;
}

#leftcol {
	margin-top:5px;
	width:318px;
	float:left;
	position:relative;
}
#leftcol p{
	border-top:#b1b6bd 1px solid;
	border-bottom:#b1b6bd 1px solid;
	width:173px;
	margin-left:54px;
	padding-top:28px;
	padding-bottom:28px;
	color:#ffffff;
	line-height:21px;
	padding-left:35px;
	position:relative;
	margin-top:15px;
}
#leftcol img.point{
	position:absolute;
	left:18px;
	top:33px;
}
#leftcol address{
	position:absolute;
	text-align:right;
	top:465px;
	left:70px;
	line-height:23px;
	color:#ffffff;
	font-style:normal;
	font-size:19px;	
}
#rightcol {
	float:right;
	width:657px;
	height:561px;
	background:url(../images/backContentA.png) no-repeat;
	position:relative;	
}
body.about #rightcol, body.contact #rightcol{
	background:url(../images/backContentB.png) no-repeat;
}
body.about2 #rightcol, body.contact #rightcol{
	background:url(../images/backContentB.png) no-repeat;
}
body.about3 #rightcol, body.contact #rightcol{
	background:url(../images/backContentB.png) no-repeat;
}
body.affiliations #rightcol, body.contact #rightcol{
	background:url(../images/backContentB.png) no-repeat;
}
#rightcol .location {
	position:absolute;
	width:606px;
	height:26px;
	background:url(../images/backPageTitleBrown.png);
	top:25px;
	left:25px;
	text-align:right;
}
#rightcol .location span{
	text-align:right;
	line-height:26px;
	font-size:17px;
	font-weight:bold;
	opacity:0.75;filter:alpha(opacity=75);
	color:#ffffff;
	padding-right:10px;
}
#rightcol .sswrap {
	position:relative;
	width:606px;
	height:393px;
	margin-left:25px;
	margin-top:25px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(../images/ajax-loader.gif) center center no-repeat;
}
#rightcol .sswrap  .ssitem{
	width:606px;
	height:392px;
	overflow:hidden;
	float:left;
}
body.services #rightcol{
	background:url(../images/backContentB.png) no-repeat;
}
body.services #rightcol .sswrap  .ssitem{
	background:#e2e2e1;
}

body.services #rightcol .sswrap .ssitem h1, #rightcol .content h1{
	color:#DC8E1E;
	margin-top:60px;
	font-size:24px;	
	margin-bottom:15px;	
	margin-left:20px;
	float:none;
}
#rightcol .content h1{
	margin-top:0px;
	padding-top:15px;
}
body.services #rightcol .sswrap .ssitem p, #rightcol .content p{
	font-size:13px;
	height:auto;
	margin-bottom:15px;
	margin-left:20px;
	float:none;
}
body.services #rightcol .sswrap .ssitem img, #rightcol .content img{
	float:right;
	margin-top:45px;
	margin-right:20px;
	padding-left:20px;
}
body.services #rightcol p {
	font-size:16px;
	line-height:20px;
	height:auto;
	margin-bottom:15px;
	margin-left:20px;
	float:none;
}
#rightcol .content img{
	margin-top:0px;
}
#rightcol .slideshow {
	position:absolute;
	width:50000px;
	height:393px;
}
#rightcol .toolbar {
	float:right;
	width:70px;
	margin-right:25px;
}
#rightcol .content {
	background:#e2e2e1;
	width:606px;
	height:440px;
	margin-bottom:5px;
	margin-top:26px;
	margin-left:26px;
	padding-top:45px;
}
#rightcol .overfill {
	width: 100%;
	height: 420px;
	overflow: auto;
}
label  {
	font-size:13px;
	margin-bottom:10px;
	margin-left:20px;
	float:none;
	margin-left:20px;	
}
#rightcol .content .drpshadow{
	width:285px;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px #666 rgba(0, 0, 0, 0.15);
	margin-left:20px;
	margin-top:6px;
	margin-bottom:10px;	
}
#rightcol .content input.text{
	width:267px;
	height:18px;
}
#rightcol .content textarea{
	width:267px;
	height:70px;
	margin:0px;	
}
#rightcol .content input.button{
	margin-left:20px;
}
#rightcol h1 {
	float:left;
	margin-left:45px;
	font-size:21px;
	color:#000000;
	margin-top:5px;
	margin-bottom:5px;
	/*
	height:21px;
	*/
}
#rightcol p{
	float:left;
	margin-left:45px;
	font-size:18px;
	line-height:19px;
	color:#3C3C37;
	height:56px;
	padding-right:30px;
}
#rightcol p.projectdetails {
	
	height:56px;
}
#rightcol ul#nav{
	clear:both;
	height:24px;
	margin-left:35px;
	padding-left:20px;
}
#rightcol ul#nav li{
	float:left;
	margin-right:43px;
	line-height:24px;
	position:relative;
}
#rightcol ul#nav li:hover > ul{
	display:block;
}
#rightcol ul#nav li,#rightcol ul#nav li a{
	height:56px;
	font-size:16px;
	text-decoration:none;
	color:#ffffff;
}
body.portfolio #rightcol ul#nav li.portfolio a{
	color:#3C3C37;
}
body.services #rightcol ul#nav li.services a{
	color:#3C3C37;
}
body.about #rightcol ul#nav li.about a{
	color:#3C3C37;
}
body.about2 #rightcol ul#nav li.about2 a{
	color:#3C3C37;
}
body.about3 #rightcol ul#nav li.about3 a{
	color:#3C3C37;
}
body.affiliations #rightcol ul#nav li.affiliations a{
	color:#3C3C37;
}
body.contact #rightcol ul#nav li.contact a{
	color:#3C3C37;
}
#rightcol ul#nav li ul{
	display:none;
	position:absolute;
	background:url(../images/backsubnav.png) repeat;
	bottom:56px;
	left:-15px;
}
#rightcol ul#nav li.portfolio ul{
	height:100px;
}
#rightcol ul#nav li.services ul{
	width:240px;
	height:125px;
}
#rightcol ul#nav li ul li {
	border-bottom:1px #ffffff solid;
	height:auto;
	width:100%;
}
#rightcol ul#nav li ul li.last{
	border-bottom:none;
}
#rightcol ul#nav li ul li a{
	font-size:14px;
	padding-left:10px;
	color:#ffffff!important;
	width:100%;
	display:block;
	height:auto;
}