* {	margin:0; padding:0; font-family:arial;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
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;
}

.container	
{
	background-image:url(backgroundglow.png);
	background-position: 15px 11px;
	background-repeat:no-repeat;
	width:950px;
	height:370px;
	padding-left:16px;
	padding-top:15px;
	overflow:hidden;
	margin:auto;
}

.selector
{
	background-repeat:no-repeat;
}			

.hovering
{
	opacity: 0.5;	
}	

.TabMenu
{
	width:180px;
	float:left;
	position: relative;
	padding-top:6px;
	z-index: 10;
	cursor:pointer;
}

.TabMenu1
{
	background-image:url(splash1athumb.png);
	width:157px;
	height:80px;
	position:relative;
	right:20px;
	color:#000;

}

.TabMenu span
{
	position:relative;
	display:block;
	margin: 0px;
	padding:0px;
	height:83px;
	clear:both;
}

.ContentFrame
{
	float:left;
	margin-right:20px;
	padding-top:7px;
	width: 730px;
	height:320px;
	left: 10px;
	position: relative;
	overflow:hidden;
}			

.AllTabs
{
	position: relative;	
	left:0px;		
	width: 3000px;
	height: 320px;
	overflow:hidden;
}
.TabContent
{
	width:730px;
	height: 320px;
	margin-right:20px;
	position: relative;
	overflow:hidden;				
}

.TabContent
{
	float:left;
	font-family:trebuchet MS;
	color:#fff;
}

h3
{
	color:#e00000;
	font-family:arial;
	font-size:30px;
	font-weight:normal;
}

.slideshow h2
{ 
	color: #cccccc;
	position:absolute;
	right:250px;
	top:260px;
	text-align:right;
	font-size:28px; 
}

.slideshow h3
{ 
	color:#b3b1b4;
	position:absolute;
	right:250px;
	top:220px;
	font-size:16px;
	text-align:right;
}

.slideshow p
{
	color:#656565;
	position:absolute;
	right:25px;
	top:20px;
	width:180px;
	font-size:12px;
	line-height:2;
}


.slideshow 
{
	width:730px;
	height:370px;
	/*background: transparent url('placeholder1.png') no-repeat 0 0; 
	background-position:center center;*/
}


.splashlinkcontainer
{
	text-align: right;
	position:absolute;
	right:25px;
	bottom:20px;
	width:180px;
}

.splashlinkcontainer a
{
	margin-bottom: 10px;
}

.slideshow img
{
	border:none;
}

.slideshowbox
{
	position:relative;
	left:470px;
	top:60px;
	width:263px;
	height:295px;
	background: transparent url('aboutusbg.png') no-repeat 0 0;
}

.slideshow span
{
	font-weight:bold;
}

.mainbodyhost
{
	background: transparent url('mainbackground.jpg') no-repeat 0 0;
	background-position:top center;
	width:100%;
	margin: 0 auto;
	position:relative;
	float:left;
	background-color:#000;
}

.mainbody
{
	background-position:top center;
	position:relative;
	margin: 0 auto;
	width:950px;
	background-color:#fff;
}

.maincontent
{
	width:950px;
	background-color:#fff;
	background: transparent url('bodybg.jpg') no-repeat 0 0;
	position:relative;
	float:left;
	clear:both;
	background-color:#fff;
	/* This is to provide the bottom white space between the content and the footer area, adjust as needed */
	padding-bottom:50px;
}


/*Snack is Parent to the three box divs ----------------------------------------------------------------------------------*/
.snack
{

	float:left;
	position:relative;
	width:950px;
	padding-left:25px

}

.snack img { border:none; }

.snack a
{
	color:#C9010E;
	font-size:10px;
	text-decoration: none;
}

.snack a:hover
{
	
	text-decoration: underline;
}

.snackheader
{	
	width:300px;
	height:42px;
	background: transparent url('boxtop.png') no-repeat 0 0; 
}

.snackfooter
{
	width:300px; 
	height:40px;
	background: transparent url('snackfoot.png') no-repeat 0 0; 
}

.subboxes
{
	float:left;
}

.subboxes h4
{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	position:relative;
	left:20px;
	top:7px;
	
}

#work_snackbody, #services_snackbody, #opps_snackbody
{

	background: transparent url('snackbody.png') repeat-y;
	height:300px;
	width:300px; 
} 

#work_snackbody_right p, #services_snackbody p, #opps_snackbody p
{
	font-family:arial;
	font-size:10px;
}

#services_snackbody p, #opps_snackbody p
{
	width:250px;
	margin: 5px 0px 15px 0px;
}

#work_snackbody h5 a, #services_snackbody h5 a
{
	padding:0;
	margin:0;
	font-family:arial;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#1f1f1f;
}

#work_snackbody_left
{
	width:100px;
	float:left;
}

#work_snackbody_left img
{
	margin-top:5px;
	margin-left:20px;
}

#work_snackbody_right
{
	width:165px;
	float:left;
}

#work_snackbody li
{
	float:left;
	padding-bottom:10px;
}

#work_snackbody ul
{
	padding-top:10px;
	float:left;
	padding-bottom:20px;
}

#services_snackbody div
{
	padding-top:10px;
	margin-left:20px;
}

#opps_snackbody div
{
	margin-left:20px;
	padding-top:10px;
}

#opps_snackbody ul
{
	font-size:10px;
	
}

/*END OF the three boxes on the home -----------------------------------------------------------------------------------------------------------------*/

.snackbody h5 a
{
	float:none;
	
	
	font-family:arial;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#1f1f1f;
}

.snackbody h5 a:hover
{
	text-decoration:underline;
}

.subboxes p
{

}

.notableworkdesc
{
	font-family: arial;
	font-size: 10px;
}



.snackbody2 p, .snackbody3 p
{
	font-family:arial;
	font-size:10px;
	padding-top:15px;
	padding-left:25px;
	padding-bottom:25px;
	width:240px;
}

.snackbody2 div
{

}

.snackbody2 h5 a, .snackbody3 h5 a
{
	float:none;
	position:relative;
	left:25px;
	top:10px;
	font-family:arial;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#1f1f1f;
}

.snackbody2 h5 a:hover
{
	text-decoration:underline;
}

.whatwedo
{
	float:left;
	clear:both;
	margin-bottom:30px;
}

.whatwedo span
{
	color:#2a2a2a;
	font-family:arial;
	font-size:24px;
}

.whatwedo_right
{
	float:left;
	width:450px;
	margin-top:40px;
	background: transparent url('divider.png') no-repeat 30px 0;
}



.whatwedo h3
{
	margin-left:40px;
	height:40px;
	color:#b30f16;
	font-size:24px;
	/*background: transparent url('underline.png') no-repeat 0 0;*/
	background-position:left bottom;
}

.whatwedo_right h3
{
	margin-left:60px;
	margin-top:20px;
}

.whatwedo p
{

	margin-left:40px;
	font-family:arial;
	color:#595959;
	font-size:11px;
}

.whatwedo_right p
{	
	position:relative;
	margin-left:60px;
	font-family:arial;
	color:#595959;
	font-size:11px;
}

.whatwedo_right a
{
	text-decoration:none;
	float:right;
	font-family:arial;
	font-size:11px;
	color:#C9010E;
	margin-left:50px;
}

.whatwedo_right a:hover
{
	text-decoration:underline;
}

.whatwedo_right ul
{
	margin-left:85px;
	margin-top:30px;
	list-style-type:disc;
	position:relative;
	font-family:arial;
	color:#595959;
	font-size:12px;
}

.whatwedo div
{
	float:left;
	width:450px;
}

/*works ----------------------------------------------------------------------------------------------------------------------------------------------------*/

.casestudylist
{
	font-family:arial;
	font-size:12px;
	width:730px;
	min-height:600px;
	background: transparent url('subsubbodybg.png') repeat-y 0 0;
	margin-left:15px;
	float:left;
	margin-top:20px;
}

.casestudylist img
{
	border:none;
}
.casestudylist h1, .casestudysingle h1
{
	margin-left:30px;
	padding-top:20px;
	font-family:verdana;
	font-size:24px; 
	color:#4b4b4b;
	font-weight:normal;
	height:38px;
	background: transparent url('companydivider.png') no-repeat 0 bottom;
}

.casestudylist div
{
	float:left;
	width:200px;
	height:200px;
	margin-left:37px;
	margin-top:20px;
	padding-bottom:60px;
}

.casestudylist h2 a
{
	font-family:arial;
	margin:0px;
	padding:0px;
	margin-bottom:3px;
	font-size:12px;
	font-weight:bold;
	color:#2c2c2c;
}

.casestudylist p
{
	width:190px;
	left:0;
	font-size:11px;
	color:#595959;
}

.casestudylist a
{
	color:#C9010E;
	text-decoration:none;
}

.casestudylist a:hover
{
	text-decoration:underline;
}

.casestudysingle
{
	font-family:arial;
	font-size:12px;
	width:730px;
	min-height:700px;
	background: transparent url('subsubbodybg.png') repeat-y;
	margin-left:15px;
	float:left;
	margin-top:20px;
	padding-bottom:40px;
}

.casestudysingle div
{
	width:350px;
	float:left;
}

.casestudysingle ul
{
	font-family:arial;
	font-size:11px;
	color:#595959;
	padding-left:50px;
	padding-top:7px;
}

.casestudysingle_right
{
	float:left;
	margin-top:20px;
}



.casestudysingle h2
{
	font-size:16px;
	margin-left:30px;
	font-family:arial;
	font-weight:bold;
	color:#595959;
	margin-bottom:10px;
}

.casestudysingle_right p
{
	margin-bottom:20px;
	margin-left:30px;
	font-family:arial;
	font-size:11px;
	color:#595959;
	width:270px;
}

.casestudysingle_right ul
{
	list-style-type:disc;
	padding-bottom:20px;
}

.casestudysingle_right p a
{
	color: #C9010E;
	text-decoration: none;
}

.casestudysingle_right p a:hover
{
	text-decoration: underline;
}

.casestudysingle_right li a
{
	color: #C9010E;
	text-decoration: none;
}

.casestudysingle_right li a:hover
{
	text-decoration: underline;
}

.casestudylist label
{

	font-family:arial;
	font-size:14px;
	color:#595959;
	float:left;
	margin-right:5px;
	margin-top:10px;
}

/* Splash Screens ---------------------------------------------------------------------------------------------------------------*/
.splash_seo
{
	width:730px;
	height:320px;
	background-image:url(splash1a.jpg);
}

.splash_backend
{
	width:730px;
	height:320px;
	background-image:url(splash2a.jpg);	 
}

.splash_tools
{
	width:730px;
	height:320px;
	background-image:url(splash3a.jpg);
}

.splash_social
{
	width:730px;
	height:320px;
	background-image:url(splash4a.jpg);
}

.splash_interface
{
	width:730px;
	height:320px;
	background-image:url(splash5a.jpg);
}


.splash_seo_tagline
{
	font-family: arial;
	font-size: 18px;
	color: #323232;
	position: absolute;
	left: 65px;
	top: 200px;
}

.splash_seo_header
{
	font-family: arial;
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	left: 453px;
	top: 42px;
	width: 225px;
}


.splash_seo_text
{
	font-family: arial;
	font-size: 14px;
	color: #e1e1e1;
	position: absolute;
	left: 453px;
	top: 75px;
	width: 225px;
}

.splash_social_header
{
	font-family: arial;
	font-size: 18px;
	color: #404040;
	position: absolute;
	left: 235px;
	top: 225px;
	width: 300px;
}

.splash_social_text
{
	font-family: arial;
	font-size: 12px;
	color: #505050;
	position: absolute;
	left: 190px;
	top: 260px;
	width: 450px;
}



/*Easy Slider ------------------------------------------------------------------------------------------------------------------------------------*/

	#easyslider ul, #easyslider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#easyslider
	{
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		margin-left:9px;
		line-height:12px;
		font-family:arial;
		font-size:10px;
		color:#595959;
		padding-top:10px;
		width:299px;
		min-height:290px;
		position:relative;
		overflow:hidden; 
	}
	  
	#easyslider li
	{
		text-align:left;
		width:299px; 
	}
	
	#easyslider li span
	{

	}
	
	#number
	{
		float: left;
		width: 20px;
		height: 50px;
	}
	
	.jsslidertop
	{
		margin-left:25px;
		margin-top:20px;
		background-image:url(jsthumbbackgroundtop.png);
		background-repeat:no-repeat;
		height:11px;

	}
	
	.jssliderbottom
	{
		margin-left:25px;
		margin-bottom:15px;
		background-image:url(jsthumbbackgroundbottom.png);
		background-repeat:no-repeat;
		height:8px;
	}
	
	.jssliderbody
	{
		margin-left:25px;
		background-image:url(jsthumbbackgroundbody.png);
		background-repeat:repeat-y;
	}
	
	.jssliderprevbtn
	{
		position:absolute;
		left:365px;
		top:405px;
	}
	
	.jsslidernextbtn
	{
		position:absolute;
		left:395px;
		top:405px;
	}
	
	.TabMenuItem
	{
		position: relative;
	}
	
	.TabMenuItem div
	{
		position: absolute;
		left: 5px;
		top: 55px;
		font-family: arial;
		font-size: 11px;
		color: #bbbbbb;
	}
		
	span#prevBtn{}
	span#nextBtn{}			
	
	
	
.leftbody
{
}

.location
{
	margin-top:30px;
	margin-left:40px;
	background:url(building.jpg);
	background-repeat:no-repeat;
	display:block;
	width:201px;
	height:101px;
	float:left;
}
.bodynav
{
	float:right;
	position:relative;
	width:200px;
	height:263px;
	background-image:url(navright.png);
	font-family:Arial;
	font-size:0.8em;
	font-weight:bold;
}

.bodynav ul
{
	
}

.bodynav ul
{
	margin-left:25px;
	margin-top:20px;
}

.bodynav li
{
	margin:0;
	list-style:none;
	background:#666;
	padding:5px;
	width:160px;
	margin:5px;
}

.bodynav li:hover
{
	background:#fff;
}

.bodynav li a
{
	text-decoration:none;
	color:#fff;
	padding-right:160px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	margin-left:-10px;
}

.bodynav li:hover a
{
	text-decoration:none;
	color:#000;
}



/*Team CSS */