html,body {
	margin: 0;
	background-color: #f5f3f2;
	background-repeat: repeat;
	background-image: url(/images/bg.png);
	line-height: 20px;
	font-family: 'Gotham A', 'Gotham B', sans-serif; 
	font-weight: 400; 
	font-style: normal;
	text-align: center;
	padding:0;
	height:100%;
	width: 100%;
	letter-spacing: 0px;
	font-size: 13px;
	color: #706d6d;
	
}
.gotham{
	font-family: 'Gotham A', 'Gotham B', sans-serif; 
	font-weight: 400; 
	font-style: normal;
}
.h2{
	font-size: 18px;
	letter-spacing: 2px;
}
.h3{
	letter-spacing: 1px;
}
.h4{
	font-size: 10px;
	letter-spacing: 2px;
	color: #cac7c7;
}
.horiz_line{
	width: 100%;
	height: 2px;
	background-color: #dcd4d2;
	border-bottom: 2px solid white;
}
.txt_C {
	text-align: center;
}
.txt_L {
	text-align: left;
}
.txt_R {
	text-align: right;
}
.txt_red{
	color: #e66129;
}

.bold {
	font-weight: 400;
}
.ital{
	font-style: italic;
}
.bg1{
	background-repeat: repeat;
	background-image: url(/images/bg.png);
}
.bg2{
	background-repeat: repeat;
	background-image: url(/images/bg2.png);
}

#preloader {
	top: -2000px;
	position: absolute;
}
.abso {
	left: 0px;
	top: 0px;
	position: absolute;
}
.ofHidden
{
	overflow: hidden;
}
.margin_center{
	margin-left: auto;
	margin-right: auto;
}
/*
width: 980px;
*/
.page_center{
	max-height: 999999px;
	margin-left: auto;
	margin-right: auto;
}
.page_center_10{
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}
.imgOff
{
	display: none;
}

.block {
	display: inline-block;
}
.title_pad {

	padding-bottom: 6px;

	padding-top: 24px;

}
p {
	line-height: 24px;
	font-size: 13px;
	margin: 0px;
}

.line_height_p2{
	line-height: 22px;
}
.upper {
	text-transform: uppercase;
}

.txt_grey {
	color: #706d6d;
}
.txt_ltGrey{
	color: #84817e;
}
.txt_white{
	color: #faf8f7;
}
.txt_black{
	color: #46454a;
}

.bg_white{
	background-color: #faf8f7;
}
.bg_offWhite{
	background-color: #f0efee;
}

img {
	border-width: 0px;
}

.clearer
{
	clear:both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.rounded
{
	border-radius: 10px;
	-webkit-border-radius: 10px 10px;
	-moz-border-radius: 10px 10px;
}
.rounded_sm
{
	border-radius: 5px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
}
.rounded_but
{
	border-bottom-left-radius: 15px;
	-webkit-border-radius-bottomleft: 15px 15px;
	-moz-border-radius-bottomleft: 15px 15px;	
	border-bottom-right-radius: 15px;
	-webkit-border-radius-bottomright: 15px 15px;
	-moz-border-radius-bottomright: 15px 15px;	
}
.rounded_but_l
{
	border-bottom-left-radius: 15px;
	-webkit-border-radius-bottomleft: 15px 15px;
	-moz-border-radius-bottomleft: 15px 15px;	
		
}
.rounded_but_r
{	
	border-bottom-right-radius: 15px;
	-webkit-border-radius-bottomright: 15px 15px;
	-moz-border-radius-bottomright: 15px 15px;	
}
.rounded_but_sm
{
	border-bottom-left-radius: 9px;
	-webkit-border-radius-bottomleft: 9px 9px;
	-moz-border-radius-bottomleft: 9px 15px;	
	border-bottom-right-radius: 9px;
	-webkit-border-radius-bottomright: 9px 9px;
	-moz-border-radius-bottomright: 9px 9px;	
}
.rounded_bl
{
	border-bottom-left-radius: 7px;
	-webkit-border-radius-bottomleft: 7px 7px;
	-moz-border-radius-bottomleft: 7px 7px;	
}
.rounded_br
{
	border-bottom-right-radius: 7px;
	-webkit-border-radius-bottomright: 7px 7px;
	-moz-border-radius-bottomright: 7px 7px;	
}
.rounded_tl
{
	border-top-left-radius: 7px;
	-webkit-border-radius-topleft: 7px 7px;
	-moz-border-radius-topleft: 7px 7px;	
}
.rounded_tr
{
	border-top-right-radius: 7px;
	-webkit-border-radius-topright: 7px 7px;
	-moz-border-radius-topright: 7px 7px;	
}



a {
 color: #e66129;
 text-decoration:none;
}
a:hover {
 
	color: #e66129;
 
}
.no_a_color
{
	color: #979292;
}
.no_a_color2
{
	color: #84817e;
}
.no_a_color a
{
	color: #979292;
}
.no_a_colorhit
{
	color: #46454a;
}
.no_a_color2 a{
	color: #706d6d;
}

.right_col_thumb{
	width: 274px;
	height: 157px;
}
.shadow
{
	box-shadow:2px 2px 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, .4);
	-moz-box-shadow:2px 2px 10px rgba(0, 0, 0, .4);
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#191919')";
	
}

.shadowSm
{
	box-shadow:1px 1px 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, .5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#B9B9BA')";
}

.shadowOnWhite
{
	box-shadow:0 0 6px rgba(0, 0, 0, .3);
	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, .3);
	-moz-box-shadow:0 0 6px rgba(0, 0, 0, .3);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#B9B9BA')";
}

.shadowSoft
{
	box-shadow:0 0 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .3);
	-moz-box-shadow:0 0 4 rgba(0, 0, 0, .3);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#B9B9BA')";
}


.shadowInner
{
	top: 20px;
	z-index:0;
	position:relative;
	-webkit-box-shadow:inset 0 0 80px rgba(0, 0, 0, .1);;
	-moz-box-shadow:inset 0 0 80px rgba(0, 0, 0, .1);;
}

.hand
{
	cursor: pointer;
}

#container{
	height: auto;
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -65px;
	width: 100%;
	position: relative;
	z-index: 0;
	text-align: left;	
}
.foot_pad{
	height: 65px;
	width: 100%;
}

#footer {
	width: 100%;
	height: 65px;
	position: relative;
	z-index: 1;
	
}
#home #footer{
	width: 100%;
	position: fixed;
	bottom:0px;
	left:0px;
	z-index:999999;
	height: 65px;
}
#home #footer .horiz_line{
	display:none;
}

#footer_in {
	width: 100%;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
#home #footer #footer_in {
	width: 100%;
	padding-top: 24px;
	margin-left: auto;
	margin-right: auto;
	
}

#page
{
	
	padding-bottom: 20px;
}
.page_center{
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	text-align: left;
	width:980px;
}

.split_bg{
	background-repeat:repeat-y;
	background-image: url(/images/bgsplit.png);
	background-position-x: 50%;
}



#page_bottom_pad
{
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	text-align: left;
	width: 980px;
	height: 40px;
}

#header{
	height: 138px;
	width: 100%;
	text-align: left;
	
}


#header_in{
	height: 138px;
	left: 0px;
	top: 0px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	z-index: 500;
}



#logo
{
	top: 52px;
	left: 0px;
	width: 260px;
	height: 40px;
	position: absolute;
}

.search_box{
	width: 150px;
	padding: 4px; 
	text-indent: 4px;
	border: none;
	margin-left: 10px;
}
.search_box2{
	width: 170px;
	padding: 8px; 
	text-indent: 4px;
	border: none;
	font-size: 14px;
	background-color: white;
}
.mT_3{
	margin-top: 3px;
}
.mT_5{
	margin-top: 5px;
}
.mT_9{
	margin-top: 9px;
}

#navContainer
{
	right: 0px;
	top: 68px;
	position: absolute;
	z-index: 100;
	display: inline-block;
}
.nav_item{
	position: relative;
}
.nav_cont a
{
	margin-top: 0px;
	letter-spacing: 3px;
	font-size: 14px;
	padding: 10px 0px 12px 0px;
	text-transform: uppercase;
	color: #979292;
	border-radius: 3px;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	font-weight: 400;
}
.nav_cont a:hover
{
	color: #e66129;
}

.nav_cont_hover a
{	
	text-decoration: none;
	background-color: #e64b25;
	color: #faf8f7;
}
.nav_cont_hover_hit a
{	
	text-decoration: none;
	background-color: #e64b25;
	color: #faf8f7;
}

.nav_hit_cont
{
	color: #e66129;
}

.nav_hit_cont a
{
	color: #e66129;
}
.nav_hit_cont a:hover
{
	color: #e66129;

}

.nav_spacer
{
	height: 20px;
	width: 70px;
	
}
.nav_f{
	color: #706d6d;
	font-weight: 400;
	letter-spacing: 2px;
}
.nav_f a{
	color: #706d6d;
}
.nav_f a:hover{
	color: #e66129;
}
.nav_f_hit{
	color: #e66129;
}
.nav_f_hit a{
	color: #e66129;
}

.nav_f_spacer
{
	height: 35px;
	width: 40px;
}


.hero1 {
	width: 980px;
	height: 378px;
}
.hero2 {
	width: 522px;
	height: 336px;
	background-color: #faf8f7;
}
.hero3 {
	width: 512px;
	height: 296px;
}
.hero4 {
	width: 494px;
	height: 336px;
	background-color: #faf8f7;
}
.hero5 {
	width: 522px;
	height: 336px;
	background-color: #faf8f7;
}

.hero1_inner {
	width: 980px;
	height: 378px;
}
.hero2_inner {
	width: 498px;
	height: 312px;
	padding: 12px;
	
}
.hero3_inner {
	width: 660px;
	height: 378px;
}
.hero4_inner {
	width: 470px;
	height: 312px;
	padding: 12px;
	
}
.hero5_inner {
	width: 498px;
	height: 312px;
	padding: 12px;
	
}

.hero1_gallery{
	width: 980px;
	height: 378px;
	left: 0px;
	top: 0px;
}
.hero2_gallery{
	width: 498px;
	height: 312px;
	left: 12px;
	top: 12px;
}
.hero3_gallery{
	width: 660px;
	height: 378px;
}
.hero4_gallery{
	width: 470px;
	height: 312px;
	left: 12px;
	top: 12px;
}
.hero5_gallery{
	width: 498px;
	height: 312px;
	left: 12px;
	top: 12px;
}

#hero_1 {

}
 #hero_1_inner {
	position: absolute;
	z-index: 20;
}
 #hero_1_gallery {
	position: absolute;
	z-index: 20;	
}
#hero_cont_1{
	
}
#dotGal_h_cont{
	height: 20px;
	position: absolute;
	bottom: 6px;
	left: 10px;
	text-align: center;
	z-index: 200;
}
#dotGal_h{
	left: 0px;
	right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	bottom: 14px;
	z-index: 200;
}
.opac50{
	opacity: .5;
}

 .rowPad_10 {
	height: 10px;
	width: 1000px;
}
.home_hero_z
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.hero_text {
	top: 30px;
	left: 30px;
	width: 200px;
}
#landing_cont{
	width: 660px;
	
}
#left_nav{
	width: 222px;	
	height: 800px;
	font-style: 20px;
	letter-spacing: 1px;
}
#home_page_cont{
	overflow: hidden;
	width: 100%;
	height: 100%;
	overflow-x: hidden;

}
#home_page{
	overflow-x: hidden;
	width: 100%;
	display: block;
	margin-left:0px;
}
#kids{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display: block;
	width: 100%;
	height: 100%;
	margin-top:-138px;
	overflow: hidden;

}
.kids_mbl{
	margin-bottom:-138px;
	overflow: hidden;
}
#feet{
	width:100%;
	background-color: #fff;
	height:60px;
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	left:0px;
	display:none;
}
body.home.desktop{
	overflow:hidden;
}

/*
background-color:blue;
*/




.search_foot{
	padding: 7px;
	background-color: #e8e6e5;
	border: none;
	margin-top: -4px;
	width: 160px;
}
.contact_col2{
	margin-top: -6px;
	width: 270px;
	
}
.contact_map{
	width: 670px;
	height: 485px;
	background-color: #E8E6E5;
}
.contact_field{
	padding: 7px;
	background-color: #e8e6e5;
	border: none;
	width: 254px;
	color: #84817e;
}
.contact_message{
	height: 100px;
	font-family: 'Gotham A', 'Gotham B', sans-serif; 
}
.contact_send{
	border: none;
	background-color: #f5f3f2;
	color: #e6612b;
	letter-spacing: 1px;
	font-size: 12px;
}
input{
	font-family: 'Gotham A', 'Gotham B', sans-serif !important; 
	
}
textarea{
	font-family: 'Gotham A', 'Gotham B', sans-serif !important; 
	
}




/*
Panels and Boxes
*/
#frame{
	position:relative;
	width:100%;
	height:660px;
	overflow:hidden;
	background-color:#F5F3F2;
}
#scroller{

}
.slides{
	left:0px;
	position:absolute;
	width:2000px;
	height:660px;
	width:100%;
	height:1000px;
}

.slide{
	background-color: #333;
	overflow:hidden;

}
.slide img{
	pointer-events:none;
	z-index:800;
	top:0px; left:0px;
	position:absolute;	
}
.slide .hero{
	pointer-events:none;
	z-index:1000;
	top:0px; left:0px;
	position:absolute;
	width:inherit;
	height:inherit;
}


.slide .gallery{
	pointer-events:none;
	z-index:800;
	top:0px; left:0px;
	position:absolute;
	width:inherit;
	height:inherit;

}
.gallery div{
	top:0px; left:0px;
	position:absolute;
	z-index:900
}
.gallery img{

	z-index:800;
	top:0px; left:0px;
	position:absolute;
}




/*
box placements



.box_1{
	width:438px;
	height:249px;
	left:0px;
	top:0px;
}
.box_2{
	width:215px;
	height:117px;
	left:453px;
	top:0px;
}
.box_3{
	width:215px;
	height:117px;
	left:453px;
	top:132px;
}
.box_4{
	width:163px;
	height:249px;
	left:683px;
	top:0px;
}
.box_5{
	width:438px;
	height:249px;
	left:861px;
	top:0px;
}
.box_6{
	width:291px;
	height:396px;
	left:1314px;
	top:0px;
}
.box_7{
	width:378px;
	height:132px;
	left:1620px;
	top:0px;
}
.box_8{
	width:215px;
	height:117px;
	left:1620px;
	top:147px;
}
.box_9{
	width:215px;
	height:117px;
	left:1620px;
	top:279px;
}
.box_10{
	width:148px;
	height:249px;
	left:1850px;
	top:147px;
}

.box_11{
	width:290px;
	height:396px;
	left:0px;
	top:264px;
}
.box_12{
	width:438px;
	height:249px;
	left:305px;
	top:264px;
}
.box_13{
	width:214px;
	height:132px;
	left:305px;
	top:528px;
}
.box_14{
	width:252px;
	height:132px;
	left:534px;
	top:528px;
}
.box_15{
	width:311px;
	height:249px;
	left:758px;
	top:264px;
}
.box_16{
	width:354px;
	height:132px;
	left:806px;
	top:528px;
}
.box_17{
	width:215px;
	height:117px;
	left:1084px;
	top:264px;
}
.box_18{
	width:215px;
	height:117px;
	left:1084px;
	top:396px;
}

.box_19{
	width:123px;
	height:132px;
	left:1176px;
	top:528px;
}
.box_20{
	width:414px;
	height:249px;
	left:1314px;
	top:411px;
}
.box_21{
	width:255px;
	height:102px;
	left:1743px;
	top:411px;
}
.box_22{
	width:255px;
	height:132px;
	left:1743px;
	top:528px;
}
*/




/*
temp because of auto php creation of boxes right now
*/
.slide{
	background-color: #999;
}
.slide.color{
	background-color:#333;
}
.slide.color .title{
	display:none;
}
.slide.color .gallery{
	display:none;
}
.slide.color .boxover{
	display:none;
}
.box{
	
	width:100%;
	position:absolute;
	text-transform:uppercase;
	text-align:center;
	z-index:1001;
	color:rgba(255,255,255,0.95);
	font-size:16px;
	font-weight:500;
	letter-spacing:2px;
	display:block;
}
.title{
	pointer-events: none;
	width:100%;
	position:absolute;
	text-transform:uppercase;
	text-align:center;
	z-index:1001;
	color:rgba(255,255,255,0.95);
	font-size:16px;
	font-weight:500;
	letter-spacing:2px;
	display:block;
}
.center_title2{
	height: auto;
}
/*
place them for sizes
*/
.box .title{
	
}

.box .hero{
	pointer-events: none;
}


/*
Generic BoxHover class that can be appended
*/
.boxhover{
	/*pointer-events:none;*/
	z-index:900;
	top:0px; left:0px;
	position:absolute;
	height:inherit;
	width:inherit;
	background-repeat:none;
}
.box.size_438{
	width:438px;
	height:249px;
}
.box.size_438 .boxhover{
	background:url('../images/noise_438x249w.png');
	background-position:0px 0px;
}

.box.size_215{
	width:215px;
	height:117px;
}
.box.size_215 .boxhover{
	background:url('../images/noise_215x117w.png');
	background-position:0px 0px;
}
.box.size_290{
	width:290px;
	height:396px;
}
.box.size_290 .boxhover{
	background:url('../images/noise_290x396w.png');
	background-position:0px 0px;
}
.box.size_257{
	width:257px;
	height:132px;
}
.box.size_257 .boxhover{
	background:url('../images/noise_257x132w.png');
	background-position:0px 0px;
}



/*
News
*/
#news .news_item{
	min-height:178px;
	position:relative;
	margin-bottom: 30px;
	clear:both;
}
#news .news_item a{
	display:block;
	position:relative;

}
#news .thumb_cont{
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	margin:none;
}

#news .news_land_text{
	width:625px;
	margin-left:355px;
	
}
#news .news_header{
	margin-bottom:15px;
	width:600px;
	line-height: 24px;
	font-size:18px;
}
#news .news_body{	
	letter-spacing: .1em;
	margin-top:15px;
	
	font-size:13px;
	font-weight: 500;

}
.second_line{
	letter-spacing:1px;
	margin-bottom:8px;
	padding-bottom: 2px;
	display:block;
	font-weight:500;
}
#news .news_date{

}
#news .right_column_1{
	
	width:274px;
	margin-left:45px;
}
#news p{
	font-weight: 500;
}
#news .right_column_1 .p_small{
	font-weight: 500;
}
#news #more-header{
	font-weight: 500;
	letter-spacing: 1px;
}

#news-hero{
	width:660px;
	height:378px;
}
#news .news_box{
	
}
#news .rel_head{
	font-weight: 500;
	font-size:15px;
	letter-spacing: 1px;
}



#portfolio .group{
	position:relative;
	width:980px;
	
}
#portfolio a.arrow_left{
	
	background:url('../images/work_arrows.png') -60px 0px no-repeat;
	width:60px;
	height:178px;
	position:absolute;
	left:-60px;
	top:25px;
}
#portfolio a.arrow_left:hover{
	background-position:-60px -178px;
}
#portfolio a.arrow_right{
	background:url('../images/work_arrows.png') 0px 0px no-repeat;
	width:60px;
	height:178px;
	position:absolute;
	right:-55px;
	top:25px;
	
}
#portfolio a.arrow_right:hover{
	background-position:0px -178px;
}
#portfolio .group .holder{
	width:980px;
	overflow:hidden;
}

#portfolio .group .items{
	position:relative;
	width:980px;
	margin-bottom: 10px;
}
.group .item{
	cursor:pointer;
	width:315px;
	position:relative;
	float:left;
	margin-right:17px;
	margin-bottom:17px;
}
#portfolio .group .item.last{
	margin-right:0px;
}



#client-playlists #group_nav{
	list-style: none;
	margin: 0px;
	padding:0px;
	margin-bottom: 0px;
	margin-left: 1px;
	min-width: 800px;
}

#client-playlists #group_nav li{
	float:left;
	margin-right:20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#portfolio #group_nav{
	list-style: none;
	margin: 0px;
	padding:0px;
	margin-bottom: 0px;
	margin-left: 1px;
	min-width: 800px;
}

#portfolio #group_nav li{
	float:left;
	margin-right:20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#portfolio #group_nav a{
	color:#979292;
}
#portfolio #group_nav a:hover{
	color:#e66129;
}
#portfolio #group_nav a.active{
	color:#e66129;
	font-weight: 500;
}


#portfolio .group_title{
	margin-bottom: 5px;
	color:#797572;
	letter-spacing:2px;
	font-weight:500;
}
#portfolio .item .noise_hover{
	width:315px;
	height:178px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:899;
	background:url('../images/noise_315x178w.png');
	opacity: 0;
}
#portfolio .item .item_title{
	text-transform: uppercase;
	font-size:13px;
	text-align: center;
	position:absolute;
	top:50%;
	width:inherit;
	letter-spacing: 1px;
	color:#FFFFFF;
	font-weight:500;
	margin-top:-8px;
	z-index:900;
}

#portfolio .port_hover{
	display:block;
	width:315px;
	height:178px;
	position: absolute;	
	z-index:9999;
	top:25px;
}
#portfolio .hover_left{
	left:0px;
}
#portfolio .hover_right{
	right:5px;
}
#portfolio #cnt{
	position:relative;
}
.port_page{
	width: 980px;
}
.boxp{
	width:315px;
	height:178px;
	position: relative;
	text-transform:uppercase;
	text-align:center;
	z-index:1001;
	color:rgba(255,255,255,0.95);
	font-size:16px;
	font-weight:500;
	letter-spacing:2px;
	margin-right: 17px;
	margin-bottom: 17px;
}
.port_page .last{
	margin-right:0px;
}

.port_page .item_title{
	text-transform: uppercase;
	font-size:13px;
	text-align: center;
	position:absolute;
	top:50%;
	width:inherit;
	letter-spacing: 1px;
	color:#FFFFFF;
	font-weight:500;
	margin-top:-8px;
	z-index:900;
}
.port_page .port_img{
	width:315px;
	height:178px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:898;
	background:url('../images/noise_315x178w.png');
	
}

.port_page .noise_hover{
	width:315px;
	height:178px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:899;
	background:url('../images/noise_315x178w.png');
	
}




/*
Port Detail page
*/
#project-info{
	margin-left:40px;
	width:269px;
	margin-top: -4px;	
}
#project-info ul{
	padding:0px;
	margin:0px;
}
#project-info ul li{
	text-indent: -9999px;
	display:block;
	width:38px;
	height:25px;
	float:left;
	margin-right:6px;
	margin-bottom:5px;
} 
#project-info ul li a{
	height:25px;
 	display:block;
	background:url('../images/port_sq3.png') 0px 0px no-repeat;
}
#project-info ul li a:hover{
	background-position: -90px 0px;
}
#project-info ul li a.active{
	background-position: -45px 0px;
}

#project-info .head{
	font-weight: 500;
	font-style: italic;
	font-size: 12px;
	margin-bottom: -1px;
	color:#c0bcbb;
	font-family: Georgia;
	width: 270px;
	height: 22px;
	overflow: hidden;
}
#project-info .txt{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 8px;
	color:#6d6c6b;
}
.trailer-name{
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 12px;
	color:#6d6c6b;
	margin-left: 4px;
	font-family: 'Gotham A', 'Gotham B',sans-serif;
	font-style: normal;
	text-transform: uppercase;
}

#project-info .horiz_line{
	margin-bottom:8px;
}
#portfolio #related{
	margin-top:15px;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
#portfolio #related .group{
 	margin-top:15px;
	width:1000px;
}
#portfolio #related .items{
	position:relative;
}
#portfolio #trailer-name{
	font-family: 'Gotham A', 'Gotham B',sans-serif;
	font-style: normal;
	margin-left:8px;
	font-weight:500;
}
#port-center{
	margin-bottom:15px;
	margin-top:25px;
}
#portfolio #trailers{
	margin-top:2px;
}

/*
#team
*/
#team .group {
	width:980px;
	overflow:hidden;
}

#team .group .items{
	position:relative;
	width:980px;
	margin-bottom: 10px;
}
#team .group .item{
	cursor:pointer;
	width:315px;
	position:relative;
	float:left;
	margin-right:17px;
	margin-bottom:12px;
}

#team .group .item.last{
	margin-right:0px;
}

#team .group_title{
	margin-bottom: 5px;
	color:#797572;
	letter-spacing:2px;
	font-weight:500;
}
#team .item .noise_hover{
	width:315px;
	height:178px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:899;
	display:none;
}
#team .item .noise_hover .bg{
	width:315px;
	height:178px;
	display:block;
	position:absolute;
	z-index:850;
	background-color:#000;
}
#team .item .item_title{
	font-size:13px;
	text-align: center;
	position:absolute;
	top:50%;
	width:inherit;
	letter-spacing: 1px;
	color:white;
	font-weight:500;
	margin-top:-16px;
	z-index:900;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

#team .item_title span{
	color:#FFF;
	text-transform: uppercase;
}

#team .port_hover{
	display:block;
	width:315px;
	height:178px;
	position: absolute;	
	z-index:9999;
	top:25px;
}
#team .hover_left{
	left:0px;
}
#team .hover_right{
	right:5px;
}
#team #cnt{
	position:relative;
}

.first { margin-right: 50px; }

.aspect{
	font-size: 10px;
	line-height: 12px;
	margin-top: -8px;
	margin-bottom: 12px;
	
}
#vimeo-frame{
	background-color: #E8E6E5;
	width: 670px;
	height: 378px;
}
.search_cont{
	width: 232px;
	height: 300px;
	margin-right: 17px;
	overflow: hidden;
	margin-bottom: 20px;
	font-weight: 500;
}
.search_cont_s{
	height: 228px;
}
.search_cont_last{
	margin-right: 0px;
}
.bg_lt_grey{
	background-color: #E8E6E5;
}
.s_thumb_cont{
	width: 232px;
	height: 140px;
	background-color: #E8E6E5;
}
.search_rich{
	line-height: 16px;
}
.his_topIMG{
	position: fixed;
	height: 50px;
	width: 100%;
	top:138px;
	left:0px;
	background-image: url('/images/shadow/frameShadow_04_T.png');
	background-repeat: repeat-x;
	background-size: 50px;
	opacity: 1;
	z-index: 9000;
	display: none;
}

.his_top{
	position: fixed;
	height: 30px;
	width: 100%;
	top:138px;
	left:0px;
	
	opacity: .5;
	z-index: 9000;
	display: none;



	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );

}


.his_bottomIMG{
	position: fixed;
	height: 50px;
	width: 100%;
	bottom:43px;
	left:0px;
	background-image: url('/images/shadow/frameShadow_04_Bs.png');
	background-repeat: repeat-x;
	background-size: 50px 50px;
	opacity: 1;
	z-index: 9000; 
	display: none;
	margin-bottom: -1px !important;
}

.his_bottom{
	
	position: fixed;
	height: 30px;
	width: 100%;
	bottom:65px;
	left:0px;
	opacity: .5;
	z-index: 9000; 
	display: none;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}
.his_left{
	position: fixed;
	height: 100%;
	width: 250px;
	top:0px;
	left:0px;
	z-index: 9100;
}
.his_right{
	position: fixed;
	height: 100%;
	width: 250px;
	top:0px;
	right:0px;
	z-index: 9100;
}

#shade {
	z-index: 9980000;
	left: 0px;
	top: 0px;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #f5f3f2;
	opacity: .8;
}

#ol_login{
	width: 300px;
	background-color: #f5f3f2;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:140px;
	z-index: 9990000;	
}
.ol_login_in{
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 30px;
}
.ol_login_in .tabl{
	width: 100%;
}
.ol_div .label{
	width: 80px;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
}
.ol_div .field{
	width: 120px;
	text-align: left;
	
	padding: 4px;
	background-color: #e8e6e5;
	border: none;
	color: #84817e;

}

.ol_login_in .submit{
	border: none;
	background-color: #f5f3f2;
	color: #e6612b;
	letter-spacing: 1px;
	font-size: 12px;
	-webkit-appearance: none;
}
.of_hidden{
	overflow: hidden;
}


.col1{
	width: 47%;
	float: left;
}

.col2{
	width: 47%;
	float: right;
}
.colp p{
	margin-bottom: 10px;
}