@charset "UTF-8";


body{ background: #171717; border: 0px; margin: 0px; padding: 0px;}

.active {
	color: #D5B430;
	cursor: pointer;
}


#header {height: 100px; 
		 background-image: url("../images/header_bg.jpg"); 
		 background-repeat: repeat-x;
		 border-bottom: solid 1px #333333; }


#topWrap {width: 980px; margin: 0px auto; position: relative;}

#topNav {
	height: 30px;
	position: absolute;
	right: 15px;
	top: 0px;
	background-image: url("../images/topnav_bg.jpg");
	background-repeat: repeat-x;
	font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue Black Condensed", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	color: #000000;
}
#topNav a{text-decoration: none; padding: 0px 15px; vertical-align: top; color: #735b0b;}
#topNav a:hover{color: black;}
#topNavActive {color: #3a2e06; vertical-align: top; padding: 0px 15px; cursor: pointer;}


#logo {height: 70px; width: 360px; background-image: url("../images/logo.png"); position: absolute;
		top: 20px; left: -20px; cursor: pointer;}

#headerNav {
	float: right;
	margin-top: 55px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 19px;
}

#headerNav a{
	text-decoration: none;
	color: #cccccc;
}

#headerNav a:hover{
	color: white;
}





#mainFrame {padding: 20px 0px; color: white;}
#contentFrame {
	width: 980px;
	border: solid 1px #D5B430;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/*MAIN PAGE STYLES*/
#MainContainer{
	width: 980px; height: 404px;
	position: relative;
	left: 50%; margin-left: -490px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 	solid 1px #2b2b2b;
	border-left: solid 1px #d5b430;
	background-image:url(../images/Main_bg.jpg);
	background-repeat: repeat;
}
#PartnerContainer{
	width: 980px; height: 484px;
	position: relative;
	left: 50%; margin-left: -490px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 	solid 1px #2b2b2b;
	border-left: solid 1px #d5b430;
	background-image:url(../images/Main_bg.jpg);
	background-repeat: repeat;
}

#MainTitle{
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 32px; color: #D5B430; 
	margin: 24px 30px 15px 30px;
	float: left;
}

#MainTitle h1{
	font-style: normal;
	font-weight:400;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 32px; color: #D5B430; 
	margin: 0px 30px 15px 0px;
	float: left;
	
	display: inline;
}


/* HOME PAGE STYLES */

	.hpContent			{ border: solid 1px #404040; height: 185px; width: 980px; margin: 0px auto; margin-top: -10px;	
						  background: url(../images/Main_bg.jpg); }
	.hpContent h1		{ color: #D5B430; font-family: "Century Gothic", Arial, sans-serif; font-size: 17px; line-height: 17px; padding: 0px; margin: 0px; float: left; font-weight: normal; padding-bottom: 13px;}
	.hpContent p, td	{ color: #aaaaaa;  font-family: arial; font-size: 14px; }
	.hpContent p		{ width: 637px; clear: both; line-height: 1.2em; margin: 0px; padding: 0px;}
	.hpContent .left	{ padding-left: 24px; float: left;}
	.hpContent .right	{ padding-right: 34px; float: right; }
	.hpContent table	{ clear: both;}
	.hpContent td		{ padding-bottom: 10px; }
	.hpContent a		{ text-decoration: none; color: #aaaaaa; }
	.hpContent a:hover	{ color: #D5B430; }
	.hpContent .icon	{ width: 46px; height: 22px; background-repeat: no-repeat; overflow: hidden; }
	.hpContent .globe	{ background-image: url(images/globe.gif); }
	.hpContent .phone	{ background-image: url(images/phone.gif); }
	.hpContent .arrow	{ background-image: url(images/arrow.gif); }
	
	.hpContent .divider	{ border-left: solid 1px #404040; border-right: solid 1px black; height: 146px; float: right; margin-right: 33px; }




/*COMPANY PAGE STYLES*/
#CompanyTitle{
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 32px; color: #D5B430; 
}
#CompanyTitle h1{
	font-style: normal;
	font-weight:400;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 32px; color: #D5B430; 
	
	display: inline;
}



#CompanyProfile{
	padding: 24px 0px 0px 30px; 
	width: 654px;
	float: left;
}

#CompanySlogan {
	font-family: "Century Gothic", Arial, sans-serif;
	color: #4d4d4d;
	font-size: 18px;
}
		
#CompanyText {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 13px;
	color: #afafaf;
	padding-top: 25px;
	width: 654px;
}
.CompanySpecial{
	color: #D5B430;
	text-decoration:none;
}

/*PARTNERS PAGE STYLES */
#PartnersTable {
	position: absolute;
	left: 55px;
	top: 90px;
}

.PartnersLinks {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 15px;
	padding-right: 30px;
	text-align: right;
	color: #a5a5a5;
}

.PartnersLinks a{
	text-decoration: none;
	color: #a5a5a5;
}

.PartnersLinks a:hover{
	text-decoration: none;
	color: #D5B430;
}

/*CONTACT PAGE STYLES*/
.ContactDetails {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 15px;
	padding-right: 20px;
	text-align: right;
	color: #a5a5a5;
}

.ContactDetails a{
	text-decoration: none;
	color: #a5a5a5;
}

.ContactDetails a:hover{
	text-decoration: none;
	color: #D5B430;
}


/*PROJECT STYLES*/
#projHeader{
	background-image: url(../images/ProjHeader.jpg);
	background-repeat:repeat;
	height: 236px;
	margin-top: -20px;
	padding-top: 15px;
	border-bottom: solid 1px #3b3b3b;
}

#projHeaderWrap{
	width: 980px;
	margin: 0px auto;
}

#projHeaderTitle{
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 32px; color: #D5B430; 
}



/* TRYING TO MIMIC projHeaderTitle */
#projHeaderTitle h1{
	font-style: normal;
	font-weight:400;
	font-family: "Century Gothic", "CenturyGothic", Arial, sans-serif;
	font-size: 32px; color: #D5B430; 
	
	display: inline;
}



#ProjHeaderSub{
	font-family: "Century Gothic", Arial, sans-serif;
	color: #4d4d4d;
	font-size: 18px;
	margin-left: 10px;
}

#ProjHeaderText{
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 14px;
	color: #b3b3b3;
	margin: 5px;
}

#ProjFeat{
	background-image: url(" ../images/ProjFeatured.jpg");
	background-repeat:no-repeat;
	width: 500px; height: 65px;
	margin: 30px 0px 15px 5px;
}



#NewWrap {width: 980px; margin: 0px auto;}
.NewHeader {
	height: 27px; width: 943px;
	border: solid 1px #3f3f3f;
	border-bottom: solid 1px #d4b330;
	border-right: none;
	background-image: url("../images/NewHead_bg.jpg");
	background-repeat: repeat-x;
	padding: 6px 11px;
	float: left;
}
	
.NewHeaderText{
	text-transform: uppercase;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #cccccc;
	vertical-align: top;
	padding-left: 3px;
}

.NewFrame {
	border: solid 1px #D5B430;
	background-image: url("../images/NewIcon_bg.jpg");
	background-repeat: repeat;
	margin-bottom: 15px;
	margin-top: 15px;
}

.NewThumbs { 	border: solid 1px #D5B430; clear: both;
				background-image: url("../images/NewIcon_bg.jpg");
				background-repeat: repeat;
				padding-bottom: 10px;
				margin-bottom: 60px;
				
}



.NewText {	float: left; width: 214px; height: 341px; border-left: solid 2px #D5B430; 
			padding: 20px 25px;}
.NewTextHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d0b356;
	line-height: 30px;
	}
.NewTextMain{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a6a6a6;
	margin-top: 5px;
}
.NewTextFooter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-top: 15px;
}


.NewHeader2 {clear: both; height: 19px; border: solid 1px #3f3f3f;
	background-image: url("../images/NewHead_bg.jpg");
	background-repeat: repeat-x; padding: 4px;
	}
	
.NewHeader2Text{	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999999; vertical-align: top;
					line-height: 20px;}
	



.NewThumb {float: left; width: 87px; margin-left: 10px; margin-top: 10px; border: none;}
	

	

#footer {	height: 130px; padding-top: 30px; text-align: center; color: #666666;
			background-image: url("../images/footer_bg.jpg"); background-repeat: repeat-x;
			}
			
					
#footerTop {
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #b2b2b2;
	padding-bottom: 10px;
	font-size: 12px;
}

#footerTop a{
	color: #b2b2b2;
	text-decoration: none;
}

#footerTop a:active{
	color: #D5B430;
	text-decoration: none;
}

#footerTop a:hover{
	color: white;
}

.footerText {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #666;
}

.footerText a{
	text-decoration: none;
	color: #666;
}

.footerText a:hover{
	color: #D5B430;
}

.contactText {
	text-align: center;
	font-family: "Century Gothic", Century, Arial, sans-serif;
	font-size: 19px;
	color: #ccc;
	
}