@charset "UTF-8";
/* CSS Document */

html, body {width:100%; height:100%; padding:0; margin:0;}


.images{
	height: 500px;
	width: 500px;
	background-color:#000000;



}

body {
    background:												#333 url(IMAGES/bg4.gif);
    margin: 												0;
    padding:		                                        0;
    font-family: 											Arial, Helvetica, Verdana, San-serif;
    font-size: 												12px;
    color: 													#999;
	
	margin:													0;
	padding:                                                0;
	height:													100%;
} 


h6 {
    /*text-shadow:											#666666 1px 2px 4px;*/
	font-weight:											normal;
	font-size: 												18px;
    text-align:												left;
	margin: 												0px;
    color: 													#d15908;
    font-family:Arial, Helvetica, sans-serif;
    text-transform: 										uppercase;
    padding:                                                0 0 0 0px;
}

h4	{
	font-size:												14px;
	margin:													10px 0 10px 0;
	padding:                                                0 0 0 0;


}


h5 {
   

	font-weight:											normal;
	font-size: 												18px;
    text-align:												left;
	margin: 												0px;
    color: 													#FF6600;
    font-family: 											"Akzidenz Grotesk BE MdCn", "Arial Narrow", Arial, Helvetica;
    text-transform: 										uppercase;
    padding:                                                0 0 0 0px;
}
h3 {
    font-weight:											normal;
	font-size: 												21px;
    
    color:													#FFF;
    width: 													270px;
    font-family: 											Arial, Arial Narrow, Helvetica;	
    text-transform: 										uppercase;
    padding:                                                0 0 0 10px;
}

.redEye{
	color:													#990000;

}
h2 {
    font-weight:											normal;
	font-family: 											Arial, Arial Narrow, Helvetica;
    font-size: 												15px;
    margin: 												5px 0 0 0px;
    color: 													#B83917;
}
.clearBoth {
    clear: 													both;
}

/*========== Visited colors ==========*/







/*========== Begin Layout Structure ==========*/

#liveCast{
	width: 400px;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	background-color:#999999;
	border: 2px #9999 solid;



}


.shadowWrapper {
    width: 													1030px;
    margin:													0 auto;	
    background: 											url(IMAGES/shadowbg980.gif) repeat-y top center;
	
}

.pageWrapper {
    height:													100%;
	width: 													980px;
    margin:													0 auto;
    background:												#EEE url(IMAGES/pagewrap_bg980.jpg) repeat-y;
    overflow:												hidden;/*contain inner floats*/
}

.headerImage {
    width: 													1200px;
    height: 												90px;
    background: 											url(IMAGES/design_header980.jpg) no-repeat;
    position: 												relative;
}

.moveLogo {
    position: 												absolute;
    top: 													12px;
    left: 													50px;
    margin: 												0 0 0 -28px;
}

.contentWrapper {
    
	margin: 												50px 0 30px 0px;
    width: 													980px;
	font-size:												14px;
	color:													#333333;
}

.contentWrapper2 {
    margin: 												50px 0 0 0px;
    width: 													980px;
	font-size:												14px;
	color:													#333333;
	padding-bottom:                                         150px;
	text-align:												left;
	height:													100%;
}

.contentWrapper2 img{
	margin:                                                 0 0 20px 0;


}

/*========== Begin Slideshow Section ==========*/

.frontContainer {
    width: 													980px;
    height: 												326px;
    padding-bottom: 										0px;
    background: 											url(IMAGES/frontpage_bg.jpg) repeat-x;
}



.slideShowContainer {
    overflow:												hidden;
	height: 												325px;
	width: 													750px;
    float:													right;
}

/*
.frontSlideShow {
    
    height:  												323px;  
    width:   												730px;  
    padding: 	                                            0;  
    margin:                                                 0;  
} 

.frontSlideShow img {
     cursor:													pointer;
	 padding:                                               0 0 0 20px;  
     width:                                                 730px; 
     height:                                                323px; 
     top:  														0; 
     left: 														0;
}
*/


ul#frontSlideShow {
    width: 													770px;
    height: 												327px;
    margin:													0px 0 0 40px;
    padding:	                                            0 0 0 0;
    list-style:												none;
}
#frontSlideShow li {
    float:													left;
}

#frontSlideShow img {
     
	 cursor:													pointer;
	 padding:                                               0 0 0 20px;  
     width:                                                 730px; 
     height:                                                323px; 
     top:  														0; 
     left: 														0;
}


.moveLogo2 {
    float:													left;
    width:													160px;
    height:													223px;
    margin: 												40px 0 0 10px;
   
    display:												inline;/*fix ie6 double margin bug*/
}


/*========== Begin Textbox Section ==========*/

.bolden{
	font-weight:											bold;
	color:													#FF66003;


}

.featuredBox {
	background:												#d9d9d9;
	float: 													left;
	display: 												inline;
	margin: 												0px 0 30px 0;
	width:													980px;
	


}

.featuredProject{
	float: 													left;
	display: 												inline;
	padding:                                                10px 0 0 0;
	margin: 												0px 0 0 30px;
	width:													500px;
}

.featuredProject h2{
	text-transform:											capitalize;
	font-size:												32px;
	color:													#993300;


}


.featuredProject h3{
	font-size:												18px;
	color:													#333333;
	padding:                                                0 0 0 0;
	margin: 												0 0 0 0;

}

.featuredProject p {
	color:													#333333;
	font-size:												14px;
	line-height: 											18px;
	padding:                                                0 40px 0 0;


}


.featuredProject a:visited, .featuredProject a:link{
	text-decoration:										none;
	color:													#993300;
	text-transform:											capitalize;
}

.featuredProject a:hover{
	color:													#993300;
	text-decoration:										underline;										
	
}


.aboutInfo {
	
	float: 													left;
	display: 												inline;
	margin: 												0px 0 30px 0;
	width:													980px;
	


}

.aboutInfoText{
	float: 													left;
	display: 												inline;
	padding:                                                10px 0 0 0;
	margin: 												0px 0 0 30px;
	width:													600px;
}

.aboutInfoText h2{
	text-transform:											capitalize;
	font-size:												21px;
	color:													#d15908;


}


.aboutInfoText h3{
	font-size:												18px;
	color:													#333333;
	padding:                                                0 0 0 0;
	margin: 												0 0 0 0;

}

.aboutInfoText p {
	color:													#333333;
	font-size:												14px;
	line-height: 											18px;
	padding:                                                0 40px 0 0;
	margin: 												5px 0 0 0;


}


.aboutInfoText a:visited, .aboutInfoText a:link{
	text-decoration:										none;
	color:													#993300;
	text-transform:											capitalize;
}

.aboutInfoText a:hover{
	color:													#993300;
	text-decoration:										underline;										
	
}


.featuredImage{
	float: 													right;
	display: 												inline;
	padding: 	                                        	10px 0 10px 0;
	margin: 												0px 30px 0 0px;

}


.featuredImage img{
	border:													0;
	margin: 												0 0 0 0;
	padding:                                                0 0 0 0;

}



.textContainer {
    float:													left;/*contain .textBox child floats*/
    width: 													1200px;
    margin-top:												10px;
	
}

.righttextBox {
    display:												inline;
	float: 													left;
    width: 													278px;
    overflow:												visible;
	margin: 												0 20px 0 0px;
    color: 													#333;
    font-size: 												14px;
    line-height: 											17px;
    text-align:												left;
}
.righttextBox p {
    padding-bottom: 										10px;
}

.righttextBox ul{
	text-align:												left;
	line-height:											20px;
	font-size:												18px;
	list-style-image:										url(IMAGES/bulletpoint.gif); 

}

.righttextBox li{
	margin-bottom:											15px;

}






.midtextBox {
    display:												inline;
	float: 													left;
    width: 													320px;
    overflow:												visible;
	margin: 												0 20px 0 0px;
    color: 													#333;
    font-size: 												14px;
    line-height: 											17px;
    text-align:												left;
}
.midtextBox p {
    padding-bottom: 										10px;
}

.midtextBox ul{
	text-align:												left;
	line-height:											22px;
	font-size:												14px;
	list-style-image:										url(IMAGES/bulletpoint.gif); 

}

.midtextBox li{
	margin-bottom:											15px;

}

.midtextBox h6 {
    font-weight:											normal;
	font-size: 												18px;
    text-align:												left;
	margin: 												0 0 0 17px;
    color: 													#d15908;
    font-family:											Arial, Helvetica, sans-serif;
    text-transform: 										uppercase;
    padding:                                                0 0 0 0px;
}




.textBox {
    display:												inline;
	float: 													left;
    width: 													285px;
    overflow:												visible;
	margin: 												0 20px 0 30px;
    color: 													#333;
    font-size: 												14px;
    line-height: 											19px;
    text-align:												left;
}
.textBox p {
    padding-bottom: 										10px;
}

.textBox ul{
	line-height:											20px;
	font-size:												18px;
	list-style-image:										url(IMAGES/bulletpoint.gif); 

}

.textBox li{
	margin-bottom:											15px;

}




/*========== Begin Thumnnails ==========*/

.thumbNailBox{
	
	float:													left;
	width:													980px;
	margin:													10px 0 0 20px;
	padding:                                                0 0 0 0px;
}


.thumbNails {
    width: 													215px;
    float: 													left;
    margin: 												0 26px 0 0;
    padding: 		                                        0 0 10px 0;
}
.thumbNails p {
    margin: 												5px 0 10px 0;
    font-size: 												14px;
    color: 													#333;
	text-align:												left;
}


.thumbNails a:link .thumbNails  a:visited{
	color:													#cc3300;

}

.thumbNails  a:hover{
	text-decoration:										underline;

}

.thumbNails h2{
	text-align:												left;

}


/*========== Begin Navigation ==========*/

.cornerLink ul {
    background: 											#2E343D;
    text-transform: 										uppercase;
    font-size: 												16px;
    margin: 												0;
    padding: 	                                            10px 10px 10px 0;
    text-align: 											right;
}

.cornerLink li.clickedColors a{
	font-size:												16px;
	color:													#FF6600;
	padding: 	                                        	0 20px 0 0;
}	


.cornerLink li {
    display: 												inline;
    list-style-type: 										none;
}
.cornerLink a {
    padding: 	                                        	0 20px 0 0;
}
.cornerLink a:visited {
    color: 													#FFF;
    text-decoration: 										none;
}
.cornerLink p {
    margin: 												0;
    padding:                                                0;
    font-size: 												14px;
}
.cornerLink a:link, .cornerLink a:visited {
    color: 													#FFF;
    text-decoration: 										none;
}
.cornerLink a:hover {
    color: 													#CC3300;
    text-decoration: 										underline;
}

/*========== Contact Subpage ==========*/

validificator	{

	border-top:				1px solid #bbb;
	margin:					0px 60px 0 50px;
	text-align:				left;
	padding:				20px 0 0 0;
}

.validificator label	{
	padding:				8px 0 0 0;
}

.validificator input	{
	width:					300px;
}

.formContainer{
	padding:				20px 0 1px 0;


}


.formContainer input	{
	width:					206px;

}





.required{
	color:													#FF6600;
	font-size:												12px;
	font-style:												italic;
	margin:                                                 0 0 0 0;

}

.bigFont{
	font-size:												18px;
	font-style:												italic;

}

#contactInfoContainer{
	
	margin:													auto;
	padding:                                                20px 0 0px 64px;
	width:													940px
}	


#contactInfoContainer p{
	
	
	color:													#333333;
	
	font-size:												15px;								
}
#successInfoContainer{
	
	margin:													auto;
	padding:                                                20px 0 0 0;
	width:													980px
}	


#successInfoContainer p{
	
	
	color:													#333333;
	
	font-size:												15px;								
}

.contactContainer{
	
	font-size:												15px;
	color:													#333333;
	float:													left;
	margin:													10px 0 10px 0;
	padding:                                                0 0 0 0px;
	width:													400px;
}

.contactContainer p{
	
	text-align:												left;



}

.mainContentXXX  	{
	
	width:													1200px;
	
}


.mainContentXXX p		{
	
	text-align:												left;
	margin:													10px 0px 15px 55px;
	padding:                                                10px 50px 15px 50px;
	

}

.rightContactStuff{
	float:													left;
	text-align:												left;
	font-size:												14px;
	color:													#CC3300;
	width:													400px;
	margin:													50px 0px 0 125px;
	
	
}

#twitterDiv{
	
	color:													#333333;
	background-color:										#FFFFFF;
	width:													300px;
	border-color:											#CC3300;
	border-style:											solid;
	border-width:											1px;
	margin:													26px 0 0 0;
	padding:                                                10px; 												
	
}

#twitterDiv a:link, .twitterDiv a:visited {
    color: 													#CC3300;
    text-decoration: 										none;
}
#twitterDiv a:hover {
    color: 													#CC3300;
    text-decoration: 										underline;
}


ul#twitter_update_list{
	line-height:											17px;
	border:													thin #FF9900;



}

/*========== Begin Footer ==========*/

.shadowFooter {
    background: 											url(IMAGES/footershadow.gif) repeat-x bottom center;
    width: 													1030px;
}
.footer {
    clear: 													both;
    height:													100%;
	width: 													980px;
    margin:													0 auto;	
    padding: 	                                            20px 0 25px 0;
    background: 											url(IMAGES/newfooter980.jpg) no-repeat;
    text-align:												center;
}