/*
Site Name: Lion Sands
Site URI: lionsands.com
Description:
Version: 0.1
*/
/******* Globals *******/
* {
    margin:0;
    padding:0;
}
a:focus {
	outline:none;
}
* img {
    border:0;
}
body {
    color: #dfdfdf;
    background-color: #0D0D0D;
    font-family: Verdana;
line-height: 18px;
}
h1 {
	text-transform: capitalize;
	line-height:30px;
	font:30px Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
	color:#dfdfdf;
	padding: 10px 0 5px 10px;
}
h2 {
	text-transform: uppercase;
    line-height:30px;
	font:26px Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
	color:#dfdfdf;
	padding: 5px 0 10px 0;
}
a {color:#FFF;text-decoration:none;}
a:active {color:#FFF;text-decoration:underline;}
a:hover {color:#FFF;text-decoration:underline;}
a:visited {color:#FFF;text-decoration:none;}
img.showBorder {
	margin:0;
    border:1px solid #5A5A5A;
    padding:3px;
}
img.showBorder2 {
	margin:3px 0;
    border:1px solid #5A5A5A;
    padding:3px;
}
/******* Layouts *******/
#container {

	margin:0px;
}
#container_set {
    max-width:960px;
    min-width: 480px;
    margin: 0 auto 0 auto;
}

#left_nav {
    width:220px;
    float:left;
}

#contentHome {
    width:960px;
    float:right;
}
/******* image rotation buttons *******/
a:hover {text-decoration:none;}
a .arrow_gallery_right {position:relative;top:180px;width:11px;height:12px;background: #0D0D0D url('../gfx/arrow_headerrotate_right.gif') no-repeat scroll left top;}
a:hover .arrow_gallery_right {background: #0D0D0D url('../gfx/arrow_headerrotate_right.gif') no-repeat scroll left -11px;}
a .arrow_gallery_left {position:relative;top:180px;width:11px;height:12px;background: #0D0D0D url('../gfx/arrow_headerrotate_left.gif') no-repeat scroll left top;}
a:hover .arrow_gallery_left {background: #0D0D0D url('../gfx/arrow_headerrotate_left.gif') no-repeat scroll left -11px;}
/******* Home page image rotation *******/
#contentHome #headerrotate {
    margin: 10px;
    border:1px solid #5A5A5A;
    padding:3px;
    text-align:center;
}
#contentHome #headerrotate .leftNav {
    height:320px;
    margin:10px;
    float:left;
}
#contentHome #headerrotate .leftNav img{
    margin-top:180px;
}
#contentHome #headerrotate #CenterImage {
    display:block;
    position:relative;
    height:360px;
    width:820px;
    overflow:hidden;
margin:0 auto;
border:1px solid #0D0D0D;
}

#contentHome #headerrotate .rightNav {
    height:320px;
    margin:10px;
    float:right;
}
#contentHome #headerrotate .rightNav img{
    margin-top:180px;
}

#contentHome #headerrotate #slideHolder {
    display:block;
    position:relative;
    height:360px;
    width:10000px;
}

#contentHome #headerrotate .imageItemSmall {
    width:860px;
    float:left;
}

.ImageInfo {
    background: transparent url('../gfx/ScrollerInfoBG.png') repeat-x scroll top left;
    min-height:220px;
    width:250px;
    float:right;
    margin-top:-150px;
    margin-right:80px;
    z-index:200;
}

/******* Common image rotation *******/
#content #headerrotate a {
    text-decoration: none;
}

#content #headerrotate {
    margin: 5px 10px;
    border:1px solid #5A5A5A;
    padding:3px;
    text-align:center;
    width:690px;
}

#content #headerrotate .leftNav {
    height:320px;
    margin:10px;
    float:left;
}
#content #headerrotate .leftNav img{
    margin-top:180px;
}
#content #headerrotate #CenterImage {
    display:block;
    position:relative;
    height:360px;
    width:580px;
    overflow:hidden;
	margin:0 auto;
	border: 1px solid #0D0D0D;
}

#content #headerrotate .rightNav {
    height:320px;
    margin:10px;
    float:right;
}

#content #headerrotate .rightNav img{
    margin-top:180px;
}

#content #headerrotate #slideHolder {
    display:block;
    position:relative;
    height:360px;
    width:6000px;
}

#content #headerrotate .imageItemSmall {
    width:582px;
    float:left;
}

/******* other *******/

#content {
    width:730px;
    float:right;
}
/******* Footer *******/
#footer {
    /*background: #0D0D0D url(../gfx/bg_footer.jpg) repeat-y scroll top center;*/
    background-color:#0D0D0D;
    height:350px;
    margin:20px 0 0 0;
	border-top:1px solid #666666;
}
.footerColHolder {
    margin: 0 auto;
    width:990px;
    color:#CCCCCC;
}
.footerCol {
    font-size:75%;
    width:210px;
	border-top:1px solid #666666;
    padding:10px 10px 0 10px;
    margin:-1px 8px 0px 8px;
    min-height:350px;
    background: transparent url('../gfx/footerline.png') repeat-x scroll top center;
    float:left;
}
.footerCol h2 {
    font-size:16px;
    color:#DFDFDF;
    text-transform: uppercase;
	padding:0 0 3px 0;
	margin:3px 3px 6px 0;
    font-family: Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif ;
}
.footerCol strong {
    font-size:110%;
    text-transform: uppercase;
    font-family: Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
}
.centerMe{text-align:center;}
.footerCol a {
    font-size:110%;
    color:#CCCCCC;
}
.footerCol a:hover {
    color:#FFFFFF;
}

.searchInput {
    border:0;
    width:174px;
    height:38px;
    background: transparent url('../gfx/searchBoxInput.jpg') no-repeat scroll top left;
    font-size:20px;
    line-height:2em;
    padding:5px;
}
.searchButton {
    border:0;
    position:relative;
    margin-left:-11px;
    background: transparent url('../gfx/searchBoxSubmit.jpg') no-repeat scroll top left;
    width:24px;
    height:38px;
}
input.searchButton:hover {
    background: transparent url('../gfx/searchBoxSubmit.jpg') no-repeat scroll left -38px ;
}

/******* Other *******/
.clear {
    clear:both;
}
#header {
    height:100px;
    border-bottom: 0px solid #5A5A5A;
    margin-bottom: 20px;
    font: 110% Verdana, sans-serif;
}
div.headerCenter {
	width:960px;
	margin: 0 auto;
}
.header_nav {
	text-align:right;
    width:300px;
    height:35px;
    margin: 15px;
    font:110% Verdana, sans-serif;
}
.header_nav img {
    position: relative;
    top:3px;
}

.header_logo {float:left;}
#right, .right {float:right;}
#left, .left {float:left;}

/******* common three column blocks *******/
#content a {
    text-decoration: underline;
}

#content .threeColBlack {
    font-size:75%;
    width:210px;
    padding:5px;
    margin:10px;
    min-height:210px;
    background: transparent url('../gfx/bg_black_box.gif') repeat-x scroll top center;
    float:left;
}
#content a:hover .threeColBlack {
    background: transparent url('../gfx/bg_black_box_on.gif') repeat-x scroll top center;
}

#content .threeColBlack p {
    font-size:12px;
	margin:0 0 5px 0;
}
#content .threeColBlack h2 {
	text-transform: uppercase;
    line-height:30px;
	font:16px Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
	color:#999999;
}
#content a:hover .threeColBlack h2 {color:#FFF;}

#content .threeColBlack img {
    margin:5px;
    border:1px solid #5A5A5A;
    padding:3px;
}

#content a:hover .threeColBlack img {
    margin:5px;
    border:1px solid #FFFFFF;
    padding:3px;
}

#content a .threeColBlack .linkArrow {
    border:none;
    float:right;
    width:25px;
    height:15px;
    background: transparent url('../gfx/arrows.gif') no-repeat scroll top left;
}

#content a:hover .threeColBlack .linkArrow {
    background: transparent url('../gfx/arrows.gif') no-repeat scroll left -15px;
}
/******* Gallery three column blocks *******/
#content .threeColGallery {
    font-size:75%;
    width:210px;
    padding:5px;
    margin:5px;
    min-height:210px;
    background: transparent url('../gfx/bg_black_box.gif') repeat-x scroll top center;
    float:left;
}
#content a:hover .threeColGallery {
    background: transparent url('../gfx/bg_black_box_on.gif') repeat-x scroll top center;
}

#content .threeColGallery p {
    font-size:12px;
	margin:5px 0;
}
#content .threeColGallery h2 {
	text-transform: uppercase;
    line-height:30px;
	font:16px Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
	color:#999999;
}
#content a:hover .threeColGallery h2 {color:#FFF;}

#content .threeColGallery img {
    margin:5px;
    border:1px solid #5A5A5A;
    padding:3px;
}

#content a:hover .threeColGallery img {
    margin:5px;
    border:1px solid #FFFFFF;
    padding:3px;
}

#content a .threeColGallery .linkArrow {
    border:none;
    float:right;
    width:25px;
    height:15px;
    background: transparent url('../gfx/arrows.gif') no-repeat scroll top left;
}

#content a:hover .threeColGallery .linkArrow {
    background: transparent url('../gfx/arrows.gif') no-repeat scroll left -15px;
}
/******* common two column blocks *******/
#content .twoColBlack {
    font-size:75%;
    width:330px;
    padding:5px;
    margin:10px;
    min-height:210px;
    background: transparent url('../gfx/bg_black_box.gif') repeat-x scroll top center;
    float:left;
}
#content a:hover .twoColBlack {
    background: transparent url('../gfx/bg_black_box_on.gif') repeat-x scroll top center;
}

#content .twoColBlack p {
    font-size:12px;
margin:5px 0;
}
#content .twoColBlack h2 {
	text-transform: uppercase;
    line-height:30px;
	font:16px Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
	color:#999999;
}
#content a:hover .twoColBlack h2 {color:#FFF;}

#content .twoColBlack img {
    margin:5px;
    border:1px solid #5A5A5A;
    padding:3px;
}

#content a:hover .twoColBlack img {
    margin:5px;
    border:1px solid #FFFFFF;
    padding:3px;
}

#content a .twoColBlack .linkArrow {
    border:none;
    float:right;
    width:25px;
    height:15px;
    background: transparent url('../gfx/arrows.gif') no-repeat scroll top left;
}

#content a:hover .twoColBlack .linkArrow {
    background: transparent url('../gfx/arrows.gif') no-repeat scroll left -15px;
}
/******* Navigation Blocks *******/
#left_nav .TwoRowBlack {
    font-size:75%;
    width:208px;
    padding:5px;
    margin:10px 0;
    min-height:210px;
    background: transparent url('../gfx/bg_black_box.gif') repeat-x scroll top center;
    float:left;
}
#left_nav a:hover .TwoRowBlack {
    background: transparent url('../gfx/bg_black_box_on.gif') repeat-x scroll top center;
}

#left_nav .TwoRowBlack p {
    font-size:75%;
}
#left_nav .TwoRowBlack h2 {
	text-transform: uppercase;
    line-height:30px;
	font:16px Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
	color:#999999;
}
#left_nav a:hover .TwoRowBlack h2 {color:#FFF;}
#left_nav .TwoRowBlack img {
    margin:5px;
    border:1px solid #5A5A5A;
    padding:3px;
}

#left_nav a:hover .TwoRowBlack img {
    margin:5px;
    border:1px solid #FFFFFF;
    padding:3px;
}

#left_nav a .TwoRowBlack .linkArrow {
    border:none;
    float:right;
    width:25px;
    height:15px;
    background: transparent url('../gfx/arrows.gif') no-repeat scroll top left;
}

#left_nav a:hover .TwoRowBlack .linkArrow {
    background: transparent url('../gfx/arrows.gif') no-repeat scroll left -15px;
}
/******* Home page Three Col blocks *******/
#contentHome .threeColBlack {
    font-size:75%;
    width:280px;
    padding:10px;
    margin:10px;
    min-height:210px;
    background: transparent url('../gfx/bg_black_box.gif') repeat-x scroll top center;
    float:left;
}
#contentHome a:hover .threeColBlack {
    background: transparent url('../gfx/bg_black_box_on.gif') repeat-x scroll top center;
}

#contentHome .threeColBlack p {
	margin:0 0 5px 0;
    font-size:12px;
}
#contentHome .threeColBlack h2 {
	text-transform: uppercase;
    line-height:30px;
	font:16px Verdana, 'Century Gothic', 'Apple Gothic', Sans-serif;
	color:#999999;
}
#contentHome a:hover .threeColBlack h2 {color:#FFF;}

#contentHome .threeColBlack img {
    margin:5px;
    border:1px solid #5A5A5A;
    padding:3px;
}

#contentHome a:hover .threeColBlack img {
    margin:5px;
    border:1px solid #FFFFFF;
    padding:3px;
}

#contentHome a .threeColBlack .linkArrow {
    border:none;
    float:right;
    width:25px;
    height:15px;
    background: transparent url('../gfx/arrows.gif') no-repeat scroll top left;
}

#contentHome a:hover .threeColBlack .linkArrow {
    background: transparent url('../gfx/arrows.gif') no-repeat scroll left -15px;
}
/******* general *******/
#bodyCopy {
	color:#dfdfdf;
	padding:10px;
}
#bodyCopy h3 {
    font-size:90%;
    color: #FFFFFF;
}
#bodyCopy p {
    font-size:75%;
}
#bodyCopy ul li {
    margin-left:25px;
    font-size:75%;
}
/******* Menu *******/
div#menu a {
    text-transform: uppercase;
    color:#545454;
    text-align: center;
}
div#menu li {
    list-style: none;
	display:block;

}

ul#top_level li {
    border: 1px solid #545454;
    margin: 5px 0;
font-size:11pt;
text-align: center;

}
ul#top_level li.active a {
    color:#FFFFFF;
}
ul#top_level li a {
    color:#545454;
    padding:13px;
    text-align: center;
display:block;
text-decoration: none;
}
ul#top_level li a:hover {
    color:#FFFFFF;
}
ul#top_level li.active ul li a {
	text-decoration: none;
	color:#545454;
}
ul#top_level li.active ul li a:hover {
	color:#FFFFFF;
}
ul#top_level li.active ul li.selected a {
	color:#FFFFFF;
}
ul#top_level li ul li {
	font-size:8pt;
	border: 0;
	display:block;
	width:101%;
	margin-left:-1px;
    border-top: 1px solid #2f2f2f;
text-decoration: none;
}
ul#top_level li.dark {background-color:gray;}
ul#top_level li.dark a {
	color:#FFFFFF;
}
ul#top_level li.dark a:hover {
	color:#545454;
}


#content #tabContainer{position:relative;width:720px;}
#content #tabMenu{position:relative;height:55px;}
#content #tabContent{position:relative;width:720px;min-height:100px; font:12px Verdana, Arial, Helvetica, sans-serif;line-height:18px;color:#dfdfdf;overflow:auto;}
#content #tabContent .content{display:none;}
#content #tabContent .active{padding:5px 10px;display:block;}

#content .menu{
	margin:0 auto;
	padding:0;
	height:110px;
	width:100%;
	display:block;
}
#content .menu li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}
#content .menu li a{
	float:left;
	padding-left:5px;
	display:block;
	color:rgb(82,82,82);
	text-decoration:none;
	text-transform: uppercase;
	cursor:pointer;
}
#content .menu li a span{
	line-height:30px;
	width:161px;
	float:left;
	display:block;
	padding:5px;
	background:url('../gfx/btn-ac-menu.gif') left top no-repeat;
	height:45px;
	text-align:center;
}
#content .menu li a:hover span{
	background-position:0px -55px;
}
#content .menu li a.active,
.menu li a.active:hover {
	line-height:30px;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:rgb(255,255,255);
}
#content .menu li a.active span,
.menu li a.active:hover span{
	background:url('../gfx/btn-ac-menu.gif') 0px -55px no-repeat;
}
/********************************************************/

#content .contact {
	color: #dfdfdf;
    background-color: #0D0D0D;
    font-family: Verdana;
font-size: 11pt;
}
#content .contact img.header {
	border:1px solid #5A5A5A; margin:5px; padding:3px; text-align:center; width:700px;
}
#content .contact input, #content .contact textarea, #content .contact select {
	width:300px;
	color: #dfdfdf;
	background-color:#5A5A5A;
	border:1px solid #2f2f2f;
	margin:5px;
}
#content .contact input[type='checkbox'] {
	width:10px;
	color: #dfdfdf;
	background-color:#5A5A5A;
	border:1px solid #2f2f2f;
	margin:5px;
}
a .btn_submit {
	width:219px;
	height:61px;
	display:block;
	margin:5px;
	background: #0D0D0D url('../gfx/btn_submit.png') no-repeat scroll left top;

}
a:hover .btn_submit {
	background: #0D0D0D url('../gfx/btn_submit.png') no-repeat scroll left -61px;
}

/*************************** Image Gallery **************************************/
#content div.imageList {
	width:750px;
	margin:5px;
}

#content div.imageList div.imageListImage {
	margin:5px 10px 10px 5px ;
    border:1px solid #5A5A5A;
    padding:6px;
	float:left;
}

/*************************** Video Gallery **************************************/

#content .video {
	padding:5px;
}
#content .video h3 {
	color:#999999;
	padding:3px;
	margin:10px;
}
#content .video ul {list-style:none;margin-left:20px;}
#content .video ul li {}

#content .video .video_left {
	float:left;
	width:470px;
	padding:5px;
	background: transparent url('../gfx/bg_black_box.gif') repeat-x scroll top left;
}
#content .video .video_left p {
	padding:5px;
}
#content .video .video_left h2 {color:#999999;padding:5px;margin:5px;}
#content .video .video_right {
	padding:3px;
	float:right;
	width:230px;
	background: transparent url('../gfx/bg_black_box.gif') repeat-x scroll top left;
}
#content .video .video_right img {
	margin:5px;
    border:1px solid #5A5A5A;
    padding:5px;
}
#content .video .video_right h2 {color:#999999;padding:3px;margin:5px;}

#content .video .tcloud {
	background-color:#5A5A5A;
	width:680px;
	margin:10px;
	padding:20px;
}

/******* enquire now three column button *******/
#content a.btn_enquire_now .threeColBlack {
    font-size:75%;
    width:220px;
    height:118px;
	min-height:118px;
	padding:0;
    margin:5;
    background: #0D0D0D url('../gfx/btn_enquire_now.gif') no-repeat scroll left top;
    float:left;
}
#content a.btn_enquire_now:hover .threeColBlack {
    background: #0D0D0D url('../gfx/btn_enquire_now.gif') no-repeat scroll left -118px;
}
#content a.btn_img_enquire_now .threeColBlack {
    font-size:75%;
    width:220px;
    height:224px;
	min-height:224px;
	padding:0;
    margin:5;
    background: #0D0D0D url('../gfx/btn_img_enquire_now.gif') no-repeat scroll left top;
    float:left;
}
#content a.btn_img_enquire_now:hover .threeColBlack {
    background: #0D0D0D url('../gfx/btn_img_enquire_now.gif') no-repeat scroll left -224px;
}
a.link_footer_enquire {
	border:1px solid #5A5A5A;
	padding:3px;
	margin:0 0 0 -3px;
	display:block;
	width:208px;
	height:47px;
}
a.link_footer_enquire .btn_footer_enquire_now {
	width:208px;
	height:47px;
	background: #0D0D0D url('../gfx/btn_enquire_now_footer.gif') no-repeat scroll left top;
	overflow:hidden;
}
a.link_footer_enquire:hover .btn_footer_enquire_now {
	background: #0D0D0D url('../gfx/btn_enquire_now_footer.gif') no-repeat scroll left -47px;
}


a .btn_cadogan {
	margin:1px;
	border:1px solid #5A5A5A;
	width:185px;
	height:30px;
	background: transparent url('../gfx/btn_cape_cadogan.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_cadogan {background: transparent url('../gfx/btn_cape_cadogan.gif') no-repeat scroll center -30px;}
a .btn_quarters {
	margin:1px;
	border:1px solid #5A5A5A;
	width:185px;
	height:30px;
	background: transparent url('../gfx/btn_more_quarters.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_quarters {background: transparent url('../gfx/btn_more_quarters.gif') no-repeat scroll center -30px;}
a .btn_lion_sands {
	margin:1px;
	border:1px solid #5A5A5A;
	width:185px;
	height:30px;
	background: transparent url('../gfx/btn_lion_sands.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_lion_sands {background: transparent url('../gfx/btn_lion_sands.gif') no-repeat scroll center -30px;}


/***************************************/
a .btn_left_cadogan {
	width:185px;
	height:30px;
	background: transparent url('../gfx/btn_cape_cadogan.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_left_cadogan {background: transparent url('../gfx/btn_cape_cadogan.gif') no-repeat scroll center -30px;}
a .btn_left_quarters {
	width:185px;
	height:30px;
	background: transparent url('../gfx/btn_more_quarters.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_left_quarters {background: transparent url('../gfx/btn_more_quarters.gif') no-repeat scroll center -30px;}
a .btn_left_lion_sands {
	width:185px;
	height:30px;
	background: transparent url('../gfx/btn_lion_sands.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_left_lion_sands {background: transparent url('../gfx/btn_lion_sands.gif') no-repeat scroll center -30px;}
/*********************************************/



a .btn_header_home {
	width:68px;
	height:69px;
	background: transparent url('../gfx/buttons_01.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_header_home {background: transparent url('../gfx/buttons_01.gif') no-repeat scroll center -69px;}

a .btn_header_enquire {
	width:67px;
	height:69px;
	background: transparent url('../gfx/buttons_02.gif') no-repeat scroll center top;
	overflow:hidden;
}
a:hover .btn_header_enquire {background: transparent url('../gfx/buttons_02.gif') no-repeat scroll center -69px;}

a .btn_header_contact {
    width:68px;
    height:69px;
    background: transparent url('../gfx/buttons_03.gif') no-repeat scroll center top;
    overflow:hidden;
}
a:hover .btn_header_contact {background: transparent url('../gfx/buttons_03.gif') no-repeat scroll center -69px;}

/**************** Middle Navigation *************************/
#midnav {
	font-size:12px;
	line-height:1.8em;
	margin:5px 0;
	padding:5px 0;
	text-align:center;
}
#midnav a {
	color:#5A5A5A;
}
#midnav a:hover {
	color:#FFFFFF;
}

/**************** Header Images *************************/

#content img.header {
	margin:5px;
	padding:5px;
	border:1px solid #5A5A5A;
}


/**************** Random *******************/

.mini_gallery img {
	margin:9px;
	padding:5px;
	border:1px solid #5A5A5A;
	float:left;
}
.mini_gallery {
	clear:both;
}

.gv_box {
    border: 1px #FFF solid;
    padding: 1px;
    text-align: center;
}

ul#ecologist  {list-style:circle;margin-left:20px;}
ul#ecologist li {}
ul#ecologist li a {text-decoration: none;}


a.link_nightsbridge {
    border:0px solid #5A5A5A;
    padding:3px;
    margin:0 0 0 -3px;
    display:block;
    width:278px;
    height:32px;
    padding-right:16px;
}
a.link_nightsbridge .btn_nightsbridge {
    width:278px;
    height:32px;
    background: #0D0D0D url('../gfx/viewavailability.jpg') no-repeat scroll left top;
    overflow:hidden;
}
a.link_nightsbridge:hover .btn_nightsbridge {
    background: #0D0D0D url('../gfx/viewavailability.jpg') no-repeat scroll left -32px;
}