html{ 
	background-image: 	url(/img/whole.jpg); background-repeat:  no-repeat;  background-color: #343434;
	font-family:  Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666;	line-height: 1.4em; 
	background-position: center top
}
a{
	text-decoration: none;
}
#site{
	width: 960px;	margin:0px auto;	position: relative; 
}

#header{
	background-image: url(/img/header_fade.jpg); background-repeat: repeat-x;
	width: 961px; height: 132px; position: relative; 
}
#header #links{
	position: absolute; right: 20px; top: 10px;
}
#header #links a{
	color: #333333; text-decoration: none;
}
#where_when{
	position: absolute ; right: 20px; bottom: 12px;
}
#menu{
	width: 961px;  height: 36px; margin-top: 15px; padding-left: 5px;  position: absolute; top:122px; z-index: 100000
}
#menubar{
		width: 961px; background-image: url(/img/menubar.jpg) ; background-repeat: no-repeat; height: 36px; margin-top: 5px; padding-left: 5px;
}
#menu a.home{
	padding-top: 5px !important; padding-bottom: 3px; border-left: none
}
{

}
#menu a{
		padding-top: 10px; display: block; float: left; padding-bottom: 9px; padding-right: 10px; padding-left: 10px; margin-top:0px; border-left:1px solid #999999; border-right:1px solid #333333; 
}
#menu a:hover, #menu a.active{
	background-image: url(/img/hoverstate.jpg); background-repeat: repeat-x
}
#menu div{
	border-right: 1px solid #999999;	float: left; margin-top: 2px;margin-bottom: 0px;
}
#roator{
	 vertical-align: bottom;   
	position: absolute; top:134px; height: 342px; width: 970px; 
}	

#roator p {
	display: inline; 
}
#hackforie_again{
	height:10px;
}
#hack_for_ie{
	height: 270px;background-color: #999999; 
}
#actions{
	background-image: url(/img/extras_fade.jpg); background-repeat: repeat-x; height: 65px; width: 960px; margin-top: 0px;margin-bottom: -2px; 
}
#actions a{
	font-family: Helvetica, arial, sans-serif; font-size: 16px; color: #666666; text-decoration: none; display: block; float: left; position: relative; padding-top:25px; padding-left: 65px; margin-right: 10px; margin-left: 10px; 
}
#actions a img{
	position: absolute; left:5px; margin-bottom: 5px; top:10px;
}
#panel{
	background-image: url(/img/home_pannel_fade.jpg) ; background-repeat: repeat-x; padding: 15px; position: relative; border-top: 1px solid white;padding-top: 10px; float: left; width: 930px; background-color: #C7D1D3
}
#panel .sub{
	width: 280px; padding: 10px;  float: left ; background-image: url(/img/divide.jpg); background-repeat: no-repeat; background-position: 299px 
}
#panel .sub h1{
	margin-bottom: 0px; padding-bottom: 0px;
}
#panel .sub p{
	margin-bottom: 0px;
}
#panel .sub .button{
	padding-left: 30px; background-image: url(/img/button.jpg); width: 137px; height: 14px; padding-top: 7px; padding-bottom: 10px; color: white !important; font-size: 14px; display: block; background-repeat: no-repeat
}
#panel #shadow{
	position: absolute; top:0px; left: 0px;
}
#panel .adspace{
	padding: 15px; float: left; text-align: center; padding-top: 10px;
}
.clear{clear: both}


#footer {
	background-image: url(/img/footer.jpg); background-position: bottom center; float: left; background-repeat: no-repeat; padding-bottom: 60px;	font-size: 9px; color: white;  
}
#footer #sponsors h1{
	color: white !important
}
#footer img{
	
}
#footer .border{
	background-image: url(/img/dasshed_border.jpg); background-repeat: no-repeat; background-position: right bottom
}
#footer a{
	text-decoration: none; color: white
}
#footer img{
	padding-top: 0px;
}
#footer h1{
	padding-bottom: 0px;
}
#footer div{ float: left;  text-align: center ; padding: 20px; padding-bottom: 0px; }
#footer div.co_located{
	width: 200px;  text-align: right; background-image: url(/img/dasshed_border.jpg); background-position: left; background-repeat: repeat-y; line-height: 1.2em
}
#footer  h1{
	font-size: 9px; text-align: center; margin-bottom: 0px; color: white
}
#footer #sponsors {
	float: left; width:705px; padding: 5px; padding-left: 0px
	
}
#footer #sponsors div{
 padding-left: 3px;
 padding-right: 3px
}
h1.extrapadding{
	margin-bottom: 10px !important;
}
/*****************************  chris's styles ***********************************/
p{
	 margin-bottom: 12px; margin-top: 0px;
}





small{
	font-size: 10px;
	line-height: 1.2em;
	padding-bottom: 5px;
}

h1{
	font-size:  20px;
	font-weight:normal;
	line-height: 1.2em;
	padding-bottom: 12px;
	margin-top: 10px;
	color: #333
} 
h1 a{
	color: #333;
}
h2{
	font-size: 15px;
	font-weight:normal;
	line-height: 1.2em;
	padding-bottom: 12px;
	color: #333;
}

h3{
	font-size: 15px;
	font-weight: normal;
	color: #06C;
	line-height: 1.2em;
	padding-bottom: 0px;
	margin-top: 12px;
	margin-bottom: 5px;
}

h4{
	font-size: 13px;
	line-height: 1.4em;
	color: #333; margin-top: 12px;
	margin-bottom: 5px;
}
blockquote{
	font-size: 12px;
	line-height: 1.4em;
	padding-bottom: 5px;
	color: #333;
	float: right; margin-left: 10px; margin-top: 10px;
	background-image: url(/img/blockquote.jpg); background-repeat: no-repeat;; padding: 10px;
	background-color: #F3F4F6;
	width: 176px;
	padding-left: 15px; padding-right: 15px;
}

blockquote h1{
	font-size: 20px;
	line-height: 1.2em;
	padding-bottom: 12px;
	padding-top: 0px
}

blockquote a.button{
	font-size: 12px;
	color: #FFF !important;
	line-height: 1.1em;
	background-image: url(/img/button.png); display: block; width: 153px; height: 19px; padding-left: 25px; padding-top:8px;  margin-top: 10px;
}
/***************************************   from master.png   ******************************************************/
#main ol, #main ul{
	margin-left: 20px;
}
#main ul li{
	list-style-image: url(/img/tri.jpg); margin-left: 5px;
}
#main ol li{
	list-style:  decimal;
	margin-left: 5px;	
}
#main a{
	color: #0066CC
}
#main a:hover{
	color: #6699CC
}


/***************************************   outpage   ******************************************************/
#outpage {
	margin-top: 5px;
	overflow: hidden;
	
	position: relative
}
#outpage.product_zone #main{
	padding-right: 5px !important; width: 688px;
}
#outpage #main{
	background-image: url(/img/shadow.png); background-repeat: no-repeat; 
	float: left; width: 668px; padding-left: 20px; padding-right: 30px;padding-top: 20px; 
	border: 1px solid white; background-color: white;
	padding-bottom: 3000px;
	margin-bottom: -3000px;

}

#outpage #sub{
	background-image: url(/img/sub.jpg); background-repeat: no-repeat; background-color: #333;
	border-left: 1px solid #949392;  border-top: 1px solid #949392;
	width: 238px; float: left;  
	padding-bottom: 3000px;
	margin-bottom: -3000px;
	border-right: 1px solid #cccccc
}
#topleft{
	position: absolute; top:0px; left: 0px; background-repeat: no-repeat; background-image: url(/img/topright.jpg);width: 5px; height:6px; z-index: 1000; 
}
#bottomleft{
	position: absolute; background-repeat: no-repeat; background-image: url(/img/bottomleft.jpg); bottom: 0px; left:0px; height: 14px; width: 238px; z-index: 3000 ; 
}
#crumbs{
	margin-bottom: 10px; position: relative
}
#crumbs span{
	position: absolute; right: 0px; top:0px;
}
#crumbs, #crumbs a {
	color: #999999; font-size: 12px; text-decoration: none; 
}
/***************************************   sub nav   ******************************************************/
#sub #nav {
	padding: 20px; margin-top: 10px; background-image: url(/img/links_end.jpg); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 40px;
}
#sub #nav a{
padding: 5px;	color: white; text-decoration: none; display: block; background-image: url(/img/link.jpg); background-repeat: no-repeat; padding-left: 20px;  background-position: center left; font-size: 15px; font-weight: normal;
}
#sub #nav a.active{
	font-weight: bold
}
#sub #nav a:hover{
	color: #999;
}
#sub #sub_actions {
	padding: 10px;
}
#sub #sub_actions a{
	padding-top: 10px; display: block
}

#sub #sub_extra_links {
	padding: 10px;
}
#sub #sub_extra_links a{
	display: block; background-image: url(/img/sub_button_little.jpg); width: 135px; height: 20px; color: black; padding-left: 30px; padding-top: 10px;font-size: 12px; margin-top: 10px; margin-left: 10px;
}
#error_page{
	background-color: white ;  padding: 50px;margin-top: 20px; padding-bottom: 120px; padding-top: 60px;
}
#sub .banner{
	padding: 10px; margin-top: 50px; clear: both
}

/***************************************   Contact  ******************************************************/
.form{
	width: 390px;
	display: block;
	background-image: url(/img/form_fade.jpg); background-repeat:  no-repeat;
	padding: 20px; padding-left: 5px; background-color: #F3F4F6
}
.form div.input{
	padding: 5px;
}
.form label{
	width: 130px; text-align: right; margin-right: 10px; display: block; float:  left;
}
.text input {
	width: 200px
}
.form textarea{
	width: 204px;
}
.submit{padding-left: 120px !important; }
.submit input{
	background-image: url(/img/submit.png); background-repeat: no-repeat; width: 130px; height:39px;  border: none; color: #333333; font-size: 15px; font-family: Helvetica; padding-top: 0px !important; 
}
.submit input:hover, .booknow:hover{
	background-image: url(/img/submitover.png); 
}

.booknow{
		background-image: url(/img/submit.png); background-repeat: no-repeat; width: 130px; height:39px;  border: none; color: #333333; font-size: 15px; font-family: Helvetica; color: black !important; padding: 10px; margin-top: 10px; clear: both; padding-left: 0px;width: 140px; display: block; font-weight: normal
}
.required label{
	font-weight: bold; 
}
.required label:after{
	content: ' *';
}
.error-message{
	color: red; margin-left: 140px;
}

.message{
	background-color: #73C030;
	color:#ffffff;
	padding:20px;
	background-image: url('/img/yep.jpg');
	background-repeat: no-repeat;
	background-position: 310px center;
	padding-right: 100px;
	width: 295px;
}
 .warning{
 	padding: 20px;
 	background-color: #e2e2e2;
	width: 300px;
 	margin-bottom: 10px;
 	padding-right: 100px;
 	background-image: url(/img/stop-right-there.jpg);
 	background-position:  320px center;
 	background-repeat: no-repeat;
 }


#main table{
	width: 100%
}
#main table.styled th{
	color: #333333; font-weight: bold; background-image: url(/img/th_fade.jpg); background-repeat: repeat-x; background-color: #9AA3A8; padding: 5px;border-bottom: 1px solid white; border-right: 1px solid white; 
}
#main table.styled td{
	padding: 5px; background-color: #E5E5E5; border-bottom: 1px solid white; border-right: 1px solid white
}
.altrow{
	background-color: #F6F6F6;
}
#main table.styled td a{
	color: #6699FF
}
#main table td a.more{
	padding-right: 15px; background-image: url(/img/more.png); background-repeat: no-repeat; background-position: center right; 
}
#main table td.detail{
	width: 400px;
}
.paging div{
	display: inline; 
}
.paging {
	text-align: right; padding: 5px;
}


/**********************************************  news  *********************************************/
#images_col{
	float: right; width: 320px;
}
#images_col img{
	margin: 10px;
}
/**********************************************  products  *********************************************/
.tabs a{
	display: block; width: 71px; height: 29px; background-image: url(/img/zone_tab.jpg); background-repeat: no-repeat;
	 font-family: Helvetica-neue, helvetica; color: white !important; font-weight: bold; float: left; margin-right: 1px; padding: 5px;padding-top: 20px; text-align: center; font-size: 10px;text-transform: uppercase; letter-spacing: 0px; padding-left: 1px; padding-right: 1px;
	 font-family: "Arial Narrow"; line-height: 1em;
}
#zones{clear: both}
div.zone{
	width: 313px; float: left; margin-right: 10px; margin-bottom: 10px; padding-bottom: 20px; height: 200px;
}
div.zone img{float: left; margin-right: 10px; margin-top: 17px; margin-bottom: 60px;}
div.zone div{
	float: left; width: 200px;
}
.further_zone{
	padding: 15px;
	width:294px; float: left; background-image: url(/img/further_fade.jpg); margin-left: 0px !important; height: 143px;
}
#products {
	clear:both;
}
#products div img{
	float: left; margin-top: 10px; margin-left: 5px;padding-bottom: 20px;
}
#products div.product{
	background-repeat: no-repeat; background-image: url(/img/smile.png); background-position: center bottom; float: left;	
}
#products div.detail h1 span{
	color: #0066CC;
}
#products h1{ color: #999999; margin-top: 0px;}
#products div.detail{
	float: left;width:535px; padding:10px; padding-top: 0px; padding-bottom: 20px;
}
#products div.detail h1{
	margin-top: 8px;
}
#products div.detail p.link a{
	color: #333333;
}
/**********************************************  activities  *********************************************/
.tabs_groups a{
	display: block; width: 120px; height: 29px; background-image: url(/img/act_tab_inactive.png); background-repeat: no-repeat;
	 font-family: Helvetica-neue, helvetica; color: white !important ; font-weight: bold; float: left; margin-right: 2px; padding: 5px;padding-top: 20px; text-align: center; font-size: 10px;text-transform: uppercase; letter-spacing: 0px; padding-left: 1px; padding-right: 1px; 
}
.tabs_groups{
	background-image: url(/img/whatsonfade.png); background-position: center 30px; background-repeat: no-repeat; float: left; width: 670px
}

#activities {
	clear:both;
}
#activities div img{
	float: left; margin-top: 10px; margin-right	: 0px;
}
#activities div.activity{
	background-repeat: no-repeat; background-image: url(/img/smile.png); background-position: center bottom; float: left;	
}
#activities  .image{
	width: 100px;	float: left; 
	
}
#activities div.detail h1 span{
	color: #0066CC; font-size: 15px;
}
#activities h1{ color: #999999; margin-top: 10px; line-height: 16px;}
#activities div.detail{
	float: left;width:535px; padding:10px; padding-top: 0px; padding-bottom: 20px;
}

#activities .description {
	float: left; width: 359px; border-right: 1px dotted #ccc ; padding-right: 10px;margin-right: 10px;
}
#activities .link {

	padding: 10px; font-size: 12px; color: #666666; font-weight: bold; text-align: center; width: 130px; float: left ; 	padding-top: 30px;
}


#main ol li{
	
}

#sponsors_cell div {
	float: left; 
}
#sponsors_cell div{
	font-size: 10px; color: #666; text-align: center; margin-right: 10px;
}
#sponsors_cell h1{
	font-size: 15px; color: #666; background-image: url(/img/ss.png); background-repeat: no-repeat;background-position: bottom;
	clear: left; margin-top: 30px; margin-bottom: 10px; padding-top: 40px;padding-bottom: 20px !important 
}