html,body {
  background-color: #d4d4d4;
  margin:0;
  padding:0;
  font:.85em arial, sans-serif;
  color:#676767;
}

a {
	color: #4a8ecf;
}
a:hover {
	color: #c02020;
}

      .slide-out-div {
          padding: 2px;
		  text-align:center;
		  color:#FFFFFF;
		  font-size:14px;
          width: 135px;
          background: #fe0000;
          border: 0px;
		  z-index:500;
      }      
   

h2 {
	font-size:18px;
	font-family: Tahoma;
	color:232968;
	padding-bottom:10px;
	}

#wrap {
	width: 1018px;
	background:url(../images/stripebg.png) repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}



/*********************/
/*** Header Styles ***/
/*********************/
#header {
	width: 990px;
	height: 139px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #EEEEEE;
	text-align: left;
	z-index:5;
}

#logobox {
	width:109px;
	height:112px;
	margin-top:14px;
	margin-right:15px;
	float:right;
	}
	
#est-box {
	width:156px;
	height:97px;
	margin-top:17px;
	margin-left:20px;
	float:left;
	}

#navbar {
	background: #0000FF;
	width:990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0px;
	z-index:10;
	}

#links {
	font-size: 14px;
	text-align:left;
	color: #FFFFFF;
	padding-top:0px;
	padding-left:15px;
	}

#linkstext {
	padding-top:0px;
	padding-left:0px;
	margin-bottom:-7px;
	float:left;
	z-index:50;
	}
	
#icons {
	margin-top:5px;
	margin-right:15px;
	float:right;
	}

#titletext {
	color:#FFFFFF;
	font-size: 24px;
	text-align: left;
	padding: 14px;
	}

#maintext {
	padding:14px;
	}

h2 {
	font-size:18px;
	font-family: Tahoma;
	color:232968;
	padding-bottom:10px;
	}

#sidetext {
	padding:14px;
	}

#containerhomeleft {
    float:left;
    width:990px;
    background:#ffffff;
	position:relative;
	overflow:hidden;
	margin-left:14px;
}

#containerhomeright {
    float:left;
    width:990px;
    background:#eeeeee;
	position:relative;
	left:660px;
}

#homelhs {
	width:660px;
	float:left;
	position:relative;
	right:660px;
	}

#homerhs {
	width: 330px;
	float:left;
	position:relative;
	right:660px;
	}

#containercontentleft {
    float:left;
	margin-left:14px;
    width:990px;
    background:#ffffff;
	position:relative;
	overflow:hidden;
}

#containercontentright {
    float:left;
    width:990px;
    background:#eeeeee;
	position:relative;
	left:740px;
}

#contentlhs {
	width:725px;
	float:left;
	position:relative;
	right:740px;
	}

#contentrhs {
	width: 250px;
	float:left;
	position:relative;
	right:725px;
	}
	
	
#latestoffers {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	}

#range {
	padding-top:15px;
	padding-left:16px;
	padding-bottom:15px;
	float:left;
	}

#sculls {
	padding-top:15px;
	padding-right:16px;
	padding-bottom:15px;
	float:right;
	}

#twitter {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	}

#facebook {
	padding-left:15px;
	}
	
#thirdtier1 {
	padding-left:15px;
	padding-bottom:15px;
	float:left;
	}
#thirdtier2 {
	padding-left:16px;
	padding-bottom:15px;
	float:left;
	}
	
#features {
	padding:15px;
	}

/*Features Rotating Box*/

#featured{  
    width:448px;  
    padding-right:119px;  
    position:relative;  
    height:300px;  
    background:#fff;  
    }

    #featured ul.ui-tabs-nav{  
        position:absolute;  
        top:0; left:448px;  
        list-style:none;  
        padding:0; margin:0;  
        width:182px;  
    }  
    #featured ul.ui-tabs-nav li{  
        padding:1px 0; padding-left:0px;  
        font-size:12px;  
        color:#666;  
    }  
    #featured ul.ui-tabs-nav li span{  
        font-size:13px; font-family:Tahoma; 
		padding-left:7px; 
        line-height:44px; 
    }    

	#featured .ui-tabs-panel{  
        width:448px; height:300px;  
        background:#999; position:relative;  
        overflow:hidden;  
    }  
    #featured .ui-tabs-hide{  
        display:none;  
    }  
	
	#featured li.ui-tabs-nav-item a{/*On Hover Style*/  
    display:block;  
    height:48px;  
	text-align: center;
    color:#0e1352; 
    line-height:20px;  
	outline:none;  
}  
#featured li.ui-tabs-nav-item a:hover{  
    color:#ffffff;
	background:#202662; 
	-moz-box-shadow: -5px 5px 5px #888;
	-webkit-box-shadow: -5px 5px 5px #888;
	box-shadow: -5px 5px 5px #888; 
}  
#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('/janousek/images/selected-item.gif') top left no-repeat;  
}  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{  
	color:#ffffff;
    background:#202662;
	-moz-box-shadow: -5px 5px 5px #888;
	-webkit-box-shadow: -5px 5px 5px #888;
	box-shadow: -5px 5px 5px #888;
} 

#featured ul.ui-tabs-nav li img{  
    float:left; margin:2px 5px;  
    background:#fff;  
    padding:2px;  
    border:1px solid #eee;  
}

    #featured .ui-tabs-panel .infor{  
        position:absolute;  
        top:185px; left:0;  
        height:95px; width: 411px;  
        background: #000000;  
		opacity:0.7;
    }  
    #featured .infor h2{  
        font-size:18px; 
		font-family:Tahoma;
		font-style:normal; 
		text-align:center; 
        color:#fff; padding:5px; margin:0;  
        overflow:hidden;  
    }  
    #featured .infor p{  
        margin:0 5px;  
        font-family:Tahoma; font-size:11px;  
        line-height:15px; color:#f0f0f0;  
    }  
    #featured .infor a{  
        text-decoration:none;  
        color:#fff;  
    }  
    #featured .infor a:hover{  
        text-decoration:underline;  
    }  
	
/*end of rotating features */

body#home li.home ul,
body#home_sub li.home ul,
body#about li.about ul,
body#why li.why ul,
body#boats li.boats ul,
body#service li.service ul,
body#planning li.planning ul,
body#competition li.competition ul {
  display:block;
}

#content {
  padding-top:0px;
}

#content h3 {
  margin-top:0;
}

body#home #home_page_feature,
body#about #content,
/*body#why #content,*/
body#boats #content,
body#planning #content,
body#competition #content {
  margin-top:2.8em;
}

body#home #content {
  margin-top:5px;
}

body#about li.about a,
/*body#why li.why a,*/
body#boats li.boats a,
body#service li.service a,
body#contact li.contact a {
  color:#ee3535;
}

body#about li.about li a,
/*body#why li.why li a,*/
body#boats li.boats li a,
body#service li.service li a,
body#contact li.contact li a {
  color:#939393;
}

ul.file_list {
	list-style: none;
}
ul.file_list li {
	padding-left: 25px;
	line-height: 1.8em;
}
ul.file_list li.doc {
	background: url(../images/icon-doc.gif) no-repeat left;
}
ul.file_list li.pdf {
	background: url(../images/icon-pdf.gif) no-repeat left;
}

#main_menu ul .item{display:none;}
#main_menu ul:hover .item{display:block;}
#main_menu{position:absolute;}


#footer {
	background: url(../images/footer.png) no-repeat;
	width:1018px;
	clear:both;
	height:123px;
	margin-bottom:20px;
	padding-left:14px;
	text-align:left;
	color:#ffffff;
	padding-top:25px;
	}
	

.footertext {
	float:left;
	width: 280px;
	height: 150px;
	margin:0px;
	padding-left:15px;
	clear:left;
}


/*
==========================
===== FLASH MESSAGES =====
==========================
*/
#flash-messages {
	padding: 0 20px 10px 20px;
}
.flash {
	text-decoration: none;
	padding: 0.5em;
	color: #fff;
	font-size: 0.9em;
}
.flash a:hover {
	background: transparent;
}

.fatal, .error, .bad, .warn, .info, .good, .debug {
	padding: 10px 10px 10px 40px;
	margin: 1.5em 0 0 0;
}
.fatal {
	background: #FFFF9F url(../images/warning.gif) no-repeat scroll 7px;
	border-top: #FF9933 solid 1px;
	border-bottom: #FF9933 solid 1px;
	color: #400;
}
.error, .bad {
	background: #FFE7DF url(../images/warning.gif) no-repeat scroll 7px;
	border-top: #FF3F00 solid 1px;
	border-bottom: #FF3F00 solid 1px;
	color: #400;
}
.info, .good {
	background: #C9FFC8 url(../images/check.gif) no-repeat scroll 7px;
	border-top: #58AF57 solid 1px;
	border-bottom: #58AF57 solid 1px;
	color: #040;
}
.debug {
	background-color: #EEE;
	border-top: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
	color: #444;
}
.warn {
	background: #AFE8FF url(../images/information.gif) no-repeat scroll 7px;
	border-top: #0167A2 solid 1px;
	border-bottom: #0167A2 solid 1px;
	color: #004;
}

/**
 * INPUT BOXES ETC
 */

input, select, textarea { 
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
	border: #ccc solid 1px;
	padding: 2px;
}

/*dropdown menu*/
body, ul, li {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}

#menu {
	list-style:none;
	width:800px;
	margin:0px;
	height:47px;
	padding:0px;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:13px;
	margin-top:9px;
	border:none;
	z-index:500;
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("http://www.janousek.co.uk/images/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("http://www.janousek.co.uk/images/drop.png") no-repeat right 7px;
	}

.dropdown_1column, 
.dropdown_home,
.dropdown_boats,
.dropdown_blades,
.dropdown_services,
.dropdown_contact,
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 130px;}
.dropdown_home {width: 630px;}
.dropdown_boats {width: 590px;}
.dropdown_blades {width: 400px;}
.dropdown_services {width: 340px;}
.dropdown_contact {width: 585px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_home,
#menu li:hover .dropdown_boats,
#menu li:hover .dropdown_blades,
#menu li:hover .dropdown_services,
#menu li:hover .dropdown_contact,
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

.home_col_1 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 20px;
	width:300px;
	}
	
.home_col_2 {
	display:inline;
	float: left;
	position: relative;
	width: 290px;
	}
	
.home_col_3 {
	display:inline;
	float: left;
	position: relative;
	width: 90px;
	padding-right:10px;
	padding-bottom:10px;
	}

.home_col_4 {
	display:inline;
	float: left;
	position: relative;
	width: 190px;
	}

.boats_col_1 {
	width:130px; 
	float: left;
	position: relative;
	}
	
.boats_col_2 {
	width:270px; 
	float: left;
	position: relative;
	}
	
.boats_col_3 {
	width:410px; 
	float: left;
	position: relative;
	padding-left:10px;
	padding-right:20px;
	}
	
.boats_col_4 {
	width:140px; 
	float: left;
	position: relative;
	}
	
.blades_col_1 {
	display:inline;
	float: left;
	position: relative;
	padding-left:10px;
	padding-right:10px;
	width:90px;
	}

.blades_col_2 {
	display:inline;
	float: left;
	position: relative;
	width:280px;
	}


.blades_col_3 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	width:380px;
	}

	
.services_col_1 {
	display:inline;
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	width:90px;
	}

.services_col_2 {
	display:inline;
	float: left;
	position: relative;
	width:230px;
	}

.services_col_3 {
	display:inline;
	float: left;
	position: relative;
	width:320px;
	padding-left:10px;
	}

.contact_col_1 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 0px;
	width:185px;
	}
	
.contact_col_2 {
	display:inline;
	float: right;
	position: relative;
	width: 385px;
	padding-top:10px;
	}
	
.contact_col_3 {
	display:inline;
	float: left;
	position: relative;
	width: 560px;
	padding-top:10px;
	}	

.contact_col_4 {
	display:inline;
	float: left;
	position: relative;
	width: 550px;
	padding-left:10px;
	}	

blades_col_1 {
	display:inline;
	float: left;
	position: relative;
	width: 560px;
	padding-top:10px;
	}	

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	color:232968;
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:5px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}