/*Browser Hacks*/
* {
margin:0px;
padding:0px;
}
a img {
border:none;
cursor:pointer;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/*Sitewide Styles and Classes*/
ul.horizontal {
list-style:none;
}
	ul.horizontal li{
	float:left;
	}
.hidden {
overflow:hidden;
text-indent:-9999px;
display:block;
}
a {
color:#6E7373;
}
#bestpractices2 a  {
color:#fff;
text-decoration:none;
}

a.orangearrow {
background: url(../images/a_orangearrow.gif) no-repeat right center;
padding-right:13px;
color:#6e7373;
}

}
h3.hidden {
height:30px;
}
#bestpractices a {
text-decoration:none;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#6e7373;
background:#a3a0a1;
}
#contentinner, #headerinner, #footerinner, #homebannerinner, #topbannerinner, #portfoliotopinner {
width:997px;
margin:auto;
position:relative;
}
	#circles {
	background:url(.../images/bgexperiment_.gif) no-repeat top left;
	}
	#topbannerinner2 {
	margin:0 auto;
	padding:50px 0 78px;
	width:625px;

}

		#topbannerinner h1 {
	font-size:24px;
	color:#ffffff;
	margin-bottom:-6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top:30px;
	}
		
	
		#homebannerinner2 h1 {
	font-size:24px;
	color:#ffffff;
	margin-bottom:-6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top:30px;
	}
	

	
		.headtitle {
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:24px;
	padding-left:352px;
	position:absolute;
	bottom:-6px;
	left:263px;
	z-index:1;
}
#header {
background:#231f20 url(../images/header_bg.gif) repeat-x bottom;
}
	#header #logo{
	float:left;
	width:172px;
	height:101px;
	background:url(../images/logo_header.gif) no-repeat top left;
	}
	
	p .white {
	color:#fff;
	}

#header #sitenav {
float:right;
padding:67px 0 0;
}
	#sitenav ul {
	}
		#sitenav li {
		height:17px;
		margin:0 35px 0 0;
		}
			#sitenav a {
			height:17px;
			}
				.aboutus a{
				background:url(../images/nav_aboutus.gif) no-repeat top left;
				width:77px
				}
				.whatwedo a{
				background:url(../images/nav_whatwedo.gif) no-repeat top left;
				width:96px
				}
				.ongoing a{
				background:url(../images/nav_ongoing.gif) no-repeat top left;
				width:74px
				}
				.portfolio a{
				background:url(../images/nav_portfolio.gif) no-repeat top left;
				width:79px
				}
				.videoresources a{
				background:url(../images/nav_videoresources.gif) no-repeat top left;
				width:127px
				}
				.contact a{
				background:url(../images/nav_contact.gif) no-repeat top left;
				width:72px
				}
			#sitenav a:hover, #sitenav .active .work a {
			background-position:bottom left;
			}

#homebanner {
background:#98bcbc;
width:100%;
}
	#homebannerinner {
	background:#98bcbc url(../images/home_content.png) no-repeat center top;
	height:227px;
	}
	#homebannerinner2 {
	background:#98bcbc url(../images/home_content2.jpg) no-repeat center top;
	height:227px;
	}
#content {
background:#ffffff;
padding:0 0 20px;
}
#content2 {
background:#ffffff url(../images/bgexperiment_.gif) no-repeat left top;
padding:0 0 20px;
}
#content3 {
background:#ffffff url(../images/bgexperiment2.gif) no-repeat right bottom;
padding:0 0 35px;
}

#featproj {
padding:10px 0 0 14px;
float:left;
}
	#featproj .featimg{
	float:left;
	margin-right:10px;
	}
	#featproj .details{
	width:300px;
	float:left;
	}
	#featproj h3{
	background: url(../images/featured_h3.gif) no-repeat left top;
	height:24px;
	margin-top:10px;
	}
	#featproj h4{
	font-size:12px;
	}	
		#featproj h4 a{
		text-decoration:none;
		}
	#featproj p{
	margin-bottom:7px;
	}
#bestpractices, #contactbox {
width:344px;
background:#ffffff url(../images/bestpractice_bg.jpg) no-repeat right top;
float:right;
border:1px solid #9a9a9a;
margin:22px 26px 0 0;
padding:0 0 10px 9px;
display:inline;
}

#bestpractices2 {
width:344px;
background:#ffffff;
float:right;
margin:22px 26px 0 0;
padding:0 0 10px 9px;
display:inline;
}

#bestpractices2 a {
text-decoration:none;

}

	#bestpractices p{
	margin-bottom:7px;
	width:246px;
	}
	
	
#topbanner, #portfoliotop {
background:#98bcbc;
width:100%;
z-index:-1;
}
	#portfoliotopinner {
	background: url(../images/portfolio_whitearrow.gif) no-repeat -7px 269px;
	padding:10px 0 40px 0;
	}	
#leftcolumn {
display:inline;
float:left;
padding:10px 27px;
width:575px;
}


	#leftcolumn h2 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:6px;
	padding-top:30px;
	}
	#leftcolumn h3 {
	font-size:12px;
	font-weight:bold;
	margin:6px 0 8px -20px;
}
	

	#leftcolumn ul, #rightcolumn #rightColContent ul {
	margin:6px 0px 8px 25px;
	}
	
#rightcolumn {
	width:364px;
	float:right;
	margin:0px 26px 0 0;
	padding:0px;
	display:inline;
	background-image: url(../images/right-col-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:30px;
	position:absolute;
	top:-31px;
	left:620px;
}
	#rightcolumn h2 {
		padding:10px 0px 0px 15px;
		margin:0px;
		background-image: url(../images/right-col-top.gif);
		background-repeat: no-repeat;
		background-position: top;
		font-size:18px;
		font-weight:bold;
		}
		#rightcolumn h4 {
		font-size:12px;
		font-weight:bold;
		}
		
		
	#rightcolumn #rightColContent {
		padding:15px;
	}
	#rightcolumn h3 {
		color:#98BCBC;
		font-size:16px;
		font-weight:normal;
		margin-bottom:5px;
		margin-top:20px;
		}
	
	

#videoplayer {
width:325px;
float:left;
}
#videothumbnails {
width:625px;
float:left;


}
	.thumbnailgroup {
	float:left;
	margin-left:20px;
	display:inline;
	width: 291px;
	}
		.thumbnailgroup img{
		float:left;
		margin-right:5px;
		width:92px;
		height:69px;
		filter:alpha(opacity=40);
		opacity:0.4;
		display:inline;
		}
		.thumbnailgroup .active{
		filter:alpha(opacity=100);
		opacity:1.0;
		}
		.thumbnailgroup img:hover {
		filter:alpha(opacity=100);
		opacity:1;
		}

.thumbnailgroup h2{ 
overflow:hidden;
text-indent:-9999px;
display:block;
height:14px;
margin:15px 0 5px;
}
	#broadcastgroup h2 {
	background: url(../images/h2_broadcast.gif) no-repeat left top;
	}
	#hdgroup h2 {
	background: url(../images/h2_hd.gif) no-repeat left top;
	}
	#corporategroup h2 {
	background: url(../images/h2_corporate.gif) no-repeat left top;
	}
	#internetgroup h2 {
	background: url(../images/h2_internet.gif) no-repeat left top;
	}
	
#projectinformation {
width:588px;
float:left;
}
#projectinformation h2 {
	margin:20px 0 5px 0;
	height:20px;
}
	h2#skylights {
	background: url(../video/names/h2_wpxi.gif) no-repeat left top;
	}
	h2#warhol {
	background: url(../video/names/h2_popcitywarhol.gif) no-repeat left top;
	}
	h2#areva {
	background: url(../video/names/h2_areva.gif) no-repeat left top;
	}
	h2#comcast {
	background: url(../video/names/h2_comcast.gif) no-repeat left top;
	}
	h2#golf {
	background: url(../video/names/h2_comcastgolf.gif) no-repeat left top;
	}
	h2#golden {
	background: url(../video/names/h2_goldenliving.gif) no-repeat left top;
	}
	h2#freedom {
	background: url(../video/names/h2_freedomhouse.gif) no-repeat left top;
	}
	h2#lanxess {
	background: url(../video/names/h2_lanxess.gif) no-repeat left top;
	}
	h2#pitt {
	background: url(../video/names/h2_pitt07.gif) no-repeat left top;
	}
	h2#popcity {
	background: url(../video/names/h2_popcity.gif) no-repeat left top;
	}
	h2#tech {
	background: url(../video/names/h2_techcouncil.gif) no-repeat left top;
	}
	h2#pizza {
	background: url(../video/names/h2_vocelli.gif) no-repeat left top;
	}
#asterisk{
color:#FF0006;
}
#asterisk2{
color:#FF0006;
padding-left:5px;
}

#projectinformation p {
margin:0 0 10px 0;
}
#clientquote {
float:left;
width:320px;
margin:38px 0 0 26px;
padding:7px 0 0 38px;
background: url(../images/quote_left.gif) no-repeat left top;
font-size:18px;
}
	#clientquote .quote {
	background: url(../images/quote_right.gif) no-repeat right bottom;
	padding:0 30px 4px 0;
	margin:0 0 10px 0;
	}
	#clientquote .quote-b {
	padding:0 30px 4px 0;
	margin:0 0 10px 0;
	font-size: 12pt;
	}


#clientquoteabout {
background:transparent url(../images/quote_left.gif) no-repeat scroll left top;
font-size:14px;
margin:10px 0 0 24px;
padding:7px 0 0 45px;
width:320px;
}

	#clientquoteabout .quote, #clientquotetwoabout .quote {
	background: url(../images/quote_right.gif) no-repeat right bottom;
	padding:0 30px 4px 0;
	margin:0 0 10px 0;
	font-size: 12pt;
	}
#clientquotetwoabout {
background:transparent url(../images/quote_left.gif) no-repeat scroll left top;
font-size:14px;
margin:10px 0 0 210px;
padding:7px 0 0 45px;
width:320px;
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
#submit {
	
	width:51px;
	height:24px;
	margin-left:165px;
	float:left;
	display:inline;
}
#checkbox {
	margin-left:1px;
}

label {
	text-align: right;
	width: 150px;
	padding-right: 20px;
}

br {
	clear: left;
}


#footer {
background:#ffffff url(../images/footer_bg.gif) repeat-x 0 bottom;
width:100%;
}
	#contactinfo {
	background:url(../images/footer_contactinfo_bg.gif) no-repeat right top;
	float:left;
	padding:10px 10px 10px 20px;
	width:565px;
	display:inline;
	}
		#contactinfo p {
		float:left;
		margin-right:65px;
		display:inline;
		}
		#contactinfo a img {
		margin-top:24px;
		}
	#contactbox {
	background-image:url(../images/footer_contactbox_bg2.jpg);
	margin:0px 26px 15px 0;
	padding:0 0 0 9px;
	display:inline;
	}
	#contactbox2 {
	background-image:url(../images/footer_contactbox_bg2.jpg);
	margin:0px 26px 15px 0;
	padding:0 0 0 9px;
	display:inline;
	}
		#contactbox h2 {
		height:0px;
		}
		#contactbox a{
		display:block;
		padding:30px 124px 0pt 0pt;
		text-decoration:none;
		width:212px;
		margin-bottom:7px;
		}
	#copy {
	padding:20px 0 76px 10px;
	clear:both;
	}