/**
Client:			1VS
Date:			Feb 2009
Created by:		Gencon
**/


/* --------------------------------------------------------------------
--------------------------  RESET CODES  ------------------------------
-----------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* --------------------------------------------------------------------
------------------------  CLEAR AND FLOATS  ----------------------------
-----------------------------------------------------------------------*/

.clear {
	clear:both;
	margin:0;
	line-height:1%;
	padding:0;
	font-size:0.1em;
	display:block;
	height:1%;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */
* html body { /* make ie5.5 behave itself and center the layout */
	text-align:center;
}
* html body * { /* fix the ie5+ italics float bug */
	overflow:visible;
}
* html #head, * html #prime, * html #container, * html #foot { /* for ie5.5 / 6.0 - realign the text */
	text-align:left;
}
html { /* This forces a vertical scroll bar regardless of page height, simply to combat the irritating page shift. */
	height: 100%; 
	margin-bottom: 1px;
}

/* --------------------------------------------------------------------
----------------------------   STRUCTURE  ----------------------------
-----------------------------------------------------------------------*/
 
body {
	margin:0px auto;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	font-size:100%;
	line-height:1.125em;
	position:relative;
	background:#ffffff url(../images/bg_blue_body.gif) repeat-x top left;
}
#container {
	margin:0 auto;
	padding:0;
	width:988px;
	/*width:990px;*/
	position:relative;
	background:url(../images/bg_container.jpg) no-repeat top left;
	border: 0px solid #ff0000;
}

#content_bg {
	margin:0;
	padding:20px 0 0 0;
	width:988px;
	clear:both;
	background:url(../images/bg_content.png) top left no-repeat;
}

* html #content_bg {/*jpg image for IE6*/
	margin:0;
	padding:20px 0 0 0;
	width:988px;
	clear:both;
	background:url(../images/bg_content.jpg) top left no-repeat;
}
/** html #content_bg {IE6 png fix for background image*/
/*	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_content.png",sizingMethod="crop");
	right:0;
}*/
#content_lines {
	margin:0px 0 0 15px;
	padding:0;
	background:url(../images/bg_content_vlines.gif) top left repeat-y;
}
#content {
	margin:0px 0 0 15px;
	padding:0;
}
#content_col1 {
	margin:0px 0 0 15px;
	padding:0px 10px 0px 15px;
	width:570px;
	float:left;
}
#content_col2 {
	margin:0px 20px 0 0;
	padding:0px 15px 15px 10px;
	width:300px;
	float:right;
	display:inline;
}
#content_col2.text {
	width:280px;
	border: 0px solid #dad7d7;
}
#content_col2.image {
	width:280px;
	border: 1px solid #dad7d7;
}

#footer {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:#ffffff url(../images/bg_orange.png) repeat-x top left;	
	clear:both;
}

/* --------------------------------------------------------------------
-----------------------   PRIMARY NAVIGATION  -----------------------
-----------------------------------------------------------------------*/

#prime_navigation {
	margin:15px 30px 0px 0px;
	padding:0px;
	float:right;
	display:inline; /*Eliminates IE double margin feature*/
	width:305px;
}
* html #prime_navigation {
	margin:18px 30px 0px 0px;
}
#prime_navigation ul {
	margin:0px;
	padding:0px;	
}
#prime_navigation ul li {	
	margin:0px;
	padding:7px 0px 7px 0px;
	/*height:50px;
	width:305px;*/
	line-height: 1em;
	background-color:#204276;
	border-top : 1px dashed #597196;
}
* html #prime_navigation ul li {	
	padding:7px 0px 6px 0px;

}
#prime_navigation ul li.activelink {
background-color:#bed600;
}
#prime_navigation ul li a {
	margin:0px;
/*	padding:0px 0px 0px 0px;*/
	padding:0px 0px 0px 20px;
	font-size: 0.8em;
	font-weight:600;
	color:#ffffff;
	display:block;
}
#prime_navigation ul li.metaEdit {
	position:absolute;
	top:0px;
	left:0px;
}
#prime_navigation ul li.metaEdit a {
	text-transform:none;
	font-family:verdana;
	background:#fff;
	font-size:0.6em;
	color:#bb141a;
}

/* --------------------------------------------------------------------
-----------------------   SECONDARY NAVIGATION  -----------------------
-----------------------------------------------------------------------*/


#content_col2 #secondary_navigation ul {
	margin:10px 0px 0px 0px;
	padding:0px;	
	list-style:none;
}
#content_col2 #secondary_navigation ul li {	
	border-top:1px dashed #597196;
	padding:0;
	margin:0;
	line-height:normal;
	list-style:none;
	font-size:1em;
}
* html #content_col2 #secondary_navigation ul li {
	height:0;
}
#content_col2 #secondary_navigation ul li a.activelink {
	background-color:#bed600;
}
#content_col2 #secondary_navigation a.activelink {
	color:#ffffff;
}
#content_col2 #secondary_navigation ul li a {
	padding:7px 0px 7px 20px;
	font-size: 0.8em;
	font-weight:bold;
	color:#898989;
	display:block;
}


/* --------------------------------------------------------------------
------------------------------   FOOTER  ------------------------------
-----------------------------------------------------------------------*/

#footer_container_bg {/*Holder for the full width graphic*/
	margin:10px 0px 0px 0px;
	padding:0;
	height:46px;
	width:100%;
	background:url(../images/bg_footer.gif) repeat-x;
}
#footer_body {/*Holder for the headings for the navigation columns*/
	margin:0 auto;
	padding:15px 0 0 0;
	width:988px;
	/*width:auto;*/
}
#footer_body ul{
	margin:0px 0px 0px 15px;
	padding:0;
/*	width:600px;*/
}
#footer_body ul li {
	padding:0px 15px 0px 15px;
	margin:0;	
	font-size:0.8em;
	/*line-height:1em;*/
	float:left;	
	color:#ffffff;
}
#footer_body ul li a {
	padding:0 0px 0 0;
	/*display:inline;*/
	text-decoration:none;
	color:#ffffff;
}
#footer_body ul li a:hover {
	text-decoration:underline;
}
p.copyright {
	margin:0;
	padding:5px 0 5px 0;
}

/* --------------------------------------------------------------------
------------------------------   GENERIC STYLES  ------------------------------
-----------------------------------------------------------------------*/

h1 {
	padding:0px 0 15px 0;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:1.5em;
	color:#00245d;
	font-weight:normal;
	line-height:normal;
}
h2 {
	margin:5px 0 0px 0;
	padding:0px 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#00245d;
	font-weight:normal;
	line-height:normal;
}
.cta h2 {
	margin:0px 0 15px 0;
	padding:0 0 0px 0;
	font-family:Georgia, Times New Roman, Times, serif;	
	font-size:1.5em;
	color:#00245d;
	font-weight:normal;
	line-height:normal;
}
h3 {
	margin:0px 0 5px 0;
	padding:0 0 0px 0;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:1em;
	color:#00245d;
	font-weight:normal;
	line-height:normal;
}
#content_col2 h3 {
	margin:5px 0 0px 0;
	padding:0px 0 15px 0;
}
address {
	padding:0em 0 1.2em 0;
	line-height:1.4em;
	font-size:0.8em;
	font-weight:500;
}
p {
	margin:0px 0 10px 0;
	padding:0 0 0px 0;
	font-size:0.8em;
	font-weight:500;
}
p.first {
	padding:0em 0 0.75em 0;
	font-size:1.05em;
}
a {
	color:#f0482d;
	text-decoration:none;
}
a:hover {
	color:#f0482d;
	text-decoration:underline;
}
#content_col1 ul li, #content_col2 ul li {
	margin:0 0 0 20px;
	list-style:disc;
	font-size:0.8em;
}
#content_col1 ol, #content_col2 ol {
	list-style: decimal;
	margin:0 0 0 20px;
	font-size:0.8em;
}

/* ---------------------------   Notes  ---------------------------*/

.note_info {
	background-color: #f0f9ff;
	border: 1px solid #cacbcc;
	padding:0.2em;
	clear:both;
	text-align:center;
	width:18em;
	margin-left:210px;
}
.note_warning {
	background-color: #ffdbe0;
	border: 1px solid #cacbcc;
	color: red;
	font-weight: bold;
	padding: 4px;
	text-align:center;
}

/* --------------------------------------------------------------------
------------------------------   CAPTION IMAGES  ------------------------------
-----------------------------------------------------------------------*/
.image_group {/*Holder for upto 4 images*/
	clear:both;
}
#content_col2 .caption_image {
	float:none;
	margin:0 0 0 0;
}
.caption_image.left {
	padding:1px 1px 1px 1px;
	margin:0 10px 10px 0;
	float:left;
}
.caption_image.right {
	margin:0 0 0 15px;
	float:right;
}
.caption_image.medium {
	width:150px;
}
#content_col2 .caption_image.medium {
	width:270px;
}
.caption_image.small {
	width:100px;
}
.caption_image.large {
	width:250px;
}

#content_col2 .caption_image.left, #content_col2 .caption_image.right {
	float:none;
	margin:0;
}
.caption_image p {
	padding:4px;
	margin:0 0 0px 0;
	font-size:0.7em;
	color:#173a71;
	text-align: left;
	background:#ffffe5;
	font-style:italic;
	line-height:normal;
}

/* --------------------------------------------------------------------
--------   STYLES AND STRUCTURE FOR SPECIFIC AREAS / SECTIONS  ---------
-----------------------------------------------------------------------*/

/* ---------------------------   Home page  ---------------------------*/


/* -------------------------   CTA Items  -------------------------*/

.cta {
	margin:0;
	padding:0px 15px 15px 15px;
	width:289px;
	float:left;
	border-right: 0px dashed #dce0df;
}
.cta.three {
	border-right: 0px dashed #dce0df;
}
.link_holder {
	margin:0;
	padding:0;
	height:30px;
	/*background:transparent url(../images/arrow_grey.gif) no-repeat scroll 100px 15px;*/
}
a.arrow_link {
	margin:15px 0px 0px 0px;
	padding:5px 35px 5px 0;
	color:#f0482d;
	display:block;
	text-decoration:none;
	background:transparent url(/images/arrow_grey.gif) no-repeat center right;
	font-size:0.8em;
	display:inline;
}
a.arrow_link:hover {
	text-decoration:underline;
}
#cta_footer_holder {
	margin:0;
	padding:0px 0 0px 0;
	clear:both;
}
.cta_footer {
	margin:0;
	padding:0px 14px 0px 14px;
	width:289px;
	float:left;
	border-right: 0px dashed #dce0df;
}
.cta_footer.three {
	border-right: 0px dashed #dce0df;
	padding-left:17px;
}

.ctabox {
	width:125px;
	height:146px;
	overflow:hidden;
	float:left;
	margin:6px 6px 0 0;
	position:relative;
}

.ctabox a.admintext, .spotlight p.admintext a, .ctaboxcol p.admintext a {
	position:absolute;
	bottom:0;
	right:0;
}

.ctabox a.admintext.left {
	right:16px;
}

.ctabox h2 {
	position:absolute;
	bottom:0;
	left:0;
	color:#898989;
	background:#fff;
	font-weight:normal;
	font-size:0.7em;
	display:block;
	width:125px;
	min-height:50px;	
	height:auto !important;
	height:50px;		
}

.ctabox.end {
	margin-right:0px;
}
/* Site Credits */


/** FORMS **/

/* --------------------------------------------------------------------
---------------------------  CONTACT FORM  ----------------------------
-----------------------------------------------------------------------*/

#contactForm { /*Form container*/
	margin: 25px 0 0px 0;
	width: 462px;
}
#contactForm fieldset { /*Formatting for the entire form area*/
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

/* ----------------------------  Name / Email / Contact Number Areas  ---------------------------- */

input#organisation,input#name, input#email, input#number, textarea#enquiry {
	border:1px solid #cccccc;
}
.form_input { /*Container for each Label + Input area pair*/
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 462px;
}
.form_label { /*Label container div*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}
#contact_form label { /*Formatting for the label*/
	display: inline;
	font-size: 0.7em;
	color:#464646;
	font-weight:600;
}
.input { /*Text input container div - One per label*/
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contact_form input { /*Formatting for the text input area for each label*/
	margin:0;
	display:inline;
	font-size: 0.8em;
	width: 295px;
}
#contact_form input#form_submit { 
	width:70px;
}
/* ----------------------------  Comments / Enquiry area  ---------------------------- */

.form_textarea {  /*Container for the free text Label + Comments & query area pair*/
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 462px;
}
.form_text { /*Container for the free text Comments & query area*/
	margin:  0px 25px 0px 0px;;
	padding: 0px 0px 0px 0px;
}
#contact_form textarea { /*Formatting for the free text Comments & query area*/
	width: 295px;
}

/* ----------------------------  Submit button  ---------------------------- */

#form_submit { /*Container for the submit button and associated graphic*/
	margin: 0px 23px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#form_submit input {
	width: 70px;
}

/* --------------------------------------------------------------------
---------------------------  BOOKING FORM  ----------------------------
-----------------------------------------------------------------------*/

#booking_form { /*Form container*/
	margin: 0px 0 0px 0;
	width: 575px;
}
#booking_form fieldset { /*Formatting for the entire form area*/
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}
#booking_form_left {
	float:left;
}
#booking_form_right {
	float:right;
}

/* ----------------------------  Name / Email / Contact Number Areas  ---------------------------- */

#booking_form .form_input { /*Container for each Label + Input area pair*/
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 260px;
}
#booking_form .form_label { /*Label container div*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 245px;
}
#booking_form label { /*Formatting for the label*/
	display: inline;
	font-size: 0.7em;
	color:#464646;
	font-weight:600;
}
#booking_form .input{ /*Text input container div - One per label*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*width: 295px;*/ 
}
#booking_form input, #booking_form select { /*Formatting for the text input area for each lable*/
	margin:0;
	display:inline;
	font-size: 0.8em;
	width: 250px;
	border:1px solid #ccc;
	font-size:12px;
}
#form_submit input {
	border:none;
}


/* ----------------------------  Submit button  ---------------------------- */

#form_submit.booking { /*Container for the submit button and associated graphic*/
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 70px;
	display:inline;
	clear:both;
}
#booking_form #form_submit input {
	width: 70px;
}


/* --------------------------------------------------------------------
-------------------------------  ADMIN  -------------------------------
-----------------------------------------------------------------------*/
.admin_block {
	position:relative;
	z-index:255;
}
.formerror {
	color:red;
	font-size:0.75em;
}
span.formerror {
	display:block;
}
.admintext {
	z-index:89;
}
p.admintext a, a.admintext {
	color:#bb141a;
	padding:8px 0;
	font-size:11px;
	text-decoration:none;
}
.admin_block p.admintext {
	position:absolute;
	top:0;
	right:-20px;
}
p.admintext a:hover {
	color:#bb141a;
	text-decoration:none;
}
#content_col1 a.admintext,#content_col2 a.admintext {
	position:absolute;
	border:none;
	padding:2px 0 0 0;
	background:none;
}
#content_col2 a.admintext:hover {
	background:none;
}
#content_col1 a.admintext.down {
	left:-1px;
}
#content_col1 a.admintext.up {
	left:-16px;
}
#content_col1  a.admintext.add {
	left:156px;
}
#content_col1  a.admintext.edit {
	left:0px;
}
p.clicks {
	background:#8B008B;
	color:#fff;
	padding:2px;
	font-size:0.6em;
	position:absolute;
	right:0;
	bottom:20px;
}
p.sequencetext a {
	background:green;
	color:#fff;
	padding:2px;
	font-size:0.6em;
}
#secondary_navigation a.admintext:hover {
	background:none;
}

#secondary_navigation a.admintext.down {
	right:32px;
}

#secondary_navigation a.admintext.up {
	right:16px;
}

#secondary_navigation  a.admintext.add {
	right:48px;
	display:block;
}

#secondary_navigation  a.admintext.edit {
	right:66px;
}

img.edit-icon {
	vertical-align:center;
}
.admin a {
	color:#cc0000;
	text-decoration:none;
	background:#ddd;
	padding:0.4em;
	border:1px #fff solid;
	line-height: 2em;
	font-weight:bold;
	display: inline;
}
.admin a:hover {
	background:#ccc;
}
.caption_image .admin {
	text-align: left;
	position:absolute;
	font-size:0.8em;
}
.caption_image .admin a {
	margin:0 2px 0 0;
}
table.editor {
	width:100%;
	font-size:0.8em;
}
table.editor th, table.editor td {
	padding:5px;
	vertical-align:top;
}
/** **/

/** LIGHT BOX **/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/** **/