/*
	Date: February 07, 2009
	Title: oddSocks
====================================
*/
body{
	font-family:Verdana,Arial, "Trebuchet MS",Georgia, Lucida,Helvetica,Tahoma, sans-serif;
	margin:0;
	font-size:11px;
	text-align:center;
	color:#000;
	background:#293649 url(/templates/live/images/corporate/subbodybg2.gif) repeat-x;
}
*{
	margin:0; padding:0;
}
img,fieldset{
	border:none;
}
ul,ol,li{
	list-style:none;
}	
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#c10000;
	text-decoration:underline;
}
.hide,h1 b,h2 b,h3 b,h4 b,h5 b,
.subNavigation a i
{
     position: absolute;
     left: -9999px;
}
/*-----------------------Page Structure
*/

/*-----------------------Header
*/

.backLinkRed {

	color:#c10000;
	text-decoration:none;

}

#subWrap{
	position:relative;
	width:861px;
	padding:33px 0;
	margin:0 auto;
	text-align:left;
}
#innerWrap{
	width:778px;
	background:url(/templates/live/images/corporate/subshadebg.png) repeat-y;
	padding:0 41px 0 42px;
}
.subtopshade,.subbottomshade{
	display:block;
	position:absolute;
	width:861px;	height:33px;
}
.subtopshade{
	z-index:1;
	top:0; left:0;
	background:url(/templates/live/images/corporate/subtopcorner.png) no-repeat;
	}
.subbottomshade{
	z-index:2;
	left:0; bottom:0;
	background:url(/templates/live/images/corporate/subbottomcorner.png) no-repeat;
}
.logo{
	float:left;
}
/*-----------------Subpage Navigation*/

#downloadBar {
	float:right;
}
#subHead{
	overflow:hidden;
	width:778px;	height:123px;
}
.subNavigation{
	float:right;
	width:535px;
}
.subNavigation li{
	float:left;
}
.subNavigation .subLeftItem{
	margin-left:0;	
}
.subNavigation a{
	display:block;
	float:left;
	width:63px; height:52px;
	margin:60px 0 0 3px;
	display:inline;
}

.thirdNavigation {
margin-bottom:5px;
margin-top:5px;
}
.thirdNavigation a {
	display:block;
	width: 210px;
	height: 20px;
background-color: #000000;
	
	color: #FFFFFF;
	font:bold 20px/25px "Trebuchet MS";
	text-decoration: none;
	vertical-align: bottom;
	margin-top:5px;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:5px;
}

.thirdNavigation a:hover, .thirdNavigation a.thirdselected {
	
		background-color: #c10000;
	text-decoration: none;
	margin-top:5px;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:5px;
	color: #FFFFFF;
	display:block;
	width: 210px;
	height: 20px;
}

 .subNavigation .main1 {
	background:url(/templates/live/images/corporate/aboutus2.gif) no-repeat;
	margin-left:0;
}
.subNavigation .main1:hover,.subNavigation .main1selected{
	background:url(/templates/live/images/corporate/aboutus2.gif) no-repeat 0 -52px;
	margin-left:0;
}
.main2{
	background:	url(/templates/live/images/corporate/what-we-are.gif) no-repeat;
}
.main2:hover, .main2selected {
	background:	url(/templates/live/images/corporate/what-we-are.gif) no-repeat 0 -52px;
}
.main3{
	background:url(/templates/live/images/corporate/how-we-work.gif) no-repeat;
}
.main3:hover, .main3selected{
	background:url(/templates/live/images/corporate/how-we-work.gif) no-repeat 0 -52px;
}
.main4{
	background:url(/templates/live/images/corporate/blog-news.gif) no-repeat;
}
.main4:hover, .main4selected {
	background:url(/templates/live/images/corporate/blog-news.gif) no-repeat 0 -52px;
}
.main5{
	background:url(/templates/live/images/corporate/portfolio.gif) no-repeat;
}
.main5:hover, .main5selected{
	background:url(/templates/live/images/corporate/portfolio.gif) no-repeat 0 -52px;
}
.main6 {
	background:url(/templates/live/images/corporate/careers.gif) no-repeat;
}
.main6:hover, .main6selected{
	background:url(/templates/live/images/corporate/careers.gif) no-repeat 0 -52px;
}
.main7{
	background:url(/templates/live/images/corporate/contact.gif) no-repeat;
}
.main7:hover, .main7selected{
	background:url(/templates/live/images/corporate/contact.gif) no-repeat 0 -52px;
}
.subNavigation .main8{
	width:73px;	height:61px;
	background:url(/templates/live/images/corporate/theatree.gif) no-repeat;
	margin-top:56px;
}
.subNavigation .main8:hover, .subNavigation  .main8selected {
	width:73px;	height:61px;
	background:url(/templates/live/images/corporate/theatree.gif) no-repeat 0 -61px;
}
/*-----------------------Mainbody
*/
/***********************************/
.subMainContent{
	width:778px;
	overflow:hidden;
	margin-bottom:6px;
}
.leftContent{
	width:503px;
	float:left;
}
.rightContent{
	width:271px;
	float:right;
}
.bar{
	display:block;
	width:503px;	height:34px;
	background:#000 url(/templates/live/images/corporate/subrightcorner.gif) no-repeat top right;
	margin-bottom:5px;
}
.welcome{
	display:block;
	margin-bottom:5px;
}
.player{
	width:503px;	height:313px;
	margin-bottom:17px;
}
.player img{
	display:block;
}
.textArea p{
	font:normal 12px/15px Verdana;
	color:#646464;	
}
.caseStudies{
	display:block;
	height:34px;
	background:#000 url(/templates/live/images/corporate/subrightcorner.gif) no-repeat top right;
	margin-bottom:5px;
}	
.studies{
	width:261px;
	padding:5px;
	background:#000;
	margin-bottom:5px;
}
.studies dd{
	width:261px;
	overflow:hidden;
	padding-top:7px;
}
.studies dd div {
width:120px;
float:left;
display:inline;
}
.studies .topItem{
	padding-top:0;
}
.studies dd img{
	float:left;
	margin-right:6px;
	display:inline;
	
	
}
.studies dd strong{
	font:bold 16px/16px "Trebuchet MS";
	color:#F10710;
}
.studies dd p{
	font:normal 9px/11px Verdana;
	color:#CECECE;
}

.content strong {

	color:#F10710;

}
.linkslist li{
	float:left;
	margin-right:7px;
}
.linkslist li a{
	float:left;
	background:url(/templates/live/images/corporate/bullets.gif) no-repeat  0 3px;
	padding-left:7px;
	color:#B5050C;
	font:10px/10px "Trebuchet MS";
	line-height:10px;
	padding-top:1px;
}
.container{
	width:271px;
	overflow:hidden;
}
.left{
	float:left;
	width:172px;
}
.right{
	float:right;
	width:95px;
}
.news{
	display:block;
	width:172px;	height:35px;
	background:#000 url(/templates/live/images/corporate/rightcorner2.gif) no-repeat top right;
	margin-bottom:5px;	
}
.products{
	padding:3px 6px 1px 6px;
	background:#000;
	margin-bottom:5px;
}
.products img{
	display:block;
	margin-bottom:2px;
}
.products p,.productlist p{
	font:9px/12px Verdana;
	color:#CECECE;
}
.products strong a,.productlist strong a{
	color:#f00;
	font-size:9px;
}
.productlist dd{
	width:72px;
	float:left;
	background:#000;
	margin-left:6px;
	display:inline;
	padding:3px 5px;
}
.productlist .leftList{
	margin-left:0;
}
.productlist dd img{
	display:block;
	margin-bottom:3px;
}
.bolgtext{
	display:block;
	margin-bottom:6px;
}
.blogContent h4, .blogContent a {
	font:bold 9px/9px Verdana;
	color:#F10710;	
}
.blogContent li{
	font-size:9px;
	margin-bottom:9px;
}
.blogContent p {
	line-height: 11px;
}
.containerLeft{
	width:240px;
	float:left;
}
.containerRight{
	width:536px;
	float:right;	
}
.careersHeader{
	display:block;
	height:34px;
	background:#000 url(/templates/live/images/corporate/subrightcorner.gif) no-repeat top right;
	margin-bottom:5px;
}
.signup{
	background:url(/templates/live/images/corporate/vacancies.gif) no-repeat;
	width:215px;	height:120px;
	position:relative;
}
.signup input,.signup2 input{
	position:absolute;
	left:10px; bottom:8px;
	width:189px;	height:17px;
	border:1px solid #999;
	padding:2px 5px 0 0;
	font-size:11px;
	font-family:"Trebuchet MS";
	text-align:right;
}
.jobs{
	display:block;
}
#teamWrapper {
height:170px;
}
.content{
	background:#000;
	padding:10px 9px 6px 9px;
	margin-bottom:6px;
}
.largeVideo {
margin-bottom:10px;
height:333px;
}
.largeVideoCaseStudy {
margin-bottom:5px;
height:333px;
}
.teamContent {
	float:left;
	width:243px;
	padding:5px;
	height: 148px;
	background-color: #000;
}
.teamContent {
color:#fff;
}
.mapImage {
float:left;
margin-right:10px;
margin-bottom:10px;

}
.content h2,.jobshere h3, .innerTeamDiv h2, .teamContent h2{
	font:bold 24px/24px Verdana;
	color:#ffffff;
	margin-bottom:3px;
}
.content p, li{
	color:#ccc;
	line-height:15px;
	font-size:12px;
}
.content a {
color: #C20707;
text-decoration:none;
}
#directionBox {
margin-top: 10px;
zoom: 100%;
}
#directionBox p , #contactAddress p {
font-size: 0.9em;
}

.content a:hover {
text-decoration: underline;
}
.teamVideoPlayer {
	float:left;
	width:278px;
	margin-right:5px;
	height:158px;
	
}

.blogContent li {
	color:#000000;
}

.teamDiv{
clear:both;
	width:536px;	
	min-height:117px;
		margin-top:2px;
		vertical-align:middle;
	
}

.teamDivIcon {
float:left;
width: 40px;
vertical-align: middle;
margin-right:10px;
height:100%;
}
.innerTeamDiv{
float:right;
	width:460px;	
	min-height:92px;
	background:#000;
	margin-top:8px;
	padding:5px;
	color:#fff;
}
.innerTeamDiv img {
float:left;
margin-right: 5px;
}
label {
color:#fff;}
#contactForm {
width:300px;
padding-left: 5px;
float:left;
margin-right:10px;
}

#contactForm .textInput {
width:290px;
margin-top:3px;
margin-bottom: 6px;
border:none;
font-size:10px;
color:#000;
font-family:Verdana,Arial, "Trebuchet MS",Georgia, Lucida,Helvetica,Tahoma, sans-serif;
	
padding:5px;
}


#contactForm textarea.textInput {
height:100px;
width:290px;
border:none;
overflow: hidden;
padding:5px;
font-family:Verdana,Arial, "Trebuchet MS",Georgia, Lucida,Helvetica,Tahoma, sans-serif;
	
font-size:10px;
}
#contactForm input.submitButton {
width:100px;
height:20px;
background-color: #fff;
border:none;
padding:2px;
margin:0px;
float:right;
color:#000;
font-weight: bold;
font-family:Verdana,Arial, "Trebuchet MS",Georgia, Lucida,Helvetica,Tahoma, sans-serif;

}
.contactTop {
margin-bottom: 10px;
color: #fff;
}
#contactAddress {
padding-top:15px;
color: #fff;
zoom: 100%;
}

.jobshere{
	width:534px;
}
.jobshere dd{
	
	width:476px;	min-height:114px;
	background:url(/templates/live/images/corporate/man-icon1.gif) no-repeat;
	padding-left:60px;
	margin-bottom:4px;
}
.jobshere div{
	width:466px;	min-height:87px;
	background:#000;
	margin-top:8px;
	padding:5px;
}
.jobshere img{
	float:left;
	margin-right:10px;
}
.jobshere p{
	color:#CCCCCC;
	line-height:11px;
	font-size:10px;
}
.jobshere h3{
	margin-bottom:2px;
}
.jobshere a{
	color:#C10000;
	text-decoration:underline;	
}
.bar2{
	display:block;
	background:#000;
	height:28px;
	margin-bottom:5px;
	color:#fff;
	font-size:11px;
	padding:3px;
	text-align: right;
	vertical-align: middle;
}

.bar3{
	display:block;
	
	
	background:#000;
	padding:none;
	height:34px;
	margin-bottom:5px;
	color:#fff;
	font-size:11px;
	text-align: right;
	vertical-align: middle;
}
.bar3 div {
vertical-align: middle;}

.bar2 div {
vertical-align: middle;}

.casestudyView {
background-color: #000;
padding:5px;
color:#fff;
}
.casestudyView h1 {
font-size:22px;
margin-bottom: 5px;
}
.containerRight li {
	list-style:inside;
}
#projectSelector {
display:none;}


.casestudyBox {
width:180px;
height:200px;
background-color: #000;
padding:5px;
float:left;
font-size:10px;
margin-right:5px;
margin-bottom:5px;
color:#fff;
}

.casestudywideBox {
width:205px;
height:95px;

padding:none;
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
padding-bottom:none;
margin:none;
color:#fff;
}

.relatedStudies {
background-color: #333;
width:214px;
padding-top:5px;
float:left;
}

.redBar {
background-color: #c20707;
float:left;
width:24px;
padding:none;

height:105px;
margin-left:1px;
margin-right:0px;
}

.casestudyBox h2, .casestudyBox h2 a {
color:#c10000;
font-size:18px;
text-decoration: none;
}

.casestudyBox h2 a:hover {
text-decoration: underline;}
#casestudyContainer {
width:780px;}

/*-----------------------Footer
*/
#footer img{
	display:block;
	float:left;
	margin:2px 0 0 4px;
}
#footer strong{
	display:block;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	padding:2px 22px 0 0;
}
#footer small{
	font-size:9px;
}
#footer{
	width:778px;	height:35px;
	text-align:right;
	font-size:11px;
	position:relative;
	font-family:"Trebuchet MS";
	background:#000;
	color:#fff;
}
#footer p{
	padding-right:7px;
}

#footer a {
color:#fff;
}