/*  
Theme Name: Seabbatical
Theme URI: http://www.charljordaan.com
Description: Version 1.0
Author: Charl Jordaan Designs
Author URI: http://www.charljordaan.com
*/

/* RESET
/////////////////////////////*/
html,body,div,ul,li,form,p,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }

/* GENERAL SETUP
/////////////////////////////*/

a { 
	color:#4fa8e6;
	outline:none;
}

a:hover {
	color:#ff9b00;
	text-decoration:underline;
}

body { 
	font: 11px Tahoma, Verdana, sans-serif;
	background:#c8edff url(images/bg.jpg) repeat-x;
	color:#000;
}

li, p { 
	font-size: 1.2em;
}

ul {
	margin-bottom: 1.8em;
}

p {
	margin-bottom: 1.5em;
}

/* LAYOUT
/////////////////////////////*/

#site {
	margin:0 auto;
}

/* TOP NAVIGATION BAR
/////////////////////////////////////*/

ul#topnav {	
		width:744px;
		list-style:none;
		height:38px;
		margin:0;
		margin-left:18px;
}

ul#topnav li {
		display:inline;
}

ul#topnav li a {
		height:38px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}

ul#topnav  li a span {
		float:left;
		display:block;
}

ul#topnav li#topnav_1 a {
		width:73px;
		background:url(images/top_nav_02.jpg) no-repeat;
}
	  
ul#topnav  li#topnav_1 a:hover {
		background-position:0 -38px;
}

ul#topnav li#topnav_2 a {
		width:110px;
		background:url(images/top_nav_03.jpg) no-repeat;
}
	  
ul#topnav li#topnav_2 a:hover {
		background-position:0 -38px;
}

ul#topnav li#topnav_3 a {
		width:98px;
		background:url(images/top_nav_04.jpg) no-repeat;
}

ul#topnav li#topnav_3 a:hover {
		background-position:0 -38px;
}

ul#topnav li#topnav_4 a {
		width:79px;
		background:url(images/top_nav_05.jpg) no-repeat;
}
	  
ul#topnav li#topnav_4 a:hover {
		background-position:0 -38px;
}

ul#topnav li#topnav_5 a {
		width:83px;
		background:url(images/top_nav_06.jpg) no-repeat;
}

ul#topnav li#topnav_5 a:hover {
		background-position:0 -38px;
}

ul#topnav li#topnav_6 a {
		width:115px;
		background:url(images/top_nav_07.jpg) no-repeat;
}

ul#topnav li#topnav_6 a:hover {
		background-position:0 -38px;
}

ul#topnav li#topnav_7 a {
		width:103px;
		background:url(images/top_nav_08.jpg) no-repeat;
}
	  
ul#topnav li#topnav_7 a:hover {
		background-position:0 -38px;
}

ul#topnav li#topnav_8 a {
		width:83px;
		background:url(images/top_nav_09.jpg) no-repeat;
}
	  
ul#topnav  li#topnav_8 a:hover {
		background-position:0 -38px;
}

/* LEFT NAV
/////////////////////////////*/

.leftnav a, .leftnav a:visited {
		color:#000;
		text-decoration:none;
		font-size:11px;
}

.leftnav a:hover {
		text-decoration:underline;
		color:#ff9b00;
}

/* CONTENT
/////////////////////////////*/

h1 { 
	font-weight:normal;
	font:georgia;
	font-size:19px;
	margin:10px 0 0 15px;
	display:block;
	overflow:hidden;
}
	

.margins {
	margin:10px;
	font-size:11px;
}

#flashmap {
	border:2px solid #e49239;
	width:400px; height:265px;
}

/* BOTTOM NAVIGATION
/////////////////////////////*/

#bottom_navigation {  margin:0 auto; text-align:center;margin-top:16px;}

#bottom_navigation a {
	color:#3b89b6;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
}

#bottom_navigation a:hover { text-decoration:underline;}

#bottom_navigation li { display:inline; margin:10px 5px;}

/* FOOTER
/////////////////////////////*/

.footer {
	color:#013454;
	font-size:11px;
}

.footer a, .footer a:visited {
	color:#013454;
	font-weight:bold;
	text-decoration:none;
}

.footer a:hover{
	color:#ff9b00;
}

input.error { background-color: #ffcdd1; border: 2px solid #e10c0c;  }

/* TO TOP
/////////////////////////////*/

#top-link { 
	display:none; 
	position:fixed; 
	right:5px; 
	bottom:5px; 
	color:#eee; 
	font-weight:bold; 
	text-decoration:none; 
	border:1px solid #ddd; 
	background:#1b1b1b; 
	padding:10px; 
	*height: 1%;
}

#top-link:hover	{ 
	color:#1b1b1b; 
	font-weight:bold; 
	text-decoration:none; 
	border:1px solid #ddd; 
	background:#eee; 
	padding:10px; 
}

/* HELPERS
/////////////////////////////*/

.float-left   { float:left }
.float-right  { float:right }
.alignleft,
.align-left   { float:left; margin: 0 15px 15px 0 }
.alignright,
.align-right  { float:right; margin: 0 0 15px 15px }
div.aligncenter,
.aligncenter  { display: block; margin-left: auto; margin-right: auto; clear:both; }
.center       { margin: 0 auto }
.margins      { margin:15px }
.push-top     { margin-top:15px }
.push-right   { margin-right:15px }
.push-bottom  { margin-bottom:15px }
.push-left    { margin-left:15px }
.border       { border:1px solid #000; }
.text-left    { text-align:left }
.text-right   { text-align:right }
.text-center  { text-align:center }
.text-justify { text-align:justify }
.underline    { text-decoration:underline }
.highlight    { background-color:#ffc }
.indent       { text-indent:15px }
.no-indent    { text-indent:0 }
.clear { overflow: hidden; width: 100%; }

/* MESSAGE BOXES 
/////////////////////////////*/ 
 
.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; } 
 
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

/* WORDPRESS CAPTIONS
/////////////////////////////*/

.wp-caption 					{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px }
.wp-caption img 				{ margin: 0; padding: 0; border: 0 none }
.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; margin-top:5px }
.wp-caption  a, .wp-caption 	{ color:#666 }

/* FORM
/////////////////////////////*/

.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
	font-size:12px;
}

#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #9cbab1;
	padding-bottom:10px;
}

#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}

#stylized .small{
	color:#214645;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #9cbab1;
	width:200px;
	margin:2px 0 20px 10px;
}

#stylized textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #9cbab1;
	width:400px;
	margin:2px 0 20px 10px;
}

#stylized button{ 
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#a98548;
	text-align:center;
	line-height:31px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	border:none;
}


.cleanform {
font-size:1em;
width:44em;
text-align:left;
position:relative;
margin:1em auto
}

/* Elements */

.cleanform  label,.cleanform legend{  
padding:0;
margin:0.3em 0;
}

.cleanform fieldset{ 

border:none;
margin:0 0 0.5em 0;
}

.cleanform label {
font-weight:bold;
display:block;
}

.cleanform fieldset input {
width:60%;
line-height:1.5em;
padding:0.15em;
}

.cleanform .radio input,
.cleanform .checkbox input {
width:auto;
border:none;
}

.cleanform input, .cleanform textarea, .cleanform select {
margin-bottom:1em;
font-size:1em;
border:1px solid #bbb;
padding:0.15em;
margin-right:1em
}

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input{
display:inline;
margin:0 1.5em 0 0
}


.cleanform .radio input, .cleanform .checkbox input{
margin:0 0.3em 0 0
}

/* Button */

.cleanform.mini button {
text-align:center;
border:none;
background:url(images/buttonrequest.jpg) repeat-x top left;
cursor:pointer;
font-weight:bold;
width:95px;
height:28px;
clear:both;
margin-left:35px;
}



.cleanform img {
	margin-bottom:10px;
}



.first img {
	margin-bottom:10px;
}

/* information */

.cleanform .formInfo {
margin-bottom:1em;
padding-bottom:0.5em;
border-bottom:0.1em solid #ddd;
}

.cleanform .formInfo h2 {
color:#00889e;
font-weight:bold;
font-size:1.2em;
margin-bottom:1em
}

.cleanform  p{
text-align:justify
}

.cleanform .required {
color:red;
font-weight:bold;
font-size:0.8em;
}

.cleanform.mini {
	width:240px;
	margin:0 auto;
}

.cleanform.mini input {
	width:65%;
}

#ac li a {
	color:#fea93e;
}

#ac li {
	margin:0px 0 15px 0;
}

.wp-image-16 { margin-bottom:0;}

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

.yacht {
background:url(images/line1.jpg) repeat-x left bottom;
padding-bottom:20px;
margin-bottom:20px;
overflow:hidden;
clear:both;
}

h3, .pdf {
margin-bottom:15px;
}

#bb #breadcrumbs { float:left;}
#bb div { float:right; font-size:12px; font-weight:bold;}
#bb div a { text-decoration:none;}
.specs td { border:1px solid #ddd;}

.tit { font-size:1.5em;}
.lab { background:#d6dde5;}