@import url("module_navigation.css");
@import url("module_lhs.css"); 
@import url("module_footer.css"); 
@import url("module_homepanels.css"); 
@import url("module_new-styles.css");
@import url("module_portfolio.css");

* { margin: 0; padding: 0; }

body { padding-top: 40px; text-align: center; /*background: url("../images/bg.jpg") 0% 0% repeat-x #7f7f7f;*/ font: 62.5% Verdana, Arial, Helvetica, sans-serif; }

img { border: 0; }

.box001{
margin:0px auto;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:10px 10px 10px 10px;
}

.SlidingPanelsContentGroup {min-height:0;}


div.clear { height: 0; line-height: 0px; clear: both; }
.float-left { float: left; }
.float-right { float: right; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

.wrapper { margin: 0 auto; padding: 0 10px; width: 970px; background: #fff url("../images/wrapper-bg.jpg") 0% 0% repeat-y; h }

/*------------------------------ Fonts -----------------------------------------------------------------------*/

 @font-face {
   font-family: Kalinga;
   src: url(‘fonts/kalinga.ttf’);
 }
 
 @font-face {
   font-family: Corbel;
   src: url(‘fonts/corbel.ttf’);
 }

/*------------------------------ Panels ----------------------------------------------------------------*/

.home-content{ background: url("/images/bg/home-content-bg.jpg") top left repeat-y;}
.content-about{ background: url("/images/bg/about-content-bg.jpg") top left repeat-y;}
.content-clients{ background: url("/images/bg/clients-content-bg.jpg") top left repeat-y;}
.content-can{ background: url("/images/bg/can-content-bg.jpg") top left repeat-y;}
.content-market{ background: url("/images/bg/market-content-bg.jpg") top left repeat-y;}
.content-contact{ background: url("/images/bg/contact-content-bg.gif") top left repeat-y;}

/*------------------------------- Header ------------------------------------------------------------------------*/
body#homepage #header{ height:300px; background: url("../images/home-header-bg.jpg") bottom left no-repeat; }
#header { margin: 0; padding: 0; width: 968px; height: 247px;  position:relative;  }
.about { background:#fff url("../images/about-header-bg.jpg") top left no-repeat; color:#114488; }
.clients { background:#fff url("../images/client-header-bg.jpg") top left no-repeat; color:#114488; }
.cont { background:#fff url("../images/cand-header-bg.jpg") top left no-repeat; color:#114488; }
.marketwatch { background:#fff url("../images/market-header-bg.jpg") top left no-repeat; color:#114488; height:246px !important}
.contact { background:#fff url("../images/contact-header-bg.jpg") top left no-repeat; color:#114488; }
.marketwatch #logo-sub{ height:226px !important}

#logo { margin: 0; padding: 20px 0 0 0; width: 230px; height: 271px; float: left; background: url("../images/logo-bg.png") top left no-repeat; }
#logo-sub{ margin: 0 0 0 -1px; padding: 20px 0 0 0; width: 230px; height: 227px; float: left; background: url("../images/logo-sub-bg.png") top left no-repeat; }
#header p{ color:#fff; position:absolute;     text-shadow: 0.05em 0.05em 0.25em #000000; font-family:Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style:italic; top:20px; right:40px; font-variant:normal;}

/*------------------------------ Search Box ----------------------------------------------------------------*/


input.search-btn {
    background: url("../images/buttons/submit-search-btn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 21px;
    opacity: 1;
    width: 73px;}
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ image area ------------------------------------------------------------*/

#flashcontent { margin: 0; padding: 0; width: 970px; height: 260px; background: #000; }

#banner { margin: 0; padding: 0; width: 870px; height: 160px; }
#banner img { width: 870px; height: 150px; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ content ---------------------------------------------------------------*/

.back{ width:200px; float:left}
.newsh{ margin:0;}
.newsp{ margin:0;}
#content { width: 970px; min-height: 380px; height: auto !important; height: 380px; text-align: left; margin:0 }

#contentText { margin: 0; padding: 20px 0 0 20px; width: 630px; float: left; position: relative; }
* html #contentText { width: 627px; }
#contentText.debt { padding-top: 10px; }


#contentText .breadcrumbs { margin: 0 0 10px -5px; padding: 0; font-size:10px; font-weight: normal; font-family: Kalinga; color: #000; z-index: 0; position: relative; }
#contentText .breadcrumbs a { font-weight: normal; color: #000; text-decoration:underline; margin: 0 5px}
#contentText .breadcrumbs span { margin: 0 10px; padding: 0 10px 0 0; width: 13px; height: 7px; /*background: url("../images/breadcrumbs_arrow.gif") 0% 50% no-repeat*/ }

#contentText h1 { margin: 0 10px 16px 0; padding: 0 0 10px 0; color: #21234a; font-size: 1.8em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #c2c2c2; }
#contentText h1.home em 
{
	padding: 0 15px;
}
#contentText h2 { height: 1%; margin: 0 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; }
#contentText h2.blue2 { background:  url("../images/blue/h2_bg.jpg") 0% 0% repeat-x; margin: 0 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; }
#contentText h3 { height: 1%; margin: 30px 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
#contentText h3.contact_info { margin: 0 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
#contentText h4 { margin: 0;     padding: 0 0 12px 0; color: #16253a; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; /*background: url("../images/divide.gif") 0% 100% repeat-x;*/ }

.can-content h4{ 
    /*border-bottom: 1px dotted #1A4167;*/
    color: #1A4167 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 30px 0 10px 0px !important;
    padding: 0 0 7px 0px !important;
}
.can-content h4 a{ text-decoration:none !important}

.can-content h5{ padding:0 0 0 10px !important; color: #1A4167 !important;}
.can-content dl dd {color:#000 !important;}

#contentText h5 { margin: 5px 0 5px 0; padding: 0 0 5px 10px; font-weight: bold; font-size: 1.1em; }
#contentText a { color:#000000; text-decoration:underline; }
#contentText a:visited { color:#000000; text-decoration:underline; }
#contentText p { margin: 0; padding: 0; color: #808080; font-size: 1.1em; font-weight: normal; line-height: 1.6em; text-align: justify; }

#contentText p.title { margin: 0 10px 5px 10px; padding: 0; color: #000; font-size: 1.1em; font-weight: normal; line-height: 1.6em; float: left; width: 300px; }
#contentText p.salary { margin: 0 10px 5px 10px; padding: 0; color: #000; font-size: 1.1em; font-weight: normal; line-height: 1.6em; float: left; width: 270px; }

#contentText ul
{
	margin: 0 0 16px 10px; padding: 0; list-style: none;
	
}

.colums-home{     float: left;
    width: 350px; }

#contentText.debt ul 
{
	margin-bottom: 0;
	
}

#lhs #menu.debt ul li
{
	color: #484e58;
}

#contentText ol
{
	margin: 0 0 16px 35px;
}

#contentText ol.order
{
	font-size: 1.1em;
}

#contentText ol li 
{
	margin: 0;
	padding: 0 20px 3px 0px;
	color: #808080;
	font-weight: normal;
	line-height: 1.8em;
	
}

#contentText ol li ul li 
{
	font-size: inherit;
}

#contentText ol li ul 
{
	margin-top: 5px;
	margin-bottom: 10px;
}

#contentText ul.pdf { margin: 0 0 16px 60px; padding: 0; list-style: none; }

#contentText ul li { margin: 0; padding: 0 20px 3px 20px; color: #808080; font-size: 1.1em;  font-weight: normal; line-height: 1.8em; /*background: url("../images/green/arrow.gif") 0% 0% no-repeat; */}

#contentText dl 
{
	margin: 0 0 16px 10px;
}
.content-can dl dt 
{
	    color: #1A4167;
}

#contentText dl dt 
{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.8em; 
	padding: 0 0 5px 20px;
	background: url("../images/arrows/can-arrow.jpg") 0% 40% no-repeat;
}

#contentText dl dd 
{
	padding: 0px 0 14px 0;
	font-size: 1.1em;
	line-height: 1.6em; 
	color: #808080;
} 


#contentText #container { margin: 0 0 0 20px; padding: 0 0 10px 0; width: 175px; float: right; }

#contentText #container .job_overview { margin: 0 0 10px 0; padding: 0 0 20px 0; background: #d9c497; }
#contentText #container .job_overview p { margin: 0 0 0 20px; padding: 0; color: #000; font-size: 1.1em; line-height: 2.0em; }
#contentText #container .subheading { margin: 0 0 15px 0; padding: 0; width: 175px; height: 25px; background: url("../images/job_overview_heading.gif") 0% 0% no-repeat; }
#contentText #container .subheading span { display: none; }

#contentText #container .email_friend { margin: 0 0 10px 0; padding: 0 0 20px 0; background: #afbdd5; }
#contentText #container .email_friend p { margin: 0 0 0 10px; padding: 0; color: #000; font-size: 1.1em; line-height: 2.0em; }
#contentText #container .email_friend .subheading { margin: 0 0 15px 0; padding: 0; width: 175px; height: 25px; background: url("../images/email_friend_heading.gif") 0% 0% no-repeat; }
#contentText #container .email_friend .send { margin: 10px 0 0 0; padding: 0; border: none; width: 61px; height: 25px; display: block; vertical-align: middle; text-align: center; cursor: pointer; font-size: 1.0em; font-weight: bold; color: #fff; background: url("../images/sendBg.gif") 0% 0% no-repeat; }

#contentText #container .thank_you { margin: 0 0 10px 0; padding: 0 0 20px 0; background: #afbdd5; }
#contentText #container .thank_you p { margin: 0 0 0 10px; padding: 0; color: #000; font-size: 1.1em; line-height: 2.0em; }
#contentText #container .thank_you .subheading { margin: 0 0 15px 0; padding: 0; width: 175px; height: 25px; background: url("../images/thanks_heading.gif") 0% 0% no-repeat; }

#contentText .apply {     margin: 0; width: 156px; height: 38px; background: url("../images/buttons/clients-apply_btn.jpg") no-repeat scroll 0 0 transparent;}
#contentText .apply a, #contentText .apply a:visited { 
	display: block; height: 30px; margin: 0; padding: 12px 0 0 10px; 
	color: #fff !important; font-size: 1.1em; font-weight: bold; text-decoration: none;
	background: url("../images/buttons/white_arrow.gif") 165px 50% no-repeat; 
}

#contentText #description { margin: 0; padding: 0; width: 430px; float: left; }

#contentText .overview { margin: 0; padding: 0 0 0 10px; width: 160px; float: left; }
#contentText .overview p { margin: 0; padding: 0; color: #AB5910; font-size: 1.1em; font-weight: normal; line-height: 2.0em; }
#contentText .overview p span { color: #86450c; font-weight: bold; }
#contentText .summary { width: 460px; float: left; }
#contentText .summary p { margin: 0; padding: 0; color: #808080; font-size: 1.1em; font-weight: normal; line-height: 2.0em; }
#contentText .more_details { margin: 20px 0px 0 0; padding: 0; float: right; width: 20%; }
#contentText .more_details a { margin: 0; padding: 3px 13px 0 0; font-weight: bold; font-size: 1.1em; background: url("../images/green/arrow.gif") 100% 0% no-repeat; } 

.viewAgency { margin: 0; padding: 0 0 0 10px; color: #17263b; font-size: 11px; font-weight: bold; text-align: left; margin: 0 20px 20px 0; background: url("../images/back_arrow.gif") 0% 58% no-repeat; font-family: Arial, Helvetica, sans-serif; float:right}

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ colour coded areas ----------------------------------------------------*/

#contentText .green h2 { background:  url("../images/green/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .green h3 { background:  url("../images/green/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .green a { color: #2d3b36;  }
#contentText .green ul li { background: url("../images/green/arrow.gif") 0% 0% no-repeat; }

#contentText .purple h2 { background:  url("../images/purple/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .purple h3 { background:  url("../images/purple/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .purple a { color: #2d293b; }
#contentText .purple ul li { background: url("../images/purple/arrow.gif") 0% 0% no-repeat; }

#contentText .blue h2 { background:  url("../images/blue/h2_bg.jpg") 0% 0% repeat-x; width: 600px !important; }
#contentText.debt .blue h2 {width: auto !important;}

#contentText .blue h3 { background:  url("../images/blue/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .blue h5 { color: #17263b; }
#contentText .blue a { color: #17263b; }
#contentText .blue ul li { background: url("../images/blue/arrow.gif") 0% 0% no-repeat; }

#contentText .red h2 { background: url("../images/red/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .red h3 { background:  url("../images/red/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .red a { color: #661731; }
#contentText .red ul li { background:  url("../images/red/arrow.gif") 0% 0% no-repeat; }

#contentText .brown h2 { background:  url("../images/brown/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .brown h3 { background:  url("../images/brown/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .brown a { color: #262320; }
#contentText .brown ul li { background:  url("../images/brown/arrow.gif") 0% 0% no-repeat; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ content ---------------------------------------------------------------*/

#contentText .form { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; margin: 20px 0; padding: 0;  }
#contentText .form td { vertical-align: top; padding: 5px; }
#contentText .form br { clear:left; }
#contentText .form label b { color: #FF0000; }
#contentText .form label { display: block; float: left; width: 130px; padding: 0; text-align: right; }
#contentText .form input { width: 200px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; text-align: left; } 
#contentText .form textarea { width:auto; padding: 3px; overflow: auto; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
#contentText .form select { width: 210px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; }
#contentText .form .boxes { margin: 15px 0 0 0; float: left; }
#contentText .form .boxes input { margin: 0 0 10px 10px; padding: 0px; width: 1em; float: left; display: inline-block;  }
#contentText .form .boxes label { float: left; margin: 0 0 0 5px; padding: 0; text-align: left; line-height: 1.8; vertical-align: top; }

.can-content .form .boxes input {     margin: -3px 10px 10px 10px !important;}
.can-content .form input.submitButton {background:  url("../images/buttons/cans-apply_btn.jpg") 0% 0% no-repeat !important; margin:10px 19px 0 141px !important}
.can-content .form input {margin: -3px 10px 10px 10px !important;}
.can-content .form input.submitButton2 {background:  url("../images/buttons/cans-apply_btn.jpg") 0% 0% no-repeat !important;     margin: 10px 8px 0 13px !important;}
#contentText .form input.submitButton2 { 
	border: none; width: 120px; height: 30px; margin:0 10px 0 0; 
	background:  url("../images/buttons/clients-apply_btn.jpg") 0% 0% no-repeat;
	vertical-align: middle; text-align: center; cursor: pointer; font-weight: bold;  color: #fff; 
}



#contentText .form input.submitButton { 
	border: none; width: 120px; height: 30px; margin:0 10px 0 0; 
	background:  url("../images/buttons/clients-apply_btn.jpg") 0% 0% no-repeat;
	vertical-align: middle; text-align: center; cursor: pointer; font-weight: bold;  color: #fff; 
}
#contentText .form input.button { margin: 10px 0 0 10px; padding: 0; border: none; width: 65px; height: 24px; vertical-align: middle; text-align: center; cursor: pointer;     
background: url("../images/buttons/clients-apply_btn.jpg") no-repeat scroll 0 0 transparent; color: #fff; float: left; }
#contentText .form input.cancelButton { margin: 10px 0 0 15px; padding: 0; border: none; width: 65px; height: 24px; vertical-align: middle; text-align: center; cursor: pointer; background: #3b354f; color: #fff; float: left; }

#contentText ul.sitemap { margin: 0; list-style: none; list-style-image: none; width: 50%; }

#contentText ul.sitemap ul { margin: 0 30px; list-style: none; list-style-image: none; }
#contentText ul li ul li { font-size: 11px; }
#contentText ul li p { margin-top: 10px; margin-bottom: 20px;  font-size: 11px; }
#contentText ul li p a { line-height: 22px; }

#contentText ul.sitemap a, #contentText ul.sitemap a:visited { display: block; width: 100%; padding: 0; text-decoration: none; }

/*#contentText ul.sitemap a:hover { background: #dbe5f5; }*/

#contentText ul.sitemap strong { display: block; margin: 10px 0 0 0;   color: #AB5910; font-size:14px; }

#contentText .maincontent_sitemap_right { float: right;  }

#contentText .maincontent_sitemap_left { float: left; }


#contentText .PagingLinks { border: 1px solid #ddd; }
#contentText .PagingLinks td { height: 30px; padding: 5px; font-size: 11px; background: #f0f0f0; }
#contentText .PagingLinks span { 
	padding: 5px 8px; background: #ddd; 
	border-right: 1px solid #fff; text-align: center;
}
#contentText .PagingLinks a, #contentText .PagingLinks a:visited { 
	padding: 5px 8px; background: #ab5910; 
	border-right: 1px solid #fff;
	text-align: center; text-decoration: none; color: #fff; font-weight: bold;
}

/***********************************/
/* table with news */

table.events 
{
	margin: 0 0 10px 0;
	border-bottom:1px solid #e0e0e0;
}

table.events td 
{
	vertical-align: top;
	padding: 5px;
}

#contentText table.events td p 
{
	margin: 0 0 10px 0;
}

#contentText table.events td p.right 
{
	text-align: right;
	padding: 5px 0 5px 0;
}

#contentText table.events td h5 
{
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 6px 0;
	padding: 0;
	
}

table.eventsImages td 
{
	text-align: center;
}

.bottomButtons 
{
	display: block;
	margin: 10px 0 19px 0;
	clear: both;
	height: 25px;
}

.back 
{
	
	float: left;
	padding: 10px 0 0 10px;
}

.print 
{
	width: 200px;
	float: right;
	text-align: right;
	color: #17263b; 
	font-size: 10px; 
	font-weight: bold;
}



.print img 
{
	text-align: right;
}

.cleaner 
{
	clear: both;
}

#contentText .right 
{
	text-align: right;
}

#contentText p em 
{
	display: block;
	text-align: center;
	color: #18263C;
	
}

/**************************/
/* microsite styles */
.csgIntro #contentText
{
	float: none;
	width: 870px;
	padding-left: 0;
	color: #21234b;
}

.csgIntro #contentText p 
{
	margin-left: 0;
	color: #21234b;
}

.csgIntro #contentText #csgPanels .panel 
{
	float: left;
	width: 284px;
	height: 275px;
	margin-bottom: 20px; 
	background: #f5f5f5;
}

.csgIntro #contentText #csgPanels #panelCDS 
{
	margin: 0 9px 20px 9px;
}

.csgIntro #contentText #csgPanels .panel p 
{
	padding: 10px;
	
}

.csgIntro #contentText #csgPanels .panel h3 
{
	margin: 0;
	padding: 6px 0 8px 10px;
	background: none;
	font-family: Arial;
	font-size: 1.6em;
	font-weight: normal;
}

.csgIntro #contentText #csgPanels .panel img 
{
	margin: 10px 0 0 10px
}

.csgIntro #contentText #csgPanels .panel a.more 
{
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px 0 0;
	background: url(../images/panels/friend_arrow.gif) right 4px no-repeat;
}

.csgIntro #contentText #csgPanels .panel a.more:hover 
{
	text-decoration: underline;
}

.csgIntro #contentText #csgPanels #panelCFS h3 
{
	background: url(../images/bg_csg_head_green.gif) 0 0 repeat-x;
}

.csgIntro #contentText #csgPanels #panelCDS h3 
{
	background: url(../images/bg_csg_head_red.gif) 0 0 repeat-x;
}

.csgIntro #contentText #csgPanels #panelCBS h3 
{
	background: url(../images/bg_csg_head_blue.gif) 0 0 repeat-x;
}