/*
Theme Name: Mikadi Beach
Theme URI: http://www.tenacityworks.com/
Description: Mikadi Beach theme developed by Tenacity Works in sunny Cape Town.
Author: Tenacity Works
Author URI: http://www.tenacityworks.com/
.
*/

/* Styles */


body {
	background: url(images/bg01.png) repeat-x #45557F;
	margin: 0px;
}
* {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 1em;
	line-height: 18px;
}

/*Structural Elements */ 

#siteBox {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}
#topBox {
	background: url(images/mikadi_mast.png) no-repeat;
	height: 68px;
}

/*New Top Navigation */

#topNav {
	width: 270px;
	height: 32px;
	position: relative;
	top: 36px;
	left: 670px;
}
ul#topMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 32px;
	width: 270px;
}
ul#topMenu li {
	float: left;
	display: inline;
	height: 32px;
	margin: 0px;
	overflow: hidden;
}
ul#topMenu li.contact a {
	background: url(images/menu_contact.png) 0 0 no-repeat;
	width: 135px;
	height: 32px;
}
ul#topMenu li.book a {
	background: url(images/menu_book.png) 0 0 no-repeat;
	width: 135px;
	height: 32px;
}
ul#topMenu li a {
	display: block;
	height: 32px;
	text-indent: -999em;
}

ul#topMenu li.contact a:hover, ul#topMenu li.book a:hover {
	background-position: bottom left;
}
ul#topMenu li#selected a {background-position: bottom left;}


/*Hero */

#heroBox {
	width: 948px;
	height: 300px;
	background-color: #000000;
	border: #FFFFFF solid 1px;
}
#heroBox img{
	padding: 0;
	margin: 0;
	float: left;
}
#heroBox .right{
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
}



/*New Navigation */

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
	height: 36px;
	width: 950px;
}
ul#menu li {
	float: left;
	display: inline;
	height: 36px;
	margin: 0px;
	overflow: hidden;
}
ul#menu li.about a {
	background: url(images/menu_about.png) 0 0 no-repeat;
	width: 121px;
	height: 36px;
}
ul#menu li.location a {
	background: url(images/menu_location.png) 0 0 no-repeat;
	width: 87px;
}
ul#menu li.acomm a {
	background: url(images/menu_accomm.png) 0 0 no-repeat;
	width: 193px;
}
ul#menu li.darzan a {
	background: url(images/menu_darzanz.png) 0 0 no-repeat;
	width: 133px;
}
ul#menu li.gallery a {
	background: url(images/menu_gallery.png) 0 0 no-repeat;
	width: 78px;
}
ul#menu li.weather a {
	background: url(images/menu_weather.png) 0 0 no-repeat;
	width: 89px;
}
ul#menu li.community a {
	background: url(images/menu_comproj.png) 0 0 no-repeat;
	width: 168px;
}
ul#menu li.blog a {
	background: url(images/menu_blog.png) 0 0 no-repeat;
	width: 61px;
}
ul#menu li a {
	display: block;
	height: 36px;
	text-indent: -999em;
}
ul#menu li.about a:hover, ul#menu li.location a:hover,
ul#menu li.acomm a:hover, ul#menu li.darzan a:hover,
ul#menu li.gallery a:hover, ul#menu li.weather a:hover,
ul#menu li.community a:hover, ul#menu li.blog a:hover {
	background-position: bottom left;
}
ul#menu li#selected a {background-position: bottom left;}

/*Main Page Elements */

#contentCol {
	width: 950px;
	vertical-align: top;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#contentCol a{
	color: #FFFFFF;
	text-decoration: underline;
}
#contentCol a:hover{
	color: #009BCE;
	text-decoration: underline;
}
#leftCol {
	width: 610px;
	margin: 0 20px 20px 10px;
	float: left;
	color: #FFFFFF;
	font-size: 95%;
}
#rightCol {
	width: 280px;
	padding: 0 10px 10px 10px;
	margin: 0 10px 20px 0;
	background: url(images/bg_right.png) repeat-x #262E45;
	float: right;
	min-height: 219px;
	color: #F2F2F2;
	font-size: 80%;
}
#rightCol ul{
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
} 
#rightCol li{
	background: url(images/right_bullet.png) no-repeat left bottom;
	list-style: none;
	text-align: left;
	padding: 2px 8px 0 20px;	
}
.title {
	padding-bottom: -2px;
}
#footerBox {
	border-top: solid #F2F2F2 1px;
	background: url(images/mikadi_footer.png) right top no-repeat;
	width: 930px;
	margin: 0 10px 0 10px;
	padding: 3px 0 50px 0;
	clear: both;
	color: #F2F2F2;
	font-size: 70%;
}
#content {
	margin-top: -10px;	
}
#comment {
	width: 500px;
}
.narrowcolumn h2 {
	font-weight: bold;
	font-size: 140%;
}
.narrowcolumn small {
	font-size: 80%;
	color: #CCCCCC;
}

/* ~~~~~~~~~~~~~~~~~~~~~
 * CForms Hacks
 * ~~~~~~~~~~~~~~~~~~~~~~
 */ 

.cf-fs1 legend {
	visibility: hidden;
	display: none;
}
#cformsform {
	margin-left: 0px;
}
#ll {
	visibility: hidden;
	display: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~
 * Alt Browser Hacks
 * ~~~~~~~~~~~~~~~~~~~~~~
 */ 
 
/*IE6 */
 
* html #leftCol {
	width: 600px;
	margin: 0 20px 20px 10px;
	float: left;
	color: #FFFFFF;
	font-size: 95%;
}