/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	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: #40627C url('../img/bg/sub-page-background.jpg') top left repeat-x;
	margin: 0; padding: 0;
}


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

#main-nav { 
	width: 471px; height: 36px;
	display: block; float: right;
	margin: 21px 0 0 0; padding: 0;
	}

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

#main-nav li, #main-nav a 	{ display: block; height: 36px; 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: 72px; }                                            
#main-nav #nav-two		{ left: 72px; width: 135px; }
#main-nav #nav-three	{ left: 207px; width: 138px; }
#main-nav #nav-four		{ left: 345px; width: 126px; }

#main-nav #nav-one a:hover		{ background: transparent url('../img/nav/main-nav-471x72.jpg') -0px -36px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav/main-nav-471x72.jpg') -72px -36px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav/main-nav-471x72.jpg') -207px -36px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav/main-nav-471x72.jpg') -345px -36px no-repeat; }


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

#header-div h1 a {
	background: transparent url('../img/logo/konp-home-show-logo-281x131.jpg') no-repeat left top;
	display: block; float: left;
	width: 281px; 	height: 131px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}

#header-div h2 a {
	background: transparent url('../img/header/home-show-header-369x103.jpg') no-repeat left top;
	display: block; float: right;
	width: 369px; 	height: 103px;
	margin: 0 60px 0 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}

	
#hb-one { 
	background: transparent url('../img/buttons/home-show-details.jpg') no-repeat left top;	
	display: block; float: left;
	margin: 90px 5px 0 21px; padding: 0;
	width: 162px; height: 136px;
	text-indent: -9999px;
	outline: none;
	}

#hb-two { 
	background: transparent url('../img/buttons/watch-our-video.jpg') no-repeat left top;
	display: block; float: left;
	margin: 90px 5px 0 0; padding: 0;
	width: 162px; height: 136px;
	text-indent: -9999px;
	outline: none;
	}

#hb-three { 
	background: transparent url('../img/buttons/exhibitor-sign-up.jpg') no-repeat left top;
	display: block; float: left;
	margin: 90px 0 0 0; padding: 0;
	width: 162px; height: 136px;
	text-indent: -9999px;
	outline: none;
	}		

#content-control-div h3 { 
	display: block; 
	width: 366px; 	height: 37px;
	margin: 0 0px 10px 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	}

h3#khshome 		{ background: transparent url('../img/page-headers/home-show-video-336x37.jpg') no-repeat left top; }
h3#khsshow 		{ background: transparent url('../img/page-headers/the-home-show-336x37.jpg') no-repeat left top; }
h3#khsgallery 	{ background: transparent url('../img/page-headers/photo-gallery-336x37.jpg') no-repeat left top; }
h3#khscontact 	{ background: transparent url('../img/page-headers/contact-info-336x37.jpg') no-repeat left top; }

#content-control-div #right-col-div h4, #footer-div h4 { 
	display: block; 
	width: 221px; 	height: 25px;
	margin: 0 0px 10px 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	}

h4#khstabout 		{ background: transparent url('../img/section-headers/about-the-home-show-221x25.jpg') no-repeat left top; }
h4#khstnews 		{ background: transparent url('../img/section-headers/home-show-news-221x25.jpg') no-repeat left top; }
h4#khsttouch 		{ background: transparent url('../img/section-headers/stay-in-touch-221x25.jpg') no-repeat left top; }
h4#khstcontact 		{ background: transparent url('../img/section-headers/contact-us-221x25.jpg') no-repeat left top; }
h4#khstcolophon 	{ background: transparent url('../img/section-headers/colophon-221x25.jpg') no-repeat left top; }
h4#khstexhib 		{ background: transparent url('../img/section-headers/exhibitors-221x25.jpg') no-repeat left top; }
h4#khstcontactinfo 	{ background: transparent url('../img/section-headers/contact-info-221x25.jpg') no-repeat left top; }
h4#khstdriving 		{ background: transparent url('../img/section-headers/driving-directions-221x25.jpg') no-repeat left top; }
h4#khstexhib-list 	{ background: transparent url('../img/section-headers/exhibitors-list-221x25.jpg') no-repeat left top; }
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#hightlightbox 		{ background-color: #84B9CB; border: 1px solid #9BDCF0; padding: 15px; margin: 0 0 15px 0;}
.pdf 				{ background: transparent url('../img/misc/pdf.jpg') no-repeat left top; margin: 0; padding: 0 0 10px 50px; }
#center-col-div img { padding: 10px 0;}
.clear 				{ clear: both; } 
#flash-block 		{ background-color: #98CBCC; height: 417px; padding: 20px 0 0 23px; margin: 0 0 10px 0; }
#gallery 			{ background-color: #98CBCC; height: 481px; padding: 13px 0 0 13px; margin: 0 0 0px 0; }
.over-line 			{ border-top: 1px dotted #4E7796; }

#contact-info { padding: 10px; border: 2px solid #4E7796; }
#contact-info p { clear: both; border-bottom: 1px dotted #4E7796; padding: 0 0 10px 0; }
#contact-info label { display: block;  text-align: left; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; margin: 0px; padding: 5px 0 0px 0; }
#contact-info .textinput { width: 350px; }
#contact-info textarea { width:350px; height: 150px; }
#contact-info #submit{ color: #333; }