html {text-align:center; font-family:Arial, Helvetica, sans-serif;}
body {margin:0 auto; text-align:left; width:960px; color:#777777; letter-spacing:0; line-height:16px; font-size:11px;}
p {padding:0 0 10px 0;}
a {	color: #777777;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: bold;	text-decoration: none;	font-size: 11px;}
a:hover {		color: #cccccc;		font-family: arial, helvetica, verdana, sans-serif;		font-weight: bold;		text-decoration: none;		font-size: 11px;}
.redlink {	color: #790000;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: bold;	text-decoration: none;	font-size: 11px;}
.redlink:hover {		color: #555555;		font-family: arial, helvetica, verdana, sans-serif;		font-weight: bold;		text-decoration: none;		font-size: 11px;}
/* ==================== HEADER ============================= */
div#header {padding:50px 0 4px 0; border-bottom:1px dotted #999999;}
div#header h1#branding {background-image:url(../images/logo.gif); background-repeat:no-repeat; width:111px; height:36px; float:left;}
div#header h1#branding a {display:block; width:111px; height:36px; text-indent:-9999px;}

/* ==================== CONTENT WRAPPER ==================== */
div#content {}
div#content h1 {font-weight:bold; font-size:14px; color:#ad2b25; padding:0 0 20px 0;}
div#content h2.blogTitle a {text-decoration:none; color:#ad2b25; font-weight:bold; font-size:14px;}

/* ==================== SUB COLUMN ========================= */
div#sub_column {float:left; width:230px;}
div#sub_column h2.riester {background-image:url(../images/title_riester.gif); background-repeat:no-repeat; width:147px; height:24px; text-indent:-9999px;}
div#sub_column h2.riesterBlog {background-image:url(../images/blog/riester_blog.jpg); background-repeat:no-repeat; height:16px; border-bottom:1px dotted; text-indent:-9999px; padding:0 0 10px 0; margin:0 40px 0 0;}

/* ==================== MAIN COLUMN ======================== */
div#main_column {float:left; width:700px; padding:35px 0 0 0px; /*letter-spacing: 1px;*/}
div#main_column h2 {color:#AD2B25; font-size:13px; font-weight:bold; padding:0 0 20px 0;}
.information {	margin: 20px 0px 0px 0px;	padding: 0;	width: 526px;	min-width: 526px;	/*letter-spacing: 1px;*/	font-weight: normal;	font-size: 11px;}
dl.feature dd{margin-bottom: 30px;}
/* WORK BOX */

.workbox {	border: 1px solid #d2d2d2;	max-width: 493px;	min-width: 493px;	margin: 0px 0px 3px 0px;}
.worksample {	margin: 0px 0px 0px 0px;}
.downloads {	margin: 0px 0px 8px 0px;	padding: 0;}


/* WORK NUMBER LIST */

.worknumber {	margin: 0px 0px 10px 0px;	padding: 1px;	width: 475px;	background: #eeeeee;}
ul.num {	list-style: none;	margin: 0px 0px 0px 0px;	padding: 0;}
ul.num li a.active {	color: #981b1e;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: normal;	font-size: 11px;}
ul.num li {	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 20px;	display:inline;	text-align: right;}
ul.num li a {	color: #555555;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: normal;	font-size: 11px;}
ul.num li a {	color: #555555;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: normal;	font-size: 11px;}
ul.num li a:hover {	color: #981b1e;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: normal;	font-size: 11px;}
h1#featured_projects_head{	margin-top: 25px;}
ul#featured_projects{	width: 526px;	margin: 10px 0 0;	padding: 0;}
ul#featured_projects li{	list-style-type: none;	float: left;	margin: 0;	padding: 0;	width: 173px;	text-align: left;}
ul#featured_projects li.first{	margin-left: 0;}ul#featured_projects li.last{	margin-right: 0;}
ul#featured_projects li img{	border: 1px solid #981b1e;	width: 150px;	height: 150px;	display: block;	margin: 0 auto;}
ul#featured_projects li a.featured_project_desc{	display: block;	width: 150px;	margin: 3px 0 15px 12px;	text-align: left;}

/* ==================== CREATIVE ============================ */
ul#creative_examples{width: 510px;	margin: 10px 0 0 0;}
ul#creative_examples li{	list-style-type: none;	display: block;	float: left;	margin: 0 8px;	width: 150px;}
ul#creative_examples li h4 a{	font: 16px "Arial", "Helvetica", sans-serif;}
a.creative_thumb{	border: 1px solid #981b1f;	opacity: .7;	width: 150px;	height: 150px;	display: block;}
a.creative_thumb:hover{	opacity: 1;}

/* ==================== CONTACT STYLES ====================== */
h2#content_head{
	color:#981B1E;
	font: bold 13px "Arial", "Helvetica", "verdana", sans-serif;
	margin:25px 10px 5px 0;
	padding:0;
	text-decoration:none;
	letter-spacing: 1px;
}
p#content_subhead {
	margin: 0 0 0 10px;
}
ul#locations {
	position: relative;
	width: 690px;
	margin: 20px 0 0 0;
}
#locations li {
	float: left;
	width: 170px;
	text-align: center;
	margin-right: 60px;
}
#locations li img{
	padding: 3px;
	border: 1px solid #981b1e;
	margin-bottom: 10px;
}
#locations li p{
	text-align: left;
	margin: 0 0 0 13px;
}
#locations li h3 {
	text-align: left;
	margin: 0 0 0 13px;
}
div#dynamic_map {
	margin: 20px 0 0 10px;
	display: block;
	width: 678px;
	height: 250px;
	border: 1px solid #981b1e;
}
div#dynamic_form{
	margin: 30px 0 0 10px;
}
p#email_now{
	position: relative;
	top: 10px;
	left: 10px;
	background: #fff;
	display: block;
	width: 147px;
	padding: 0 0 0 10px;
	z-index: 2;
}
#email_submit {
	margin: 8px 0;
	background-color:#981b1e;
	border-color:#790000;
	color:#fff;
	font-size:11px;
}
h3#employment_head {
	color: #981b1e;
	text-transform: uppercase;
	font-size: 13px;
	margin: 35px 0 10px 10px;
	border-bottom: 1px dotted #ccc;
	width: auto;
}
h3#email_now {
	color: #981b1e;
	text-transform: uppercase;
	font-size: 13px;
	margin: 35px 0 10px 10px;
	border-bottom: 1px dotted #ccc;
	width: auto;
}
ul#job_listings {
	margin: 0 0 0 10px;
	width: auto;
}

ul#job_listings > li {
border-bottom: 1px dotted #ccc;
float: left;
width: 100%;
}

ul.position li{
	float: left;
	margin: 3px 0;
}
h3.location_city {
	color: #981b1e;
	font-size: 13px;
}
.title a {
	color:#777;
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	width: 220px;
	display: block;
}

	ul.position p.title a {
	color: #981B1E;
	}

	ul.position p.title {
	padding-bottom: 0px;
	}

.title a:hover {
	color:#CCC;
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	width: 220px;
	display: block;
}
.location {
	display: block;
	width: 220px;
	color: #666;
}
.position_details_link {
xdisplay: none;
}
.position_details_link a{
	color:#790000;
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display: block;
	width: 55px;
	text-align: center;
	xdisplay: none;
}
a.map_link {
	color: #981b1e;
	cursor: pointer;
}
div#gaming p{
	margin: 12px 0;
	line-height: 16px;
	font: 12px "verdana", sans-serif;
	color: #000;
}
div#gaming a{
	color: #aa2c27;
	text-decoration: underline;
}
div#gaming ul{
	margin: 0 0 0 15px;
	font: 12px "verdana", sans-serif;
	line-height: 16px;
}
div#gaming ul li{
	color: #aa2c27;
	list-style-type: disc;
	line-height: 16px;
}
div#names_input{
	display: block;
	float: left;
	width: 255px;
}
div#details_input{
	display: block;
	float: left;
	width: 255px;
}
span.field_label{
	display: block;
	width: 95px;
	float: left;
	margin: 0 0 10px;
	font-weight: bold;
	text-align: right;
	color: #737272;
}
input.email_field{
	width: 125px;
	display: block;
	float: left;
	border: 1px solid grey;
}
div.field_container{
	width: 226px;
	display: block;
}
#gaming_submit{
	margin: 6px 0 75px 383px;
}
span.highlight{
	color: #aa2c27;
}
ul#list_1{
	display: block;
	width: 200px;
	float: left;
	margin: 0 0 0 20px;
}
ul#list_1 li, ul#list_2 li{
	list-style-type: disc;
	margin: 5px 0 0 20px;
}
ul#list_2{
	display: block;
	width: 200px;
	float: left;
}
.error{
	background: #f9adaa;
	color: #7d0702;
	border: 1px solid #7d0702;
}
form#aquisition{
	margin: 10px 0 0 0;
	display: block;
}
p#copyright {
	padding: 0 0 40px 0;
	font-size: 11px;
	text-align: right;
}

p#copyright a{
	color:#981B1E;
	font-weight: normal;
	text-decoration: none;
}
div#footerSub{
	text-align: right;
	margin: -10px 0 0;
}
.colOne ul.sub, .colTwo ul.sub, .colThree ul.sub{
	margin: 0 0 50px;
}
/* ==================== BLOG INDEX ========================== */
div#main_column h2.pagetitle,
div#main_column .navigation {
	font-size: 14px;
	text-transform: uppercase;
}

div#main_column h2.pagetitle {
	letter-spacing: 1px;
}

div#main_column .navigation a {
	color: #AD2B25;
	font-size: 14px !important;
	font-weight: bold;
	text-decoration: none;
}

div#main_column .postWrapper .authorPhoto {float:left; width:53px; padding:40px 40px 0 0;}
div#main_column .postWrapper .aps {padding:60px 40px 0 0 !important;}
div#main_column .postWrapper .authorPhoto img {border:1px solid #8a8a91;}
div#main_column .postWrapper .postContent {float:left; width:570px;}
div#main_column .postWrapper .postContent a.readmore {float:right; font-weight:bold; color:#AD2B25; text-decoration:none; font-size:11px;}
div#main_column .postWrapper .postContent p{line-height:16px;}
div#main_column .postWrapper .postContent h2.blogTitle {padding:0 0 5px 0; font-size:14px;}
div#main_column .postWrapper .postContent .postInfo {font-weight:bold; font-size:11px; color:#000000;}

/* =================== BLOG SIDE COLUMN ===================== */
div#sidebar ul li.categories, div#sidebar ul li.archives {border-bottom:1px dotted; padding:5px 0 10px 0; margin:0 40px 0 0;}
div#sidebar ul li.categories h2, div#sidebar ul li.archives h2 {font-size:12px; text-transform:uppercase; font-weight:bold; color:#ad2a23; padding:5px 0 5px 0;}
div#sidebar ul li.categories a, div#sidebar ul li.archives a {font-size:11px; font-weight:bold; text-transform:uppercase; color:#686868; text-decoration:none;}

ul.subnav {list-style: none;	margin: 0px 0px 0px 0px;	padding: 0;	}
ul.subnav li a.active {	color: #981b1e;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: bold;	font-size: 11px;}
ul.subnav li {	width: 200px;	margin: 5px 0px 0px 0px;	padding: 0px 0px 0px 0px;}
ul.subnav li a {	color: #555555;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: bold;	font-size: 11px;	padding: 2px; text-decoration:none;}
ul.subnav li a:hover {	color: #981b1e;	font-family: arial, helvetica, verdana, sans-serif;	font-weight: bold;	font-size: 11px;	padding: 2px;}


/* ==================== FOOTER ============================= */
div#footer {padding-top:20px;}





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.aligncenter {
	margin: 0 auto;
}
/* End Images */



.postWrapper{
	margin: 60px 0;
}

/* Awards Style */

.awards {
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

.awards li {
	display: block;
	padding: 5px;
	margin: 10px;
	border: 1px solid #bf8587;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0, .25);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0, .25);
	opacity: .75;
	float: left;
	cursor: pointer;
}

.awards li:hover {
	opacity: 1;
	z-index: 99;
	-webkit-transform: rotate(5deg) scale(1);
	-moz-transform: rotate(5deg) scale(1);
	-o-transform: rotate(5deg) scale(1);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}

.sub  {
	text-indent: 15px;
}

.sub li a{
	text-transform: none !important;
}

.total {
	font-size: .85em;
}

.state {
	margin: 30px 0 0;
}

div#sub_column ul.nav li .awards-links a{
	text-transform: capitalize;
}

.awards_container div#sub_column ul.nav {margin:5px 0 0 0;}