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


#contentHP { 
	min-height:725px; 
	height:auto; 
	padding:0; margin:0; 
	background-color:#ccc;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	/*margin: 0px;*/

}

.column_full {/*margin-top: 480px;*/}

/*  COLUMN SETUP  */
.col_main {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_1_of_4 {
	width: 23.75%;
}

.hdr_text {
	color: #fff;
    font-family: National, Verdana, Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
    font-size: 95px; 
	line-height:30px;
    font-weight: bold;   
    position: absolute;
    text-align: right;
    top: 360px;
    /*z-index: 60;*/
	opacity: 0.8;
}

#mybanner{
	/*position:relative; */
	clear:both; 
	max-height:768px; 
	overflow:hidden;
} 
#mybanner0, #mybanner1, #mybanner2, #mybanner3 {
	/*position:absolute;*/
	top:0;left:0;
	display:none; 
	overflow:hidden; 
}

/*#mybanner2{position:absolute;top:0;left:0;display:none;}*/  
#mybanner0{display:block;} 

.mybanner0_text { left: 360px; }
.mybanner1_text { left: 40px; }
.mybanner2_text { left: 125px; }
.mybanner3_text { left: 40px; }

#hdr_image img {
	float:left;
	/*z-index:1099;*/	
}
#body_main {
	background-color:#ccc;
}
.headings{
	height: 34px;
    padding-top: 10px;
    text-align: center;
    font-family: national, Verdana, Arial, Helvetica, sans-serif; 
	background-color:#FFFFFF;
	text-transform:uppercase;
}
.headings a {
	font-size: 16px;
	color: #666; 			
	padding-top: 10px;	
	text-decoration:none;
}
.headings:hover > a {
	color:#ffcc00;
}
.headings:hover {
	color:#ffcc00;
	background-color:#990000;	
}

.column_4 {
	background-color: #fff;	
}
.head_images img{
	height:auto;
	width:100%;
}
.head_images a img:hover {
	opacity:0.8;	
}

.head_images a img:hover < .headings a {
	color:#990000;
	opacity:0.9;
}
column_4:hover > a  {
	color: #990000;	
	opacity:0.9;
}
.page_btn {
	left: 40px;
    position: absolute;
    top: 420px;
}
/** for ff only hack **/
@-moz-document url-prefix() { 
	#outside_content {
	height: 542px;	
	}
}
#main_1:hover, #main_2:hover, #main_3:hover, #main_4:hover {
	background-color: #990000; 
	color:#ffcc00;	
}
#main_1:hover .headings a, #main_2:hover .headings a, #main_3:hover .headings a,
#main_4:hover .headings a{
	color:#ffcc00;
	
}

#home_label {
	font-size:0.8em;	
}
/** selftour.html **/
#download_button a {
	text-decoration:none;
	color:#000000;	
}







/**********************************************/
/* RESPONSIVENESS!!! */
/**********************************************/
/* for larger screens */
@media only screen and (min-width: 989px){

}
/* for tablets and netbooks */
@media only screen and (min-width: 769px) and (max-width: 988px){


}

/* narrow browsers */
@media only screen and (min-width: 481px) and (max-width: 768px){
img {
	width:100%;
	height:auto;
}
.header_img{ 
	display:block; 
	clear:both; 
	float:left; 
}
#contentHP { 
	/*position:absolute;*/ 
	min-height: 300px; 
	height:auto; 
	padding:0; margin:0; 
	/*background-color:#fff;*/ 
	background-color:#ccc;
	/*border:#CCFF00 1px dotted*/
}

.column_full {/*margin-top: 280px;*/}

.section {	
	clear: both;
	padding: 0px;	
	/*margin: 0px;
	margin-top: 1em;*/
}

.span_1_of_4 img { 
	width:100%; 
	height: auto;
}

.hdr_text {
    top:70%;
	left: 0px;
	width: 100%;
	font-size: 5em; line-height:.70em;
	opacity: 0.85;

}
	
.mybanner0_text .mybanner1_text, .mybanner2_text, .mybanner3_text { left: 0px; }

.col_main {  margin: 1% 1% 1% 1%; }
.span_1_of_4 { 
	width: 48%; 
	height: auto; 
}



}

/* for phones */
@media handheld, only screen and (max-width: 480px) {
#contentHP { display:block;
	/*position:absolute;*/ 
	min-height: 200px; 
	padding:0; margin:0; 
	background-color:#ccc;
}

.column_full {
	margin-top: auto; 
	clear:both
}

.section {
	clear: both;
	padding: 0px;
	/*margin: 0px;*/
}

.col_main {  margin: 1% 1% 1% 1%; }
.span_1_of_4 { 
	width: 48%;
	height: auto;
 }
.span_1_of_4 img { 
	width: 100%;
	height: auto;
 }

.hdr_text {
    top:50%;
	left: 0px;
	width: 100%;
	font-size: 3em; line-height:.70em;
	opacity: 0.85;
}
	
.mybanner0_text .mybanner1_text, .mybanner2_text, .mybanner3_text { left: 0px; }

.headings a {
	font-size: 1.3em;
	line-height:.70em; 
	margin: auto auto;
}



}