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

body {
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px;
	padding:0px;
}

/* site wide generic styles */

h1, h2, h3, h4 {
	font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color:#5a85b8;
	color:#0099FF;
}
h1 {
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.05em;
	padding-bottom:5px;
	line-height:24px;
}
h2 {
	font-size:16px;
	color:#6699FF;
	font-family:Arial;
	font-weight:lighter;
	/*color:#339900;*/
}
h3 {
	font-size:14px;
}
h4 {
	font-size:12px;
}
p {

}
abbr{cursor:help;}
/*ul li {
	list-style-image:url(../images/navigation-arrow.gif);
	line-height:20px;
	margin-left:-21px;
}*/
.float_left {
	float:left;
}
.float_right {
	float:right;
}

/* site links */
a {
	color:#5a85b8;
	/*color:#6699FF;*/
	text-decoration:none;
}
a:hover {
	color:#ff9900;
	text-decoration:underline;
}
a.admin_link {
	color:#FFF;
	font-size:10px;
	text-decoration:underline;
	padding-left:18px;
	padding-right:15px;
}
#copyright a {
	color:#CCC;
}
.icon1 {
	background-image:url(../images/client-login-icon.gif);
	background-repeat:no-repeat;
}
.icon2 {
	background-image:url(../images/site-map-icon.gif);
	background-repeat:no-repeat;
}
#breadcrumb a {
	color:#FFF;
}
#xeno a {
	font-size:10px;
	color:#CCCCCC;
	text-decoration:none;
}

/* end of site links */
#shell {
	position:relative;
	/*width:1020px;*/
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/2010/background.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
}
.inner {
	position:relative;
	width:1022px;
	margin-left:auto;
	margin-right:auto;
}
#krd { position:absolute;top:275px;width:1022px;margin-left:auto;margin-right:auto;color:#FFF;font-size:42px;font-family:Helvetica;font-weight:100;text-align:center;letter-spacing:-1px;line-height:42px; }
#top-holder {
    height:24px;
    border-bottom:1px solid #FFFFFF;
    background-color:#000000;
}
#top {
	z-index:99999;
    width:960px;
    height:43px;
    margin-left:auto;
    margin-right:auto;
    padding-left:30px;
	background-color:#000;
}

#logo { float:left; }
#navigation { z-index:99998;position:absolute; top:0px; left:300px;margin-left:240px;}
#navigation {
height:43px;
left:500px;
margin-left:0px;
position:absolute;
top:0;
width:350px;
z-index:99998;
}
#xlogo { float:right; }
#header {
	position:relative;
	width:980px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
}

#flash {
	width:960px;padding-top:45px; text-align:center;margin-left:auto;margin-right:auto;
}
.display-item-outer1 { position:absolute;top:27px;left:7px;width:290px;height:144px;background-color:#185112;padding:22px; }
.display-item-outer2 { position:absolute;top:27px;left:324px;width:290px;height:144px;background-color:#185112;padding:22px; }
.display-item-outer3 { position:absolute;top:27px;left:640px;width:290px;height:144px;background-color:#185112;padding:22px; }

.display-item1 { z-index:99;position:absolute;left:25px;top:45px;width:290px;height:144px;border:4px solid #FFF; }
.display-item2 { z-index:99;position:absolute;left:341px;top:45px;width:290px;height:144px;border:4px solid #FFF; }
.display-item3 { z-index:99;position:absolute;left:659px;top:45px;width:290px;height:144px;border:4px solid #FFF; }
.show { display:block; }
#admin_links {
	position:absolute;
	top:15px;
	right:115px;
	width:250px;
	color:#FFF;
	text-align:right;
}
#inner_div {
	position:relative;
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}
#breadcrumb {
	position:absolute;
	top:88px;
	left:34px;
	width:960px;
	height:25px;
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	color:#FFF;
}
#error_wrapper {
	width:960px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
#slider_wrapper {
	width:960px;
	height:195px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
/* Easy Slider */
	#slider {
		width:960px;
		overflow:hidden;
	}
	#slider h2 {
		color:#339900;
	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:232px;
		height:180px;
		line-height:13px;
		border:4px solid #FFF;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}	
	#slider li:hover { border:4px solid #0099ff; }	
	#slider li h2{ 
		color:#0099ff;
		margin:0 18px;
		padding-top:10px;
		}	
	#slider li img{ 
		margin:0 18px;
		padding-top:10px;
		padding-bottom:5px;
	}
	#slider li p{ 
		margin:0 18px;
		margin-top:0px;
		padding-top:0px;
		}				
	div#prevBtn{
		position:absolute;
		left:5px;
		top:60px;
		width:48px;
		height:48px;
	}
	div#nextBtn{
		position:absolute;
		right:5px;
		top:60px;
		width:48px;
		height:48px;
	}					

/* // Easy Slider */

#main_content {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:25px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
#column1, #column2, #column3 {
	float:left;
}
#column1 {
	width:616px;
	font-size:14px;
	line-height:22px;
	padding-left:24px;
	padding-right:80px;
}
#column1 h1 { color:#0099ff; font-size:28px; font-family:Arial; font-weight:lighter; line-height:34px; margin:0px; }
#column2 {
	width:240px;
}
#column3 {
	width:240px;
	font-size:12px;
}
#column1 h2 {
	margin-bottom:6px;
}
#column3 h2 {
	font-size:22px;
	color:#0099FF;
	font-family:Arial;
	font-weight:lighter;	
	margin:0px;
	margin-bottom:6px;
}
#column1 li a, #column1 a, #column2 li a, #column3 li a, #column3 a {
	color:#0099FF;
	color:#666666;
	border-bottom:1px dotted #0099FF;
}
#column1 a:hover, #column2 a:hover, #column3 a:hover { text-decoration:none;color:#0099FF; }
#column2 li a:hover, #column3 li a:hover {
	color:#ff9900;
}
#callus {
	width:958px;
	border:1px solid #e5e5e5;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:15px;
	color:#5a85b8;
	text-align:center;
	background-image:url(../images/gradient.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
}
#footer {
	/*width:1020px;*/
	height:50px;
	color:#FFF;
	background-color:#000;
}
#copyright {
	float:left;
	font-size:12px;
	line-height:50px;
	margin-left:0px;
}
#xeno {
	float:right;
	line-height:50px;
	margin-right:0px;
}
/*
	Super Footer styles
*/
#footerWrap {
	/*width:1020px;*/
	background-color:#181818;
}
.social_media { width:960px;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:20px;text-align:center; }
#super_footer {
	width:960px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
#super_footer ul {	
	float: left;
	width: 188px;
	margin: 0px;
	padding:0px;
	color: #FFF;
}
#super_footer ul.first {
	width: 200px;
}
#super_footer ul.second {
	width: 240px;
}
#super_footer ul.lastCol {
	width: 200px;
}
#super_footer li {
	margin: 0px;
	padding:0px;
	list-style:none;
	line-height: 14px;
}
#super_footer li.section {
	font-weight: bold;
	margin-bottom: 10px;
}
#super_footer li a {
	color: #636363;
	font-size: 11px;
	line-height:18px;
	text-decoration: none;
}
#super_footer li a:hover {
	color: #cccccc;
	font-size: 11px;
	text-decoration: none;
}
#super_footer li a.darkLink {
	color: #636363;
	font-size:12px;
	font-weight: bold;
}
#super_footer li a.darkLink:hover {
	color: #CCCCCC;
	font-weight: bold;
}
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* end of Super Footer styles  */

.strapline {
	z-index:99;
	position:absolute;
	top:318px;
	left:0px;
	width:1019px;
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-1px;
	text-shadow: 1px 1px 5px #000;
	-webkit-text-shadow: 2px 2px 2px #666;
}
.strapline_shadow {
	z-index:98;
	position:absolute;
	top:319px;
	width:990px;
	color:#000000;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-1px;
	margin-left:auto;
	margin-right:auto;
}

/* ///////////// sexy menu styles /////////////// */
ul.topnav {
	z-index:99988;
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 320px;
	height:43px;
	font-size: 1.2em;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	font-weight:lighter;
	padding: 12px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color:#0099FF;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 27px;
	height: 43px;
	float: left;
	background: url(../images/2010/subnav_btn.png) no-repeat center center;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 43px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 230px;
	height:241px;
	background-image:url(../images/2010/drop-down-bg.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-box-shadow:0 5px 5px #333;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 230px;
	height:60px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 200px;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/*background: #222 url(../images/2010/dropdown_linkbg.gif) no-repeat 10px center;*/
}


/* 	ChillTip V1.0 Style Sheet */
	
.title{
	background:#000;			/* Here you can change the background colour */
	border:2px solid #333;		/* Here you can change the border colour */
	display:none;
	font-family:Arial,"Helvetica",sans-serif;
	font-size:11px;				/* Here you can change the font size */
	height:auto;
	min-width:10px;
	max-width:320px;			/* Here you can change the width of ChillTip */
	position:absolute;
	width:auto;
	z-index:110000;
	}							
* html .title{					
	width:320px;				/* IE6 Hack - Min/Max-width does not work in IE6 so you have to assign a width. */
	}
.title p{						/* Here you can change the text colour */
	color:#fff;
	float:left;
	margin:0;
	padding:10px;	
	text-align:justify;	
	width:auto;
	}
.title p span.blue{				/* This is to create coloured texted in chilltip. See Note below */
	color:#007eff;
	}
	
/* IMPORTANT NOTE! 	To add a span and class to a title attribute you can not use the following:
title="<span class="blue">Blue Text</span>" as this can lead to errors in your webpage and failure to validate your html source code.  

Instead you must use html ascii codes http://www.ascii.cl/htmlcodes.htm to replace "</> inside the title attribute like so:
title="&#60;span class=&#34;blue&#34;&#62;Blue Text&#60;&#47;span&#62;" this will then lead to validation of your html source code.

To use special charcters in your chillTip use ascii html codes instead as this will validate your page with any W3C HTML Validator. */	

/*#slip1 { width:232px;height:180px;background-color:#0099FF;color:#FFF; }*/
.boxcaption{  
	margin-top:10px;
    padding: 0px;  
    float: left;  
    position: absolute;  
    background: #0099FF;  
    height: 180px;  
    width: 232px;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}
.boxgrid{  
	cursor:pointer; 
	height: 180px;  
    width: 232px;
    overflow: hidden;  
    position: relative;  
}
.small { color:#0099FF;font-size:16px;margin:0px; }
.big  { color:#0099FF;font-size:62px;font-weight:bold;line-height:60px;margin:-5px 0px 20px 0px; }
.small2 { color:#FFF;font-size:16px;margin:5px 0px 0px 18px; }
.big2  { color:#FFF;font-size:62px;font-weight:bold;line-height:60px;margin:0px 0px 0px 18px; }