/**
Client:				PrinSipa
Date:					Feb 2009
Created by:		Gencon
**/

/** RESET CODE **/

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:0%;
	padding:0;
	font-size:0em;
	display:block;
	height:0%;
}

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

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
* html img {
	behavior:url(/png.htc);
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

.right {
	float:right;
}

.left {
	float:left;
}

/** **/

/* --------------------------------------------------------------------
----------------------------   STRUCTURE  ----------------------------
-----------------------------------------------------------------------*/
html {
	height: 100%;
	margin-bottom: 1px;
} /* This forces a vertical scroll bar regardless of page height, simply to combat the irritating page shift. */
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #58585a;
	background:#2f3030 url(/images/background.png) repeat-x top left;
	background-attachment:fixed;
	font-size:100%;
}
* 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 body { /* make ie5.5 behave itself and center the layout */
	text-align:center;
}
* html #head, * html .prime, * html #container, * html #footer { /* for ie5.5 / 6.0 - realign the text */
	text-align:left;
}
#head, #footer {
	margin:0 auto;
	width:800px;
	clear:both;
}
#container { /* Container for the whole page */
	margin:0 auto;
	padding:0px 0 0px 0;
	position:relative;
	width: 800px;
}
#head { /* Container for the page head */
	margin: 20px 0 0 10px;
	position:relative;
	z-index:2;
}
#spotlight { /* Container for the Spotlight area */
	padding:0px 0 0px 0;
	border-top: 0px solid #cccccc;
	position:relative;
	z-index:1;
}
#spotlight p.admintext a {
	top:5px;
	left:0;
}
#content_outer { /* Outer container to create light grey border */
	margin: 0px 0 0 0;
	padding: 10px;
	width: 780px;
	background: #eaeaea;
}
#content { /* Container for the page content */
	margin: 0px 0 0 0;
	padding: 15px 9px 20px 9px;
	width:758px;
	border: 1px solid #dbdbdb;
	background:#ffffff;
}

/* --------------------------------------------------------------------
------------------------   CONTENT COLUMN ONE  ------------------------
-----------------------------------------------------------------------*/

#content_col1 {/*Left column - 2 column layout*/
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 0 10px;
	width:462px;
	float: left;
	border-top:0px solid #00245D;
}
#content_col1 ul {
	margin:0px 0 0 0px ;
	padding:0;
}
#content_col1 ul li {
	margin:0 0 0 0px;
	padding:0px 0 0 28px;
	background:transparent url(/images/bullet_blue.gif) no-repeat scroll 0px 10px;
	line-height:2.2em;
	font-size:0.75em;
	font-weight:500;
}

/* --------------------------------------------------------------------
------------------------   CONTENT COLUMN TWO  ------------------------
-----------------------------------------------------------------------*/

#content_col2 {
	margin: 15px 10px 0px 0px;
	padding: 0px 0px 0 0;
	width:240px;
	float:right;
	border-top:0px solid #00245D;
}
#content_col2.imageonly {
	margin: 40px 5px 0px 0px;
	padding: 0px 0px 0 0;
	width:245px;
	float:right;
	border-top:0px solid #00245D;
}
#col2_heading {
	margin: 0px 0 0px 0;
	padding: 10px 0 0 0;
	width:250px;
	border-top: 0px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}
.heading_holder {
	margin: 0 0 0px 0;
	padding: 0px 0 0 0;
	float: left;
}
.heading_holder.last {
	margin: 0;
	padding: 0;
	border-top: 0px dotted #cccccc;
	border-bottom: 0px dotted #cccccc;
}
.col2_imageblock {
	margin:10px 0 0px 0;;
	padding:0px 0 0 0;
	width:245px;
	float:right;
}
.content_block {
	margin:15px 0 0px 0;;
	padding:0px 0 0 0;
}

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

#footer {
	margin: 25px 0 0 0;
	padding: 0px 0 0 0;
	width: 800px;	
/*	min-height:180px;
 height:!important;
	height:180px;*/
	position:relative;
}
#footer_copyright {
	margin: 30px 0 0 0;
	float:left;
	padding: 0px 0 0 0;;
}
#footer_copyright p {
	padding-left:20px;
}
#footer .login {
	text-align:right;
	float:right;
}
/* --------------------------------------------------------------------
-----------------------------  NAVIGATION  ----------------------------
-----------------------------------------------------------------------*/

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

#prime_navigation {
	margin:18px 0 0;
	height:38px;
	width:798px;
	background:#58585a;
	border: 1px solid #4f4f4f;
	position:relative;
	z-index:1;
}
#prime_navigation ul {
	margin:4px 0 0 10px ;
	padding:0;
	height:34px;
	float:left;
	position:absolute;
	z-index:2;
}
#prime_navigation ul li {
	margin:0 0 0 0px;
	padding:0px 0 0 0px;
	height:35px;
	display: inline;
	float: left;
}
#prime_navigation ul li a {
	padding:12px 28px 0px 23px;
	display:block;
	font-size:0.9em;
	font-weight:600;
	color:#ffffff;
	text-decoration: none;
}
#prime_navigation ul li.activelink {
	background: url(/images/nav_tab.gif) no-repeat bottom right;
}
#prime_navigation ul li.activelink a {
	color: #40c8f4;
}
#prime_navigation ul li.activelink a:hover {
	text-decoration: none;
}
#prime_navigation ul li a:hover {
	color: #40c8f4;
	text-decoration: underline;
}
#prime_navigation ul li.metaEdit {
	position:absolute;
	top:-90px;
	left:-50px;
	float:right;
	font-size:0.6em;
	background:none;
}
#prime_navigation ul li.metaEdit a {
	text-transform:none;
	font-family:verdana;
	font-size:1.1em;
	color:#bb141a;
}

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

#secondary_navigation {
	margin:10px 0 0 0;
	padding:0;
}
#secondary_navigation ul {
	margin:0;
	padding:0;
}
#secondary_navigation ul li {
	margin:0px 0 0px 0;
	padding:10px 0 10px 0;
	font-size:0.75em;
	list-style: none;
	border-bottom:1px dotted #C5C2B4;
}
#secondary_navigation ul li a {
	display:block;
	padding:5px 8px 5px 16px;
	text-decoration:none;
	color: #58585A;
}
#secondary_navigation ul li a:hover {
	background:#E5E6E7 none repeat scroll 0 0;
}
#secondary_navigation ul li a.activelink, .secondary_navigation ul li a.activelink:hover, li.heading {
	background:#EA7624 none repeat scroll 0 0;
	color:#FFFFFF;
}

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

#footer_navigation {
	margin:0;
	padding:15px 0 0 0px;
	height: 40px;
	background:url(/images/secondary_nav_background.png) top left no-repeat;
}
* html #footer_navigation { /*Background png image fix for IE6*/
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/secondary_nav_background.png",sizingMethod="crop");
right:0;
}
#footer_navigation ul {
	/*margin:0 auto;*/
	padding:0 0 0 100px;
	/*list-style:none;*/
}
#footer_navigation ul li {
	margin:0;
	padding:0;	
	float: left;
	position:relative;
	list-style:none;
}
#footer_navigation ul li a {
	padding:5px 20px 5px 20px;
	display:block;
	font-size:0.8em;
	font-weight:600;
	color:#ffffff;	
	text-decoration:none;
}
#footer_navigation ul li a:hover {
	color: #40c8f4;
	text-decoration: underline;
}
#credits_menu{
	margin: 30px 0 0 0;
	padding: 10px 0;
	float:right;
}
.credits_menu ul {
	padding:0;
	margin:0;
}
#credits_menu ul li {
	padding:0;
	margin:0;
	display: inline;
	float: left;
	color:#0000ff;
}
#credits_menu ul li a {
	padding:0px 20px 0px 0px;
	display:block;
	float:left;
	font-size:11px;
	font-weight:600;
	color:#ffffff;
	text-decoration: none;
}
#credits_menu ul li a:hover {
	color: #40c8f4;
	text-decoration: underline;
}

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

h1 {
	margin: 0px 0 15px 0;
	padding: 0 0 5px 0;
	font-size: 1.6em;
	font-weight:500;
	color: #58585a;
	border-bottom: 1px dotted #cccccc;
}
h2 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 0.9em;
	font-weight:600;
	color: #58585a;
}
#content_col2 h2 {
	margin: 0px 0 0px 0;
	padding: 5px 0 5px 0;
	font-size: 1.4em;
	font-weight:600;
	color: #58585a;
	border-bottom: 1px dotted #cccccc;
}
h3 {
	margin: 0px 0 15px 0;
	padding: 0 0 7px 0;
	font-size: 1.3em;
	font-weight:500;
	color: #58585a;
	border-bottom: 1px dotted #cccccc;
}
p {
	margin:0 0 15px 0;
	line-height:1.5em;
	font-size:0.75em;
	font-weight:500;
}
p.first {
	margin:0 0 15px 0;
	line-height:1.5em;
	font-size:0.8em;
	font-weight:600;
}
.content_block p {
	margin-bottom:1.5em;
}
a {
 color: #40c8f4;
 text-decoration: none;
}
#content_col1 p a:hover {
 text-decoration: underline;
}
.col2_block a {
	display:block;
}
.col2_block h3 {
	margin:10px 0 0 0;;
}
a:hover {
	text-decoration:underline;
}
/* --------------------------------------------------------------------
----------------------------  CAPTION IMAGES  ----------------------------
-----------------------------------------------------------------------*/

.caption_image {
	margin:0;
	padding:0;
	/*text-align: left;*/
}
.caption_image_right {
	margin:0 0 0px 15px;
	float:right;
}
.caption_image_left {
	margin:0 13px 13px 0;
}
.caption_image_right p {
	margin:0.2em 0 0.2em 0;
	font-size:0.7em;
	color:#ea7624;
	width:223px;
}
.caption_image.small p {
	width:124px;
}
.caption_image.large p {
	width:250px;
}
#content_col3.caption_image p {
	width:217px;
}

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

/* ----------------------------  NEWS  ---------------------------- */

.news_item_block {/*Container for a news item*/
	padding:15px 0 0 0;
	position:relative;
}
.news_date {
	padding: 0px 0 0 0;
}
.news_title {	
	padding: 0px 0 0 0;
}
#content_col1 .news_date {
	padding: 0px 0 0 0;
	float:left;
	width: 70px;
}
#content_col1 .news_title {	
	padding: 0px 0 0 0;
	float:right;
		width: 360px;
}
#content_col1  .news_item_block {/*Container for a news item*/
	margin: 0px 0 15px 0;
	padding:0px 0 0px 0;
	position:relative;
	border-bottom: 1px dotted #cccccc;
}
.news_date p {
	margin:0;
	font-size: 0.75em;
	font-weight:600;
	color: #ea7624;
}
.news_title p {
	margin:0;
	padding:0;
}
.news_title a {
	color:#58585a;
	text-decoration:none;
}
.news_title a:hover {
	text-decoration:underline;
}

/* --------------------------------------------------------------------
---------------------------  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#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;
	width: 115px;
	float:left;
}
#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;
	float:right;
}
#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;
/*	width:295px;*/
	float:right;
}
#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;
	float:right;
	width: 70px;
}
#form_submit input {
	width: 70px;
}

/* --------------------------------------------------------------------
-------------------------------  ADMIN  -------------------------------
-----------------------------------------------------------------------*/
.admin_block {
	position:relative;
	z-index:255;
}
.formerror {
	color:red;
	font-size:0.6em;
}
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, #content_col3 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:140px;
}
#content_col3 a.admintext.edit {
	bottom:0px;
	right:0px;
}
#content_col3 a.admintext.left {
	bottom:0px;
	right:32px;
}
#content_col3 a.admintext.right {
	bottom:0px;
	right:16px;
}
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;
}
.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;
}