/**
  Theme Name: Point B Productions
 */
@charset "UTF-8";

/* start reset  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

.homeProjectMore a {
	color:#666;
	text-decoration:none;
}

.homeProjectMore a:hover {
	color:#D66815;
	
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* start styles */
body {
	font-family:futura-pt-condensed;
	font-size:18px;
}

/*  font-family: "freight-text-pro";  */
p {
	font-family:"freight-text-pro";
	font-size:14px;
	line-height:17px;
}

#header {
	width:100%;
	border-bottom:1px solid #999;
	height:105px;
}

#header h1 {
	background-image:url(images/header.png);
	width:239px;
	height:90px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}

#headerLeft {
	border-right:1px solid #999;
	height:95px;
	width:320px;
	padding-top:10px;
}

.innerArea {
	width:1070px;
	margin:0 auto;
	border:0px solid red;
	position:relative;

}

ul#navlist {
	position:absolute;
	right:142px;
	top:40px;
}

#navlist li {
display: table-cell;
	border-collapse:collapse;
	
		list-style-type:none;
	padding-right:0;
	text-transform:uppercase;
	
	font-size:22px;
	padding:5px 40px;
	margin:0 !important
}

#navlist li.home {border-right:1px solid #999;}
#navlist li.mid {border-left:1px solid #999;border-right:1px solid #999;}
#navlist li.last {padding-right:0}
#navlist a {
	color:#999;
	text-decoration:none!important;
}


#navlist li.currentSection a {color:#000 !important}



#navlist a:hover {color:#000;}

h2 {
	font-size:24px;
	margin-bottom:6px;
}

.homeRow {
	width:100%;
	border-bottom:1px solid #999;
}


.navActive a{color:#000 !important}


.homeCol {
	width:325px;
	float:left;
	margin-right:47px;
}

.homeCol.lastCol {
	margin-right:0;
	float:right;text-align: left !important;
}

#footer .homeCol.lastCol {
	margin-right:0;
	float:right;text-align: right !important;
}


#homeRow1 {
	height:500px;
	padding-top:40px;
}

#homeRow2 {
	padding:40px 0;
}

#homeRow3 {
	padding:40px 0;
}

.homePhotoLeft {
	width:836px;
	float:left;
	border-right:1px dotted #999;
}

.imgWrapperLrg {
	width:788px;
	height:443px;
	position:relative;
}

.imgWrapperSm {
	width:325px;
	height:184px;
	position:relative;
}

.imgWrapperSm .overlay h1 {
	position:absolute;
	top:60%;
	left:0;
	text-align:center;
	width:325px;
	display:block;
	color:#fff;
	font-size:26px;
	opacity: 0;
}

.imgWrapperLrg .overlay h1 {
	position:absolute;
	top:60%;
	left:0;
	text-align:center;
	width:788px;
	display:block;
	opacity: 0;
	color:#fff;
	font-size:33px;
}

.darken {
	background-color:#000;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	display:none;
	opacity:.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.imgWrapperLrg:hover .darken,.imgWrapperSm:hover .darken {
	display:block;
	z-index:10;
	cursor:pointer;
}

.imgWrapperSm:hover .overlay h1 {
	display:block;
	z-index:20;
	cursor:pointer;
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	top:42%;
	transition:all 150ms linear;
	-webkit-transition:all 150ms linear;
	-moz-transition:all 150ms linear;
	-ms-transition:all 150ms linear;
	
	
}


.imgWrapperLrg:hover .overlay h1 {
	display:block;
	z-index:20;
	cursor:pointer;
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	top:48%;
	transition:all 150ms linear;
	-webkit-transition:all 150ms linear;
	-moz-transition:all 150ms linear;
	-ms-transition:all 150ms linear;
	
	
}





.homeContentRight {
	width:232px;
	float:left;
	border:0 solid red!important;
}

.homeContentLeft {
	width:239px;
	float:left;
	border:0 solid red;
	height:300px;
	margin:0;
}

.homePhotoRight {
	width:788px;
	float:right;
	border-left:1px dotted #999;
	text-align:right;
padding-left:40px;
	
}

.homePhotoRight img {float:right}

.homeProjectTitle {
	border-bottom:1px dotted #999;
	padding:60px 20px 20px;
}

.homeProjectDescription {
	border-bottom:1px dotted #999;
	padding:20px;
}

.homeProjectMore {
	padding:20px;
}


.homeProjectMore.midSection {
	padding:10px 0px 0 0 !important;
}



.homeMidTitle {
	border-top:1px dotted #999;
	padding-top:10px;
	margin-top:15px;
}

span.arrow {
	font-size:.6em;
	margin-left:2px;
	position:relative;
	vertical-align:middle;
	opacity:.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

a:hover span.arrow {
	right:-2px;
	transition:all 150ms linear;
	-webkit-transition:all 150ms linear;
	-moz-transition:all 150ms linear;
	-ms-transition:all 150ms linear;
}


/* PROJECTS */

#projectNav {_height:200px;background-color: #666;position: static;width:100%;position: relative}

 #projectNav.pFixed {
     position: fixed;
     top: -160px;z-index: 99999
  }
  
   #projectRight.pFixeda {
     position: fixed;
     top: 0px;z-index: 99999;left:0;
  }
  
  
  
#projectMenuExpander {position: absolute;bottom:0}

a#top {display:none;margin-top:30px;}
a#top.pVisible {display:block;margin-top:30px;}

.fixed {position: fixed;top:0;left:0;z-index: 99999}
#projectNav {padding:15px 0}
#projectNav ul {width:350px;float:left;}
#projectNav ul li {padding:5px 0}
#projectNav ul li a{
	color:#fff;
	text-decoration:none;font-size:20px
}


a#top {
color:#666;text-decoration:none;
}
#projectNav ul li a:hover, a#top:hover {
	color:#D66815;
}

 .homeCol.footer {font-size:17px;padding:30px 0 20px 0}
.homeCol.lastCol {text-align: right;}

.homeCol.midCol {text-align: center;font-size:22px !important}
.footer a {color:#000;text-decoration: underline}

#projectLeft {width:670px;float:left;padding:40px 0 0 0}
#projectLeft iframe {margin-bottom:10px}
#projectLeft p {margin-bottom:30px}

#projectRight {width:100%;flossat:right;padding:0px 0 0 0;top:0}
#projectRightInner {width:980px;margin:0px auto}
#projectRightInnerContent {float:right;width:300px;padding-top:50px;}
#projectRight h2 {
	font-size:30px;
	margin-bottom:6px;
}

a#homeGet {text-align: center;font-size:40px;padding-top:35px;padding-bottom:30px;cursor: pointer;display:block;color:#000;text-decoration: none;}


#homeGet:hover {background-color: #E37E22;color:#fff}
#homeGet:hover a {color:#fff}
#footer {
	width:100%;margin-top:-1px;
	border-top:1px solid #999;
	height:110px;
}

.workFooter {margin-top:20px !important}




/*  about */

.aboutRow {
	width:100%;
	border-bottom:1px solid #999;border-top:0px !important
}



#aboutLeft {float:left;font-size:25px;width:460px;padding:44px 0 40px 0;text-align: right}
#aboutLeft h2 {font-size:42px}
#aboutLeft h3 {font-size:36px;margin-top:15px;color:#23B4C4}
#aboutLeft h4 {font-size:23px;margin-top:26px;width:320px;float:right}
#aboutLeft h4 strong {font-weight: bold}

#aboutRight  {float:left;font-size:14px;width:360px;margin:50px 0 40px 70px;border-left:1px dotted #999;padding-left:60px;}
#aboutRight p {margin:7px 0;line-height:20px}

#gettingThere {text-align: center;padding:50px 0px 40px 0;border-bottom:0px !important;}
#gettingThereHeader {display: inline-block;padding:0 60px 5px 60px;border-bottom:1px solid #999}
#gettingThere h2 {display: inline-block;font-size:30px;background-image: url(images/getingTo.jpg);background-position: right top;background-repeat: no-repeat;padding-right:55px;padding-top:5px;height:43px}

#gettingThere ul {margin:30px auto 20px auto;display:table	
}

#gettingThere ul  li {
display: table-cell;
	border-collapse:collapse;
	
		list-style-type:none;
	padding-right:0;
	text-transform:uppercase;
	
	font-size:22px;
	padding:5px 20px;
	margin:0 !important
}

#gettingThere ul  li a img {opacity: .5;cursor: pointer;filter:alpha(opacity=50); /* For IE8 and earlier */}
#gettingThere ul  li a:hover img {opacity: 1;filter:alpha(opacity=100); /* For IE8 and earlier */}
#gettingThere ul  li a.active img {opacity: 1 !important;filter:alpha(opacity=100) !important; /* For IE8 and earlier */}


.webCredit {  font-size:13px;text-align-right;padding-top:2px}
.webCredit a {text-decoration: none;}