/* CSS Document */

/************* Nav styles **************/
#nav{
	display:block; width: 240px; height:auto;
	margin:0; padding:10px 0 0 0; border: 0;
	float:left; clear:left;
}
#nav img{float:left;}

#nav ul{
	display:block; width:240px; padding:0;	margin: 0;
	font-family:Arial, Helvetica, sans-serif; color:#fff;
}
#nav li {list-style:none;}

#nav li a:link, #nav li a:visited {
	display: block; width:226px;
	padding: 4px 4px 4px 10px; margin:0; 
	border-bottom: 1px solid #44494E; border-left: 4px solid #464B50;
	line-height:normal; font-weight:normal; text-decoration:none; color:#fff;
}
#nav li a:hover, #nav li a:active{text-decoration:none;	color:#959599;}

#nav ul ul{
	display:block; width:240px;	padding: 0;	margin: 0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif; color:#fff;
}
#nav li li a:link, #nav li li a:visited {
	display: block; width:226px;
	padding: 4px 4px 4px 10px; margin:0; 
	border-bottom: 1px solid #44494E; border-left: 4px solid #371D54;
	line-height:normal; font-weight:normal;
	text-decoration:none; color:#fff; 
}
#nav li li a:hover, #nav li li a:active{
	text-decoration:none; color:#959599;
}
#nav h1 {margin:8px 10px 0 10px; padding:0;	color:#fff;	font-size:110%;}
#nav p { margin:8px 0 8px 10px; padding:0; color:#fff; font-size:90%;}

/********** Portfolio MENU Page Info ***********/
#nav #navtext { width: 240px; min-height:150px; margin-left:5px; float:left;}

#nav #navtext h1, #nav #navtext h2 {margin:12px 0 0 10px; padding:0; color:#fff; font-size:110%;}

/* fix for IE6 */
* html #nav #navtext h1{margin-left:5px;}
#nav #navtext h2 { font-size:100%; }
#nav #navtext p {margin:7px 0 0 10px; padding:0; color:#fff;}

/* fix for IE6 */
* html #nav #navtext p{	margin-left:5px; margin-bottom:10px; }

#navtext ul {
	display:block; margin:0 0 0 15px; padding: 10px 0 15px 0; border:0;
	list-style:disc; list-style-type:disc;
}
#navtext li{margin:5px 0 5px 10px; padding: 0; list-style:disc;}

#nav #navtext a:link, #nav #navtext a:visited {	
	padding:0 10px 5px 30px; margin:7px 0 7px 0;
	background:url(../pics/speechMarksSM.gif) 0 top no-repeat;
	font-weight:normal; color:#ABDF00; text-decoration:none; float:left;
}
#nav #navtext a:hover, #nav #navtext a:active { 
	text-decoration:underline;
	background:url(../pics/speechMarksSM.gif) 0 bottom no-repeat;
}

/********** Portfolio Page Property Info ***********/
#nav #details { 
	position:relative;	width: 485px; min-height:150px; margin-left:5px; 
	float:left;	z-index:200;
}
/* fix for IE6 */
* html #nav #details{margin-left:0;	width:255px;}
#nav #details h1 { margin:12px 0 0 10px; padding:0;	color:#fff;	font-size:110%;}
#nav #details p {margin:7px 0 0 10px; padding:0; width:auto; color:#fff;}

/* fix for IE6 */
* html #nav #details p{	width:245px; padding-bottom:10px; }

#nav #details a:link, #nav #details a:visited {	
	padding:0 10px 5px 30px; margin:7px 0 7px 0;
	background:url(../pics/speechMarksSM.gif) 0 top no-repeat;
	font-weight:normal; color:#ABDF00; text-decoration:none; float:left;
}

#nav #details a:hover, #nav #details a:active { 
	text-decoration:underline;
	background:url(../pics/speechMarksSM.gif) 0 bottom no-repeat;
}

/******** info pages Testimonial Link ********/
#nav #SeeTestimonial { 
	position:relative; width: 235px; min-height:70px; 
	margin-left:5px; margin-top:30px; float:left;
}
/* fix for IE6 */
* html #nav #SeeTestimonial{ margin-left:0; height:70px; width:235px;}
#nav #SeeTesimonial p {	margin:7px 0 0 10px; padding:0; width:auto;	color:#fff; float:left; clear:left;}

#nav #SeeTestimonial a:link, #nav #SeeTestimonial a:visited {
	padding:10px 10px 11px 50px;
	background: url(../pics/speechMarksBig.gif) 0 top no-repeat;
	font-weight:normal; color:#ABDF00; text-decoration:none; 
}
/* fix for IE6 */
* html #nav #SeeTestimonial a:link, #nav #SeeTestimonial a:visited {
	height: 100px;  padding:10px 10px 11px 50px; line-height:300%;
}
#nav #SeeTestimonial a:hover, #nav #SeeTestimonial a:active {
	text-decoration:underline;
	background:url(../pics/speechMarksBig.gif) 0 bottom no-repeat;
}
.carbon { margin:0 0 0 20px;}

/* Main Navigation On Page Styles */

body#home a#homeLink,
body#about a#aboutLink,
body#residential a#residentialLink,
body#commercial a#commercialLink,
body#pm a#pmLink,
body#portfolio1 a#portfolioLink1,
body#portfolio2 a#portfolioLink2,
body#why a#whyLink,
body#trends a#trendsLink,
body#eco a#ecoLink,
body#contact a#contactLink
{
 border-left: 4px solid #371D54; color:#ccc;
}
body#home a:hover#homeLink, a:active#homeLink,
body#about a:hover#aboutLink, a:active#aboutLink,
body#residential a:hover#residentialLink, a:active#residentialLink,
body#commercial a:hover#commercialLink, a:active#commercialLink,
body#pm a:hover#pmLink, a:active#pmLink,
body#portfolio1 a:hover#portfolioLink1, a:active#portfolioLink1,
body#portfolio2 a:hover#portfolioLink2, a:active#portfolioLink2,
body#why a:hover#whyLink, a:active#whyLink,
body#trends a:hover#trendsLink, a:active#trendsLink,
body#eco a:hover#ecoLink, a:active#ecoLink,
body#contact a:hover#contactLink, a:active#contactLink{
	color:#fff;}

body#whyGeorgina a#whyGeorginaLink{	color:#ccc;}
body#whyGeorgina a:hover#whyGeorginaLink, a:active#whyGeorginaLink{	color:#fff;}

/* Up Link */

.up a:link, .up a:visited{
	width:auto; height: auto; margin:0; padding:0;
	text-decoration:none; color:#ccc; float:right;
}
.up a:hover, .up a:active{color:#fff;}