/*
Charles Sterling Group
*/

/* Main / COmmon Styling
----------------------------------------------- */

/* --------[Fix IE image sizing]-------- */
.ie7 img { -ms-interpolation-mode: bicubic; }

body {
	background: #fff;
	color: #595959;
	font-size: 62.5%; /* Sets the page font to 10px */
	font-family: Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	}
a {
	text-decoration: underline;
	color: #306074;
	}
a:hover {
	text-decoration: none;
	}
#wrapper {
	background: #8CABB7 url(../images/bg-body.gif) top left repeat-x;
	}
.wrapper {
	width: 856px;
	margin: 0 auto;
	background: #75ABBB url(../images/bg-wrapper.gif) 0 0 no-repeat;
	}
#header {
	position: relative;
	height: 270px;
	}
.logo {
	position: absolute;
	top: 74px;
	left: 35px;
	}
.logo h1 a {
	display: block;
	position: relative;
	width: 167px;
	height: 143px;
	text-indent: -9999px;
	}
.logo h1 a span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/charles-sterling-group.gif) top left no-repeat;
	}
.top-menu {
	position: absolute;
	top: 7px;
	right: 30px;
	text-align: right;
	}
.top-menu a {
	font: 1.2em Verdana, Tahoma;
	color: #3D6576;
	text-decoration: none;
	}
.top-menu a.selected, .top-menu a:hover {
	text-decoration: underline;
	}
.header {
	position: absolute;
	top: 66px;
	left: 234px;
	width: 588px;
	}
.message { }
.message h2 {
	color: #007091;
	font: 2.5em Verdana, Tahoma;
	letter-spacing: -1px;
	margin-bottom: 0;
	}
.sub-page .message h2 {
	padding-top: 10px;
	font: 2.8em Verdana, Tahoma;
	}
.message h3 {
	color: #000;
	font: 1.6em Verdana, Tahoma;
	letter-spacing: -0.5px;
	margin-bottom: 0;
	}
.home-page .header {
	height: 200px;
	}
.sub-page .header {
	height: 200px;
	}
#main {
	background: url(../images/bg-main-mid.gif) top right repeat-y;
	}
.main {
	background: url(../images/bg-main-top.gif) top right no-repeat;
	}
#content {
	width: 640px;
	float: right;
	text-align: left;
	}
.content {
	padding: 0 56px 90px 42px;
	min-height: 480px;
	background: url(../images/bg-content.gif) bottom right no-repeat;
	}
	#content h2 {
		font: 2.1em Verdana, Tahoma;
		letter-spacing: -0.5px;
		color: #007091;
		width: 85%;
		}
	#content h3 {
		font-weight: bold;
		color: #007091;
		}
		
		#content h3 a {
			color: #007091;
			text-decoration: none;
		}
		
	.content hr {
		display: block;
		border: 0; 
		height: 1px; 
		background: #999999; 
			*color: #999999; 
		margin-bottom: 18px;
	}
	.content ul {
		margin: 0 0 18px 0;
		}
		.content ul li {
			padding: 0 0 8px 18px;
			background: url(../images/list-style.gif) 0 5px no-repeat;
		}
		.content ul ul {
			margin: 8px 0 18px 18px;
			}
			.content ul ul li {
				padding: 0 0 8px 18px;
				background: url(../images/list-style-sub.gif) 0 7px no-repeat;
			}

	
.intro-paragraph {
	font: 1.4em/1.2em Verdana, Tahoma;
	text-align: right;
	}
.boxes {
	clear: both;
	border-top: 1px solid #ACB1B3;
	margin-top: 30px;
	padding-top: 30px;
	}
.boxes .left, .boxes .right {
	width: 266px;
	background: url(../images/box-mid.gif) top left repeat-y;
	}
.boxes .box-top {
	padding-top: 20px;
	background: url(../images/box-top.gif) top left no-repeat;
	}
.boxes .box-bot {
	padding: 0 30px 5px 30px;
	background: url(../images/box-bot.gif) bottom left no-repeat;
	}
.boxes .box-bot p {
	font-size: 10px;
}
.boxes h3 {
	color: #306074;
	font: bold 1.6em Verdana, Tahoma;
	margin-bottom: 5px;
	}
.boxes img {
	margin-bottom: 4px;
	}
.boxes p {
	font-size: 1.2em;
	line-height: 1.4em;
	}
#sidebar {
	width: 210px;
	float: left;
	}
.sidebar {
	padding: 0 0 0 50px;
	}
#sidebar ul.main-nav {
	padding-left: 3px;
	text-align: left;
	}
#sidebar ul.main-nav li {
	padding: 8px 0 8px 15px;
	border-bottom: 1px solid #7C969E;
	}
#sidebar ul.main-nav li.last {
	border-bottom: 0;
	}
#sidebar ul.main-nav li a {
	color: #fff;
	display: block;
	text-transform: uppercase;
	font: bold 1.2em Verdana, Tahoma;
	text-decoration: none;
	height: 11px;
	text-indent: -9999px;
	background: url(../images/menu.gif) top left no-repeat;
	}
#sidebar ul.main-nav li.selected a, #sidebar ul.main-nav li a:hover {
	color: #007091;
	}
#sidebar ul.main-nav li a.company {
	background-position: 0 0;
	}
#sidebar ul.main-nav li.selected a.company, #sidebar ul.main-nav li a.company:hover {
	background-position: 0 -89px;
	}
#sidebar ul.main-nav li a.expertise {
	background-position: 0 -26px;
	}
#sidebar ul.main-nav li.selected a.expertise, #sidebar ul.main-nav li a.expertise:hover {
	background-position: 0 -115px;
	}
#sidebar ul.main-nav li a.practices {
	background-position: 0 -52px;
	}
#sidebar ul.main-nav li.selected a.practices, #sidebar ul.main-nav li a.practices:hover {
	background-position: 0 -141px;
	}
#sidebar ul.main-nav li a.jobseekers {
	background-position: 0 -78px;
		_height: 10px;
		_overflow: hidden;
	}
#sidebar ul.main-nav li.selected a.jobseekers, #sidebar ul.main-nav li a.jobseekers:hover {
	background-position: 0 -167px;
	}
#sidebar ul.main-nav li ul {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #7C969E;
	margin-left: -15px;
	}
#sidebar ul.main-nav li ul li {
	border-bottom: 0;
	padding: 5px 0 5px 10px;
	}
#sidebar ul.main-nav li.selected ul li a {
	height: auto;
	text-indent: 0;
	font: 1.1em/1.5em Verdana, Tahoma;
	color: #fff;
	padding-left: 15px;
	background: url(../images/bullet-regular.gif) 0 0.5em no-repeat;
	}
#sidebar ul.main-nav li ul li.selected a, #sidebar ul.main-nav li ul li a:hover {
	color: #007091;
	background: url(../images/bullet-hover.gif) 0 0.5em no-repeat;
	}
#sidebar .widget {
	background: url(../images/widget-mid.gif) top left repeat-y;
	}
#sidebar .widget-top {
	background: url(../images/widget-top.gif) top left no-repeat;
	padding: 20px 20px 1px 20px;
	text-align: left;
	}
#sidebar .widget img {
	margin-bottom: 10px;
	}
#sidebar .widget a {
	color: #595959;
	text-decoration: none;
	}
	#sidebar .widget a:hover {
		text-decoration: underline;
		}
#navigation {
	background: url(../images/widget-bot.gif) top left no-repeat;
	position: relative;
	height: 24px;
	padding-top: 2px;
	}
#frame  {
	overflow: hidden;
	margin: 0 auto;
	width: 120px;
	}
#scroller {
	width: 118px;
	margin: 0 auto;	
	overflow: hidden;
	}
#scroller-content {
	width: 800px;
	}
.widget-content {
	width: 118px;
	float: left;
	padding: 1px;
	}
.scroll-left {
	position: absolute;
	top: 9px;
	left: 5px;
	}
.scroll-right {
	position: absolute;
	top: 9px;
	right: 5px;
	}
.contact-form {
	width: 400px;
	border: 1px solid #eee;
	background: #f8f8f8;
	padding: 15px 25px 5px 15px;
	font-size: 1.1em;
	}
.contact-form input, .contact-form textarea {
	width: 100%;
	padding: 1px;
	}
.contact-form p.submit {
	text-align: right;
	}
.contact-form input.submit {
	width: auto;
	padding: 3px 5px;
	}
#navigation ul {
	display: inline;
	font-size: 1.1em;
	}
#navigation li {
	display:inline;
	margin: 0;
	padding: 0;
	}
#navigation a, #navigation a:link, #navigation a:visited {
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	}
#navigation a:hover, #navigation li.active a {
	color: #B7D7E0;
	}
#footer {
	background: #fff url(../images/bg-footer.gif) top left repeat-x;
	color: #999;
	padding: 7px 0 30px;
	}
.footer {
	width: 856px;
	margin: 0 auto;	
	}
.footer p {
	font: bold 1.1em Tahoma;
	}
.footer a {
	color: #999;
	}
/* Common Elements
----------------------------------------------- */
h1 {
	font-size: 2.6em;
	}
h2 {
	font-size: 2.0em;
	}
h3 {
	font-size: 1.4em;
	}
h4 {
	font-size: 1.6em;
	}
p, ul, ol, blockquote {
	font: 1.2em/1.6em Verdana, Tahoma;
	}
h1, h2, h3, h4, p, img, blockquote, ul, ol {
	margin-bottom: 15px;
	}
ul ul, ol ol {
	margin-bottom: 0;
	font-size: 1em;
	}
ul li {
	padding: 0 0 0 10px;
	background: url(../images/bullet.gif) 0 0.7em no-repeat;
	}
ol li {
	padding: 0 0 0 10px;
	list-style-type: decimal;
	}
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
.contain:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.contain {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .contain {
	height: 1%;
	}
.contain {
	display: block;
	}
.narrow90 {
	width: 90%;
	}
.narrow80 {
	width: 80%;
	}
.narrow70 {
	width: 70%;
	}
.left {
	width: 49%;
	float: left;
	}
.right {
	width: 49%;
	float: right;
	}
/* End hide from IE-mac */
.center {
	text-align: center;
	}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignleft {
	float: left;
	}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 15px 8px 0px;
	}
.alignright {
	float: right;
	}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 8px 15px;
	}
div.thFloat {
	float: left; 
	padding: 0 12px 52px 0;
}
hr {
	display: none;
	}
.clear {
	clear: both;
}


/*
Theme: Leandro Pessoa
Author: Simple and Clean
URL: http://www.leandropessoa.com.br
Country: Brazil
*/
table{border-spacing:1px;font:10px Verdana, Tahoma, Helvetica, sans-serif;background:#E7E7E7;color:#666666;}
td, th{padding:4px; vertical-align: top;}
thead th{text-align:center;background:#F5F5F5;color:#666666;border:1px solid #ffffff;font-weight: bold;}
tbody th{font-weight:bold;}
tbody tr{background:#EBF8FE;text-align:left;}
tbody tr.odd{background:#ffffff;border-top:1px solid #ffffff;}
tbody th a:link, tbody th a:visited{color:#666666;}
tbody th a:hover{color:#009900;}
tbody tr td{height:50px;background:#EBF8FE;border:1px solid #ffffff;}
tbody tr.odd td{background:#ffffff;border-top:1px solid #ffffff;}
table td a:link, table td a:visited{color:#666666;text-decoration:none;font-weight: bold;}
table td a:hover{color:#009900;text-decoration:underline;font-weight: bold;}