/* -=-=-=-=-=-=-=-=-=-=-=-=-=-= Start reset -=-=-=-=-=-=-=-=-=-=-=-=-=-= */
* {margin:0;padding:0;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { 
	outline:0;
	border:0;
}
body {padding:0px 0px;}
submit {padding: 5px;}
a {outline: none}
table {
	border-collapse:collapse;
	border-spacing:0 none;
}
fieldset,img,img a { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
.headtextcontrol ul{list-style-image: url(/images/bullet.gif); margin:0 auto; padding:10px 10px 0px 10px;}
.headtextcontrol li{margin:5px 5px 3px 5px; padding:0px;}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
p {padding: 0 0 4px 0;}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-= End reset -=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/*  H(n) titles  */
h1 {
	font-family:"Arial Narrow";
	font-weight: bold;
	font-size: 23px;
	color: #979797;
}
h2 {
	font-weight: bold;
	font-size: 12px;
	color: #969696;
}
h6 {
	font-family:"Arial Narrow";
	font-weight: bold;
	font-size: 23px;
	color: #979797;
}
h4.about {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 4px 0;
	margin: 9px 0 0 0;
	border-top: 1px solid #e1e1e1;
}
h5 {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 4px 0;
	margin: 9px 0 0 0;
	border-top: 1px solid #e1e1e1;
}

/*  forms  */

input[type="text"], textarea {
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #959595;
	border-top: 1px solid #959595;
	border-right: 1px solid #d7d7d7;
	padding: 1px;
}
	input[type="text"]:focus, textarea:focus {
		background-color: #eceaea;
	}
input[type="submit"] {
	border-bottom: 1px solid #959595;
	border-left: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #959595;
	background-color: #FFF;
}
	input[type="submit"]:hover {background-color: #eceaea;}
	
.search input[type="text"] {
	width: 120px;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-= Start generic -=-=-=-=-=-=-=-=-=-=-=-=-=-= */

body { 
	background:#42404e url(/images/fifthring/bg.jpg) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	padding: 0px 0;
}
a { color:#666; }
a:hover { color:#333; }

a 		{border:none; outline:none; color:#808080; text-decoration:underline;}
a:hover {border:none; outline:none; color:#CD0146; text-decoration:underline;}
a:active{border:none; outline:none;}


.right { float:right; }
.left { float:left; }
.clear {clear:both; height:0px; overflow:hidden; line-height:0%; font-size:0px; padding:0px; margin:0px;}


/*  Hide something  */
a.bbn strong, .brand a strong, #slogan strong, .content_footer a strong {display: none}

.fr {color: #CD0146;}

.breadcrumbs {
	font-size: 10px;
	color: #CCC;
	padding: 0px 0px 13px 0px;
	margin-top:-11px;
	position:relative;
}
	.breadcrumbs a {
		color: #CCC;
		text-decoration: none;
	}
		.breadcrumbs a:hover {
			color: #666;
		}

.container {
	width: 980px;
	margin: 0 auto;
	background: #FFF;
}
.header {
	padding: 0 40px;
	background-color: #CD0146;
	min-height: 40px;
		height: 40px;
}
	.header {
		text-align: right;
	}
					

a.bbn {
	float: right;
	width: 137px;
	height: 22px;
	background: url(/images/fifthring/bbn_logo.jpg) right top no-repeat;
	margin: 9px 0 0 0;
}
.brand {
	float: left;
	padding: 23px 0 0 40px;
} 
	.brand a {
		display: block;
		width: 139px;
		height: 49px;
		background: url(/images/fifthring/fifthring_logo.jpg) right top no-repeat;
	}
		.brand span {
			color: #979797;
			display: block;
			padding: 29px 0 0 0;
		}
.right_navi {
	float: right;
	position:relative;
	padding:0px 40px 17px 0px;
	text-align: left;
	width: 670px;
}
	.navi {
		padding:26px 0px 6px 0px;
		width: 670px;
		height:36px;
	}
	.navi form {
		float: right;
	}
		
		.navi a, .menu a {
			color: #979797;
			text-decoration: none;
			font-size: 12px;
		}
		.navi a:hover, .menu a:hover, .navi a.sel, .menu a.sel {color: #CD0146;}
			.navi a {
				padding: 0 16px 0 0; float: left;
			}
			.menu {width: 655px;}
			.menu a {padding: 0 21px 0 0;}
			.navi .active {color: #CD0146;}
	.slogan {
		border-bottom: 1px solid #e1e1e1;
		margin: 0 0 4px 0;
		width: 670px;
		text-align: bottom;
	}
		
.content {padding:0px 40px 8px 40px;}
	
	.slide {
		border-bottom: 1px solid #e1e1e1;
		padding: 0 0 7px 0;
		margin: 0 0 8px 0;
	}
	.slide img.main {padding: 0 0 10px 0;}
	.slide img.heading {float: left;}
	.slide a {
		float: left;
		width: 430px;
		margin: 0 0 0 10px;
		text-align: justify;
		font-size: 12px;
		color: #7d7d7d;
		text-decoration: none;
	}
		.slide a:hover {color: #333;}
	
.col1, .col2, .col3, .col4 {
	float: left;
	width: 212px;
}
.col1, .col2, .col3 {
	margin: 0 17px 0 0;
}
.news {margin-top:8px;}
.news  ul{list-style-image: url(/images/bullet.gif);margin:0px;padding:3px 10px;}
.news li{margin:3px 5px 3px 5px;padding:0px;}
	.col1 a, .col2 a, .col3 a, .col4 a, .news a {text-decoration: none;}
	.col1 a strong, .col2 a strong, .col3 a strong, .col4 a strong, .news a strong {
		font-weight: bold;
		color: #636363;
		padding: 10px 0 3px 0;
		display: block;
	}
	
	.col2 a strong, .col3 a strong, .col4 a strong {
		padding: 3px 0;
	}
	.col2 a img, .col3 a img, .col4 a img {
		margin: 6px 0 0 0;
		border: none;
	}
	.col1 a span, .col2 a span, .col3 a span, .col4 a span, .news a span {
		color: #999;
		display: block;
		text-align: justify;
	}
	
		.col1 a:hover strong, .col2 a:hover strong,
		.col3 a:hover strong, .col4 a:hover strong, .news a:hover strong
		{color: #CD0146;}
		.col1 a:hover span, .col2 a:hover span,
		.col3 a:hover span, .col4 a:hover span, .news a:hover span
		{color: #333;}
		.col2 a:hover img, .col3 a:hover img, .col4 a:hover img {
			margin: 6px 0 0 0;
			border: none;
		}
.content_footer {
	border-top: 1px solid #e1e1e1;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	min-height: 73px;
	height: 73px;
}
	.content_footer a {
		float:left;
		width: 139px;
		height: 49px;
		background: url(/images/fifthring/fifthring_logo.jpg) right top no-repeat;
		margin: 13px 0 0 0;
	}
	.content_footer span {
		float: right;
		padding: 9px 30px 0 0;
	}
		.content_footer span em {
			display: inline;
			vertical-align: top;
			font-size: 10px;
		}
		
.footer {
	font-size: 9px;
	color: #FFF;
	padding: 0 40px;
	background-color: #CD0146;
	min-height: 40px;
	height: 40px;
	margin-top:-1px;
}
	.footer span.copy {
		padding: 13px 0 0 0;
		float: left;
		width: 225px;
	}
	.footer strong {
		padding:13px 0px 0px 72px;
		float: left;
	}
		.footer strong a {
			text-decoration: none;
			color: #FFF;
			margin: 0 14px 0 0;
		}
		.footer strong a:hover {
			text-decoration: underline;
		}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-= End generic -=-=-=-=-=-=-=-=-=-=-=-=-=-= */

.sidebar {
	float: left;
	width: 210px;
	padding:4px 20px 0px 0px;
}
.info {
	float: left;
	width: 670px;
	position:relative;
}


ul.sub_services, ul.sub_about_us, ul.sub_portfolio, ul.sub_international, ul.sub_press, ul.sub_career {font-family:"Arial Narrow"; font-weight:bold; padding-bottom:20px;}
ul.sub_services li, ul.sub_about_us li, ul.sub_portfolio li, ul.sub_international li, ul.sub_press li, ul.sub_career li {padding:6px 0px; font-weight:bold;}
ul.sub_services li a 	   {font-size:16px; color:#979797; text-decoration:none; display:block; background-repeat:no-repeat; font-weight:bold;}
ul.sub_services li a:hover {font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat; font-weight:bold;}
ul.sub_services .active 		{font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat; font-weight:bold;}
ul.sub_services .active a 	    {font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat; font-weight:bold;}
ul.sub_services .active a:hover {font-size:16px; color:#979797; text-decoration:none; display:block; background-repeat:no-repeat; font-weight:bold;}
ul.sub_services strong {font-style:normal; font-weight:bold;}
ul.sub_about_us li a 	   {font-size:16px; color:#979797; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_about_us li a:hover {font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_portfolio li a 	   {font-size:16px; color:#979797; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_portfolio li a:hover {font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_international li a 	   {font-size:16px; color:#979797; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_international li a:hover {font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_press li a 	   {font-size:16px; color:#979797; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_press li a:hover {font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_career li a 	   {font-size:16px; color:#979797; text-decoration:none; display:block; background-repeat:no-repeat;}
ul.sub_career li a:hover {font-size:16px; color:#CD0146; text-decoration:none; display:block; background-repeat:no-repeat;}


.promo {
	padding: 10px 0 0 0;
}
	.promo strong {
		font-size: 12px;
		text-align: justify;
		display: block;
	}
		.promo img {padding: 4px 0;}

.block_pad {padding-right: 20px;}
.block_pad a 	   {text-decoration:none;}
.block_pad a:hover {text-decoration:none;}
.block, .block_pad {
	width: 210px;
	float: left;
	padding-bottom:1px;
    margin-top:-2px;
	border-top: 1px solid #e1e1e1;
}
.block a 	   {text-decoration:none;}
.block a:hover {text-decoration:none;}
	.block h3, .block_pad h3 {
		color: #CD0146;
		font-weight: bold;
		display: block;
		padding: 0 0 6px 0;
		font-size: 12px;
	}
	.block h4, .block_pad h4 {
		font-weight: bold;
		color: #333;
		display: block;
		padding: 4px 0;
		
	}
a.folio {
	border: 2px solid #e6e6e6;
	margin: 4px 4px 4px 0px;
	width: 160px;
	height: 111px;
	float: left;
}
	a:hover.folio {border: 2px solid #CCC;}

a.press, .career {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #e1e1e1;
	display: block;
	text-align:justify;
	text-decoration: none;
}
	a.press img {float: right; padding: 0 0 0 12px;}
	a.press strong, .career strong {
		font-weight: bold;
		font-size: 12px;
		color: #CD0146;
		display: block;
		padding: 0 0 0px 0;
		text-align:justify;
	}
		a:hover.press strong {color: #000;}
		a:hover.press p {color: #333;}

.career strong, .career p {margin-right: 120px;}		
.career a {
	float: right;
	margin: -19px 2px 0 0;
}				
ul.list li {padding: 3px 0;}
.explain {
	margin: 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #e1e1e1;
	text-align: justify;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-= Start paginator -=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.paginator {
	text-align:center;
	overflow: hidden;
}
.paginator ul {
	padding: 5px;
	float: left;
	left: 50%;
	position: relative;
	text-align: center;
}
.paginator ul li {
	float: left;
	left: -50%;
	position: relative;
	padding: 2px;
}
.paginator ul li a {
	display: block;
	padding: 2px 6px;
	background: #FFF;
	border: 1px solid #c9c9c9;
	color: #000;
	text-decoration: none;
}
.paginator ul li a:hover {
	background: #CCC;
	border: 1px solid #686868;
}
.paginator ul li a.sel {
	color: #FEFEFE;
	background: #CD0146;
	border: 1px solid #CD0146;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-= End paginator -=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* -=-=- Forms =-=-= */
.contactform {padding: 10px 40px 40px 40px; margin: 20px auto; width: 460px; background: #F2F2F2;}
.contactform ul li, .roundbox form ul li {
	background: none;
	padding: 5px 0;
}
.req {
	text-align: right;
	padding: 8px 0 10px 0;
}
label {
	display: inline-block;
	width: 140px;
	margin: 0 0 0 20px;
	vertical-align: top;
	padding: 3px 0 0 0;
}
	label span {
		display: inline-block;
		padding: 0 0 0 3px;
		font-size: 11px;
		color: #9cb8be;
	}
		label span img {position: relative; top: 2px;}
input.input, textarea {
	padding: 4px;
	width: 240px;
	margin: 0 2px 0 0;
}

.contactform ul li.note {
	font-size: 10px;
	color: #666;
	margin: 5px 0 0 160px;
	width: 230px;
	border: 1px solid #e0e1b7;
	background: #f5f7f0;
	padding: 8px 6px 8px 10px;
}
	.contactform ul li.note strong {
		font-weight: bold;
	}
	.contactform ul li.note a {
		color: #CD0146;
		text-decoration: none;
	}
		.contactform ul li.note a:hover {
			text-decoration: underline;
		}
		
.submitter {
	margin: 10px 0 0 100px;
	text-align: center;
}
img.client_big {padding:0px; border:0px solid #CCCCCC; margin-bottom:14px;}
img.client_small {padding: 10px 21px 8px 0; float: left;}
img.client_small_last {padding:0px; float: right;}

.job-listings{width:658px;}
.job-listings2{width:672px;}
.job-title1, .job-title2, .job-title3, .job-title4, .job-title5, .job-title6, .job-title7
{background-color:#979797; border:2px solid #ffffff; border-top:none; border-left:none; color:#ffffff; font-weight:bold; float:left;}
.job-title1{width:140px; padding:4px 0px 4px 10px;}
.job-title2{width:115px; padding:4px 0px 4px 0px; text-align:center;}
.job-title3{width:118px; padding:4px 0px 4px 0px; text-align:center;}
.job-title4{width:98px; padding:4px 0px 4px 0px; text-align:center;}
.job-title5{width:85px; padding:4px 0px 4px 0px; text-align:center;}
.job-title6{width:200px; padding:4px 0px 4px 10px;}
.job-title7{width:448px; padding:4px 0px 4px 10px;}
.job1-row1, .job1-row2, .job1-row3, .job1-row4, .job1-row5, .job1-row6, .job1-row7
{background-color:#E2E2E2; border:2px solid #ffffff; border-top:none; border-left:none; color:#333333; float:left;}
.job1-row1{width:140px; padding:4px 0px 4px 10px;}
.job1-row2{width:115px; padding:4px 0px 4px 0px; text-align:center;}
.job1-row3{width:118px; padding:4px 0px 4px 0px; text-align:center;}
.job1-row4{width:98px; padding:4px 0px 4px 0px; text-align:center;}
.job1-row5{width:85px; padding:4px 0px 4px 0px; text-align:center;}
.job1-row6{width:200px; padding:4px 0px 4px 10px;}
.job1-row7{width:448px; padding:4px 0px 4px 10px;}
.job2-row1, .job2-row2, .job2-row3, .job2-row4, .job2-row5, .job2-row6, .job2-row7
{background-color:#F2F2F2; border:2px solid #ffffff; border-top:none; border-left:none; color:#333333; float:left;}
.job2-row1{width:140px; padding:4px 0px 4px 10px;}
.job2-row2{width:115px; padding:4px 0px 4px 0px; text-align:center;}
.job2-row3{width:118px; padding:4px 0px 4px 0px; text-align:center;}
.job2-row4{width:98px; padding:4px 0px 4px 0px; text-align:center;}
.job2-row5{width:85px; padding:4px 0px 4px 0px; text-align:center;}
.job2-row6{width:200px; padding:4px 0px 4px 10px;}
.job2-row7{width:448px; padding:4px 0px 4px 10px;}

.hor-sep{border-bottom:1px solid #E1E1E1; margin:0px 0px 6px 0px; padding:0px; clear:both; float:left; width:100%; line-height:0px; font-size:0px;}
.hor-sep2{border-bottom:1px solid #E1E1E1; margin:5px 0px 12px; padding:0px; clear:both; float:left; width:100%; line-height:0px; font-size:0px;}
.sub_services2 {font-size:16px; color:#979797; text-decoration:none; display:block; min-height:26px; background-repeat:no-repeat; font-weight:bold; font-family:"Arial Narrow"; }