/* 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: #653c12;
	text-decoration:none;
}

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

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

}

p{
	font-size: 1.0em;
}

p.introduction:first-letter {
	font-size : 200%;
	font-weight : bold;
	float : left;
	width : 1em;
}

h1, h2, h3, h4, h5{
	
}

h1{
	font-size: 2.1em;
	color: #653c12;
}

h2{ font-size: 1.7em;}
h3{ }
h4{
	font-weight: bold;
}

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



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

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

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

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

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

li.heading, li.type{
	color: #653c12;
	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: 800px;
	position: relative;
}

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

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

	#content-supp img{

	}
		
#footer{
	color: #a45d0e;
}


/* Navigation */

ul#nav-main {
	position: absolute;
	bottom: 185px;
	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: 1.5em;
		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#roadmap {
	list-style: none;
}

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

/* FORMS
------------------------------------------------------------------------------------------*/
form#contact-form{
	float: right;
	vertical-align:top; 
}

.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"], textarea{
	width: 250px;
	padding: 0;
	margin: 0;
}

textarea{
	height : 100px;
}

input[type="button"]{
	width: 70px;
	margin: 1em 0;
	}



.footerText {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:#454240;

}

.footerText A {text-decoration:none; color: #454240;} 
.footerText A:link {text-decoration:none; color: #454240;}
.footerText A:visited {text-decoration:none; color: #454240;}
.footerText A:active {text-decoration:none; color: #454240;}
.footerText A:hover {text-decoration:underline; color: #454240;}

.headerText {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#9D6625;
	font-weight:bold;
}

.headerText A {text-decoration:none; color: #9D6625;} 
.headerText A:link {text-decoration:none; color: #9D6625;}
.headerText A:visited {text-decoration:none; color: #49D6625;}
.headerText A:active {text-decoration:none; color: #FFFFFF;}
.headerText A:hover {color: white;}

.menuText {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#9D6625;

}

.menuText A {text-decoration:none; color: #FFFFFF;} 
.menuText A:link {text-decoration:none; color: #FFFFFF;}
.menuText A:visited {text-decoration:none; color: #FFFFFF;}
.menuText A:active {text-decoration:none; color: #FFFFFF;}
.menuText A:hover {text-decoration:underline; color: #4FFFFFF;}

.pageTitle {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:15px;
	color:#4d4745;

}