/*  
Theme Name: rad.web Custom
Theme URI: http://www.radweb.co.za/
Description: Custom theme developed by rad.web
Version: 1.0
Author: Ryan Holder
Author URI: http://www.radweb.co.za/
*/

/* import related css files */
@import url("css/reset-fonts-grids.css");  /* YUI Reset */

/* CSS Document */
html, body {
	background:url(images/bg.gif);
	background-repeat:repeat-y;
	background-position: top center;}

a { outline:none; }

hr { padding-bottom:10px; }
/* Header Sections */

/* Header Top (Navigation) */
#hd-top {
	background-image:url(images/hd-top.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:73.076em;
	*width:71.251em;
}
	#hd-top ul { float:right; padding-right:5px; height:64px; width:675px; }
	#hd-top li { display:inline; float:right; padding-left:12px; }

	#hd-logo { width:275px; height:92px; position:absolute; }
	#hd-logo a { width:100%; height:100%; display:block; }
	#hd-logo span { 
		display:block;
		margin:0;
		overflow:hidden;
		padding:0;
		text-indent:-8000px;	
	}	

/* Header Bottom (Bottom half of logo and top tile of side panel) */
#hd-bottom-l {
	background-image:url(images/hd-bottom-l.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:53.843em;
	*width:52.501em;
	height:2.692em;
	*height:2.625em;
}
#hd-bottom-r {
	background-image:url(images/hd-bottom-r.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:19.230em;
	*width:18.750em;
	height:2.692em;
	*height:2.625em;
}

/* Header Flash and Side Panel */	
#hd-flash {
/*	background-image:url(images/hd-flash.jpg);
	background-position:center;
	background-repeat:no-repeat;*/
	width:53.846em;
	*width:52.501em;
	height:18.461em;
	*height:18.000em;
}
	#fade img { cursor:pointer; }
	
#hd-panel {
	background-image:url(images/hd-panel.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:19.230em;
	*width:18.750em;
	height:18.384em;
	*height:17.925em;
}
#hd-panel input { width:190px; height:18px; padding-top:2px; padding-left:3px; }
#hd-panel select { width:222px; padding:2px; }
#hd-panel button {  width:25px; height:24px; vertical-align:top; margin-left:2px; font-size:12px; color:#FFFFFF; background-color:#333333; border:0px; }
#hd-panel .panel-title { height:40px; }
#hd-panel .panel-addr-details { color:#FFFFFF; padding-left:40px; line-height:2.115em; *line-height:1.950em; }
 

/* Body Sections */
#bd-content {
	width:51.538em;
	*width:50.251em;
	padding:10px 15px 5px 15px;
}

#bd-sidebar {
	background-image:url(images/bd-click-here.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:19em;
	*width:18.550em;
	margin-right:2px;
	
}
	#click-here { height:100px; margin:15px 15px 18px 10px; }
	#click-here a { width:100%; height:100%; display:block; }
	#click-here span { display:none; }	
	
	.sidebar-h3 { background-color:#c8c1a4; padding:5px 8px; color:#09348c; }
	.sidebar-table-bg { background-color:#ece9d8; margin:10px 15px 0 10px; }
	.sidebar-table-footer { padding:0 8px 10px 8px; }
	.sidebar-blue-bold { color:#05b0f8; font-weight:bold; font-size:108%; }

#bd-sidebar-bottom {
	background-image:url(images/bd-click-here.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	width:19.230em;
	*width:18.750em;
}

img.home-boats-big {margin-top:5px; border:5px solid #e2dac3;}
img.home-boats-small {margin-top:3px; border:2px solid #e2dac3;}

img.destinations-img { display:block; margin:0px auto 10px auto; border:5px solid #e2dac3;}

.featured-newone {display:block;}
.featured-one {display:none;}
.featured-two {display:none;}
.featured-three {display:none;}

.featured-small { cursor:pointer; margin-bottom:3px; }
.featured-newone-small { cursor:pointer; margin-bottom:3px; }
.featured-one-small { cursor:pointer; margin-bottom:3px; }
.featured-two-small { cursor:pointer; margin-bottom:3px; }
.featured-three-small { cursor:pointer; margin-bottom:3px; }


#tender-toys { float:left; width:325px; margin-right:20px; }
#special-features { float:left; width:325px; }
#image-gallery { clear:both; padding:10px 0 0 0; *padding:0; }
 
.tt-list { list-style:disc; /*color:#09348C;*/ margin-left:20px; line-height:18px;}
.sf-list { list-style:disc; /*color:#09348C;*/ margin-left:20px; line-height:18px;}

.label-yacht-name { float:left; line-height:22px; padding-right:5px; font-weight:bold; }
.label { float:left; font-weight:bold; padding-right:5px; padding-bottom:2px; width:60px; }
.specs { padding-bottom:2px; }
.label-name { float:left; font-weight:bold; line-height:153.9%; padding-top:4px; }

.spanheading { color:#09348c; font-weight:bold; background-color:#c8c1a4; width:214px; display:block; padding:4px 0; }

#table-yacht { padding:5px; }
.table-yacht-title { width:58px; background:#dbd7c3; height:30px; padding-right:4px; border-bottom:1px solid #ece9d8; font-weight:bold; font-size:85%; text-align:right; }
.table-yacht-content { width:160px; background:#dbd7c3; height:30px; border-left:1px solid #ece9d8; border-bottom:1px solid #ece9d8; padding:2px 0 2px 2px; font-size:85%; }

dl.gallery
 {
 display: block;
 float:left;
 margin-right:3px;
 margin-bottom:3px;
 font-size:93%;
 }
 
dl.catalogue
 {
 display: block;
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 font-size:93%;
 }

dt
 {
 clear:left;
 display:block;
 font-weight: bold;
 float:left;
 width:70px;
 background-color:#09348c;
 color:#05b0f8;
 padding-left:2px;
 margin-right:2px;
 }

dd
 {
 clear:right;
 display:block;
 white-space:nowrap;
 background-color:#ececec;
 }

#news-title a {
	color:#11B3F8;
	font-family:"Franklin Gothic Medium";
	color:#11b3f8;
}	
/* Footer Sections */

hr.ft-hrline {background:#8d8d8d; height:1px; border:0; margin:0.740em 15px 15px 15px; *margin:0.750em 15px 15px 15px; padding:0;}
#ft {
	margin:0 0 10px 0;
}
#ft-left {
	background-image:url(images/ft-left.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:53.846em;
	*width:52.501em;
	height:6.538em;
	*height:6.375em;
}
#ft-right {
	background-image:url(images/ft-right.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:19.230em;
	*width:18.750em;
	height:6.538em;
	.height:6.375em;
}
	#ft-click-here { height:76px; margin:4px 15px 0 6px; }
	#ft-click-here a { width:100%; height:100%; display:block; }
	#ft-click-here span { display:none; }	
		
#ft-nav {background-color:#eeeeee; margin:15px; padding:5px; font-size:84%; height:15px; }

#ft-nav p { float:left;}
#ft-nav ul { float:right; }
#ft-nav li { display:inline; color:#09348C; border-right:1px solid #09348C; padding:0 10px; }
#ft-nav a { text-decoration:none; color:#09348C; }
#ft-nav a:hover { text-decoration:underline; color:#09348C; }

strong { font-weight:bold; }

/* Other */
h2 {
	font-family:"Franklin Gothic Medium";
	font-size:167%;
	color:#09348c;
}
h3 {
	font-family:"Franklin Gothic Medium";
	font-size:138.5%;
	color:#11b3f8;
}
p {margin-bottom:15px;}

p.featured {margin-bottom:5px;}

/* Contact Form ----------------------------------------------------------------*/
.contactform{
	overflow:hidden;
	font-size:12px
}
.contactform .textarea,.contactform .input{
	border:1px solid #ccc;
	padding:2px;
	font-size:12px
}
.textarea:hover,.input:hover,.textarea:focus,.input:focus {
	background:#ebebeb
}
.contactright .button{
	margin:0 0 0 140px !important;
	padding:4px
}
.contactleft{
	width:20%;
	text-align:left;
	clear:both;
	float:left;
	display:inline;
	padding:4px;
	margin:5px 0;
	font-weight:700
}
.contactright{
	width:70%;
	text-align:left;
	float:left;
	display:inline;
	padding:4px;
	margin:5px 0
}
.notification{
	margin:15px;
	border-top:1px solid #693;
	border-bottom:1px solid #693;
	padding:10px 20px;
	background:#FFC
}

/* Latest News */
h3.news-title {	
	font-family:"Franklin Gothic Medium";
	font-size:138.5%;
	color:#11b3f8;
	margin-bottom:5px;}
	
/* Related Yachts */
ul.st-related-posts { padding:4px 5px; background:#EEE; }
ul.st-related-posts li { display:inline; font-size:90%; }	
h2.related-heading { margin-top:5px; font-size:130%; }

.h2-style {
	color:#09348C;
	font-family:"Franklin Gothic Medium";
	font-size:167%;
	line-height:1.231;
}

/** Destinations Subpages **/

		#destinations-main {
/*			background-color:#ece9d8; */
			padding:0px;
			border-top:1px dotted #CCCCCC;
			border-right:1px dotted #CCCCCC;
			border-left:1px dotted #CCCCCC;			
			padding:10px 0 0 0;
		}
		
		#destinations-main ul {


		}
		
		#destinations-main ul li { 
/*			background-color:#C8C1A4;*/
			border-bottom:1px dotted #CCCCCC;
			margin-bottom:10px;
			padding:0 0 10px;
		}
		
		#destinations-main ul li a { 
			font-weight:bold;
			line-height:25px;
			color:#09348C;
			margin-right:5px;
			margin:0 0 0 10px;			
		}		

		#destinations-main ul li ul { 
			padding:10px 6px 0px;
		}
						
		#destinations-main ul li ul li { 
			margin:15px 0 0 5px;
			display:inline;
			border-bottom:none;
		}

		#destinations-main ul li ul li a { 		
			font-weight:normal;
			color:#09348C;			
		}
		
			/* WP Styled button */
			
			#destinations-main ul li a:hover, a.button:hover {
			border-color:#666666;
			color:#000000;
			}
			#destinations-main ul li a:hover, a.button:hover {
			color:#09348C;
			text-decoration:underline;
			}
			#destinations-main ul li a, a.button {
			line-height:1.2em;
			padding:4px 10px;
			}
			#destinations-main ul li a, a.button {
			text-shadow:0 1px 0 #FFFFFF;
			}
			#destinations-main ul li a, a.button {
			background:#F2F2F2;
			}
			#destinations-main ul li a, a.button {
			border-color:#BBBBBB;
			}
			#destinations-main ul li a, a.button {
/*			-moz-border-radius-bottomleft:11px;
			-moz-border-radius-bottomright:11px;
			-moz-border-radius-topleft:11px;
			-moz-border-radius-topright:11px;
			-moz-box-sizing:content-box;*/
			border-style:solid;
			border-width:1px;
			cursor:pointer;
			font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
			font-size:13px !important;
			line-height:18px;
			padding:2px 8px;
			text-decoration:none;
			color:#09348C;
			}				

		#destinations-sidebar {
			background-color:#ece9d8; 
			margin-right:14px;
			padding:0px;
		}
		
		#destinations-sidebar ul {
			padding:6px 6px 0;
		}
		
		#destinations-sidebar ul li { 
			background-color:#C8C1A4;
		}
		
		#destinations-sidebar ul li a { 
			font-weight:bold;
			line-height:25px;
			padding-left:5px;
			color:#09348C;
		}		

		#destinations-sidebar ul li ul { 
			background-color:#ece9d8;
			padding:0px 6px 0;
		}
						
		#destinations-sidebar ul li ul li { 
			margin-left:5px;
			background-color:#ece9d8;
		}

		#destinations-sidebar ul li ul li a { 		
			font-weight:normal;
			color:#09348C;			
		}

/** JQuery Tabs **/
		ul.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		ul.tabNavigation li {
		    display: inline;
				margin:0 5px 0 0;
		}

		ul.tabNavigation li a {
		    padding: 3px 5px;
/*		    background-color: #ece9d8;*/
		    color: #09348C;
				font-weight:bold;
		    text-decoration: none;
		}

		ul.tabNavigation li a.selected,
		ul.tabNavigation li a:hover {
		    background-color: #dbd7c3;
		    color: #09348C;
				font-weight:bold;
		    padding-top: 5px;
		}
		
		ul.tabNavigation li a:focus {
			outline: 0;
		}

		div.tabs {
			overflow:hidden;
		}
		
		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			border: 2px solid #dbd7c3;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}
		
/* Yacht Catalogue > Filter Buttons */
	#filter-buttons {
		margin:0px 15px 15px;
		visibility:hidden;
	}
	
#ft-nav li.business-coach a {
	display:block;
	text-indent:-9999px;
	width:5px;
	height:5px;
	}	

#ft-nav li.business-coach {
	padding:0;
	border:none;
	}
	
.sml_img {
	width:220px;
	height:120px;
	display:block;
	}	
	
#doc2 {
	width:950px;
	}	
	
#hd-logo img.welsh-button {
	left:260px;
	position:absolute;
	top:20px;
	}