@charset "UTF-8";
@import url(reset.css);
@import url(anythingSlider.css);
@import url(slider.css);
 
/****************************************************************
COLORS 
Red					#990000
Dark gray			#0D0D0D
Medium Gray			#58595B
*****************************************************************/

/*-----------------STRUCTURE-------------------- */
#wrapper {
	margin: 0 auto;
	width: 1022px;
	position: relative;
}

#mainContent {
	background: #fff url(../images/mainContent-bg.jpg) no-repeat;
	min-height:646px;
	height:auto !important;
	height:646px;
	padding: 20px 20px 0;
}
	
/*---------------------------------------------
/*------------------HEADER--------------------*/
#header { 
	height:140px;
	background: url(../images/nav-bgBETA.gif) bottom no-repeat;
	margin: 0 0 -34px 0;
	position: relative; 
	}
h1.logo { 
	position: absolute;
	top: 26px;
	height: 80px; 
	width: 374px; 
	text-indent: -123456px; 
	margin-bottom: none;
}

.logo a {
	background: transparent url(../images/logo-sprite.png) no-repeat 0 -80px;
	display:block;
	height:100%;  
	overflow:hidden;
	width:100%;
}

.logo a:hover {background-position: 0 0;}
.logo a:hover, .logo a.hover{background-position: 0 0;}
/*---------------------------------------------
/*----------------NAVIGATION-----------------*/
#main-nav { 
font-family: Helvetica, sans-serif;
padding-left: 25px;
}
 
.lavaLampBottomStyle {
position: relative;
height: 29px;
padding: 0 0 5px 10px;
margin: 0;
overflow: hidden;
}
.lavaLampBottomStyle li {
float: left;
list-style: none;
line-height: normal;
margin-right: 15px;
}
.lavaLampBottomStyle li.back {
border-bottom: 4px solid #B50808;
width: 9px;
height: 20px;
z-index: 8;
position: absolute;
}
.lavaLampBottomStyle li a {
text-decoration: none;
color: #666;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border: none;
}     

.lavaLampBottomStyle li a:hover { color: #000; }

.lavaLampBottomStyle li a.current { color: #B25A2A; font-weight:600; }

#sub-nav li {
	vertical-align: middle;
	float:left;
	display:inline;
	list-style:none;
	margin:0 18px 0 0;
	padding: 5px;
}

#sub-nav a:link { color: #fff; text-decoration: none;}
#sub-nav a:visited { color: #fff; text-decoration: none; }
#sub-nav a:hover { color: #ffcc00; background-color: #000;}
#sub-nav a:active { color: #fff04a; }

#sub-nav {
	float: right;
}

#sub-nav a.current {text-decoration: underline;}

/*-------- COLUMN SPECS -------*/
.one_column { width:232px; }
.two_column { width:470px; }
.three_column { width:730px; }
.four_column { width:980px; }
.margin_left { padding-left:20px; }
.margin_right { padding-right:20px; }
.margin_top { margin-top: 1.4em;}  
.margin_bottom {margin-bottom: 1.4em;} 

.border_left { 
	/*background:url(../images/border_dot_vertical.gif) top left repeat-y;*/ 
	padding-left:20px; 
	}

.border_right { 
	background: url(../images/border_dot_vertical.gif) top right repeat-y; 
	padding-right:20px;
	}

/*-------------CONTENT STRUCTURE----------*/
.contentBox {
	margin-top: 20px;
	overflow:none;
	width: 645px;
	padding: 5px;
	background: transparent url(../images/box-bg.png);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#333;
	padding: 0 10px 15px 15px;
}

.contentBox ul { margin-left: 5px; }
.contentBox ul li { 
	list-style-type: none;
	line-height: 1em;
	padding-left: 15px;
	background: url(../images/pfeil5.gif) no-repeat 0 6px;
}

body#clients .contentBox { margin-top: 0; width: 860px;}
body#clients .contentBox + .contentBox { margin-top: 20px; width: 645px;}

/*-------------Team-------------------*/
#contentHeader {
	display: block;
	position: absolute;
	height: 20px;
	width: 760px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	top: 420px;
	right: 230px;
	padding-bottom: 5px;
	font-weight: bold;
}

body#team .contentBox {
	overflow:hidden;
	margin-top: 20px;
	width: 800px;
	padding: 5px;
	background: transparent url(../images/box-bg.png);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#333;
	padding: 0 0 0 15px;
}

body#team .contentBox ul li { background: none; }

#teamNav {
	position: relative;
	top: -1343px;
	right: -250px;
}
#Bios {
	position: relative;
	top: 5px;
	right: 0px;
	height: 250px;
}

/*------------------------------------------------------
------------FLASH Home & Non-Portfolio Pages----------*/
#villain {
	background: transparent url(../images/villain-bg.png) no-repeat;
	margin: 0;
	width: 975px;
	height: 257px;
}

#villain h2, #villain p { margin:0; float: left; text-indent:-9999px; }

#flashIntro { 
	height: 229px; 
	width: 495px; 
	margin: 14px 14px 0 0; 
	float: right;
	display: inline;
	background-color: #2E2925;
}

/*---------------------------------------------------
----------------FLASH Inside Pages-----------------*/
#villain2 {
	background: transparent url(../images/villain2-bg.png) no-repeat;
	margin: 0;
	width: 982px;
	height: 522px;
	padding-top: 32px
}

#villain2 h2, #villain2 p { margin:0; float: left; text-indent:-9999px; }

#villain3 {
	background: transparent url(../images/villain3-bg.png) no-repeat;
	margin: 0;
	width: 982px;
	height: 526px;
	padding-top: 28px
}

#villain3 h2, #villain3 p { margin:0; float: left; text-indent:-9999px; }

#flashVideo { 
	height: 461px; 
	width: 960px; 
	margin: 0 0 0 12px; 
}

#flashVideo #altContent { text-indent:0; }
#flashVideo img { margin: 20px 200px; }

#flashIntro2 { 
	margin: 0 0 0 22px; 
}

#flashIntro2 #altContent { text-indent:0; }
#flashIntro2 img { margin: 20px 200px; }

/*-------------------------------------
----------------Webmercials----------------*/
a#webmercial {
	float: right;
	display:block;
	overflow:hidden;
	width:240px;
	text-indent:-9999px;
	height: 240px;
	margin: 20px 20px 0 0;
	background: url(../images/webmercial.png) no-repeat 0 0;
}
a:hover#webmercial {
		background-position: 0 -240px; 
}

#webmercials .contentBox { float:left;}

/*-------------------------------------
----------------FOOTER----------------*/
#footer { 
	background-image: url(../images/footer-bg.png);
	height: 53px;
}

#footer p { margin: 0 10px; padding-top: 8px; }

/*----------------------------------------------
------------- FLOATS AND CLEARING-------------*/
.left { float: left; }
.right { float: right; }
.leftimg { float: left; margin:0px 15px 5px 0px; }
.rightimg { float: right; margin:0px 0px 5px 15px; }

/*----clearfix----*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*------------IMG REPLACEMENT-------------*/
.img-replace {
	text-indent: -9999px;
}

.overview, .team-player { 
	width: 248px; 
	height: 55px;
	margin: 0;
}

.imagine {
	width:400px;
	height:55px;
}

.imagine { background: url(../images/imagine.png) no-repeat; }
.overview { background: url(../images/overview.png) no-repeat; }
.team-player { background: url(../images/team-players.png) no-repeat; margin-bottom: 10px; }
.marketing { background: url(../images/marketing.png) no-repeat; margin: 0 0 10px 0; width: 508px; height: 58px;}
.courtroom { background: url(../images/courtroom.png) no-repeat; width: 371px; height:59px; margin: 0 0 10px 0; }
.webmercials { background: url(../images/360webmercials.png) no-repeat; width: 315px; height:53px; margin: 0 0 10px 0; }
.advertising { background: url(../images/advertising.png) no-repeat; width: 315px; height:58px; margin: 0 0 10px 0; }
.public { background: url(../images/public.png) no-repeat; width: 315px; height:53px; margin: 0 0 10px 0; }
.clients { background: url(../images/clients.png) no-repeat; width: 315px; height:53px; margin: 0 0 10px 0; }
.testimonials { background: url(../images/testimonials.png) no-repeat; width: 315px; height:53px; margin: 0 0 10px 0; }

.services { 
	background: url(../images/services.png) no-repeat; 
	width: 179px; 
	height: 20px;
	margin: 0;
}

/*---------CONTACT US PAGE--------*/

#map {
	float: right;
	display: inline;
	margin: 40px 10px 0 0;
}

.tbl-news {font-family: arial, sans-serif; font-size:11px; line-height:16px; font-weight:bold;}
td.left {width:98px; padding:4px 0; vertical-align:middle;}
td.right {width:192px; padding:4px 0; vertical-align:middle;}
sup{color:#cd0010;}

.form1 {width:125px; height:16px; vertical-align:middle;font-family: arial, sans-serif; font-size:11px; line-height:16px;}
.form2 {width:192px; height:16px; vertical-align:middle;font-family: arial, sans-serif; font-size:11px; line-height:16px;}
.form3 {width:52px; height:16px; vertical-align:middle;font-family: arial, sans-serif; font-size:11px; line-height:16px;}
.flright{float:right;}
.flleft{float:left;}

.red { color: #b22024;}
.gray { color: #666666;}

body#contact h2 + p {margin-top:0;}

a.submit {
text-indent: -12345px;
float: right;
display:block;
width: 94px;
height: 24px;
background: transparent url(../images/submit.png) no-repeat 0 0;
}

a.submit:hover {
background-position: 0 -24px;
}

#form_container
{
	float: left;
	margin-top: 0px;
	overflow:auto;
	width: 500px;
	padding: 5px;
	background: transparent url(../images/box-bg.png);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#333;
	padding: 10px 0 10px 20px;
	text-align:left;
}

#form_container h2 {margin-bottom: 0;}

/*---------CUFON--------*/

.contentBox p {font-size:.875em; color: #1f1f1f; }
.cufon-active h3 { font-size:1.25em;  }

/*----Web portolio slider---*/

#villain4 {
	background: transparent url(../images/villain2-bg.png) no-repeat;
	margin: 0;
	width: 982px;
	height: 544px;
	padding: 24px 0 0 0;
}

#villain4 a:link, #villain4 a:visited { color: #80c34e; }

/*-------TABLES--------*/

td {padding:2px 14px 2px 2px;}


.rC {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#videos h2 {font-size: 36px;}
#videos {
	padding: 10px;
	background: #333;
	background: rgba(51,51,51,.90);
}

div.quote {
	width: 400px;
	background-color: rgba(255, 255, 255, .75);
	background-image: url(../images/quotemarks.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 20px 10px 10px 60px;
	border: 4px solid rgba(255, 255, 255, 0.3);
}
p.cite {font-style: italic; font-size: smaller;}
em {font-style: italic; color: maroon;font-size:larger;}