body { font-family: Arial, Helvetica, sans-serif; color: #ccc; }

#container { width: 854px; height: 694px; margin: 0 auto; background: url('../images/soc_BG2.jpg') no-repeat; }
#container.invert { width: 854px; height: 694px; margin: 0 auto; background: url('../images/soc_BG_white.jpg') no-repeat; }
h1 { padding-left: 120px; margin-bottom:10px; padding-top:10px; }
#container.invert h1 { padding-top:30px; }
h1 a { display: block; text-indent: -5000px; width: 177px; height: 79px; background: url('../images/soc_logo.png') no-repeat; } 

h2.pr-people a { display: block; text-indent: -5000px; width: 157px; height: 42px; background: url('../images/soc_prpeople.png') no-repeat; float: right; margin: -75px 20px 0 0; }
.invert h1 a { display: block; text-indent: -5000px; width: 211px; height: 55px; background: url('../images/pr_people_logo.png') no-repeat; }
.invert h2.pr-people a { display: block; text-indent: -5000px; width: 112px; height: 36px; background: url('../images/soc_logo_small.png') no-repeat; float: right; margin: -60px 20px 0 0; }
.clear {  clear: both; }

#main-nav { width: 107px; text-align: right; float: left; margin-right: 15px; }
	#main-nav li a { display: block; font-size: 13px; color: #fff; text-decoration: none; line-height: 1.5; }
	#main-nav li a:hover { color: #47aa42; }
	#main-nav li a.active { color: #332a87; }
	.invert #main-nav li a { display: block; font-size: 13px; color: #59595B; text-decoration: none; line-height: 1.5; }
	.invert #main-nav li a:hover { color: #47aa42; }
	.invert #main-nav li a.active { color: #332a87; }
	#main-nav li.this ul { display:block; }
	#main-nav li ul { display:none; margin-right:10px; padding-left:10px; }
	#main-nav li ul li a { font-size: 11px; margin-bottom: 2px; color: #000; }
	.invert #main-nav li ul li a { font-size: 11px; margin-bottom: 2px; color: #000; }
	#main-nav li ul li a.custom {  color: #332a87; }
	#main-nav li ul li a:hover { color: #332a87; }
	#main-nav li ul li a.active { color: #47AA42; }

#photo-frame { background: url('../images/photo_frame.gif') no-repeat; float: left; width: 251px; height: 208px; margin-bottom: 315px; }
	#photo-frame img { margin: 9px 0 0 10px; }
	#photo-frame.custom { background: url('../images/photo_frame_custom.gif') no-repeat; width: 180px; height: 205px; }
	#photo-frame.custom img { margin: 8px 0 0 9px; }

#home-box { background: url('../images/home_box.png') top no-repeat; width: 352px; float: left; text-align: center;  }
	#home-box-inner { background: url('../images/home_box_inner.png') bottom no-repeat; margin-bottom: -20px; padding-bottom: 45px; position: relative; }
	#home-box h2 { background: url('../images/love_your_work.gif') no-repeat; width: 210px; height: 22px; text-indent: -5000px; margin: 35px 0 20px 68px; }
	#home-box p { font-size: 13px; color: #fff; line-height: 1.7; }


 	#wrapper.landingpage { background: url('../images/wrapper_inner_custom_large_image.png') bottom no-repeat;width: 352px; margin-left: 0; padding: 0 0 30px 0;   position: relative;}
	#wrapper-inner.landingpageinner {  background: url('../images/wrapper_custom_large_image.png') top no-repeat; padding: 9px 22px 0px 18px; }
	

	
#wrapper {  background: url('../images/wrapper_inner.png') bottom no-repeat;width: 610px; float: left;padding-bottom: 30px;position: relative; }
	#wrapper.jobs { padding-bottom: 30px; }
	#wrapper.news { padding-bottom: 30px; }
	#wrapper-inner { background: url('../images/wrapper.png') top no-repeat; padding:13px 30px 0 14px;   }
	#wrapper.custom { background: url('../images/wrapper_inner_custom.png') bottom no-repeat;width: 426px; margin-left: 0; padding: 0 0 30px 0;   position: relative;}
	#wrapper-inner.custom {  background: url('../images/wrapper_custom.png') top no-repeat; padding: 9px 22px 0px 18px; }


	#heading.custom-heading { margin-left: -10px; }
	#heading { background: #edebf6; padding: 8px 0; position: relative; margin-bottom: 10px; }
	#heading h2 { color: #473f94; padding:0 7px; text-transform:uppercase; }
		#heading h2 span { text-transform:none; }

	#heading ul { position: absolute; right: 10px; top: 10px; }
	#heading ul li { display: inline; }
	#heading ul li a { color: #3d348d; font-size: 11px; text-decoration: none; border-left: 1px solid #3d348d; display: block; float: left; padding: 0 6px;  }
	#heading ul li a.active { color: #47aa42; }
	#heading ul li a:hover { color: #47aa42; text-decoration: underline; }
	#heading ul li.first-item a { border: none; }
	
	#wrapper .content { padding: 0 10px; color: #59595b;  }
	#wrapper .content.custom { padding: 0; }
	#wrapper .pages { margin-bottom: 8px; }
	#wrapper .pages a { font-size: 12px; margin-right: 4px; color: #57585a; text-decoration: none; }
	#wrapper .pages span { font-size: 12px; margin-right: 4px; color: #57585a; }
	#wrapper .pages a:hover, #wrapper .content .pages a.active { color: #72be44; }
	#wrapper .content h3, #wrapper h3 { font-size: 12px; font-weight: bold; color: #59595b; position: relative; text-transform: uppercase; }
	#wrapper .content h3 span { display: block; text-transform: none; font-size: 11px; font-weight: normal; }
	#wrapper .content .quote { font-style: italic; font-size: 11px; color: #494194; }
	#wrapper .content h3 strong { color: #332989; font-weight: bold; }
	#wrapper .content h3 a { position: absolute; right: 0; top: 0; color: #71c043; text-decoration: none; }
	#wrapper .content p { font-size: 12px; margin-bottom: 10px; }
	#wrapper .content p.custom { font-size: 11px; }
	#wrapper .content table.list { 
		font-size: 12px; 
		color: #59595B;
	}
	#wrapper .content h4 {
	font-size: 11px;
	font-weight: bold;
	}

	#wrapper .content h5 {
	font-weight: bold;
	color: #3D348D;
	font-size: 12px;
	}
	#wrapper .content blockquote {
	font-style: italic;
	color: #3D348D;
	}
	#wrapper .content table.list {
	margin:20px 0 10px 20px;
	}
	#wrapper .content table.list td{ 
	font-size: 12px; 
	color: #59595B;
	padding: 2px;
	width:auto;
	font-size: 10px;
	}
	#wrapper .content table.default { 
	font-size: 12px; 
	color: #59595B;
	}
	#wrapper .content table.default {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	#wrapper .content table.default td{ 
	font-size: 12px; 
	color: #59595B;
	padding: 2px;
	}
	#wrapper .content table td a{ 
	color: #332A87;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	}
	#wrapper .content table td a:hover{ 
	color: #47AA42;
	}

	h3 b {
	font-size: 10px;
	font-weight: normal;
	}

	#wrapper .content ul li a { font-size: 12px; font-style: italic; color: #343434; display: block; background: url('../images/bullet1.gif') top left no-repeat; padding-left: 14px; margin-bottom: 10px; }
	#wrapper .content ul li a:hover { color: #342b86; font-weight: bold; }
	#wrapper .content .column { width: 305px; float: left; margin-right: 45px; }
	#wrapper .content .column.last { width: 212px; margin: 0; }
	#wrapper .content .column .image { margin-top: 23px; }
	#wrapper .content .column .image img { margin-bottom: 4px; }
	#wrapper .content .column ul.image-info { font-size: 11px; }
	#wrapper .content .column ul.image-info li { background: url('../images/bullet2.gif') left top no-repeat; padding-left: 15px; }
	#wrapper .content .column .images-gallery li { display: inline; }
	#wrapper .content .column .images-gallery li a { display: block; float: left; width: 96px; height: 70px; margin: 0 17px 10px 0; }
	#wrapper .content .column .images-gallery li.last-row-item a { margin-right: 0; }

#footer { font-size: 11px; text-align: center; color: #352a88; clear: both; padding:0 15px; }


#wrapper .jobcategory h3 span { display:inline; font-size:1em; }


ul.message-warning { margin:10px 0 15px 0; }
ul.message-warning li { font-size:.8em; color:#ff0000; margin-bottom:3px; }

strong { font-weight:bold; }

#wrapper .content .jobapp { margin:0; margin-bottom:10px; display:block; font-size:.8em; }
#wrapper .jobapp tr td { padding:3px; }
#wrapper .jobapp tr td.title { width:130px; font-weight:bold; }
	#wrapper .jobapp tr td.title span { font-weight:normal; }
	#wrapper .jobapp input, textarea { width:200px; }
	#wrapper .jobapp textarea { height:50px; }
	#wrapper .jobapp input.file { width:200px;  display:block; }
	#wrapper .jobapp span.file { font-size:.8em; }
	#wrapper .jobapp input.checkbox { width:15px; }


#wrapper .content table { padding-bottom:10px; } 


/** GALLERY ***/

#gallery {
margin-bottom:10px;
overflow:hidden;
zoom: 1;
}
	#gallery h3 {
		width:100px;
		float:left;
	}

#thumbs {
	width:212px;
	float:left;
}
	.thumb {
		float:left;
		width:101px;
		height:68px;
		margin:0 10px 10px 0;
		cursor:pointer;
	}
		.thumb:hover img, #thumbs .selected img  {
			opacity:1;
			filter: alpha(opacity=100);
		}
		.thumb img{
			opacity:0.65;
			filter: alpha(opacity=65);
		}
		#thumbs .last {
			margin-right:0;
		}
	
#fullsizecontainer {
	width:326px;
	float:left;
	margin-right:27px;
	margin-bottom:15px; 
}
	#fullsizecontainer img {
		border:1px solid #FFFFFF;
		width:325px;
		height:217px;
	}

#fullsizecontainer p {
padding-left: 22px;
background: url('../images/tri.jpg') 0 1px no-repeat;
font-size: 12px;
color: #57585A;
margin-top: 10px;
}

.content i {
	color: #47AA42;
}

.back { font-size:.8em; color:#000; text-decoration:none; padding-left: 22px; background: url('../images/back.jpg') 0 2px no-repeat; }
.back:hover { text-decoration:underline; }


#wrapper-inner.custom a {
	color: #3D348D;
	text-decoration:none;
}

#wrapper-inner.custom a:hover {
	color :#47AA42;
	text-decoration:underline;
}

.invert #photo-frame.custom { background:transparent url(../images/photo_frame_invert.gif) no-repeat; } 

#wrapper ul.news li a { padding-left:30px; }
#wrapper ul.news li a:hover { font-weight:normal; }
#wrapper ul.news li a.image { background:url(../images/picture.jpg) no-repeat; }
#wrapper ul.news li a.video { background:url(../images/film.jpg) no-repeat; }
#wrapper ul.news li a.article { background:url(../images/newspaper.jpg) no-repeat; }
#wrapper ul.news li a.pdf { background:url(../images/page_white_acrobat.jpg) no-repeat; }

#heading h2.twitter { width:270px; float:left;}
#heading div.twittertext { float:right; vertical-align:top; padding-right:7px;}
	#heading div.twittertext a { color:#473F94;text-decoration:none; font-size:.7em; padding:5px 67px 5px 0; font-weight:bold; background:url(../images/twitter_icon.jpg) top right no-repeat; display:block;}