/* Color
======================================================================
	#b697a4 : Light Pink
	#313021 : Black
	#8aa594 : Light Green
	#ccb03e : Yellow
	#d1cfce : Light Grey	
====================================================================== */


@import url(base.css);



/* Typestyles
====================================================================== */

p.lead {font-size:14px;color:#b697a4;font-weight:bold;margin-bottom:10px;}
p.leadfaq {font-size:14px;color:#b697a4;font-weight:bold;margin-bottom:0px;margin-top:5px;}
p.recentside {font-size:12px;color:#736f69;}
h2 {font-size:16px;color:#569768;}
h1.services {margin-left:20px;margin-bottom:10px;height:53px;width:230px;background-image: url(../imgs/services.png);text-indent: -9999px;}
h1.alli {margin-left:20px;margin-bottom:10px;height:53px;width:230px;background-image: url(../imgs/alli.png);text-indent: -9999px;}
h1.about {margin-left:20px;margin-bottom:10px;height:53px;width:230px;background-image: url(../imgs/about.png);text-indent: -9999px;}
h1.faq {margin-left:20px;margin-bottom:10px;height:53px;width:230px;background-image: url(../imgs/faq.png);text-indent: -9999px;}

a {color:#313021;}
a:hover {color:#d1cfce;}
div#contentwrap ul {margin-left:50px;}
div#contentwrap ul li {padding:5px;list-style:square;}

/* Layout
====================================================================== */

body {
	background: #e0dedd;
	background-image: url(../imgs/bg.png);
	background-repeat:repeat;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color:#313021;	
	}
	
div#wrap {
	width:920px;
	margin: 25px auto 0px;
	padding:0 10px ;
	background-color: #ffffff;
	background-image: url(../imgs/wrapbg.png);
	background-repeat: repeat-x;
	}
	
div#header {
	height:135px;
	position: relative;
	background-color: transparent;
	}
	
div#header h1 {
	position: absolute;
	top:5px;
	background-image: url(../imgs/logo.png);
	background-repeat: no-repeat;
	}

div#header h1 a {
	display: block;
	width:220px;
	height:117px;
	text-indent: -9999px;
	}
	
	
div#tagline {
	height:35px;
	margin-top:5px;
	padding-top:8px;
	padding-right:40px;
	text-align:right;
	background-image: url(../imgs/tag_bg.png);
	color:#836576;
	font-family: Georgia, Times, serif;
	font-weight:bold;
	font-style: italic;
	font-size: 18px;
	}
	
div#contentwrap {
  margin:10px 0;
  padding-top:30px;
}

div#sidebar {
	float:left;
	margin-top:30px;
	padding-top:100px;
	padding-left:50px;
	width:340px;
	height:330px;
	background-image: url(../imgs/recent_bg.png);
	background-repeat: no-repeat;	
	}
	
	
	
div#content {
  margin-top:30px;
  margin-right:20px;
  float:right;
  width:500px;
}
	
div#footer {
	position: relative;
	font-size: 11px;
	line-height: 1.4;
	width:940px;
	height:97px;
	margin: 0 auto;
	background-image: url(../imgs/footer_bg.png);
	}

p.footercontact {
	position: absolute;
	top:25px;
	margin-left:45px;
	}



a.appoint {
	display: block;
	height:112px;
	width:250px;
	background-image: url(../imgs/appoint.png);
	text-indent: -9999px;
	}

a.appoint:hover { background-position:0 -112px; }
div.buttonbox {padding:20px;clear:both;}

/* Navigation
====================================================================== */


div#nav {
	position: absolute;
	width:690px;
	height:68px;
	top:5px;
	right:0;
	background-color: white;
	}	
	
div#nav ul li {list-style: none;float:left;}
div#nav ul li a {display:block; text-indent:-9999px;}	

div#nav ul li#home a {
	background:url(../imgs/nav.png) 0 0 no-repeat;
	height:50px;
	width:80px;
	}
	
div#nav ul li#home a.active, div#nav ul li#home a:hover {
	background:url(../imgs/nav.png) 0 -51px no-repeat;
	}	
	
div#nav ul li#about a {
	background:url(../imgs/nav.png) -80px 0 no-repeat;
	height:50px;
	width:98px;	
	}
	
div#nav ul li#about a.active, div#nav ul li#about a:hover {
	background:url(../imgs/nav.png) -80px -51px no-repeat;
	}
	
div#nav ul li#services a {
	background:url(../imgs/nav.png) -180px 0 no-repeat;
	height:50px;
	width:100px;
	}
	
div#nav ul li#services a.active, div#nav ul li#services a:hover {
	background:url(../imgs/nav.png) -180px -51px no-repeat;
	}	

div#nav ul li#gallery a {
	background:url(../imgs/nav.png) -285px 0 no-repeat;
	height:50px;
	width:102px;
	}
	
div#nav ul li#gallery a.active, div#nav ul li#gallery a:hover {
	background:url(../imgs/nav.png) -285px -51px no-repeat;
	}	
	
div#nav ul li#faq a {
	background:url(../imgs/nav.png) -395px 0 no-repeat;
	height:50px;
	width:88px;
	}
	
div#nav ul li#faq a.active, div#nav ul li#faq a:hover {
	background:url(../imgs/nav.png) -395px -51px no-repeat;
	}	

div#nav ul li#alli a {
	background:url(../imgs/nav.png) -490px 0 no-repeat;
	height:50px;
	width:99px;
	}
	
div#nav ul li#alli a.active, div#nav ul li#alli a:hover {
	background:url(../imgs/nav.png) -490px -51px no-repeat;
	}	


div#nav ul li#green a {
	background:url(../imgs/nav.png) -590px 0 no-repeat;
	height:66px;
	width:99px;
	}
	
div#nav ul li#green a.active, div#nav ul li#green a:hover {
	background:url(../imgs/nav.png) -590px -67px no-repeat;
	}	



/* Homepage tabs/images
====================================================================== */

div#promo {
	width:920px;
	height:339px;
	margin-top:3px;
	}
	
div#box {
  width:920px;
  height:339px;
  position:relative;
  background-color:#d1cfce;
  background-image:url(../imgs/ajax-loader.gif);
  background-repeat:no-repeat;
  background-position:70% 52%;
}
	
div#tabs {
	float:left;
	width:392px;
	height:340px;
	position:absolute;
	left:0;
	top:0;
	z-index:4;
	}	
	
div#tabimages	{
  position:absolute;
  top:0;
  right:0;
  width:585px;
  height:339px;
  z-index:3;
  overflow:hidden;
}
  div#tabimages div {
    display:none;
    position:absolute;
    left:0;
    top:0;
  }
  div#tabimages div.active { display:block; }
	


div#tabs ul li {list-style: none;}
div#tabs ul li a {display:block; text-indent:-9999px;}	

div#tabs ul li#staging a {
	background:url(../imgs/tabs.png) 0 0 no-repeat;
	height:75px;
	width:392px;

	}
div#tabs ul li#staging a.active {
		background:url(../imgs/tabs.png) 0 0 no-repeat;

	}
	
	
div#tabs ul li#interior a {
	background:url(../imgs/tabs.png) 0 -412px no-repeat;
	height:63px;
	width:392px;
	
	}
div#tabs ul li#interior a.active {
	background:url(../imgs/tabs.png) 0 -412px no-repeat;

	}
	
div#tabs ul li#redesign a {
	background:url(../imgs/tabs.png) 0 -135px no-repeat;
	height:65px;
	width:392px;

	}
div#tabs ul li#redesign a.active {

	}
div#tabs ul li#green a {
	background:url(../imgs/tabs.png) 0 -545px no-repeat;
	height:75px;
	width:392px;

	}
div#tabs ul li#green a.active {
	background:url(../imgs/tabs.png) 0 -545px no-repeat;
	}
		
		
		div#tabs ul li#event a {
	background:url(../imgs/tabs.png) 0 -620px no-repeat;
	height:75px;
	width:392px;


	}
div#tabs ul li#event a.active {
	background:url(../imgs/tabs.png) 0 -620px no-repeat;
	}
	
	/* Service/FAQ/Allaince 
====================================================================== */

div.serviceblock {
	float:left;
	width:850px;
	margin-left:20px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	}

div.serviceimg {
	float:right;
	width:150px;
	height:100px;
	margin-right:40px;
	border:1px solid #d1cfce;
	}
	
div.serviceblockright {
	float:left;
	width:650px;
	margin-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	}

div.serviceimgright {
	float:left;
	width:150px;
	height:100px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:20px;
	border:1px solid #d1cfce;
	}
div.divider {border-bottom:1px solid #d1cfce;margin-left:20px;margin-right:20px;margin-bottom:10px;margin-top:10px;}
div.divider2 {border-bottom:1px solid #d1cfce;;margin-bottom:10px;margin-top:10px;}

table {width:700px;font-size:12px;margin-top:10px;margin-bottom:10px;}
tr.charthead td {padding-bottom:10px;} 
tr.even {background-color: #e3e0e0;}
cite {font-size:10px;line-height: 10px;}

/* Gallery
====================================================================== */

div.quotebox {
  width:100%;
  height:200px;
  margin-top:20px;
 
}	
  div.quotebox div.quote {
    font-family:serif;
    font-size:18px;
    font-style:italic;
    padding:20px 150px 0;
  }
  div.quotebox p {background-image: url(../imgs/quote.png); background-repeat: no-repeat;
  	padding-left:40px;
  	
  	}
	
	
div#numbers {
	height:42px;
	text-align:center;
	background-image: url(../imgs/tag_bg.png);
	color:#836576;
	font-size:16px;
	line-height:42px;
	}
  #numbers img {
    vertical-align:middle;
    cursor:pointer;
  }
  #numbers a {
    margin:0 5px;
    text-decoration:none;
    color:#615754;
  }
  #numbers a:hover {
    color:#666;
  }
  #numbers a.activeSlide {
    color:#677f4b !important;
    cursor:default !important;
  }
	
div#slideshow {
	width:920px;
	height:339px;
	margin-top:3px;
	overflow:hidden;
}