/*
 * White Shark Projects Style Sheet
 * Done by www.bar-design.co.za
 *************************************************************************/

*{margin: 0px; padding: 0px;}

body
{
	background: #fff;
	color: #333;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	text-align: left;
}

a{color: #f2bf56; text-decoration: none;}
a:hover{text-decoration: underline;}
.bookingform{margin: 0px 5px 0px 5px;}
.width100{width: 100%;}
.clear{clear: both;}
.center{text-align: center;}
.form { font-variant: small-caps; font-family: sans-serif; font-weight: bold; font-size: 9pt}


h1
{
	background: #165086 url(../images/layout/h_bg.jpg) repeat-x;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
	padding-left: 5px;
}

table{margin-left: 0px;}


p{padding: 5px;}
p.email{font-size: 10px;}

/*
 * Classes
 *************************************************************************/
.box
{
	background-color: #5791c2;
	border: solid 1px #2f6394;
	margin: 6px;
}

.comments
{
	background-image: url(../images/layout/comment_bg.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
}
.comments span{color: #fff;}
.comments .blue{color: #9bb1ea;}
.comments .orange{color: #f2bf56;}

.contact
{
	font-size: 10px;
	background: #fff url(../images/layout/contact_bg.jpg) repeat-x;
	height: 137px;
	color: #165086;
}
.contact p{padding-bottom: 0px;}

.gallery{text-align: center;}
.gallery img{border: solid 2px #ede791; margin-top: 10px;}
.line{border-bottom: dotted 1px #fff;}
.center{text-align: center;}
.floatleft{float: left; margin: 5px;}
.floatright{float: right; margin: 5px;}
a img{border: none;}


/*
 * Container
 *************************************************************************/
#container
{
	background: #3e7db2 url(../images/layout/right_bg.jpg) repeat-y 100% 0%;
	border-left: solid 10px #fbbf3d;
	border-right: solid 10px #fbbf3d;
	color: #fff;
	margin: 0px auto;
	width: 780px;
}

/*
 * Header
 *************************************************************************/
#header
{	
	background: url(../images/layout/header_bg.jpg) repeat-x;
	height: 163px;
	/*padding-top: 23px;*/
	text-align: right;
	width: 780px;
}
#header p
{
	text-transform: uppercase;
	font-size: 9px;
	line-height: 9px;
	
	/*line-height: 23px;*/
	padding: 6px 5px 8px 0px;
}

/*
 * Contents
 *************************************************************************/
#content_left
{
	background: #3e7db2 url(../images/layout/left_bg.jpg) repeat-y;
	float: left;
	width: 77%;
}

#content_right
{
	border-top: solid 6px #3E7DB2;
	background-color: #165086;
	float: right;
	width: 23%;
}

#content_right h1{border: solid 1px #508ec1; margin: 0px;}

#content_sub_left
{
	border-top: solid 6px #3E7DB2;
	background-color: #165086;
	float: left;
	width: 25%;
}

#content_sub_left h1{border: solid 1px #508ec1; margin: 0px;}
#content_sub_left ul{list-style: none;}
#content_sub_left li{background: url(../images/layout/nav_bg.jpg) repeat-x; height: 21px;}
#content_sub_left li a
{
	background: transparent url(../images/layout/nav_arrow.gif) no-repeat 5px 5px;
	color: #fff;
	font-size: 11px;
	line-height: 21px;
	height: 21px;
	padding-left: 15px;
}
#content_sub_left li a:hover{text-decoration: underline;}
#content_sub_left a img{border: none; padding: 5px;}


#content_sub_right{float: right; width: 75%;}
#content_sub_right h1{margin: 2px; padding-left: 10px;}
#content_sub_right h1 span.green{background: url(../images/layout/h_green_arrow.gif) no-repeat 0% 50%; padding-left: 16px;}
#content_sub_right h1 span.yellow{background: url(../images/layout/h_yellow_arrow.gif) no-repeat 0% 50%; padding-left: 16px;}
#content_sub_right ul{list-style-type: square; margin: 10px 0px 10px 0px;}
#content_sub_right ul li{margin: 0px 0px 5px 30px;}
#content_sub_right ol{list-style-type: decimal; margin: 10px 0px 10px 5px;}
#content_sub_right ol li{margin: 0px 0px 5px 30px;}


/*
 * Footer
 *************************************************************************/
#footer
{
	background: #fff url(../images/layout/footer_bg.jpg) repeat-x;
	clear: both;
	height: 31px;
	width: 780px;
}