/*  
Theme Name: CYBA
Theme URI: http://www.charljordaan.com
Description: CYBA Yacht Charters website main stylesheet
Version: 1.0
Author: Charl Jordaan Designs
Author URI: http://www.charljordaan.com
*/

/* RESET
/////////////////////////////*/

html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
} 
body		  { line-height: 1 }
ol, ul		  { list-style: none }
blockquote, q { quotes: none }
:focus        { outline: 0 }
ins			  { text-decoration: none }
del			  { text-decoration: line-through }
table		  { border-collapse: collapse; border-spacing: 0 }
textarea      { overflow:auto }
p 			  { margin-bottom: 1.5em }
a img 		  { border: 0 }
small		  { font-size:0.9em }

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

body { 
	font: 70%/1.5 Arial, Tahoma, Verdana, sans-serif;
	background:#3091d7 url(../images/bg.jpg) repeat-x;
	color:#5a6883;
	position:relative;
}

a:link, a:active, a:visited { 
	color:blue;
	outline:none;
	text-decoration:none;
}

a:hover, a:focus {
	color:red;
	text-decoration:underline;
}

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

#warp {
	width:780px;
	height:712px;
	background:url(../images/bg-warp.jpg) no-repeat left top;
	margin:0 auto;
	position:relative;
}

h1 { 
	width:245px; 
	height:73px; 
	background:url(../images/h1.jpg) no-repeat; 
	float:left;
}

h2 { 
	width:451px; 
	height:25px; 
	background:url(../images/h2.jpg) no-repeat; 
	float:right;
	margin-top:8px;
}

h3 { 
	width:762px; 
	height:26px; 
	background:url(../images/h3.jpg) no-repeat; 
	display:block;
	margin:0 auto;
}

h1 span, h2 span, h3 span, h4 span { 
	display:block; 
	text-indent:-9999em;
}
#nav-top {
	float:right;
	display:block;
	padding-top:10px;
}

#nav-top, #nav-top a {
	color:#b5ddf4;
	font-size:10px;
}

#flash {
	clear:both;
	width:762px;
	height:255px;
	display:block;
	margin:0 auto;
	background:#0f2894 url(../images/flash.jpg) no-repeat left top;
}

#sub {
	clear:both;
	width:762px;
	height:75px;
	color:#675336;
	display:block;
	margin:0 auto;
	background:#fff url(../images/bg-sub.jpg) no-repeat left bottom;
	border-top:1px solid white;
}

#sub h4 { 
	width:285px; 
	height:34px; 
	background:url(../images/h4.jpg) no-repeat; 
	display:block;
	margin-left:20px;
}

#sub p {
	margin:0 10px 0 10px;
	font-size:11px;
	font-weight:bold;
}

#content {
	clear:both;
	width:762px;
	height:265px;
	display:block;
	margin:0 auto;
	background:url(../images/bg-content.jpg) no-repeat left bottom;	
	font-size:12px;
	text-align:justify;
	line-height:1.7em;
}

#content p {
	margin:0 10px 5px 10px;
	text-indent:10px;
}

#col-left {
	float:left;
	width:382px;
}

#col-left h4 { 
	width:381px; 
	height:41px; 
	background:url(../images/h4-why.jpg) no-repeat; 
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}

#col-left p {
	margin-left:10px;
	margin-right:10px;
}

#col-right {
	float:right;
	width:380px;
}

#col-right h4 { 
	width:380px; 
	height:41px; 
	background:url(../images/h4-brokers.jpg) no-repeat; 
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}

#col-right ul {
	margin-left:10px;
	margin-right:10px;
	text-align:left;
}

#col-right ul li{
	background:url(../images/li.jpg) no-repeat left 7px;
	padding-left:15px;
}

#footer {
	clear:both;
}

#footer, #footer a {
	color:#fff;
	margin-top:10px;
}

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

.float-left   { float:left; padding-left:5px; }
.float-right  { float:right; padding-right:5px; }
.alignleft,
.align-left   { float:left; margin: 0 15px 0 0 }
.alignright,
.align-right  { float:right; margin: 0 0 0 15px }
div.aligncenter,
.aligncenter  { display: block; margin-left: auto; margin-right: auto }
.clear        { 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:10px solid #eee }
.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 }