/* COLORS
Green: #74a03e
Blue: #00528a
Grey: #e1e1e1
Text: #555555
*/
@import url('/fonts/Rockwell.css');
@import url('dialog.css');
@import url('tables.css');
@import url('contactform.css');
@import url('style.cls_lite_order.css');
@import url('/admin/css/jquery.autocomplete.css');

.donte {
	margin-left: 230px;
	padding-top: 30px;
	font-size: 14px;
	height: 40px;
	color: #74a03e;
	font-family: Rockwell, RockwellRegular, Georgia;	
	}
.green {
	color: #74a03e;
	}
.blue {
	color: #00528a;
	}
.rockwell {
	font-family: Rockwell, RockwellRegular, Georgia;
	}
.whitebg {
	background: #fff;
	}
	
*{
	margin: 0;
	padding: 0;
}

a {
	outline: none;
	color: #00528a;
	}
a:hover {
	text-decoration: none;
	}
option {
	outline: none;
	}

.clear {
	clear: both;
	height:	1px;
	}

acronym  {
	cursor: help;
	color: #74a03e;
	}
#scroll acronym  {
	cursor: help;
	color: #C0DC8F;
	}

button {
	outline:none;
	}

a img{
	border: none;
}

body {
	/*background: #DFDFDF url('/images/bg.jpg') repeat-x 0 0;*/
	background-color: #DFDFDF;
    background-image:  url('/images/bg_NEW.jpg');
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #555;
	font-size: 0.90em;
	text-align: center;
	position: relative;
	}

body.page {
	background-color: #DFDFDF;
    background-image:  url('/images/page-bg.jpg');
	background-position: 0 0;
	background-repeat: repeat-x;
	position: relative;
	}
	
body.pageMO {
	background-color: #DFDFDF;
    background-image:  url('/images/pageMO-bg.jpg');
	background-position: 0 0;
	background-repeat: repeat-x;
	position: relative;
	}

p {
	padding: 0 0 15px;
	}
	
h1 {
	color: #00528a;
	font-family: Rockwell, RockwellRegular, Georgia;
	font-weight: normal;
	margin: 0 0 15px;
	}

h2, h3 {
	color: #74a03e;

	font-family: Rockwell, RockwellRegular, Georgia;
	font-weight: normal;
	padding: 5px 0;	
}
h2 {
	font-size: 18px;
	border-bottom: 1px solid #74a03e;
	}
h3 {
	font-size: 16px;
	}
h4 {
	font-size: 12px;
	color: #00528A;
	font-family: Rockwell, RockwellRegular, Georgia;
	font-weight: normal;
	padding: 5px 0;
	margin-bottom:10px;
	border-bottom:1px solid #00528A;
	}
	
#container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: transparent;
	}
	
.centerDiv {
	width: 980px;
	margin: 0 auto;
	}

#bg {
	margin: 0 auto;
	background: transparent;
	text-align: left;
	/*outline: 1px dashed green;*/
	font-size: 12px;
	}
	
#header {
	color: #00528a;
	margin: 0 auto;
	height: 100px;
	background: transparent;
	position:		relative;
/*
	background: transparent url('/images/CLSlogo.jpg') no-repeat 0 50%; */
	padding: 0 20px;
	/*outline: 1px dashed red;*/
	}
	
#header h3 {
	clear: both;
	float: right;
	color: #74a03e;
	font-size: 20px;
	font-family: Rockwell, RockwellRegular, Georgia;
	font-weight: normal;
	padding: 0;
	}
	
#headMenu {
	float: right;
	font-size: 12px;
	padding: 8px 0 0;
	text-align: right;
	}

#headMenu a {
	color: #00528a;
	text-decoration: none; 
	margin-top: 8px;
}

#headMenu a:hover {
	text-decoration: underline;
}

ul.list_nav {
	display: inline;
}

ul.list_nav li {float: left;display: inline;border-left: 1px solid #00528a;}
ul.list_nav li.first {border-left: none;}
ul.list_nav li a {text-decoration: none; color: #00528a; margin: 0px 10px 0px 10px; }
ul.list_nav li a:hover {text-decoration: underline;}

#headCall {
	padding: 0;
	margin: 10px 0 0;
	float: right;
	clear: both;
	position: relative;
}
	
#banner {
	color: #fff;
	width: 1000px;
	height: 425px;
	overflow: hidden;
	background: transparent url('/images/whateveryouwantittobe.jpg') no-repeat 0 0;
	}
/**/
#banner.page {
	background: transparent;
	}
/*s*/
#main {
	background: #fff url(/images/main_bg.png) 50% 0 repeat-x;
	clear: both;
	/*
	width: 100%;
	padding: 0 20px;
	*/
	/*margin: 0 0;*/
	padding: 0 20px;
	/*min-height: 400px;
	outline: 1px dashed red;*/
	}
.page #main, .pageMO #main  {
	background: transparent;
	width:	960px;
	margin: 0 auto 25px;	
	}
.page #main  .centerDiv
, .pageMO #main .centerDiv
 {
 	width: 960px;
 	}
 	
.page a.web-tools, .pageMO a.web-tools  {
	display:	none;
	}
#pageContent {
	clear: 		both;
}
	
#pageContent ul{
	list-style: disc outside url(/images/libullet.png);
	margin: 0 0 15px 30px;
	}
	
#pageContent li{
	padding: 2px 0 2px 4px; 
	}

#mainFeatures {
	background:  transparent;
	height: 255px;
	}

.featureBoxTEMP {
	width: 306px;
	margin-right: 21px;
	float: left;
	}
	
.featureBox {

	width: 231px;
	margin-right: 11px;
	float: left;
	}
.featureBox.last, .featureBoxTEMP.last {
	margin-right: 0;
	}
	
.featureBox img, .featureBoxTEMP img {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	}
	
.featureBox img:hover, .featureBoxTEMP img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	}
	
#main-left {
	/*outline: 1px dashed green;*/
	float: left;
	width: 685px;
	min-height: 200px;
	/*margin-top: 15px;*/
	position: relative;
	}
	
#main-left.fullWidth{
	width: 100%;
	}
	
#main-left p{
	line-height: 20px;
	font-size: 12px;
	}
	
#pCtop {
	background: #fff url('/images/pCtop.jpg') left top no-repeat;
	height: 12px;
	margin: 0;
	padding: 0;
	}
	
#pCcontent {
	clear: both;
    background: #fff url('/images/pCcontent.jpg') left bottom no-repeat;
    padding: 18px 33px 15px;
	}
	
#pCtop.fullWidth {
	background: #fff url('/images/pCtopFw.jpg') left top no-repeat;
	height: 12px;
	}

#pCcontent.fullWidth {
    background: #fff url('/images/pCcontentFW.jpg') left bottom no-repeat;
    padding: 18px 33px 15px;
	}
	
.pCtopSide {
	background: #fff url('/images/pCtopSide.jpg') left top no-repeat;
	height: 12px;
	margin: 0;
	padding: 0;
	}
	
.pCcontentSide {
	clear: both;
    background: #fff url('/images/pCcontentSide.jpg') left bottom no-repeat;
    padding: 3px 15px 15px;
	}
	
#main-top {
	clear:	both;
	margin-top: 15px;
	}
#main-right {
	/*outline: 1px dashed green;*/
	float: right;
	width: 250px;
	/*margin-top: 20px;*/
	}
	
.sideItem {
	margin-top: 25px;
	}
	
.sideItem.first {
	margin-top: 0;
	}

	
/*  ------------  TWITTER FEED  ------------  */
.twitterbot {
	margin: 0;
	clear: both;
}

.twitterbot a {
	color: #74a03e;
	text-decoration: underline;
	}
	
.twitterbot a:hover {
	color: #99CC00;
	}	

.tweettop {
	background:  #DFDFDF url('/images/tweettop.jpg') 0 50% no-repeat;
	height: 84px;
	width: 220px;
	margin: 0;
	padding: 0;
}

.tweettop p {
	text-align: right;
	color: #00528a;
	font-family: Rockwell, RockwellRegular, Georgia;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
}

.tweettop p a{
	color: #00528a;
	text-decoration: none;
	border-bottom: 1px solid #00528a;
}

.tweettop p a:hover{
	border-bottom: none;
}

.tweetText {
	padding: 10px 5px 0;
}
.tweetDate {
	text-align: right;
	clear: both;
	padding: 5px 5px 2px;
	margin: 0 0 10px;
	font-size: 10px;
	border-bottom: 1px solid #74a03e;
}

/*  ------------  END TWITTER FEED  ------------  */

/*  ------------  LOGO LINK  ------------  */
/*
#logolink {
	position: absolute;
	width: 258px;
	height: 100px;
	padding: 0;
	}

#logolink a,#logolink a:hover{
	margin-left: -20px;
	display: block;
	width: 245px;
	height: 100px;	
	color: #2E3640;
	text-decoration: none;
	}

#logolink a span {
	visibility: hidden;
	color: #2E3640;
	}
*/
	
#cls_logo {
	position:				absolute;
	left:					0;
	top:					5px;
	}
/*  ------------  END LOGO LINK  ------------  */

#bottomBar {
	/*
	height: 200px;
	overflow: hidden;
	*/
	background: #3073A7 url('/images/bottomBar-bg.jpg') top left repeat-x;
	clear: both;
	padding: 10px 0;
	}
	
#bottomContent {
	margin: 0 auto;
	height: 190px;
	/*outline: 1px dashed white;
	overflow: hidden;*/
	}
	
#bottomContent h2 {
	border-bottom: 0;
	color: #c0dc8f;
	padding: 0 0 10px;
	}
	
.bottomDiv50 {
	color: #555;
	float: left;
	width: 500px;
	/*
	height: 190px;
	overflow: hidden;
	*/	
	}
	
#testimonials {
	width: 483px;
	height: 155px;
	overflow: hidden;
	background: transparent url('/images/testimonial-bg.png') top left no-repeat;
	}
	
.testimonialsContent {
	padding: 10px 15px 30px;
	/*outline: 1px dashed red;*/
	text-align: justify;
	}
.testimonialsText {	
	width: 453px;
	height: 85px;
	}
	
.testimonialsClient {
	color: #74a03e;
	float: right;
	text-align: right;
	}

.testimonialsClient h6{
	font-size: 10px;
	font-weight: bold;
	}

.testimonialsClient p{
	padding: 0;
	font-size: 10px;
	font-style: italic;
	}
	
.testimonialsText p {
	font-size:  12px;
	padding: 0;
	}
	
.bottomDiv25 {
	color: #fff;
	float: left;
	width: 230px;
	/*
	height: 190px;
	overflow: hidden;
	*/
	background: transparent url('/images/bottomBar-divider.png') 100% 0 no-repeat;
	}
	
.bottomDiv25 a{
	color: #fff;
	text-decoration: none;
	}
	
.bottomDiv25 ul li a:hover{
	border-bottom: 1px solid #fff;
	}
	
.bottomDiv25 ul {
	list-style: none;
	padding-left: 5px;
	}
	
.bottomDiv25 ul li {
	padding-bottom: 7px;
	}
	
.bottomDiv25 p{
	font-size: 12px;
	color: #c0dc8f;
	padding: 0 0 0 5px;
	}
	
.followIcon {
	margin-right: 5px;
	}
.followIcon.last {
	margin-right: 0;
	}
	
#footer {
	color: #00528a;
	clear: both;
	font-size: 12px;
	padding: 20px 0;
/*	
	height: 50px;
	line-height: 50px;
*/
	}
	
#footer a {
	text-decoration: none;
	}
	
#footer ul a:hover {
	/*text-decoration: underline;*/
	border-bottom: 1px solid #00528a;
	}
	
#footer .copyright {
	color: #555;
	}
	
#badges {
	padding:					20px 0 0;
	clear:						both;
	}
	
#footer #badges a {
	padding: 0 10px 0 0;
	}
#footer #badges a:hover, #footer #badges a:hover img {
	text-decoration: none;
	}
	
.centerArea {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	padding: 0 20px;
	}
	
/** QUOTES STYLING  **/
.quote {
	background: #ebebeb url(/images/quote-bg.jpg) 60% 50% repeat-y;
	border: 2px solid #d7d7d7;
	padding: 0 15px 0;
	position: relative;	
	margin: 0 0 30px 0;	
	}
.quote .content {
	width: 60%;
	float: left;
	}
.quoteClient {
	width: 40%;
	text-align: right;
	float: left;
	padding: 1em 0;
	}
.quote .content h1, .quote .content p{
	color:#00528A;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding: 1em 10px;
	}
#main-left .quoteClient p {
	font-weight: bold;
	padding: 0;
	}
a.fade:hover {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;	
	}
	
/** Job Postiion **/
#itemContent {
	padding: 0 20px;
	margin-top: 15px;
	}
.itemInfo {
	background-color: #ebebeb;
	margin: 0;
	border: 2px solid #d7d7d7;
	padding: 0 15px 0;
	position: relative;
	}
.itemInfo.last {
	margin: 0 0 15px;
	}
.subh2 {
	margin-top: 5px;
	font-size: 11px;
	}
	
.jobFilled, .red{
	background: #ffdfdf url(/images/alert.png) no-repeat 10px 50%;
	border: 2px solid #f00;
	}
.pred {
	color: #f00;
	font-weight: bold;
	margin-left: 50px;
	}
	
.jobFilled {
	margin-bottom: 15px;	
	}
	
.jobFilled h2 {
	margin-left: 50px;
	padding: 15px;
	color: #f00;
	border-bottom: none;
	}
	
.itemText {
	float: left;
	padding-top: 15px;
	margin-right: 20px;
	position: relative;
	}
.toTop {
		clear: both;
		background-color:#fff;
		color:#74A03E;
		float:right;
		padding:4px 8px;
		border-left: 2px solid #d7d7d7;
		border-top: 2px solid #d7d7d7;	
		position: absolute;
		bottom: 0;
		right: 0;
}
.toTop a{
	color: #00528A;
	text-decoration: none;
	}
	
.toTop a:hover{
	color: #74A03E;
	/*text-decoration: underline;*/
	}

.backto {
	color: #00528A;
	margin-bottom: 10px;
	}
	
strong{
	color: #00528A
	}
	
/* SITE MAP STYLES */
#sitemapWrap {
	font-family: Rockwell, RockwellRegular, Georgia;
	font-size: 14px;
	margin-left: -15px;
}
#sitemapWrap ul {
	margin: 0 0 15px 30px;
	}
#sitemapWrap a{
	text-decoration: none;
	}
#sitemapWrap a:hover{
	color: #74A03E;
	background: transparent;
	}
	
.addthis {
	float: right;
	margin: -10px -15px 0 0;
	}
	
/** SCROLL **/
#scroll {
	position:relative;
	height:;
	overflow:hidden;
	width:1000px;
	/*padding:15px;*/
	height:403px;
	margin-bottom: 15px;
}

#intro {
	background: transparent url('/images/intro.jpg') 0 0 no-repeat;
}

#tools {
	width:9999em;
	position:absolute;
	height:300px;
}
.toolContent {
	clear:both;
	width:650px;
	float:right;
	}	 
.tool {
	float:left;
	width:1000px;
	height:340px;
	text-align:left;
	color:#FFFFFF;
}
.tool h1, .tool h2 {
	color: #c0dc8f;
	border: none;
	float: right;
	padding: 5px 0 0;
	text-shadow: 1px 1px #000;
}
.tool h2{
	font-size: 26px;
	width: 650px;
	margin: 0 0 3px;
}
.tool h1{
	font-size: 32px;
	width: 650px;
	margin: 0 0 3px;
}
.tool p {
	line-height: 13px;
	font-size:12px;
	padding: 0 0 3px;
	}
.tool ul, .feature_box_content ul {
	list-style: none;
	padding-left: 15px;	
	}
.tool ul li 
,.feature_box_content ul li {
	background: url(/images/cube-li-sm.png) no-repeat 0 4px transparent;
	padding: 2px 0 3px 20px;
	font-size: 12px;
	}
.tool ul.cubes {
	/*list-style: url(/images/cube-li.png);*/
	list-style: none;
	padding-left: 50px;
	}
.tool ul.cubes li
,.feature_box_content ul.cubes li {
	background: url(/images/cube-li.png) no-repeat 0 50% transparent;
	padding: 3px 0 3px 30px;
	font-family: Rockwell, RockwellRegular, Georgia;
	font-size: 16px;
	}
.tool div.muchmore {
	color: #c0dc8f;
	float: right;
	padding: 5px 0 0;
	text-shadow: 1px 1px #000;
	font-family: Rockwell, RockwellRegular, Georgia;
	font-size: 18px;
	}
.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
	display: none;
}

#thumbs {
	background:url(/images/bannermenu.jpg) no-repeat ;
	height:90px;
	position:absolute;
	top:325px;
	width:1000px;
	left: 2.5px;
}
 
.t {
	padding:0 !important;
	border:0 !important;
}
 
.t a {
	background:transparent url(/images/bannermenu.jpg) no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}
 
.t a.active {
	cursor:default !important;
}
 
.navi {
	margin-left:204px;
	_margin-left:194px;
}
 
/* CSS sprite for the navigation */
#t0		   { margin-left:21px; _margin-left:11px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }
 
#t1			{ background-position:-215px -90px; }
#t1:hover 	{ background-position:-215px -180px; }
#t1:active	{ background-position:-215px -270px; }
#t1.active	{ background-position:-215px 0 !important; }
 
#t2			{ background-position:-325px -90px; }
#t2:hover 	{ background-position:-325px -180px; }
#t2:active	{ background-position:-325px -270px; }
#t2.active	{ background-position:-325px 0 !important; }
 
#t3			{ background-position:-435px -90px; }
#t3:hover 	{ background-position:-435px -180px; }
#t3:active	{ background-position:-435px -270px; }
#t3.active	{ background-position:-435px 0 !important; }
 
#t4			{ background-position:-545px -90px; }
#t4:hover 	{ background-position:-545px -180px; }
#t4:active	{ background-position:-545px -270px; }
#t4.active	{ background-position:-545px 0 !important; }
 
#t5			{ background-position:-655px -90px; }
#t5:hover 	{ background-position:-655px -180px; }
#t5:active	{ background-position:-655px -270px; }
#t5.active	{ background-position:-655px 0 !important; }
 
#t6			{ background-position:-765px -90px; }
#t6:hover 	{ background-position:-765px -180px; }
#t6:active	{ background-position:-765px -270px; }
#t6.active	{ background-position:-765px 0 !important; }
 
#t7			{ background-position:-875px -90px; }
#t7:hover 	{ background-position:-875px -180px; }
#t7:active	{ background-position:-875px -270px; }
#t7.active	{ background-position:-875px 0 !important; }

a.livechat {
	float: right;
	position: relative;
	right:		0;
	}
	
a.livechat img {
	vertical-align: middle;
	display:	block;
	}
	
.tooltip {
    width: 300px;
    border: 3px solid #74A03E;
    border-radius: 5px;
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.9);
	display:none;
	font-size:12px;
	padding:10px;
	color:#555;
	text-align: left;	
}

.tooltip_head {
    font-family: Rockwell, RockwellRegular, Georgia;	
    color: #00528A; 
}

/**************************************/
#scroller {
	position:relative;
	width:980px;
	height:398px;
	padding: 20px 0 0;
	margin-bottom: 0;
	color: #fff;
	overflow:hidden;
	background:			transparent url(/images/banner_shadow.png) 50% 358px no-repeat;
}

#slider, #slider .item{list-style-type:none; margin:0; padding:0; width:960px; height:318px;}
#slider{
	border: 10px solid #fff;
	}

/* slider */
#scrubber {
  margin: 30px auto 0px auto !important;
  height: 31px;
  background-image:url(/images/greyline.gif);
  background-repeat:repeat-x;
  background-position:0px 3px;
  position:relative;
}
#scrubmover {
  position:absolute;
  left:-9px;
  top:-12px;
  height:31px;
  width: 31px;
}
#scrubber a.item {
  height: 7px;
  width: 13px;
  float:left;
  display:block;
  margin-right:0px;
}
#scrubber .lastscrubber{
	margin-right:0px !important;
	clear:right;
}
#scrubmover {
  background-image: url(/images/scrubber.png);
  background-repeat: no-repeat;
}
#scrubber a.item {
  background-image: url(/images/dot.png);
  background-position:left;
  background-repeat: no-repeat;
}
/**************************************/
.feature_boxes {
	clear:						both;
	padding:					10px 0 20px 0;
	}
	
.feature_boxes h2 {
	padding:					10px 0 0 54px;
	border:						none;
	height:						48px;
	background-position:		0 0;
	background-repeat:			no-repeat;
	background-color:			transparent;
	cursor:						pointer;
	}
	
.feature_box {
	float:						left;
	display:					inline;
	width:						300px;
	margin:						0 30px 0 0;
	}
	
.feature_box.last {
	margin:						0;
	float:						right;
	}
	
#toggle_details {
	text-align:					left;
	float:						right;
	font-size:					11px;
	font-weight:				bold;
	color:						#00528a;
	padding-top:				10px;
	cursor:						pointer;
	}

.flt_Lt {
	float:						left;
	}

.flt_Rt {
	float:						right;
	}
	
.clr_Rt {
	clear:						right;
	}
	
.partner {
	margin:						0 44px 40px 0;
	padding:					0;
	width:						425px;
	float:						left;
	display: 					inline-block;
	}
.partner.clr_Rt {
	margin:						0 0 40px 0;
	}