/* Start of CMSMS style sheet 'Formatting' */
/*
	Quicksilver Homes Formatting Stylesheet
	Created by Matt Reeves 16th July 2007
	for Kariba Creative Media
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#mainmenu_wrapper {
	background:#083a81;
}

#primary-nav {
	font-weight:bold;
}

#strapline, #mainbtm_text, #strapline p {
	color:#FFFFFF;
	font-weight:bold;
}

#date {
	color:#8f8f8f;
	font-weight:bold;
}

#leftpanel .sidepanel_hd h3, #contentbox_hd h3 {
	color:#FFFFFF;
	font-size:1.2em;
}

#content {
	color:#8f8f8f;
	line-height:1.6em;
}

#content a {
	color:#000066;
	text-decoration:none;
	font-weight:bold;
}

#content p {
	padding:0px;
	margin:10px 0px 10px 0px;
}


#content h2 {
	font-size:1.5em;
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#999999;
}

#content h3 {
	font-size:1.3em;
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#8f8f8f;
}

#content h4 {
	font-size:1.1em;
	margin:0px;
	padding:0px;
	color:#8f8f8f;
}

#content h5 {
	font-size:1.1em;
	margin:0px;
	padding:0px;
	color:#8f8f8f;
        font-weight:bold;
}

#footer {
	color:#999999;
	text-align:right;
	font-weight:bold;
}

#footer a {
	color:#999999;
	text-decoration:none;
}
/* End of 'Formatting' */

/* Start of CMSMS style sheet 'Lightbox' */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* End of 'Lightbox' */

/* Start of CMSMS style sheet 'Main' */
/*
	Quicksilver Homes Formatting Stylesheet
	Created by Matt Reeves 16th July 2007
	for Kariba Creative Media
*/

body {
	margin:0;
	padding:0;
        background:#9AAFC2 url(assets/images/bg.jpg) repeat-x;
}

.clearb {
	clear:both;
}

.link {
       cursor:pointer;
}

/* Overall Width */

#wrapper, #footer, #mainmenu_wrapper, #banner_wrapper, #subbanner_wrapper, #mainbtm {
	width:780px;
}

#wrapper {
	background:#FFFFFF url(assets/images/main_bg2.gif) left repeat-y;
}

#wrapper, #footer {
	margin:0px auto 0px auto;
	padding:0;
}

#mainmenu_wrapper, #strapline_wrapper {
	height:21px;
}

#banner_left, #banner_mid, #datebox, #logo, #leftpanel, #content_wrapper {
	float:left;
	overflow:hidden;
}
#banner_left, #banner_right {
        width:195px;
}

#banner_mid {
        width:390px;
        height:109px;
        background:#A9A58A;
}

#banner_right {
	float:right;
	overflow:hidden;
}

#subbanner_wrapper, #datebox, #logo, #logo h1 a, #telephone, #telephone h2 a {
	height:98px;
}

#subbanner_wrapper {
	clear:both;
}

#datebox, #telephone, #leftpanel, #rightpanel {
	width:195px;
	display:block;
}

#date {
	margin:40px 0px 0px 40px;
}

#logo {
	width:390px;
	background:url(assets/images/quicksilver_logo.jpg) no-repeat;
}

#logo h1, #telephone h2 {
	overflow:hidden;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#logo h1 a, #telephone h2 a {
	display:block;
}

#telephone {
	background:url(assets/images/telephone.jpg) no-repeat;
	float:right;
	overflow:hidden;
}

#strapline_wrapper {
	background:#083A81;
	overflow:hidden;
	clear:both;
        height:50px;
}

#strapline {
	margin:16px 0px 0px 40px;
        font-size:1.6em;
}

#content_wrapper {
	width:390px;
	display:inline;
	overflow:hidden;
}

#content, #leftpanel, #rightpanel {
	padding:20px 0px 0px 0px;
	overflow:hidden;
}

#content {
	padding:20px 10px 0px 10px;
}

#leftpanel {
	display:block;
	background:#f5f5f5;
	overflow:hidden;
}

#submenu, #optionsmenu {
	margin:20px 0px 0px 30px;
}

#rightpanel {
	float:right;
	overflow:hidden;
        text-align:center;
}

#rightpanel p {
	padding:0px;
	margin:10px 0px 10px 0px;
}

#rightpanel a {
        text-decoration:none;
        color:#FFFFFF;
}

#rightpanel img {
        border:none;
}

#nearest_text {
       margin-top:20px;
       padding:20px 10px 20px 10px;
       background:#CCCCCC;
       color:#8f8f8f;
       font-weight:bold;
       background:url(assets/images/nearestback.gif) top no-repeat;
}

#nearest_text .nearest_content {
       color:#FFFFFF;
}

#mainbtm {
	clear:both;
	height:72px;
	background:url(assets/images/cityscape.jpg) no-repeat;
	overflow:hidden;
}

#mainbtm_text {
	margin:50px 0px 0px 30px;
}

#footer {
	margin-top:20px;
}

/* Contact Form Styles */

#contact_form textarea {
	overflow:hidden;
}

.form_label {
	width:100px;
	float:left;
	display:block;
}
#contact_form .form_value input, #contact_form .form_value textarea {
	width:300px;
}

.form_line, .form_centre {
	margin:5px 0px 5px 0px;
}
.contact_form_input {
	border:0.05em inset;
}
.contact_form_btn {
	background:#FFFFFF;
	padding:0px 20px 0px 20px;
	font-weight:bold;
	width:auto;
	margin:10px 0px 0px 0px;
}

.form_centre {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* Overlay Loader Css Styles */

#horizon {
	color: white;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#loadercontent {
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin-left: -125px;
	position: absolute;
	top: -35px;
	left: 50%;
	width: 250px;
	height: 70px;
	visibility: visible
}

/* End of 'Main' */

/* Start of CMSMS style sheet 'Menu' */
/*
	Quicksilver Homes Formatting Stylesheet
	Created by Matt Reeves 16th July 2007
	for Kariba Creative Media
*/

#menu_wrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
}

#primary-nav li li { 
   width: 200px; 
}
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}

#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
   overflow: hidden;
}

#primary-nav li { 
   margin-left: -1px;
   float: left; 
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 3px 12px 4px 12px; 
   text-decoration: none; 
}

#primary-nav li a { 
   border-right: none;
   border-left: none;
}

#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}	

#primary-nav li, #primary-nav li.menuparent { 
  /* background-color: #FFFFFF; */
}

/*#primary-nav li.menuactive { 
   background-color: #FFFFFF; 
}*/

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
   background-color: #CC3333; 
}

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
   display: none; 
}

#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,  #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
   display: block; 
}

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}

#primary-nav li li a { 
   height: 1%; 
}

/* Colours & Styles */

#primary-nav li a {
	color:#FFFFFF;
}
#primary-nav li a:hover {
	color:#FFFFFF;
}
#primary-nav li.menuparent ul, #primary-nav li.menuparenth ul {
   background-color: #083A81; 
   text-align:left;
}
#primary-nav li.menuparent ul li a, #primary-nav li.menuparenth ul li a {
	color:#FFFFFF;
}
#primary-nav li.menuparent ul li a:hover, #primary-nav li.menuparenth ul li a:hover {
	color:#FFFFFF;
   	background-color: #CC3333; 
}

#primary-nav .nolink {
	cursor:default;
}

/* Secondary Nav Styles */

#secondary-nav, #tertiary-nav {
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}

#secondary-nav li {
	margin:10px 20px 10px 0px;
        border-bottom:#939393 0.05em solid;
}

#secondary-nav li a {
	color:#939393;
	font-weight:bold;
	text-decoration:none;
	padding:0px 20px 0px 0px;
}

#secondary-nav li a:hover {
	background:url(../images/smallq.gif) right no-repeat;
}

#tertiary-nav li {
	margin:5px 0px 5px 0px;
}

#tertiary-nav li a {
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}

/* End of 'Menu' */