/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background-color: #A2A2A2;
	margin: 0 0 40px 0; padding: 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav { 
			
	width: 835px; height: 30px;
	margin: 0 auto; padding: 0;

	}

#main-nav ul {
	background: transparent url('../img/nav/main-nav-835x30.jpg') top left no-repeat;
	position: relative;
	display: block; float: right;
	width: 835px; height: 30px; 
	margin: 0; padding: 0; 
	}

#main-nav li, #main-nav a 	{ display: block; height: 30px; outline: none; }
#main-nav li 				{ position: absolute; top: 0px; }
#main-nav a 				{ text-indent: -9999px; text-decoration: none; outline: none; }


#main-nav #nav-one		{ left: 0px; width: 82px; }                                            
#main-nav #nav-two		{ left: 82px; width: 72px; }
#main-nav #nav-three	{ left: 154px; width: 84px; }
#main-nav #nav-four		{ left: 238px; width: 107px; }
#main-nav #nav-five		{ left: 345px; width: 117px; }                                            
#main-nav #nav-six		{ left: 462px; width: 76px; }
#main-nav #nav-seven	{ left: 538px; width: 97px; }
#main-nav #nav-eight	{ left: 635px; width: 90px; }
#main-nav #nav-nine		{ left: 725px; width: 110px; }

#main-nav #nav-one a:hover		{ background: transparent url('../img/nav/main-nav-835x30.jpg') -0px -30px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav/main-nav-835x30.jpg') -82px -30px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav/main-nav-835x30.jpg') -154px -30px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav/main-nav-835x30.jpg') -238px -30px no-repeat; }
#main-nav #nav-five a:hover		{ background: transparent url('../img/nav/main-nav-835x30.jpg') -345px -30px no-repeat; }                                            
#main-nav #nav-six a:hover		{ background: transparent url('../img/nav/main-nav-835x30.jpg') -462px -30px no-repeat; }
#main-nav #nav-seven a:hover	{ background: transparent url('../img/nav/main-nav-835x30.jpg') -538px -30px no-repeat; }
#main-nav #nav-eight a:hover	{ background: transparent url('../img/nav/main-nav-835x30.jpg') -635px -30px no-repeat; }
#main-nav #nav-nine a:hover		{ background: transparent url('../img/nav/main-nav-835x30.jpg') -725px -30px no-repeat; }


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {
	background: transparent url('../img/logo/go-to-hi-tech-257x93.jpg') no-repeat left top;
	display: block; float: left;
	width: 257px; 	height: 93px;
	margin: 0 0 0 30px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 
	}
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
.float-img-right { float: right; padding: 4px; border: 1px solid #c4c4c4; margin: 10px 0 10px 10px;}
.float-img-left { float: left; padding: 4px; border: 0px solid #c4c4c4; margin: 0px 10px 10px 0px;} 
#highlight { background-color: #FFCC66; padding: 5px 10px; margin: 10px 0 0 0; font-weight: bold; text-align: center; }
img.left-col-img { padding:4px; margin: 5px 0 0 0; border: 1px solid #c4c4c4; }


/* Block Modules
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#green-block, #red-block, #blue-block { display: block; width: 220px; margin: 10px 0 0 0; }
#green-block h3, #red-block h3, #blue-block h3, #launch-block h3 {  font-size: 14px; padding: 6px 0 6px 5px; color: white; font-weight: bold; text-transform: uppercase;} 
.content-pad { padding: 5px;}
#green-block p, #red-block p, #blue-block p, #launch-block p { font-size: 12px; color: white; line-height: 145%; }
#green-block a, #red-block a, #blue-block a, #launch-block p { color: white; font-weight: bold; }
.blue-block-special { border-bottom: 1px dotted #FFF; margin: 0 0 5px 0; padding: 5px 0 5px 0; }
.blue-block-special strong { display: block; }

#green-block { background: #55A604 url('../img/modules/green-module.jpg') bottom left no-repeat; }
#green-block h3 { background-color: #336600; } 

#blue-block { background: #0050F0 url('../img/modules/blue-module.jpg') bottom left no-repeat; }
#blue-block h3 { background-color: #003399; } 

#red-block { background: #CC0000 url('../img/modules/red-module.jpg') bottom left no-repeat; }
#red-block h3 { background-color: #790000; } 


#launch-block { background: #55A604 url('../img/modules/slide-show-launch.jpg') bottom left no-repeat; display: block; width: 571px; margin: 10px auto 0 auto; }
#launch-block h3 { background-color: #336600;  } 


/* Footer Columns
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#col-one, #col-two, #col-three, #col-four {
	display: block; float: left; 
	width: 185px; height: 95px;
	margin: 0; padding: 10px 10px 0 10px; 
	}
#footer-div h5 { text-transform: uppercase; color: white; font-weight: bold; padding: 5px 0 2px 0; margin: 0; }	
#footer-div p { color: #CCCCCC; font-size: 11px; line-height: 140%; font-weight: bold; margin: 0; padding: 5px 0 0 0; }
#footer-div a { color: #CCCCCC; }

#col-one, #col-two, #col-three { border-right: 1px dotted #CCCCCC; }

/* Tables
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#fp-table { width: 100%; margin: 25px 0 0 0; padding: 0px 0 0 0;}
#fp-table td { text-align: center; font-size: 11px; font-weight: bold; margin: 0; padding: 10px 0;  }
#fp-table img { display: block; clear: both; margin: 0 auto; padding: 5px;  }

.left-td { border-bottom:1px solid #ddd; }
.center-top-td { border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.center-top-two-td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.center-td { border-right:1px solid #ddd; border-left:1px solid #ddd;  }
.center-two-td { border-right:1px solid #ddd;  }
.right-td { border-bottom:1px solid #ddd; }


/* Footer Tag
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer-tag { background-color: #003366; padding: 5px; }
#footer-tag h5 { color: #99CCFF; margin: 0; padding: 5px; }
#footer-tag p { color: white; margin: 0; padding: 5px; font-size: 12px; }
#footer-tag a { color: white; font-weight: bold; }

div.directions {
	border: 1px solid #CCC;
	margin: 5px;
	padding: 5px;
	float: right; 
}