/* -------- INNER PAGE DEFAULT --------- */

#innerContent {
	width:966px;
	clear: both;
	position:relative;
	z-index:98;
	top:-63px;
	background:transparent url(../img/content-bg.png) repeat-y;
}

#subNavigation {
	width:830px;
	height:60px;
	display:block;
	margin:0 auto;
}

#subNavigation ul {
	list-style-type:none;
}

#subNavigation ul li {
	list-style:none;
	float:left;
	position:relative;
}

#subNavigation ul li a{
	height:60px;
	display:block;
	overflow:hidden;
}

#subNavigation ul li.logoBGLI {
	width:247px;
	height:60px;
	display:block;
	background:#ffec6d url(../img/yellow-logo-bg.jpg) no-repeat;
}

span.hide {
	display:none;
	}
	
#subNavigation ul li.TEGGLI {
	width:195px;
	height:60px;
	display:block;
	overflow:hidden;
}

#subNavigation img {
	border:0;
}

#subNavigation ul li.residentialLI {
	width:193px;
	height:60px;
	display:block;
	overflow:hidden;
}

#subNavigation ul li.commercialLI {
	width:194px;
	height:60px;
	display:block;
	overflow:hidden;
}


#contentContainer {
	clear:both;
	width:830px;
	margin: 0 auto;
	padding:0 0 15px 0;
	background:#fffce9 url(../img/contentContainer-inner-bg.jpg) repeat-y;
}

#lCol {
	width:247px;
	background:#fffce9 url(../img/lCol-yellow2.jpg) no-repeat;
	float:left;
	margin:0 0 25px 0;
	border-right:1px solid #cdb72e;
}

#lCol ul {
	margin:10px 0;
	list-style-type:none;
}

#lCol ul li {
	margin:0 20px;
	padding:8px 0;
	list-style:none;
	border-top:1px solid #ccb72e;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	font-weight:bold;
}

#lCol ul li.subnav {
	margin:0 20px;
	padding:4px 0 10px 20px;
	list-style:none;
	border-top:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	font-weight:bold;
}

#lCol ul li.archivesubnav {
	margin:0 20px;
	padding:0 0 5px 0;
	list-style-type:none;
	border-top:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#lCol ul li:first-child {
	border-top:none;	
}

#lCol ul li a:link, #lCol ul li a:active, #lCol ul li a:visited {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

#lCol ul li a:hover {
	color:#c0070a;
}

#lCol ul li.subnav a:link, #lCol ul li.subnav a:active, #lCol ul li.subnav a:visited {
	text-decoration:none;
	color:#333;
}

#lCol ul li.subnav a:hover {
	color:#c0070a;
}


#lCol h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin:15px 20px 0 20px;
}

#lCol h4.contactHead {
	padding-top:5px;
	border-top:1px solid #ccb72e;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	font-weight:bold;
	}

#lCol h4 a:link, #lCol h4 a:active, #lCol h4 a:visited {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

#lCol h4 a:hover {
	color:#c0070a;
}

#lCol h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#333;
	margin:8px 20px 0 20px;
}

#lCol p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:5px 20px;
	color:#000;
}

#lCol p.lColtop {
	padding-top:25px;
}


#lCol p a:link, #lCol p a:active, #lCol p a:visited {
	color:#c0070a;
	text-decoration:none;
}

#lCol p a:hover {
	text-decoration:underline;
}

/* -------- LEFT COLUMN SLIDER --------- */

#slider {
  	width: 582px;
	margin:0 auto;
  	position: relative;
}

.scroll {
	height:1150px;
  	overflow: auto;
  	position: relative; /* fix for IE to respect overflow */
 	clear: left;
	overflow-x: scroll;
    background: #FFFFFF repeat-x scroll left bottom;
}

.scrollContainer div.panel {
	height:1150px;
  	width: 582px; /* change to 560px if not using JS to remove rh.scroll */
}

#teggScroll {
	height:1300px;
	}
		
.hidden {
	display:none;
	}

#lCol ul li.noTop {
	border-top:none;
	}


/* -------- */



#mainContent {
	width:582px;
	float:left;
	background:#fff url(../img/innerPage-mainContent-bg.jpg) top no-repeat;
}

#mainTop {
	width:100%;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}

#mainContent h1 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding:15px 0 15px 35px;
	color:#333;
	float:left;
}

#facebook {
	width:101px;
	height:40px;
	display:block;
	float:right;
	padding:10px 15px 5px 0;	
}

a.facebook:link, a.facebook:active, a.facebook:visited {
	width:101px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(../img/facebook-btn.png) 0 0 no-repeat;
}

a.facebook:hover {
	background:url(../img/facebook-btn.png) 0 -40px no-repeat;
}

#mainContent h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	padding:15px 35px 0 35px;
	color:#000;
}

#mainContent h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:15px 35px;
	color:#333;
}

#mainContent p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:20px;
	padding:5px 55px 5px 35px;
}

#mainContent ul {
	margin:5px 55px;
}

#mainContent ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:8px 0;
	margin:0 35px;
	color:#000;
	text-align:left;
	line-height:20px;
}

#mainContent ol {
	margin:5px 55px;
}

#mainContent ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:8px 0;
	margin:0 35px;
	color:#000;
	text-align:left;
	line-height:20px;
}

#mainContent a:link, #mainContent a:active, #mainContent a:visited {
	color:#c0070a;
	text-decoration:none;
}

#mainContent a:hover {
	color:#c0070a;
	text-decoration:underline;
}

.quoteCredit {
	font-size:12px;
	text-align:right;
	color:#666;
}

#footer {
	width:830px;
	height:75px;
	display:block;
	clear:both;
	position:relative;
	z-index:98;
	top:-63px;
	margin:0 auto;
	background:url(../img/footer-bg.jpg) no-repeat;
}

#footer h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffef84;
	font-weight:normal;
	text-align:center;
	padding:20px 0 0 0;
}




/* ---------------------------- */
/* --------   ABOUT   --------- */
/* ---------------------------- */


#comPhi {
	padding:45px 0 25px;
}

#comPhi hr {
	width:60%;
}

#lColTeam {
	text-align:center;
}

#lColTeam h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:10px;
	font-weight:normal;
}

#lColTeam img {
	padding:1px;
	border:1px solid #999;	
}

#lColTeam p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:20px;
	margin-bottom:15px;
}

#aboutLeft {
	width:290px;
	height:1040px;
	display:block;
	text-align:center;
	background:url(../img/aboutLeft-bg.jpg) no-repeat;
	float:left;
	border-right:1px solid #cdb72e;
	border-top:1px solid #cdb72e;
}

#aboutRight {
	width:291px;
	height:1040px;
	display:block;
	text-align:center;
	background:url(../img/aboutRight-bg.jpg) no-repeat;
	float:left;
	border-top:1px solid #cdb72e;
}

#aboutLeft img, #aboutRight img {
	padding:1px;
	border:1px solid #999;	
}

#aboutLeft p, #aboutRight p {
	margin-bottom:15px;
	padding:0;
}

#aboutLeft h2, #aboutRight h2 {
	margin-bottom:15px;
}

#aboutLeft a, #aboutRight a {
	font-weight:normal;
}




/* ------------------------------ */
/* --------  COMMERCIAL  -------- */
/* ------------------------------ */


#lCol ul.commercial li {
	color:#FFF;
	}
	
#lCol ul.commercial li a:link, #lCol ul.commercial li a:active, #lCol ul.commercial li a:visited {
	color:#FFF;
	}

#lCol ul.commercial li a:hover {
	color:#ffdb00;
}
	
#lCol ul.commercial li.subnav a:link, #lCol ul.commercial li.subnav a:active, #lCol ul.commercial li.subnav a:visited {
	color:#FFF;
}

#lCol ul.commercial li.subnav a:hover {
	color:#ffdb00;
}

#commClients table {
	width:540px;
	padding:20px;
	}

#commClients tr {
	vertical-align:top;
	}
	
#commClients td {
	padding-left:20px;
	line-height:26px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:20px;
	}
	
#commProjects {
	text-align:center;
	}
	
.projectMainPhoto{
	width:400px;
	margin:0 auto;
	padding:2px;
	border:1px solid #999;
	}

div.commProjectStage{
	text-align:center;
	}
	
div.commProjectStage h4 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:20px 0 15px;
	}
	
div.commProjectStage p {
	margin:0;
	padding:0 0 20px;
	}
	
div.commProjectGallery img {
	margin:10px 20px ;
	padding:2px;
	border:1px solid #999;
	}

/* ------------------------------ */
/* --------   CONTACT   --------- */
/* ------------------------------ */


#contactLeft, #contactRight {
	width:50%;
	float:left;
}

#contactForm {
	padding:20px 0 20px 20px;
	width:205px;
	}
	
#contactForm label {
	padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#contactForm.contact label {
	color:#000000;
	font-weight:normal;
	}
	
#contactForm input {	
	margin-bottom:15px;
	width:200px;
	}
	
#contactForm textarea {
	height:250px;
	width:200px;
	}
	
/* --------------------------------- */
/* --------   NEWSLETTER   --------- */
/* --------------------------------- */	

#newsletterContent {
	width:542px;
	float:left;
	background:#fff url(../img/newsletterArchiveHeader.jpg) top no-repeat;
	padding:155px 20px 20px 20px;
}

#newsletterContent p {
	margin-bottom:10px;
}

#newsletterForm {
	padding:20px 0 20px 30px;
}

#newsletterForm label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#newsletterForm input{
	margin-bottom:10px;
}

a.newsletterFormlink:link, a.newsletterFormlink:active, a.newsletterFormlink:visited {
	width:211px;
	height:68px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/newsletter-subscribe-btn.png) 0 0 no-repeat;
	}
	
a.newsletterFormlink:hover {
	background:url(../img/newsletter-subscribe-btn.png) 0 -68px no-repeat;
	}
	
#archive2009link, #archive2008link, #archive2007link, #archive2006link, #archive2005link, #archive2004link, #archive2003link, #archive2002link {
	padding-left:10px;
	}	
	
a.facebookNews:link, a.facebookNews:active, a.facebookNews:visited {
	width:101px;
	height:40px;
	display:block;
	margin:20px auto;
	text-indent:-9999px;
	background:url(../img/facebook-btn.png) 0 0 no-repeat;
}

a.facebookNews:hover {
	background:url(../img/facebook-btn.png) 0 -40px no-repeat;
}
/*-------- RESIDENTIAL --------- */

#lCol ul.residential li {
	color:#FFF;
	}
	
#lCol ul.residential li a:link, #lCol ul.residential li a:active, #lCol ul.residential li a:visited {
	color:#FFF;
	}

#lCol ul.residential li a:hover {
	color:#ffdb00;
}
	
#lCol ul.residential li.subnav a:link, #lCol ul.residential li.subnav a:active, #lCol ul.residential li.subnav a:visited {
	color:#FFF;
}

#lCol ul.residential li.subnav a:hover {
	color:#ffdb00;
}

#resClients table {
	width:540px;
	padding:20px;
	}

#resClients tr {
	vertical-align:top;
	}
	
#resClients td {
	padding-left:20px;
	line-height:26px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:20px;
	}

#resProjects {
	text-align:center;
	}
	
.projectMainPhoto{
	width:400px;
	margin:0 auto;
	padding:2px;
	border:1px solid #999;
	}

div.resProjectStage{
	text-align:center;
	}
	
div.resProjectStage h4 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:20px 0 15px;
	}
	
div.resProjectStage p {
	margin:0;
	padding:0 0 20px;
	}
	
div.resProjectGallery img {
	margin:10px 20px ;
	padding:2px;
	border:1px solid #999;
	}


/* --------------------------- */
/* -------- SERVICES --------- */
/* --------------------------- */

div.accNav {
	width:582px;
	height:56px;
	display:block;
	background:url(../img/services-h2-bg3.jpg) -582px 0 no-repeat;
	padding:0;
	margin:0;
}

#accordion h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#000000;
	font-weight:normal;
	padding:15px 0 0 40px;
}

#accordion a:link,  #accordion a:active, #accordion a:visited{
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#000000;
	font-weight:normal;
	padding:15px 0 0 10px;
}

#accordion a:hover {
	color:#c0070a;
	text-decoration:underline;
}

div.serviceDiv {
	padding:20px 0;
}

div.servicesSlide h4 {
	color:#c0070a;
}

/* --------------------------- */
/* -------- EXTRAS --------- */
/* --------------------------- */

.white {
 color:#FFF;
}