/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	color: #000;
}

body{
	margin: 0px;
	color: #000;
	background-image: url(../images/design/bg.jpg);
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	color: #ab660d;
	text-decoration:  none;
}

a:active{ outline: none;}
a:focus{-moz-outline-style: none; outline: none;}

label, a:hover, label:hover{
	color: #898700;
	cursor: pointer;
	text-decoration: none;
}

/* Typography */
abbr{}

span, p, h1, h2, h3, h4, h5{
	color: #373534;
	font-family:  Helvetica, Verdana, Arial, sans-serif;
}

p, ul, ol{
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #a1845e;
}


h1{
	font-size: 2.4em;
}


h2{
	font-size: 1.4em;
}

h3{
	
}

hr{
	background-image:url(../images/design/hr-bg.jpg);
	background-repeat: repeat-x;
	width: 885px;
}

p img{
	float: none;
	margin: 0px;
}

small{
	display: block;
	color: #a1845e;
}



/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

.left{float: left;}
.right{	float: right;}

/*Carousel*/
.carousel{margin-bottom: 20px;}
.prev, .next{cursor: pointer; position: absolute; top: 18px;}
.ie6 .prev, .ie6 .next{top: 30px}
.prev{left: 15px;}
.next{right:133px;}
.disabled{cursor:default;}

.ie6 .carousel{	margin-top: -120px;}

p.important{
	color: #373534;
}



/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	height: 100%;
	background-image: url(../images/design/bg-content.png);
	width: 864px;
	padding: 0px 50px;
	min-height: 935px;
	background-repeat: no-repeat;
}

#header {
	height: 650px;
	position: relative;
	text-align: center;
	width:864px;
}

	#branding{
	width: 100%;
	height: 112px;
	background-repeat: no-repeat;
	display: block;
	padding-top: 32px;
	margin-bottom: 32px;
	text-align: center;
	}
		
			#branding h1 a{
			  height: 112px;
				width: 242px;
			}
	
#portfolio{
	display: block;
	
	height: 437px;
}

#content{
	margin-top: 34px;
	min-height: 200px;
	display: block;
}		

.ie6 #content{
	margin: 0px;
	height: 200px;
}

#content-main{
	position: relative;
	width: 703px;
	float: right;
	display:block;
	padding-left: 35px;
}

.ie6 #content-main h2{margin-top: -100px;}
.ie6 #content-main h2.no-pad{margin-top:0px;}

	#content-main p{
		margin: 0px 157px 22px 0px;
		text-align: justify;
	}
	
	#content-main h2{
		font-size: 1em;
		text-transform:uppercase;
		color: #a1845e;
	}

#content-supp{
	width: 127px;
}

.ie6 #content-supp, .ie7 #content-supp{
	width: 100px;
}
	

/* Navigation 
------------------------*/

#navigation{
	width:673px;
	height: 21px;
	
	margin-top: 12px;
	background-image: url(../images/design/bg-nav.png);
	padding-top: 12px;
	padding-left: 193px;
}	


ul#nav-main, ul#nav-supp{
	list-style: none;
	margin: 0px;
	height: 10px;
}

ul#nav-main li, ul#nav-supp li {
	float: left;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height:10px;
	text-indent: -9999px;
	margin-right: 35px;
	line-height: 10px;
	}


	ul#nav-main a, ul#nav-supp li a, ul#nav-supp li a:hover {
		display: block;
		height: 10px;
	}
	
	ul#nav-supp li{
		float: none;
		margin: 0 0 10px 0;
		margin-right: 0px;
		width: 113px;
	}
	
	ul#nav-supp.icons li, ul#nav-supp.icons li a, ul#nav-supp.icons li a:hover{
		height: 30px;
		width: 30px;
	}
	
	.ie6 ul#nav-supp li, .ie7 ul#nav-supp li{margin-bottom:0px;}	
	.ie7 ul#nav-supp.icons li, .ie6 ul#nav-supp.icons li{margin-bottom: 10px;}
	
	ul#nav-supp li a{
		 width: 113px;
	}
	
	
	
ul#nav-supp{
	width: 99px;
	padding-right: 33px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: -30px;
}

ul#nav-supp.icons{
	width: 30px;
	margin-left: 44px;
}


ul#nav-supp.horizontal{
	width: 295px;
	margin: 0 auto 100px auto;
}

ul#nav-supp.horizontal li{
	float: left;
	
	margin-right: 20px;
}

.ie6 ul#nav-supp.icons{
	margin-top: 20px;
}

ul#nav-supp.short{ height: 52px; background-image: url(../images/design/vrule-3.png);}
.ie7 ul#nav-supp.short{background-position: right 5px;}

/* LISTS
------------------------------------------------------------------------------------------*/
ul#banners, ul#portfolio{
	list-style: none;
	margin: 0px;
	height: 437px;
	width: 864px;
	background-color: transparent;
}

ul#portfolio li{
	height: 437px;
	width: 864px;
}

.ie6 ul#banners, .ie7 ul#banners{
	margin-left: -864px;
}


ul.vcard{
	list-style: none;
	margin-left: 0px;
	}
	
	ul.vcard > li:first-child{
		font-weight: bold;
	}
	
ul#nav-image{
	margin: 3px 0 30px 2px;
	list-style: none;
	height: 47px;
	width: 560px;
}
	
	ul#nav-image li{
		width: 57px;
		height: 47px;
		margin-right: 13px;
		text-indent: 0px;
		float: left;
	}
	
	ul#nav-image li a{
		height: 47px;
		width: 57px;
		border: 0px;
		
	}
	
	


/* FORMS
------------------------------------------------------------------------------------------*/
form.custom-form{
	position: relative;
	margin-top: 25px;
	width: 95%;
}
form.custom-form fieldset { margin-bottom: 10px;}
form.custom-form legend {  padding: 0 2px;  font-weight: bold;}
form.custom-form label { display: inline-block; line-height: 1.8;vertical-align: top;}
form.custom-form fieldset ol {  margin: 0;  padding: 0;}
form.custom-form fieldset li {  list-style: none;  padding: 5px;  margin: 0;}
form.custom-form fieldset fieldset {  border: none; border-width: 0; margin: 0 0 -55px -18px;}

.ie form.custom-form fieldset fieldset{ margin-bottom: -35px; margin-top: -28px;}

form.custom-form fieldset fieldset legend {  padding: 0 0 5px;  font-size: 12px; color: #687819;}
.ie form.custom-form fieldset fieldset legend {}

form.custom-form fieldset fieldset label {  margin-top: -40px; margin-right: -90px; margin-left: 50px;  width: auto;}
.ie form.custom-form fieldset fieldset label{ margin-top: -30px; }

form.custom-form label.required:after{	content: '*';	 font-weight: bold;  font-style: normal;  color: #f00;}
form.custom-form em {  font-weight: bold;  font-style: normal;  color: #f00;}
form.custom-form label {  width: 120px; /* width of labels */}

form.custom-form input:focus{outline: #AO5423; }
form.custom-form input[type=text]{	width: 25%;}
form.custom-form input[type=text].short{	width: 75px;}
form.custom-form textarea{
	margin-right:5px;
	width:480px;
	height: 75px;
}

.webkit form.custom-form textarea{margin-top: 0px;}

form.custom-form fieldset fieldset label {  margin-left: 123px; /* Width plus 3 (html space) */}
form.custom-form li#button{position: absolute; bottom: 5px; }

.ie form.custom-form li#button{position: relative; }
.ie form.custom-form {padding-bottom: 15px; }


/* TABLES
------------------------------------------------------------------------------------------*/


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	width: 242px;
	background-image:url(../images/design/azaya-design-logo.png);
	height: 112px;
	margin: 0 0 0 317px;
	padding: 0px;
}

.ie6 h1#logo, .ie7 h1#logo{margin:0px;}


/* Nav
-------------------*/
a#client-login{
	position:absolute;
	left: 772px;
	top: 125px;
	background-image:url(../images/text/nav/nav-client-login.png);
	width: 92px;
	height: 11px;
	display: none;
}

a#eco-tip-plant{
	position: absolute;
	left: 648px;
	width: 67px;
	height: 133px;
	background-image:url(../images/text/nav/eco-plant.png);
	top: 0px;
}

.ie6 a#eco-tip-plant{	top: 20px;}

a#eco-tip-plant:hover{background-image: url(../images/text/nav/eco-plant-over.png);}

ul#nav-main li#design-and-build a{background-image: url(../images/text/nav/nav-design-and-build.png); width: 102px;}
ul#nav-main li#design-and-build a:hover, ul#nav-main li#design-and-build{background-image:url(../images/text/nav/nav-design-and-build-over.png); }
ul#nav-main li#azaya a{background-image: url(../images/text/nav/nav-azaya.png); width: 39px;}
ul#nav-main li#azaya a:hover, ul#nav-main li#azaya{background-image:url(../images/text/nav/nav-azaya-over.png); }
ul#nav-main li#portfolio a{background-image: url(../images/text/nav/nav-portfolio.png); width: 65px;}
ul#nav-main li#portfolio a:hover, ul#nav-main li#portfolio{background-image:url(../images/text/nav/nav-portfolio-over.png); }
ul#nav-main li#blog a{background-image: url(../images/text/nav/nav-blog.png); width: 32px;}
ul#nav-main li#blog a:hover, ul#nav-main li#blog{background-image:url(../images/text/nav/nav-blog-over.png); }
ul#nav-main li#team a{background-image: url(../images/text/nav/nav-team.png); width: 32px;}
ul#nav-main li#team a:hover, ul#nav-main li#team{background-image:url(../images/text/nav/nav-team-over.png); }
ul#nav-main li#contact a{background-image: url(../images/text/nav/nav-contact.png); width: 57px; }
ul#nav-main li#contact a:hover, ul#nav-main li#contact{background-image:url(../images/text/nav/nav-contact-over.png);margin-right: 0px; }

ul#nav-supp li#eco-tips a{background-image: url(../images/text/nav/subnav-eco-tips.png);}
ul#nav-supp li#eco-tips a:hover, ul#nav-supp li#eco-tips{background-image:url(../images/text/nav/subnav-eco-tips-over.png); }
ul#nav-supp li#resources a{background-image: url(../images/text/nav/subnav-resources.png);}
ul#nav-supp li#resources a:hover, ul#nav-supp li#resources{background-image:url(../images/text/nav/subnav-resources-over.png); }
ul#nav-supp li#glossary a{background-image: url(../images/text/nav/subnav-glossary.png);}
ul#nav-supp li#glossary a:hover, ul#nav-supp li#glossary{background-image:url(../images/text/nav/subnav-glossary-over.png); }

ul#nav-supp li#earth a{background-image:url(../images/design/earth.png);}
ul#nav-supp li#wind a{background-image:url(../images/design/wind.png);}
ul#nav-supp li#fire a{background-image:url(../images/design/fire.png);}
ul#nav-supp li#water a{background-image:url(../images/design/water.png);}

/*h1
-------------------*/
h1.headings{
	height: 12px;
	margin: 7px 0 0 -17px;
}

h1#one-bed{	background-image:url(../images/text/one-bedroom.jpg); width: 149px;}
h1#two-bed{	background-image:url(../images/text/two-bedroom.jpg); width: 149px;}