/*---------------------------------------------------------------

Style Sheet: kciom.com
Version:   1.0

-----------------------------------------------------------------*/

/*---------------------------- RESET ----------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*---------------------------- COMMON ---------------------------*/

body { background: #666666; font-family: Verdana, Helvetica, sans-serif; }

.container {  
	width: 900px;  
	margin: 0 auto;   
}

h1 { color: #000000; font-size: 22px; font-weight: bold; }

h2 { }

h3 { }

p { font-size: 11px; color: #3059A4; line-height:14px;}

a { text-decoration: none; color: #3059A4; }

a:hover { text-decoration: underline; }

/*---------------------------- NAVIGATION ---------------------------*/

.menu {  
	height: 35px;
	background: #FFFFFF;
}

#menu {
	float: left;
	width: 485px;
	height: 29px;
	margin-left: 31px;
	margin-top: 6px;
	overflow: hidden;
}

/* #menu_container{
	width: 800px;
	height: 40px;
	margin: 20px auto 0 auto;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	overflow: hidden;
}*/

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

#menu #nav li{
	display: inline;
}

#menu #nav li a, #menu #nav li span{
	float: left;
	height: 0px;
	padding-top: 20px;
	overflow: hidden;
	background-image: url('../images/menu_bg.gif'); 
	background-repeat: no-repeat;
}

/* Buttons */

#menu #nav li#nav-home a{ background-position: 0px 0px; width: 64px; }
#menu #nav li#nav-gigs a{ background-position: -64px 0; width: 59px; }
#menu #nav li#nav-shop a{ background-position: -123px 0; width: 65px; }
#menu #nav li#nav-gallery a{ background-position: -188px 0; width: 98px; }
#menu #nav li#nav-myspace a{ background-position: -286px 0; width: 103px; }
#menu #nav li#nav-contact a{ background-position: -389px 0; width: 96px; }

/* Over */

#menu #nav li#nav-home a:hover{ background-position: 0px -20px; }
#menu #nav li#nav-gigs a:hover{ background-position: -64px -20px; }
#menu #nav li#nav-shop a:hover{ background-position: -123px -20px; }
#menu #nav li#nav-gallery a:hover{ background-position: -188px -20px; }
#menu #nav li#nav-myspace a:hover{ background-position: -286px -20px; }
#menu #nav li#nav-contact a:hover{ background-position: -389px -20px; }

/* Pressed */

#menu #nav li#nav-home a:active{ background-position: 0px -40px; }
#menu #nav li#nav-gigs a:active{ background-position: -64px -40px; }
#menu #nav li#nav-shop a:active{ background-position: -123px -40px; }
#menu #nav li#nav-gallery a:active{ background-position: -188px -40px; }
#menu #nav li#nav-myspace a:active{ background-position: -286px -40px; }
#menu #nav li#nav-contact a:active{ background-position: -389px -40px; }

/* On */

#menu.home #nav li#nav-home a{ background-position: 0px -60px !important; }
#menu.gigs #nav li#nav-gigs a{ background-position: -64px -60px !important; }
#menu.shop #nav li#nav-shop a{ background-position: -123px -60px !important; }
#menu.gallery #nav li#nav-gallery a{ background-position: -188px -60px !important; }
#menu.myspace #nav li#nav-myspace a{ background-position: -286px -60px !important; }
#menu.contact #nav li#nav-contact a{ background-position: -389px -60px !important; }


/*----------------------------- HOME ------------------------------*/

#main_content {
	
}

#shadow{
	position: absolute;
	z-index: 1000;
	margin: 0 auto;
	width: 100%;
	height: 150%;
	background: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	top: 0px;
}

#main_content #newyear{
	display: none;
	position: absolute;
	z-index: 2000;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	top: 20px;
	border: 2px solid #777;
}

#main_content #newyear:hover{
	cursor: pointer;
}
	
#main_content .container {
	z-index: 1;
	top: 0px;
	position: relative;
	height: 620px;
	margin-top: 0px;
	background: url('../images/bg.jpg') #FFFFFF no-repeat 0 20px;
}

#main_content .container p{
	color: #FFFFFF;
}

#main_content .pg_container {
	position: relative;
	width: 900px;  
	margin: 0 auto;  
	min-height: 420px;
	margin-top: 0px;
	background: #FFFFFF;
}

#logo {
	position: relative;
	top: 28px;
	left: 458px;
	width: 360px;
	height: 74px;
	background: url('../images/kclogo.gif') no-repeat;
}

#content {
	width: 840px;
	margin: 50px auto 0 auto;
}

#text {
	position: relative;
	top: 302px;
	width: 840px;
	height: 208px;
	margin: 0 auto; 
	overflow: hidden
}

#lefttext, #righttext {
	float: left;
	width: 390px;
	margin-left: 20px;
	margin-top: 20px;
	height: 167px;
}

#lefttext {

}

#righttext {
	
}

#player {
	float: left;
	width: 353px;
	height: 35px;
	background: #FFFFFF;
}

#footer {
	float: left;
	width: 900px;
	height: 20px;
	padding-top: 5px;
}

#footer p, #footer a {
	color: #FFFFFF;
	text-align: center;
}

/*----------------------------- CONTACT ------------------------------*/

label { width: 10em; float: left;clear:left;}
label.error { float: right; font-size: 11px !important; color: red !important; padding-left: .5em; vertical-align: top; width: 330px !important;}
.cmxform p { clear: both; }
.submit { margin-left: 10em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

#result{
	margin-top: 20px;
	text-align: center;
}

form.cmxform{
	margin: 35px auto 40px auto;
	border: 2px solid #3059A4;
	width: 370px;
	background: #3059A4;
}

form.cmxform fieldset{
	margin: 10px 10px 5px 10px;
}

form.cmxform label{
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: #FFFFFF;
	text-align: right;
	margin-right: 10px;
}

form.cmxform fieldset ul{
	margin: 0px;
	padding: 0;
}

form.cmxform fieldset li{
	list-style: none;
	padding: 1px;
	margin: 0;
	margin-bottom: 5px;
}

form.cmxform label {
	width: 70px; /* Width of labels */
}

form.cmxform .submit{
	height: 30px;
	width: 84px;
	background: url('../images/submit.gif') no-repeat;
	
	text-transform: capitalize;
	cursor: pointer;
	border: 0px solid #FFFFFF;
	float: right;
	text-indent: -9999px;
	margin: 0px 10px 5px 250px;
}

form.cmxform .submit:hover{
	background-position: 0px -30px;
}

form.cmxform input, form.cmxform textarea{
	width: 260px;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #000;
	border: 1px solid #CCCCCC;
}

form.cmxform textarea{
	height: 140px;
}

/*----------------------------- GALLERY ------------------------------*/

img.title{
	float: left;
	margin: 20px 0 10px 25px;
	clear:both;
}

.gall{
	float: left;
	width: 233px;
	height: 200px;
	margin-right: 0px;
}

.end{
	margin-right: -1px !important;
}

.gall a{
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	text-align: center;
	background: #3059A4;
	width: 233px;
	height: 210px;
	overflow: hidden;
	font-size: 12px;
}

.gall a p{
	margin-top: 0px;
	margin: 0px !important;
	color: #FFFFFF !important;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: center;
}

.gall a:hover{
	background: #008AC6;
}

.gall a img{
	position: relative;
	margin-top: 15px;
	height: 150px;
	border: 1px solid #444444;
}

/* Easy Slider */

    /* image replacement */
        .graphic, #header h1, #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* clearfix */

		#content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
			}

    /* // clearfix */

.sliders{
	width: 750px;
	margin-left: 40px;
	position: relative;
	clear: left;
}

.sliders p{
	margin-bottom: 20px;
}

	#picslider{
		margin: 20px 0 20px 25px;
		background: #3059A4;
		border: 1px solid #3059A4;
		overflow:hidden;
		position: relative;
	}

	#picslider ul, #picslider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#picslider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:699px;
		height:210px;
		overflow:hidden; 
		}
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:25px;
		height:77px;
		position:absolute;
		left:0px;
		top: 60px;
		}	
	#nextBtn { 
		left:726px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:25px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a { 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */


/*----------------------------- GALLERY PAGES ------------------------------*/

#gallery_breadcrumbs{
	clear: left;
	margin: 0px 0px 10px 40px;
}

#gallery_breadcrumbs a, #gallery_breadcrumbs p{
	font-size: 12px;
	color: #3059A4;
	text-decoration: none;
}

#gallery_breadcrumbs a:hover{
	color: #3059A4;
	text-decoration: underline;
}

#thumb_nav{
	margin-bottom: 10px;
}

#thumb_nav p{
	color: #3059A4;
	text-align: center;
}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/*----------------------------- GIGS ------------------------------*/

#giglist {
	width: 840px;
	margin: 0px auto 40px auto;
	border: 2px solid #3059A4;
	background: #3059A4;
}

table.gigs {
	width: 820px;
	margin: 10px 10px 10px 10px;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px 10px;
}

table.gigs p{
	color: white;
}

table.gigs p a{
	color:#FFFFFF;
}

table.gigs p a:hover{
	text-decoration: underline;
}

table.gigs td {
	padding: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}