/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
color:#585858;
background-color:#fff;
font-size:11px;
height: 100%;
}

#bigBox {
margin: 0 auto; 
position: relative; 
width: 950px;
}
.container {
position:absolute;
width: 950px;
height: 590px;
top: -10px;
margin-left:-475px;
left: 50%;
}
#about {
position: absolute;
left: 793px;
top: 386px;
}

.download {
position: absolute;
width: 838px;
height: 189px;
top:10px;
left: 0px;
}



#indexContent {
position: absolute;
top: 280px;
left: 175px;
}
.download_index {
position: absolute;
width: 838px;
height: 189px;
top:0px;
left: 0px;
}
#flashContent {
position: absolute;
width:875px;
height:203px;
top:-88px;
left:-87px;

}



#top {
position: absolute;
left: 480px;
top: 45px;
width: 140px;
height: 75px;

}
#flashFan {
position: absolute;
width: 497px;
height: 98px;
top: 10px;
left: -30px;
z-index: 5;
}
.logo {
position: absolute;
background-image:url(images/logo.gif);
width: 497px;
height: 98px;
left: 0px;
top:0px;
z-index: 1;
}

/*mainNav */
#mainnav {
	position: absolute;
	top: 142px;
	left: 65px;
	width:885px;
	height:50px; 
	background-color: #6F6F71;
	letter-spacing: .05em;
	z-index: 5;
	}
 


#nav {
	margin: 0;
	padding: 0 ;
	
	}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 0 4px 10px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #B2B2B2;
	}

#nav a.active:link, #nav a.active:visited, #nav a:hover {
	/*border-bottom: 4px solid #ADC529;*/
	padding-bottom: 2px;
	background: #6F6F71;
	color:#ADC529;
	}

.selected {
color:#ADC529;
}
strong{
color:#ADC529;
font-weight: bold;
}

#rectangle {
position: absolute;
background-color:#6F6F71;
background-image:url(images/corner.gif);
background-position:bottom right;
background-repeat:no-repeat;
width:950px;
height: 379px;
top: 125px;
left: 0px;

}
#whiteShape {
position: absolute;
background-color:#ffffff;
background-image:url(images/whiteCurve.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:875px;
height: 203px;
top: 58px;
left: 75px;
}
#companyLogos {
position: relative;
margin-top: 520px;
margin-left: 70px;
}

#content {
position: absolute;
width: 710px;
height: 290px;
top: 248px;
left: 162px;
}

#text {
position: relative;
margin-left: -20px;
}
#group {
position:absolute;
left: 105px;
top: 200px;


}
.contactDetails {
position: relative;
color:#6F6F71;
font-size:11px;
margin-top: 20px;
font-weight: bold;
}
.contactDetails a:link {
color:#6F6F71;
text-decoration: none;
}
.contactDetails a:visited{
color:#6F6F71;
text-decoration: none;
}
.contactDetails a:hover {
color:#ADC529;
text-decoration: none;
}
.contactDetails a:active {
color:#ADC529;
text-decoration: none;
}
.contactDetails strong{
color:#6F6F71;
font-weight: bold;
font-size: 14px;
}
.grey {
position: absolute;
background-image:url(images/bracket_2.gif);
width: 19px;
height: 76px;
left: 0px;

}
#one {
position: absolute;
left:0px;
padding-left: 30px;
top: 0px;
}
#two {
position: absolute;
left: 170px;
padding-left: 30px;
top: 0px;
}
#three {
position: absolute;
left: 340px;
padding-left: 30px;
top: 0px;
}

h1 {
font-size: 1.2em;
line-height: 1.2em;
text-alignment: left;
word-spacing: -0.05em;
color:  #B2B2B2;
display: inline;
}
p  {
color: #B2B2B2;
font-size: 1.2em;
display: inline;
line-height: 1.2em;
word-spacing: -0.1em;
margin: 1em 0;
}

#title {
position: absolute;
top: -47px;
left: 0px;

}

#greenBracket {
position: absolute;
top: 417px;
left:0x;
z-index: 10;
}
#contact {
position: absolute;
width: 200px;
height: 65px;
top:2px;
left: 75px;

}
.name {
position: relative;
color:#333333;
font-weight:bold;
font-size: 14px;
}
#contact a:link {
text-decoration: none;
color:#B2B2B2;
}
#contact a:visited{
text-decoration: none;
color:#B2B2B2;
}
#contact a:hover {
color:#ADC529;
text-decoration: none;
}
#contact a:active {
color:#ADC529;
text-decoration: none;
}
#contact span{
color:#ADC529;
font-weight: bold;
}
#contact strong{
font-weight: bold;
}
h6 {
font-size:10px;
display: inline;
color:#B2B2B2;
font-weight: 200;
}
#flashRoof {
position: absolute;
width:550px;
height:245px;
top:-85px;
left:-70px;
}
#flashMap {
position: absolute;
width:875px;
height:203px;
top:-65px;
left:-87px;
z-index: 5;
}


#scrollText {
position: relative;
width: 790px;
height: 155px;
margin-left: 30px;
margin-top: 30px;
padding-right: 40px;
scrollbar-face-color:#ADC529;
scrollbar-highlight-color:#ADC529;
scrollbar-3dlight-color:#ADC529;
scrollbar-darkshadow-color:#ADC529;
scrollbar-shadow-color::#ADC529;
scrollbar-arrow-color:#fff;
scrollbar-track-color::#ADC529;
overflow: auto;
}


 
#scrollText h1 {
font-size: 13px;
line-height: 1.2em;
text-alignment: left;
word-spacing: -0.05em;
color:#707070;
}
#scrollText p  {
color:#707070;
font-size: 1.2em;
line-height: 1.2em;
word-spacing: -0.1em;
margin: 1em 0;
padding-top: 10px;
}


#scrollText a:link {
text-decoration:underline;
color:#707070;
font-weight: bold;
}
#scrollText a:visited{
text-decoration:underline;
color:#707070;
font-weight: bold;
}
#scrollText a:hover {
color:#ADC529;
text-decoration:underline;
font-weight: bold;
}
#scrollText a:active {
color:#ADC529;
text-decoration:underline;
font-weight: bold;
}