@import url("nav.css");
@import url("lavalamp3.css");
@import url("thickbox.css");
@import url("tinymcestylee.css");
@import url("datatables.css");
body {
	background-color: #eef0f3;
	margin:0;
	padding:0;
	margin-bottom:400px;
	color:#003375;
}

:focus {
  -moz-outline-style: none;
}
.18px{
	font-size:18px;
	bold;
}
.whiteTxt{color:#FFF}
.darkgreenTxt{color:#A4C442}
.midgreenTxt{color:#d0e78d}
.lightgreenTxt{color:#f3f9ec}
.darkblueTxt{color:#003375}
.midblueTxt{color:#7f9bba}
.lightblueTxt{color:#d7e1ec}

.darkgreenBckg{background-color:#A4C442}
.midgreenBckg{background-color:#d0e78d}
.lightgreenBckg{background-color:#f3f9ec}
.darkblueBckg{background-color:#003375}
.midblueBckg{background-color:#7f9bba}
.lightblueBckg{background-color:#d7e1ec}
.bold{
	font-weight: bold;
}
.dontshow,hide{display:none}
.clear{clear:both}
.floatR{float:right;margin:0 0 0 10px;}
.floatL{float:left;margin:0 10px 0 0;}
.imgR{
	float:right;
	padding: 0;
	margin:0 0 10px 10px;
	border: 1px solid #CCCCCC;
}
.imgL{
	float:left;
	padding: 0;
	margin:0 10px 10px 0;
	border: 1px solid #CCCCCC;
}
.nolink{cursor:default;}

.posrel{position:relative}
.readmore,
#logNtrack .readmore{
	color:#ED143D;
	text-decoration: underline;
	background: url(../admin/images/moreORless.png) no-repeat right 4px;
	padding:5px 22px 5px 0;
	line-height:16px;
	font-weight:bold;
	float:right;
}
/* ################# 
   home page  
 ################# */
.twocolR{
	display:inline;
	float:right;
	margin-right:-240px;
	position:relative;
	width:205px;
	border-left:1px solid #ccc;
	padding:0 0 0 10px;
	margin-left:10px;
}

/* ~~~~~~~~~~~~~~ END home page area */

/*  ################# 
	HEADER 
################# */

#header_strapline{
	color:#acca56;
	font-size: 14px;
	position:absolute;
	right:20px;
	top:15px;
	text-align: right;
}
#header_logo{
	margin:25px 0 45px 20px;
}
/* ~~~~~~~~~~~~~~ END HEADER */


/*  ################# 
	MAIN BODY
  ################# */
.wrapper{
	width:950px; 
	margin:0 auto;
}
#fixed_width_804px{
	border: 1px solid #7f9bba;
	text-align:left;
	position:relative;
	background: #003375;
}
#content_main{
	background-color: #FFF;
	padding:20px;
}
#textcontent{
	padding:10px 0;
}
#CTAction{
	clear:both
}
.dynCols{
	width:470px;
	border-right:252px solid #FFF;
	display:block;
	overflow:visible;
	position:relative;
}
.onecolwidth{
	width:700px;
	border-right:none;
	display:block;
}
.indent{margin-left:170px}

/* ################# 
   MAIN BODY left sub nav 
 ################# */
span.subnav{font-size:16px}
#side_nav ul{
	margin:0;
	padding:0;
	width:150px;
	float:left;
	margin:0 20px 20px 0;
	border-bottom:1px solid #D4D4D4;
	display:block;
}
#side_nav li{
	margin:0;
	padding:0;
	list-style-type: none;
}
#side_nav li A:Link,
#side_nav li A:Visited{
	margin:2px 0 0 0;
	padding:2px 0 2px 8px;
	display:block;
	text-decoration:none;
	
	margin:0;
	line-height:1.2em;
	color:#333333;
	background: #E9E9E9 url(none);
	font-weight: normal;
	text-transform: capitalize;
	border: 1px solid #D4D4D4;
	border-bottom:none;
}
#side_nav li A:Hover{
	background-color:#FFF;
	color:#000;
}
/* ~~~~~~~~~~~~~~~~~~~ END left sub nav */

/* ################# 
   MAIN BODY - Right side
 ################# */
 
/* ~~~~~~~~~~~~~~ LogNtrack include   */
.gradmask{
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	background: url(../pics/gradfooter.png) repeat-x bottom;
	/*border:1px solid #CCC*/
}
#logNtrack{
	width:165px;
	float:right;
	position:relative;
	z-index:20;/*4 ie bug*/
}
#logNtrack p{
	font-size:11px;
}
#logNtrack input,
#logNtrack select{	
	border:1px solid #d0e78d;
	background-color:#f3f9ec;
	margin:3px 0;
}
#logNtrack input.go{
	border:none;
	background-color:none;
	margin:-5px 0 0 0;
}
#login,
#track,
#ads{
	border:1px solid #acca56;
	background: url(../images/icon_login.jpg) no-repeat left top;
	margin-bottom:20px;
	padding:60px 5px 5px 5px;
	position:relative;
}
#track{
	background: url(../images/icon_tracking.jpg) no-repeat left top;
}
#track li{
	font-size:11px;
	background: url(../pics/bullet2.gif) no-repeat left 2px;
}
#track ul{
	margin:0
}
#ads{
	background: url(none) no-repeat left top;
}
/* ~~~~~~~~~~~~~~ END  LogNtrack include */

/* ~~~~~~~~~~~~~~~~~~~~ case studies */
#logNtrack casestudy.opacbkg100 H1{
	background: url(../admin/images/showhide.png) no-repeat right -30px;
}
#logNtrack #casestudy H1,
#logNtrack #testimony H1{
	color:#A4C442;
	font: italic normal 20px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.04em;
	text-transform: capitalize;
	margin:3px 0 10px 0;
	padding:0 0 0 5px ;
	height:28px;
	background: #FFF url(../admin/images/showhide.png) no-repeat right 0px;
	cursor:pointer;
}
#logNtrack #casestudy H1:hover,
#logNtrack #testimony H1:hover{
	color:#003375;
}
#casestudy,
#testimony{
	position:relative;
	right:0px;
	top:-300px;
	background: url(../pics/thumbHot_bg2.png) repeat;
	background: #FFF url(none);
	z-index:20;
	width: 165px;
	height:160px;
	overflow: hidden;
	margin:0;
	padding:0 0 20px 0;
	border:1px solid #ACCA56;
	cursor:pointer;
}
#casestudy.opacbkg100,
#testimony.opacbkg100{
	background: #FFF url(none);
	cursor:auto;
}
#casestudy img,
#testimony img{
	float:right;
	padding:0 3px 3px 3px;
}
#casestudy p,
#testimony p {
	margin:0;
	padding:0 4px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#casestudy p:hover,
#testimony p:hover{
	color:#A4C442;
}
#casestudy .break,
#testimony .break{
	border-top:1px dotted #000; 
	height:1px; 
	visibility:visible; 
	margin:10px
}
/* ~~~~~~~~~~~~~~~~~~~~ END case studies */
/* ~~~~~~~~~~~~~~~~~~~~ Ads */
#ads{padding:0 4px}
/* ~~~~~~~~~~~~~~~~~~~~ END Ads */

/* ~~~~~~~~~~~~~~~~~~~~~~~~ END MAIN BODY - Right side */


/*  ################# 
   footer 
 ################# */
 
#footer p.footer_contacts{
	margin-top:60px;
	display:block;
	text-align: right;
	color:#D0F0FD;
}

#footer{
	background-image: none;
	border-top: 10px solid #EEF0F3;
	background-color: #FFF;
	padding:10px;
	text-align: center;	
	/*
		height:80px;
		position:relative;
	z-index:1;*/
}
#footer img{
	padding-right:70px;
}
.mission{
	/*width:950px;*/
	padding:0 20px;
	margin:30px 0 0 0;
	text-align: left;
	font-size: 12px;
}

.mission_small{
	/*width:950px;*/
	padding:0 20px;
	margin:300px 0 0 0;
	text-align: left;
	font-size: 10px;
}
.ecc{
	font-size: 11px;
}
.ecc a:link,
.ecc a:visited{
	text-decoration:none;
	color:#333;
}
.ecc a:hover{
	text-decoration:none;
	color:#E32C5F;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ END footer styles */

/* ################# 
   single page gallery 
 ################# */
#image_group img{
	float:left;
	margin:0 10px 10px 0;
	border: 1px solid #CCCCCC;
	cursor:pointer;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~  END single page gallery */


/* ################# 
   mouse over tips
 ################# */
.tt_body,.tt_header{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding:3px;
z-index:100;
width:auto;
}
.tt_body,
.tt_b200,
.tt_b300{
	border:1px solid #999999;
	background-color:#F4F4F4;
	color:#333333;
}
.tt_header,
.tt_h200,
.tt_h300{
	color:#FFF;
	opacity: .95;
	filter:alpha(opacity='95');
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom:1px none #999999;
	padding: 8px 0 0 6px;
	background: url(../pics/tt_grey.gif) repeat-x left top;
}
.tt_b200,
.tt_h200,
.tt_b300,
.tt_h300{
	width:300px;
	padding: 8px 6px;
}
.tt_b200,
.tt_b300{
	line-height:18px;
}
/*
#########################
     - Testimonials/comments -	
#########################
*/
.commentsbox{
	text-decoration:none;
	display:block;
	padding:5px;
	margin:0 0 20px 0
}
.commentsbox h4{
	font-size:14px;
	color:#A4C442;
	padding:5px;
	font-weight:bold;
	background: #f3f9ec;
}
.commentsbox .floatright{font-size:12px;font-weight:normal}
.QL{
	/*
	
	float:right;*/
	padding-left:10px
}
.QF{
	padding-right:10px
}
/*     - END Testimonials -
~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*

/*
#########################
     - BEGIN Forms -
#########################
*/
#enquiryform table{
	border:1px solid #d0e78d;
	background: #FFF;
}
#enquiryform table td{padding:5px}
#enquiryform input,
#enquiryform textarea{
	width:200px;
	border: 1px solid #d0e78d;
	background-repeat:repeat-x;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px
}
#enquiryform input.required,
#enquiryform textarea.required{
	color:#555;
	background: #f3f9ec;
}
#enquiryform input.submitbutton,
#enquiryform input.submitbutton:visited{
	background-image:none;
	width:120px;/**/
	margin-right:10px;
	padding:3px;
	border: 1px solid #999;
	background-color:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
#enquiryform input.submitbutton:hover{
	border: 1px solid #EBEBEB;
	background-color:#F5F5F5;
	color:#FF006C;
}

.hide-formselect-message{
	display:none;
}
.show-formselect-message{
	display:inline;
	background-color:#FFFF99;
	padding:3px;
}
.formtitles{
	width:160px;
}

/* ################# 
   FORM ALERTS 
 ################# */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #FFF;
	/*background: #CCC url(../images/title.gif) repeat-x top;*/
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
	background: url(../pics/tt_grey.gif) repeat-x center top;
}
#popup_content {
	background: 16px 16px no-repeat url(../images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}
#popup_content.alert {
	background-image: url(../images/info.gif);
}
#popup_content.confirm {
	background-image: url(../images/important.gif);
}
#popup_content.prompt {
	background-image: url(../images/help.gif);
}
#popup_message {
	padding-left: 48px;
}
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}
#popup_prompt {
	margin: .5em 0em;
}
#popup_container INPUT[type='button'] {
	padding:2px 20px 2px 0;
	margin-right:10px;
	border: none;
	color: #0f348f;
	font-weight:bold;
	cursor:pointer;
	background: url(../pics/button.png) no-repeat right center;
	text-align: right;
}
#popup_container INPUT[type='button']:hover{
	color:#CC0000;
	background: url(../pics/buttonon.png) no-repeat right center;
}
/*
#########################
     - END Forms -
#########################
*/
/*
#########################
 - News n Staff -
#########################
*/
/* news list page ¬ */
#PRdetails{
	background: #FFF;
	padding:5px;
	/*Cross Browser min-height*/
    min-height:350px;
	height: auto !important;
	height: 350px;
	/*END Cross Browser min-height*/
}
#newslist .posrel{
	position:relative;
	float:left;
	z-index:10;
	padding: 0;
	margin: 0 0 30px 0;
	border: 1px solid #d7e1ec;
	border-bottom: 1px dashed #7f9bba;
}

#newslist .imgborder{
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #FFF;
	margin: 0 10px 0 0;
	float:left;
}
#newslist div.separator {
	text-decoration:none;
	display:block;
	padding:10px 5px 5px 5px;

}
#newslist div.separator:hover {
	display:block;
	color: #A4C442;
}
#newslist .readmore {font-size: 12px;}
/*#newslist .readmore:hover{color:#F90}*/
.newslink{
	position:absolute;
	z-index:12;
	font-size:12px;
	padding:3px 5px;
	top:-20px;
	left:5px;
	color: #A4C442;
	text-decoration:underline;
	display:inline;
	border:1px solid #d0e78d;
	background-color:#FFF;	
}
/* END news list page  */