/* 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('/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;
	}

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.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;
	width: 1000px;
	background: transparent;
	}

#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 url('/images/CLSlogo.jpg') no-repeat 0 50%;
	padding: 0 20px;
	/*outline: 1px dashed red;*/
	}
	
#header h3 {
	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;
}

#headCall {
	padding: 0;
	margin: 50px 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: transparent;
	clear: both;
	/*
	width: 100%;
	padding: 0 20px;
	*/
	margin: 0 0 25px;
	padding: 0 20px;
	/*min-height: 400px;
	outline: 1px dashed red;*/
	}
	
#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: 260px;
	}

.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-right {
	/*outline: 1px dashed green;*/
	float: right;
	width: 250px;
	margin-top: 57px;
	}
	
.sideItem {
	margin-top: 25px;
	}
	
.sideItem.first {
	margin-top: 0;
	}

	
/*  ------------  TWITTER FEED  ------------  */
.twitterbot {
	margin: 0;
	clear: both;
	height: 200px;
	overflow: hidden;
}

.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;
	/*left: 283px;*/
	}

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

#logolink a span {
	visibility: hidden;
	color: #2E3640;
	}
/*  ------------  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;
	height: 50px;
	line-height: 50px;
	}
	
#footer a {
	text-decoration: none;
	}
	
#footer a:hover {
	/*text-decoration: underline;*/
	border-bottom: 1px solid #00528a;
	}
	
#footer .copyright {
	color: #555;
	}
	
.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 {
	list-style: none;
	padding-left: 15px;	
	}
.tool ul li {
	background: url(/images/cube-li-sm.png) no-repeat 0 4px transparent;
	padding: 2px 0 3px 20px;
	}
.tool ul.cubes {
	/*list-style: url(/images/cube-li.png);*/
	list-style: none;
	padding-left: 50px;
	}
.tool 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; }