/********************************************
			GLOBAL SETTING
 ********************************************/
 
* {
	margin: 0px;
	padding: 0px;	
}


/********************************************
				LAYOUT
 ********************************************/

body {
	background: #90b4c0 url(/img/bg_gradient_body.gif) repeat-x;
	color: #727272;
	font-size: 62.5%;
	margin-bottom: 10px;
}

div#index_container, 
div#container {
	width: 800px;
	margin: 0px auto;
	background: #ffffff;
	background-repeat: repeat-y;
	line-height: 1.6em;
	font-family: Helvetica, Tahoma, Arial,  sans-serif;
	color: #727272;
	font-size: 1.1em;
}

div#index_container {
	background-image: url(/img/bg_index_body_border.gif);
}

div#container {
	background-image: url(/img/bg_about_body_border.gif);
}

p#error, p#message, #job_message {
	padding: 5px 10px;
	border: 1px solid #fc0;
	background: #ffc;
}
#sent_message {
	margin:0;
	padding: 10px 10px;
	padding-left:25px;
	border: 1px solid #fc0;
	background: #ffc;
	font-weight: bold;
	color:#444;
}


#job_message, #job_error {
	background: #ffc url(/img/error.png) 0 50% no-repeat;
}

p#error {
	display: none;
}

/***** commonly used links *****/
a {
	color: #0d447c;
}

a:hover {
	color: #f95616;
}

a img {
	border: none;
}

a.looking_for_work {
	display: block;
	height: 126px;
	width: 267px;
	margin-left: 1px;
	background: url(/img/looking_for_work.gif) top no-repeat;
}

a.looking_for_work:hover {
	background-position: bottom;
}
a.looking_for_work_jl {
	display: block;
	height: 126px;
	width: 267px;
	margin-left: 1px;
	background: url(/img/looking_for_work_jl.gif) top no-repeat;
}

a.looking_for_work_jl:hover {
	background-position: bottom;
}


.bottom_links a, .bottom_links {
	font-size: 1em;
	font-weight: bold;
	color: #fa5616;
	background-color: #ffffff;
}
.bottom_links a {
	text-decoration: underline;
}
.bottom_links a:hover {
	color: #0d447c;
	background-color: #ffffff;
}

/***** form style *****/
form fieldset {
	background-color: #fbf8f8;
	border: solid 1px #f3f3f3;
	padding: 20px 10px 15px 10px;
	margin-bottom: 12px;
}

form fieldset label {
	padding: 3px;
	float: left;
	width: 7em;
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
	
}

form fieldset input {
	margin-bottom: 0.8em;
	border: solid 1px #cecece;
	width: 26em;
	padding: 3px;
	color: #727272;
	font-size: 11px;
}

form fieldset textarea {
	margin-bottom: 0.8em;
	border: solid 1px #cecece;
	width: 26.5em;
	height: 10em;
	color: #727272;
	font-size: 11px;
	font-family: Helvetica, Tahoma, Arial,  sans-serif;
	padding: 3px;
}

form input#btn {
	margin-left: 88px;
	width: 8em;
}

/***** header *****/
div#header {
	background: url(/img/bg_header.gif) no-repeat;
	width: 800px;
	height: 115px;
}

ul#top_nav {
	padding-left: 550px;
	padding-top: 20px;
}

ul#top_nav li {
	display: inline;
	list-style: none;
	padding: 15px 10px 15px 10px;
}

ul#top_nav li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #737373;
	background-color: #ffffff;
}

ul#top_nav li a:hover {
	color: #0d447c;
	background-color: #ffffff;	
}

ul#top_nav li.grey_line {
	background: url(/img/grey_line.gif) no-repeat;
	background-position: right;
}

div#header a img {
	margin-left: 20px;
}

div#photo {
	width: 800px;
	height: 140px;
}

/***** footer *****/
div#footer {
	background: #f96328 url(/img/bg_footer.gif) no-repeat;
	width: 800px;
	height: 79px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding-top: 14px;
	clear: both;
}

ul.footer_links {
	list-style: none;
	margin-bottom: 7px;
}

ul.footer_links li {
	display: inline;
}

ul.footer_links li a {
	text-decoration: none;
	color: #FFFFFF;
}

ul.footer_links li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}


/********************************************
				index.php
 ********************************************/

div#about_us, div#latest_jobs {
	width: 266px;
	float: left;
}

div#testimonials {
	width: 268px;
	float: left;
}

div#about_us h1 {
	background: url(/img/title_about.gif) 0 0 no-repeat;
	width: 266px;
	height: 55px;
}

div#latest_jobs h1 {
	background: url(/img/title_latestjobs.gif) no-repeat;
	width: 266px;
	height: 55px;
	margin: 0; padding: 0;
}

div#testimonials h1 {
	background: url(/img/title_testimonials.gif) no-repeat;
	width: 268px;
	height: 55px;
}

p.sub {
	background-color: #f3f3f3;
	font-size: 1.1em;
	font-weight: bold;
	color: #fa5616;
	padding: 13px 22px 16px 22px;
}

div#about_us p.sub {
	margin-right: 1px;
}

div#testimonials p.sub {
	margin-left: 1px;
}

p.content {
	margin: 24px 36px 26px 24px;
}

ul#latest_jobs_links {
	padding: 24px 24px 26px 24px;
}

ul#latest_jobs_links li {
	list-style: none;
}

ul#latest_jobs_links a {
	background: url(/img/icon_point_normal.gif) 0 0.8em no-repeat;
	padding: 2px 15px;
	display: block;

}

ul#latest_jobs_links a:hover {
	background: url(/img/icon_point_hover.gif) 0 50% no-repeat;
}

p.bottom_links {
	background: url(/img/icon_arrow_right.gif) no-repeat;
	height: 16px;
	text-indent: 22px;
	margin-left:22px;
	margin-bottom: 31px;
}

div#testimonials blockquote {
	margin: 24px 36px 26px 24px;
	height: 4em;
	background: #fff url(/img/left_quote.gif) 0 4px no-repeat;
	color: #727272;
	text-indent: 20px;
}


/********************************************
				about.php
 ********************************************/
 
h1#page_content_title {
	background: #fff url(/img/bg_title.jpg) no-repeat;
	width: 773px;
	height: 37px;
	padding-top: 17px;
	padding-left: 27px;
	font-size: 1.4em;
	color: #051e5e;
}

div#page_content {
	width: 495px;
	float: left;
	padding: 23px 10px 39px 27px;
}

div#page_content h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #fc5919;
	background-color: #ffffff;
}

div#page_content p {
	padding: 5px 21px 5px 0px;
}

div#page_content ul {
	margin: 0; padding:0;
	padding-bottom:5px;
}

div#page_content ul li {
	list-style: none;
	padding-bottom: 2px;
	background: url(/img/icon_point_normal.gif) 0 0.5em no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}

div#page_content p.bottom_link_title {
	font-weight: bold;
	background: none;
	list-style: none;
	padding-bottom: 7px;
}

div#page_content ul li.bottom_link_title {
	font-weight: bold;
	background: none;
	list-style: none;
	margin-left: -16px;
	padding-bottom: 7px;
}

div#page_content ul li.bottom_links {
	background: url(/img/icon_arrow_right.gif) no-repeat;
	background-color: #ffffff;
	list-style: none;
	margin-left: 14px;
	text-indent: 12px;
	color: #fa5616;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 6px;
}

div#page_content ul li.bottom_links a {
}

/***** grahpic style *****/
img#core_industry {
	margin-top: 5px;
	margin-bottom: 20px;
}

/***** right navigation *****/
div#page_right_nav {
	width: 268px;
	float: left;
	padding-bottom: 30px;
}

div#page_right_nav ul {
	margin-left: 1px;
}

div#page_right_nav ul li {
	list-style: none;

}

div#page_right_nav ul li a {
	text-decoration: none;
	color: #505050;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	background-color: #f7f7f7;
	padding: 10px 0px 10px 25px;
	/*border-bottom: solid 1px #d1d1d1;*/
}

div#page_right_nav ul li a:hover {
	background-color: #bfbfbf;
	color: #505050;
	
	color: #fff;
	background: #0d447c;
}

div#page_right_nav ul li a.link_active {
	color: #505050;
	background: #0d447c;
	color: #fff;
	border-bottom: 0;
}

div#page_right_nav ul li.sublinks a {
	background: #dddddd url(/img/sub_sublink_hover.jpg) 15px 50% no-repeat;
	padding-left: 45px;	
	border-bottom: 0;
}

div#page_right_nav ul li.sublinks a:hover {
	background-color: #c7c5c5;
	
}

div#page_right_nav ul li.sublinks a.link_active {
	background-color: #bababa;
}

/********************************************
				testimonials
 ********************************************/
 
div.testi {
	padding-top: 17px;
	margin: 15px 20px 0px 0px;
	border-top: solid 1px #eeeeee;
}

div.first {
	border-top: none !important;
	padding-top: 0px !important;
	margin-top: 5px !important;
}

div.testi blockquote {
	background: #fff url(/img/left_quote.gif) 0 4px no-repeat;
	color: #727272;
	text-indent: 20px;
	margin-bottom: 5px;
}
div.testi cite {
	margin-left: 20px;
}



/********************************************
				site map
 ********************************************/

ul#site_map {
	font-size: 1.1em;
}

ul#site_map ul li, ul#site_map ul li ul li {
	list-style: none;
	margin-left: 10px;
}
 

/********************************************
			salary guide
 ********************************************/
 
div#page_content table#salary {
	width: 97%;
	border: solid 2px #c4c4c4; 
	text-align: center;
	border-collapse: collapse;

}

div#page_content table#salary thead th {
	background: #a3a3a3;
	color: #ffffff;
	padding: 5px;
	border: 1px solid #fff;
}

div#page_content table#salary tbody tr td.cat {
	padding: 15px;
	background: #e5e5e5;
	text-align: right;
	color: #515151;
	font-weight: bold;
	width: 9em;
}

div#page_content table#salary tbody tr td {
	background: #f4f4f4;
	color: #505050;
	border: 1px solid #fff;		
}


/********************************************
			case studies
 ********************************************/
 
div.case_study_wrap {
	background: transparent url(/img/line.gif) top left no-repeat;
	padding-top: 18px;
	margin-bottom: 18px;
	width: 98%;
}

div.case_study_wrap h3 {
	padding-bottom: 8px;
}

div.case_study_wrap div.image {
	float: right;
	margin-right: 15px;
	border: solid 1px #e5e5e5;
	padding: 3px;
}

a.back {
	background: #fff url(/img/icon_back.gif) 0 50% no-repeat;
	padding-left: 20px;
}