body{
font-size:1em;
background: #000 url(bk-grad.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;

}

.header{
float:left;
position:relative;
display:inline-block;
}
.navigation{
float:right;
left:0;
position:absolute;
	}
#main {
	background:#000; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:0px;
	border:1px solid #333333;
	margin:30px auto 10px auto;
	width:960px;
	}
	
	li {
	font-size:1.1em;
}
a {
	color:#fff;
	text-decoration:none;
	font-size:1em;
}


a:hover {
	color:#333;
	text-decoration:none;
	font-size:1em;
}

h1 {
	color: #939393;
	font-size:1em;
	padding:0 0 10px 5px;
	text-transform:uppercase;
}

h2 {
	color: #666;
	font-size:1.2em;
	padding:5px 0 10px 5px;
	font-weight:100
}

p{
	color:#666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	line-height:1.5em;
font-size:12px;
	margin:0 10px 15px 5px;
}

 .kwicks {
	 float:right;
     list-style: none;  
     position: relative;  
     margin: 125px -5px 0 0;
     padding: 0; 
	 xbackground-image:url(no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(kwicks_sprite.png);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}

x#kwick1 a{
	background-image:url(end.png);
	background-repeat:no-repeat;
	background-position: left 0px;
}

x#kwick1 a:hover{
	background-position: left -80px;
}

x#kwick4 a{
	background-image:url(end.png);
	background-repeat:no-repeat;
	background-position: right -40px;
}
x#kwick4 a:hover{
	background-position: right -120px;
}





form{	
margin:10px 0 10px 325px;
font-family: Geneva, Arial, Helvetica, sans-serif;
line-height:1.5em;
font-size:12px;
	}
	
input, textarea
{
font-family: Geneva, Arial, Helvetica, sans-serif;
display:block;
width:300px;
font-size:12px;
color: #999;
margin-left:5px;
background:#1e1e1e;
border:0;
}
input:focus, textarea:focus
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#cccccc;
	color:#000000;
}

input.submit{
	margin-top:10px;
	background-color:#111111;
	text-transform:uppercase;
	border:1px solid #999999}
input.submit:hover{
	background-color:#111111;
	border:1px solid #cccccc}
form span{
	display:inline;
		color:#666}
		
		
p.foot{
text-align:center;
    margin: 10px auto; padding: 0;

}


  #footer {
	  text-indent:-6000px;
    width: 320px; height: 50px;
    background: url(foot-sprite.png);
    margin: 10px auto; padding: 0;
    position: relative;}
  #footer li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #footer li, #footer a {
    height: 50px; display: block;}
	
	
	
	
	  #foot1b {left: 0; width: 50px;}
  #foot2b {left: 63px; width: 50px;}
  #foot3b {left: 121px; width: 50px;}
  #foot4b {left: 170px; width: 170px;}
  
  
   #foot1b a:hover {
    background: transparent url(foot-sprite.png) 0 -50px no-repeat;}
  #foot2b a:hover {
    background: transparent url(foot-sprite.png) -63px -50px no-repeat;}
  #foot3b a:hover {
    background: transparent url(foot-sprite.png) -121px -50px no-repeat;}
  #foot4b a:hover {
    background: transparent url(foot-sprite.png) -170px -50px no-repeat;}