@charset "UTF-8";
/* CSS Document */


html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: auto;
	background: #2B4954;
}


/* Styles for layout
-----------------------------------------------------------------------------*/

body {
	font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f4554;
	line-height: 1.3em;
	/*background: #000000;
	background-image:url('../images/body-bg.gif');
	background-repeat:repeat-x;*/
	
	
  background-color: #2B4954;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#081213), to(#2B4954)); 
  background-image: -webkit-linear-gradient(top, #081213, #2B4954); 
  background-image:    -moz-linear-gradient(top, #081213, #2B4954); 
  background-image:     -ms-linear-gradient(top, #081213, #2B4954); 
  background-image:      -o-linear-gradient(top, #081213, #2B4954); 
  background-image:         linear-gradient(to bottom, #081213, #2B4954);

}

#wrapper {
	width: 1180px; /*was 1030  currently 1150 to test aditional main menu/
	height:  auto; /* was 584px;*/
	/*position: absolute;
	top: 50%;
	left: 50%;
 	margin: -316px 0 0 -415px; */
 	height:auto;
	padding: 0;
	clear: both;
	z-index: 1;
}

.faded {
/*filter: alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity: 0.3;*/	
}




#container {
	width: 844px;
	height: 462px; /* was auto;*/
 	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
}




#header {
	width: 842px;
	height: auto;
	margin: 0;
	padding: 25px 0 20px 0;
	float: left;
	clear: both;
	text-align:center;
}








/* Page Layout
-----------------------------------------------------------------------------*/

#contents_container {
	width: 842px;
	height: 450px; /*height: auto;*/
 	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: #000000;
	border: 6px solid #81693e;
}


.shadow {
	-moz-box-shadow: 3px 3px 8px #000000;
	-webkit-box-shadow: 3px 3px 8px #000000;
	
	/*box-shadow: 3px 3px 8px #999999;*/
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');*/
	/*currently disabled as turns off ClearType in IE making text pixelated*/
	
  -webkit-border-radius: 12px; 
     -moz-border-radius: 12px; 
          border-radius: 12px; 

  
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

}


.shadow_small {
	-moz-box-shadow: 3px 3px 8px #000000;
	-webkit-box-shadow: 3px 3px 8px #000000;
	
	/*box-shadow: 3px 3px 8px #999999;*/
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');*/
	/*currently disabled as turns off ClearType in IE making text pixelated*/
	
  -webkit-border-radius: 6px; 
     -moz-border-radius: 6px; 
          border-radius: 6px; 

  
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

}



#contents_column_one {
	width: 437px;
	height: 450px; /*height: auto;*/
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	overflow: hidden;
}

#column_one_box_holder {
	width: 437px;
	height: 425px; /*height: 519px;*/
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	overflow: hidden;
}

.column_one_box {
	width: 437px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

/*
.column_one_imagebox {
	width: 437px;
	height: 150px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
*/

.column_one_textbox {
	width: 412px;
	height:  425px;
	margin: 0;
	padding: 25px 0px 10px 25px;
	float: left;
	clear: both;
}







/* Column One Navigation Box */

.column_one_navigationbox {
	width: 412px;
	height: 29px;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	clear: both;
}



.column_one_navigationbox ul {
	list-style: none;
	margin: 2px 0 0 25px;
	padding: 0;
}

.column_one_navigationbox ul li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	padding-right:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
	color: #867D6E;   /*#c7b18b;*/
	
}

.column_one_navigationbox ul li a {
	color: #867D6E;
	text-decoration: none;
	/*font-weight: bold;*/
	padding: 0 0 0 3px;
	border-left: 1px solid #3C646E;
	border-bottom: 0;
}

.column_one_navigationbox ul li a:hover {
	color: #867D6E;
	text-decoration: none;
	padding: 5px 0 0 2px;
	border-left: 2px solid #3C646E; 
}

.column_one_navigationbox ul li a.active {
	color: #867D6E;
	text-decoration: none;
	padding: 0 0 0 0;
	border-left: 3px solid #3C646E;
}



/* Column Two */

#contents_column_two {
	width: 405px;
	height: 460px; /*height: auto;*/
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	
}

#column_two_textbox {
	width: 405px;
	height: 460px; /*auto;*/
	margin: 0;
	/*padding: 5px 0px 5px 0px;*/
	float: left;
	clear: both;
	overflow: hidden;
	/*background-image:url('../../images/james_naughter.jpg');*/
}



/* Main Navigation Menu and main menu 2 for links to display popups and also with adjustments for display menu*/

#navigation_holder {
	width: auto; /*was 110*/
	height: 450px;
	display:inline;
	float:left;
	margin: 0 0 0 50px;
	padding: 0;
	background: #000000;
	border: 6px solid #81693e; /*#c7b18b; #6F7A5E  #6f8c5e;*/
}

#navigation2_holder {
	width: auto; /*was 110*/
	height: auto;
	display: inline !important; /*on page load, this div aquires a display: none; attribute from somewhere. Have got around it using !important but needs to be properly fixed*/
	float:left;
	margin: 0 0 0 0; /*did have a 10px on the left before the spacer was developed*/
	padding: 0;
	background: #000000;
	border: 6px solid #81693e; /*#c7b18b; #6F7A5E  #6f8c5e;*/
}





ul.main_menu, ul.main_menu2 {
	list-style:none;
	margin: 10px 10px 10px 10px;
	padding: 2px 0 2px 0;
	border-top: 1px solid #81693e;
}



ul.main_menu li, ul.main_menu2 li {
	width: auto;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-variant: small-caps;
	font-size: 13px;
	margin: 10px 0 12px 0;
}


ul.main_menu li a, ul.display_menu li a, ul.main_menu2 li a {
	width: auto;
	height: auto;
	padding: 8px 0 8px 0px;
	color: #867D6E;
	text-decoration: none;
	}
	
	

ul.main_menu li a:hover, ul.main_menu2 li a:hover {
	width: auto;
	height: auto;
	padding: 8px 0 8px 0;
	color: #3C646E;
	text-decoration: underline;
}


	


ul.main_menu li.link_active a {
	width: auto;
	height: auto;
	padding: 8px 0 1px 0;
	color: #3C646E;
	text-decoration: none;
	border-bottom: 3px solid #3C646E;
}


/* dislay options menu */

ul.display_menu {
	list-style:none;
	margin: 10px 10px 10px 10px;
	padding: 0;
	border-bottom: 0;
}



ul.display_menu li {
	width: auto;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-variant: small-caps;
	font-size: 13px;
	margin: 10px 0 12px 0;
	display:inline;
}


ul.display_menu li a{
	width: auto;
	height: auto;
	padding: 8px 10px 8px 0;
	color: #867D6E;
	text-decoration: none;
	}




ul.display_menu li a:hover {
	color: #2C5C69;
	text-decoration: underline;
	}

ul.display_menu li.link_active a {
	width: auto;
	height: auto;
	padding: 8px 0 1px 10px;
	color: #3C646E;
	text-decoration: none;
	background-image:url(../images/li_round.gif);
	background-repeat:no-repeat;
	background-position:0px 12px; 
}










/* Main2 Navigation Menu main menu TWO*/


ul.main2_menu {
	list-style:none;
	margin: 15px 10px 15px 10px;
	padding: 0;
}


ul.main2_menu li {
	width: auto;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-variant: small-caps;
	font-size: 13px;
	margin: 10px 0 12px 0;
}


ul.main2_menu li a {
	width: auto;
	height: auto;
	padding: 8px 0 8px 0px;
	color: #867D6E;
	text-decoration: none;
	}
	

ul.main2_menu li a:hover {
	width: auto;
	height: auto;
	padding: 8px 0 8px 0;
	color: #3C646E;
	text-decoration: underline;
}



ul.main2_menu li.link_active a {
	width: auto;
	height: auto;
	padding: 8px 0 1px 0;
	color: #3C646E;
	text-decoration: none;
	border-bottom: 3px solid #3C646E;
}













	
/* Footer
-----------------------------------------------------------------------------*/

#footer {
	width: auto;
	height: 35px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	clear: both;
}



#footer_left {
	width: 594px;
	height: auto;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	clear: both;
}

/*
#footer_middle {
	width: 115px;
	height: auto;
	margin: 0;
	padding: 0 0 0 0px;
	float: left;
	display: inline;
}
*/

#footer_right {
	width: 405px;
	height: auto;
	margin: 0;
	/*padding: 0 10px 0 0;*/
	float: left;
	display: inline;
	text-align:left;
}



/* Clear Fix Class
-----------------------------------------------------------------------------*/

.clear {
	font-size: 0;
	height: 0;
	width: 100%;
	display: block;
	clear: both;
	line-height: 0;
}


/* Links
-----------------------------------------------------------------------------*/

a {
	color: #333333;  
	text-decoration: underline;
}

a:hover {
	color: #c7b18b;
	text-decoration: underline;
}

#footer a {
	color: #777777;
	text-decoration: underline;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/*trying to get rid of pesky bottom border and/or underline for link images*/
img { 
	border: 0; 
	border-bottom: 0;
}

img a:link {
	
	text-decoration:none;
	border-bottom: none;
}

a img
{
  border: none;
}



.right_column {
	
	 -webkit-border-radius: 6px; 
     -moz-border-radius: 6px; 
          border-radius: 6px; 

  
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

}

	



.column_one_textbox a {
	color:  #867D6E;;
	text-decoration: none;
	border-bottom:1px solid #3C646E;	
}

.column_one_textbox a img {
  border: none;
  text-decoration:none
}



.column_one_textbox a:hover {
	color: #3C646E;
	text-decoration: none;
}



/*
#popup_hidden_area a {
color: #D2D2D2;
	text-decoration: none;
	border-bottom: 1px solid #516F7A;
}  */

/*
#popup_hidden_area2 a {
color: white
	text-decoration: none;
	border-bottom: 1px solid #516F7A;
} */

/*
#popup_hidden_area a:hover {
	color: #c7b18b;
}   */

/*#popup_hidden_area2 a:hover {
	color: #c7b18b;
}*/



/* Typography
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, {
	font-family: Georgia, "Times New Roman", Times, serif;
}


/*Main page headings*/
h1 {
	font-size: 28px;
	font-variant: small-caps;
	font-weight: normal;
	font-style: italic;
	color: #3C646E;
	padding: 0;
	margin: 12px 0 16px 0;
}



/*sub headings to top of page under H1*/
h2 {
	
	font-size: 20px;
	/*font-variant: small-caps;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #867D6E;
	font-style: italic;
	text-decoration:none;
	font-weight: normal;
	margin: 10px 0 14px 0;
}


/*section headings*/ 
h3 {
	font-size: 15px;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3C646E; /*#867D6E;*/
	text-decoration:none;
	font-weight: normal;
	margin: 14px 0 8px 0;
}


/*Testimonials*/
h4 {
	font-size: 20px;
	color: #666666;
	font-weight: normal;
	font-style: italic;
	margin: 30px 0 0 0;
	line-height: 1.1em;
	}
/*
h5 {
	font-size: 15px;
	
}
*/



p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #867D6E;  /*#c7b18b; #f8f4eb;*/
	margin: 0 0 14px 0;
	line-height: 1.6em;
}

.formp {
	margin: 0 0 2px 0;
}


p span {color:maroon; font-weight:bold;}

p strong {
	color: #867D6E;
	font-weight: bold;
}



.smallp {
	font-size: 11px;
	}

/*
.smallp a{
	border-bottom: 1px solid #e1dacd;
	}
*/
	
*/
	
.largep{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #867D6E;   
	margin: 0 0 14px 0;
	line-height: 1.8em;	
}



#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.3em;
}

strong { font-weight: bold; }


em { font-style: italic; }

/*
hr {
	height: 1px;
	margin: 10px 0 10px 0;
	padding: 0;
	border: none;
	background: #000;
	color: #000;
}
*/

.left { text-align: left; }

.right { text-align: right; }
.center {text-align: center;}


/* Lists
-----------------------------------------------------------------------------*/

ul.square_list {
	list-style: none;
	margin: 0 0 14px 0;
	padding: 0;
}

ul.square_list li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #867D6E;
	line-height: 1.5em;
	margin: 0 0 8px 0;
	padding: 0 0 0 16px;
	background: url(../images/li_square.jpg) 0 4px no-repeat;
}


ol.num_list {
	list-style:decimal
	margin: 0 0 14px 0;
	padding: 0;
}

ol.num_list li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #867D6E;
	line-height: 1.5em;
	margin: 0 0 4px 0;
	padding: 0;
}




/* Links Page
-----------------------------------------------------------------------------

ul#slides1 li {
 margin: 10 12px 0 0;
}

ul#slides2 li {
 margin: 0 12px 0 0;
}

ul#slides3 li {
 margin: 0 12px 0 0;
}

#slides1-menu a.wactive, #slides2-menu a.wactive, #slides3-menu a.wactive {
	color: #f8f3ea;
	font-weight: bold;
	margin-right: 6px;
	margin-left: 6px;
	border-bottom: 4px solid #780012;
	text-decoration: none;
}

----------------------------------------------------*/



/* Pop out social box
-----------------------------------------------------------------------------*/


 #popup_box{
	width: auto;
	height: auto;
	position: absolute;
	right: 60px;
	top: 10%;
	clear: both;
	/*margin: -220px 0 0 0;*/
	padding: 0;
	z-index: 4;
}

#popup_box a:link {
	text-decoration:none;
}



#popup_button {
	width: 31px;
	height: 180px;
	margin: 12px 0 0 12px;
	padding: 0;
	
	position: absolute;
	right: 2px;
	top: 40%;

	float: left;
	clear: both;
	border: 3px solid #81693e; /*#c7b18b; #6F7A5E  #6f8c5e;*/
	background-color:black;
}

#popup_hidden_area {
	width: 500px;
	height: auto;
	margin: 0;
	padding: 12px 12px 5px 12px;
	float: left;
	display: inline;
	background: black;
	border: 6px solid #81693e;
}


/* Pop out text and site options box
-----------------------------------------------------------------------------*/


 #popup_box2{
	width: auto;
	height: auto;
	position: absolute;
	right: 60px;
	top: 10%;
	clear: both;
	/*margin: -220px 0 0 0;*/
	padding: 0;
	z-index: 4;
}


#popup_button {
	width: 31px;
	height: 180px;
	margin: 12px 0 0 12px;
	padding: 0;
	
	position: absolute;
	right: 2px;
	top: 40%;

	float: left;
	clear: both;
	border: 3px solid #81693e; 
	background-color:black;
}

#popup_hidden_area2 {
	width: 500px;
	height: auto;
	margin: 0;
	padding: 12px 12px 5px 12px;
	float: left;
	display: inline;
	background: black;
	border: 6px solid #81693e;
}





div#preload { display: none; }








/*input.error { border: 1px solid #000; } */



/* Random CSS Code
-----------------------------------------------------------------------------*/

/*
.dn { display: none !important; }

.floatleft { float: left; }

.floatright { float: right; }
*/

:focus { outline: 0; }

/*input:focus, textarea:focus {
	background: #424141;
	color: #ccc;
}*/

/*#transparency {
	background-color: #fffdea;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
}*/

/*::-moz-selection {
background: # #0099FF;
color: #fff;
} 

::selection {
background: #0099FF;
color: #fff;
}*/


/* Table
-----------------------------------------------------------------------------*/

/*table {
	width: 100%;
	height: 100%;
	border: 0;
}

td {
	vertical-align: middle;
	text-align: center;
}*/


/* Test Background Colours (for testing box sizes)
-----------------------------------------------------------------------------*/

/*#container, #header, #footer {
	background: #ccc;
}
*/

/*.backcolour { background: #ccc; }*/


/* Half Spacers
---------------------------------------*/