/*
Theme Name: Trilogy
Theme URI: http://trilogybuilds.com/
Description: Custom CMS theme for Trilogy Builders
Author: Nate Zander
Version: 1.0
Tags: 
*/


/* CSS Document */


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

html{

}

body{
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0px;
	color: #000000;
	padding: 1.5em 0 0 0;
}


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

a:hover, label:hover{
	text-decoration: underline;
}

/* Typography */
p, h1, h2, h3, h4, h5{

}

p{
	font-size: 1.0em;
}

h1, h2, h3, h4, h5{
	
}

h1{
	font-size: 2.1em;
	color: #9c5e1d;
}

h2{ font-size: 1.7em;}
h3{ font-size: 1.4em; color: #9C5E1D; text-align: center; }
h4{
	font-weight: bold;
}

img{
	line-height: 0px;
	border: none;
}

ul, ol{list-style: none; margin: 0px;}

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

.quote{
	position: absolute;
	left: 35px;
	bottom: 10px;
}

.last {margin-right:0;padding-right:0;}

ul.vcard{
	list-style:none;
	width: 35%;
	float: left;
}

.ie6 ul.vcard{
	width: 30%;
}

li.heading, li.type{
	color: #9c5e1d;
	font-weight: bold;
	font-size: 1.3em;
	margin-top: .3em;
	margin-left: -5px;
}

.ie6 li.heading, .ie6 li.type{
	margin-left: 0px;
}

li.fn{
	color: #9c5e1d;
}

/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	min-height: 906px;
	background-color: #251D1B;
	width: 960px;
	position: relative;
}

.ie6 .container{
	height: 906px;
}

	#flashAlt{
	position: absolute;
	width: 960px;
	height: 906px;
	top: 0px;
	left: 0px;
	z-index: 10;
	}

	#branding{
	width: 203px;
	height: 184px;
	background-image: url(images/design-elements/trilogy-partners-logo.png);
	background-repeat: no-repeat;
	margin: 245px auto 0 auto;
	}
		
			#branding h1 a{
				text-indent: -5000px;
				width: 203px;
				height: 184px;
				display: block;
				font-size: 0;
				overflow: hidden;
			}
			
	#banner{
	width: 630px;
	height: 398px;
	margin: 0px;
	}
	
	#banner + h1{
		margin-top: 1.1em;
	}
			
#content{
	padding-top: 1.5em;
	padding-bottom: 50px;
}		

#content-main{
	background-color: #FFFFFF;
	padding: 30px 30px 0;
	min-height: 875px;
	position: relative;
}

* html #content-main{
	height: 875px;
}

#content-main.long{
	padding-bottom: 30px;
}

.ie6 #content-main.long{
	margin-bottom: 30px;
}

#content-supp{
	position: relative;
	height: 906px;
	background-image: url(images/design-elements/content-supp-bg.jpg);
	margin: 0px;
}

	#content-supp img{

	}
		
#footer{
	color: #a45d0e;
	position: absolute;
	bottom: 1.5em;
	width: 95%;
	/*background-image: url(images/legal-info.jpg);
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 352px;*/
	height: 12px;
	
}

.ie6 #footer{
	bottom: -15px;
}

#footer img.logo{
	position: absolute;
	bottom: 0px;
}


/* Navigation */

ul#nav-main {
	position: absolute;
	top: 450px;
	font-size: 1.2em;
	list-style: none;
	margin: 0px;
	width: 162px;
	right: 35px;
	height: auto;
}

.ie6 ul#nav-main{
	right: -125px;
}

.ie ul#nav-main{
	bottom: 190px;
}
		
	ul#nav-main li a, ul#nav-main li  {
		display: block;
		height: 1.5em;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		background-position:0px 4px;
	}
	
	.ie6 ul#nav-main li a, ie6 ul#nav-main li  {
	
	}
	
	ul#nav-main li {
		margin-bottom: 18px;
		width: 185px;
	}
	
	.ie ul#nav-main li{
		margin-bottom: 17px;
	}
	
	ul#nav-main li a{
		float: right;
	}
	
	ul#nav-main li.subnav{}
	ul#nav-main li.subnav ul{position: absolute;}
	ul#nav-main li.subnav ul li{display: inline;}
	
	
ul#nav-supp{
	list-style: none;
	font-size: 1.1em;
	margin:.75em 0 1.5em 0;
}

	ul#nav-supp li{
	display: inline;
	margin-right: 15px;
	}
	
	ul#nav-supp li.current{
		font-weight: bold;
		color: #9c5e1d;
	}
	

/* FORMS
------------------------------------------------------------------------------------------*/
form#contact-form, #wpcf7-f1-p21-o1{
	float: right;
	width: 65%;
	margin-bottom:40px;
}

.ie6 form#contact-form{
	width: 57%;
}

form ul{
	list-style: none;
	margin: 0;
}

form ul li{
	font-size: 1em;
	margin: .75em 0;
	}
	
.ie form ul{
	margin-top: 1.5em;
	margin-bottom: 0em;
}	
	
.ie6 fieldset{

	}
	
legend{
	font-size : 1.2em;
	padding: 0 5px;
}

label{
	width: 200px;

	margin: .5em 0;
}

input[type="text"], input[type="password"], #wpcf7-f1-p21-o1 textarea{
	width: 275px;
	padding: 0;
	margin: 0;
}

textarea{
	height : 100px;
}

#wpcf7-f1-p21-o1 input[type="submit"]{
	width: 70px;
	margin: 1em 0;
	float: right;
	}

/* PHARK
------------------------------------------------------------------------------------------*/
/*Nav-main*/
ul#nav-main li#portfolio a{background-image: url(images/nav/nav-portfolio-off.jpg); width: 52px; float: left;}
ul#nav-main li#portfolio a:hover, ul#nav-main li#portfolio  {background-image: url(images/nav/nav-portfolio-on.jpg); width: 52px; overflow: hidden;}
ul#nav-main li#portfolio{margin-left:110px; }

ul#nav-main li#team a{background-image: url(images/nav/nav-team-off.jpg); width: 35px; float: left;}
ul#nav-main li#team a:hover, ul#nav-main li#team  {background-image: url(images/nav/nav-team-on.jpg); width: 35px; overflow:hidden;}
ul#nav-main li#team {margin-left: 127px; /*start amount tp -35px*/}

ul#nav-main li#green a{background-image: url(images/nav/nav-green-off.jpg);width: 74px; float: left;}
ul#nav-main li#green a:hover, ul#nav-main li#green {background-image: url(images/nav/nav-green-on.jpg); width: 74px; overflow: hidden; }
ul#nav-main li#green {margin-left: 90px; }

ul#nav-main li#designAndBuild a{background-image: url(images/nav/nav-design-and-build-off.jpg); width: 45px; float: left; }
ul#nav-main li#designAndBuild a:hover, ul#nav-main li#designAndBuild {background-image: url(images/nav/nav-design-and-build-on.jpg); width: 45px; overflow: hidden }
ul#nav-main li#designAndBuild  {	margin-left: 119px; /*slide amount -65px; start at 70px*/}

ul#nav-main li#contact a{background-image: url(images/nav/nav-contact-off.jpg);width: 50px;  float: left;}
ul#nav-main li#contact a:hover, ul#nav-main li#contact {background-image: url(images/nav/nav-contact-on.jpg); }
ul#nav-main li#contact{margin-left: 113px; }

ul#nav-main li#blog a{background-image: url(images/nav/nav-blog-off.jpg);width: 29px; float: left;}
ul#nav-main li#blog a:hover, ul#nav-main li#blog {background-image: url(images/nav/nav-blog-on.jpg); }
ul#nav-main li#blog {margin-left: 134px;}

ul#nav-main li#press a{background-image: url(images/nav/nav-press-off.png);width: 32px; float: left;}
ul#nav-main li#press a:hover, ul#nav-main li#press {background-image: url(images/nav/nav-press-on.png); }
ul#nav-main li#press {margin-left: 132px;}
/*subnav

ul#nav-main li.subnav ul#teamSub{left: 25px;}
ul#nav-main li.subnav ul#designSub{left: 75px;}
ul#nav-main li.subnav ul#teamSub li a{margin-right: -9px;}
ul#nav-main li.subnav ul#designSub li a{margin-right: 5px; margin-left: 5px;}

ul#nav-main li#team ul li#approach a {background-image: url(images/nav/subnav-approach.png);width: 55px;  }
ul#nav-main li#team ul li#approach a:hover {background-image: url(images/nav/subnav-approach-on.png); }

ul#nav-main li#team ul li#greenBuilding a{background-image: url(images/nav/subnav-green-building.png);width: 82px; }
ul#nav-main li#team ul li#greenBuilding a:hover{background-image: url(images/nav/subnav-green-building-on.png); }

ul#nav-main li#designAndBuild ul li#design a{background-image: url(images/nav/subnav-design.png);width: 38px;  }
ul#nav-main li#designAndBuild ul li#design a:hover{background-image: url(images/nav/subnav-design-on.png);  }

ul#nav-main li#designAndBuild ul li#build a{background-image: url(images/nav/subnav-build.png);width: 28px; }
ul#nav-main li#designAndBuild ul li#build a:hover{background-image: url(images/nav/subnav-build-on.png);}*/