/**
 * @license
 * MyFonts Webfont Build ID 2976984, 2015-02-21T21:09:36-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FuturaLT by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/futura/medium/
 * 
 * Webfont: FuturaLT-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/futura/light/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2976984
 * Licensed pageviews: 250,000
 * Webfonts copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1987, 1991, 1993, 2003, 2010 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype  GmbH, and may
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("http://hello.myfonts.net/count/2d6cd8");

  
@font-face {font-family: 'FuturaLT';src: url('webfonts/2D6CD8_0_0.eot');src: url('webfonts/2D6CD8_0_0d41d.eot?#iefix') format('embedded-opentype'),url('webfonts/2D6CD8_0_0.woff2') format('woff2'),url('webfonts/2D6CD8_0_0.woff') format('woff'),url('webfonts/2D6CD8_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaLT-Light';src: url('webfonts/2D6CD8_1_0.eot');src: url('webfonts/2D6CD8_1_0d41d.eot?#iefix') format('embedded-opentype'),url('webfonts/2D6CD8_1_0.woff2') format('woff2'),url('webfonts/2D6CD8_1_0.woff') format('woff'),url('webfonts/2D6CD8_1_0.ttf') format('truetype');}



body {
	background:#000;
	margin:0;
	padding:0;
	font-family: 'FuturaLT-Light';
	font-size:14px;
	color: #FFF;
	line-height: 22px;
}

body a {
	color:inherit;
	text-decoration:none;
}

p {
   margin: 0;
   margin-bottom: 25px;
}

img {
   vertical-align: middle;
}



#signup, form {
   border: none;
   text-align: center;
}

.join-title {
   margin: 0;
   font-size: 16px;
   text-transform: uppercase;
   letter-spacing: 4px;
   margin-bottom: 15px;
   font-family: 'FuturaLT-Light';
}

.join-info {
   font-size: 13px;
   line-height: 16px;
}

#signup input,
#signup button {
   -webkit-appearance: none;
   border: none;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

input#email {
   width: 100%;
   font-size: 12px;
   border: 1px solid #666;
   padding: 5px;
   box-sizing: border-box;
   font-family: 'FuturaLT-Light';
   letter-spacing: 2px;
   text-align: center;
}

input#email::-webkit-input-placeholder {
   color: #000;
}

input#email:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

input#email::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

input#email:-ms-input-placeholder {  
   color: #000;  
}

#signup input.button {
   background: #fff;
   text-transform: uppercase;
   font-family: 'FuturaLT';
   letter-spacing: 4px;
   font-size: 16px;
   cursor: pointer;
   margin-top: 30px;
}

.close-x {
   position: absolute;
   top: 13px;
   right: 13px;
   cursor: pointer;
}

.close-x img.close-img {
   width: 16px !important;
   height: auto !important;
}

#response div {
   margin-top: 16px;
}

#response {
   font-size: 13px;
   letter-spacing: 3px;
   text-transform: uppercase;
   
}

/*#bg_wrapper {
   background:#000;
   position:fixed;
   width:100%;
   height:100%;
   top:0;
   left:0;
   margin:0;
   padding:0;
   z-index:0;
}
*/
#splash_image img, #splash_image {
	width:920px;
	height:550px;
}

#splash_image {	
	overflow:hidden;
   position: relative;
}

.clear {
	clear:both;
	position:relative;
	width:100%;
	height:25px;
}
#page {
	padding-bottom:50px;
}

#page.project {
   padding-bottom: 50px;
}

#wrapper {
	position: relative;
	z-index:1;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:50px;
}

#l_column {
	/*background:url(bg_loop.gif) 0px 0px repeat-y;*/
	float:left;
	width:100px;
	height:100%;
}
#r_column {
	/*background:url(bg_loop.gif) -100px 0px repeat-y;*/
	float:right;
	width:100px;
	height:100%;
}

#header {
	color:#929292;
	padding-top:25px;
}

#menu {
	float:right;
}
#menu ul {
	display:inline-block;
	vertical-align:top;
	list-style:none;
	padding: 0 0 0 40px;
	margin: 0;
}
#menu ul li {
	font-family: 'FuturaLT';
	font-size: 12px;
	letter-spacing:1px;
	text-shadow:none;
	width:122px;
	border-top:#666 1px solid;
	line-height: 35px;
}
#menu ul li a {
	text-decoration:none;
	color:#FFF;
	-webkit-transition:color 0.15s;
	-moz-transition:color 0.15s;
	-ms-transition:color 0.15s;
	transition:color 0.15s;
}
#menu ul li a:hover {
	color:#CCC;
}

.right {
   float: right !important;
}

.project-text {
   border-top: 1px solid #666;
   padding-top: 15px;
   margin-top: 35px !important;
}


#logo {
	float:left;
	background:url(ub_logo.jpg);
   background-size: 250px 85px;
   background-position: 0px 0px;
	width:250px;
	height:85px;
	cursor:pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
   #logo {
   	background:url(ub_logo.jpg);
      background-size: 250px 85px;
      background-position: 0px 0px;
   	width:250px;
   	height:85px;
   }
}


#type_split {
	padding-top:25px;
	width:920px;
}
#type_split .split{
	border-top:#666 1px solid;
	width:290px;
	display: inline-block;
	vertical-align:top;
}
.split {
	text-align:left;
}
.split h2 {
	font-family:'FuturaLT';
	font-size: 12px;
	letter-spacing:1px;
	text-shadow:none;
	font-weight: normal;
	margin-bottom: 25px;
	margin-top: 15px;
}
.rarr {
	background:url('arrow.gif') no-repeat scroll;
	width:14px; height:9px;
	margin-right:5px;
	display: inline-block;
}
.pf_image {
	width:290px;
	height:150px;
}
.p_header {
	font-family:'FuturaLT';
	font-size: 12px;
	letter-spacing:1px;
	width: 600px;
	line-height: 35px;
	text-shadow:none;
	font-weight: normal;
}
.page_props {
	width:290px;
	font-size: 11px;
	float:right;
}
.page_props li {
	list-style:none;
}
.page_props li a:hover {
	text-decoration:underline;
}
.page_props .p_header {
	width:100%;
}
.page_stream {
	width:590px;
	float: left;
}

.stream_right {
   padding-left: 40px;
   width: 290px;
   float: left;
}

.post-contain {
   padding-top: 10px;
   border-bottom: 1px solid #666;
   float: left;
   width: 100%;
}

.post-contain img {
   width: 100%;
   height: auto;
}

.post-contain:first-child {
   padding-top: 0;
}

.post-contain:last-child {
   border-bottom: none;
}

.post_date {
   opacity: 0.4;
   font-size: 12px;
   letter-spacing: 1.1pt;
   font-family: "FuturaLT";
   margin: 0;
}

.post_title {
   font-size: 12px;
   letter-spacing: 1.1pt;
   font-family: "FuturaLT";
   text-transform: uppercase;
   margin: 0;
}

.post_text {
   margin-top: 25px;
}

.stream_obj {
	width:100%;
	/*border-top: #666 1px solid;*/
	margin-bottom:15px;
}


.scrollup {
   display: none;
   cursor: pointer;
   position: fixed;
   float: right;
   width: 110px;
   text-align: right;
   margin-left: 810px;
   bottom: 25px;
   font-size: 12px;
   letter-spacing: 1.1pt;
   font-family: 'FuturaLT';
   color: #A2A2A2;
   text-transform: uppercase;
}

.scrollup p {
   margin: 0;
   float: left;
   margin-right: 15px;
}

.scrollup span {
   position: absolute;
   right: 0;
   float: left;
   display: inline-block;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
}



.page_cage {
   float: left;
   width: 100%;
   border-top: 1px solid #666;
   padding-top: 25px;
}

.stream_obj a:hover, a.readmore:hover {
	text-decoration:underline;
}
.stream_header h3 {
	color: #000;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
}
.stream_header h4 {
	font-size: 11px;
	font-weight:normal;
	margin: 5px 0 15px 0;
}
#pf_dets {
	margin-top: 10px;
}
.proj_item {
   display: inline-block;
   vertical-align: top;
   margin-right: 25px;
   width: 290px;
   overflow: hidden;
   float: left;
   -webkit-transition: opacity 0.3s;
   -moz-transition: opacity 0.3s;
   -ms-transition: opacity 0.3s;
   transition: opacity 0.3s;
}
.proj_item div {
	height:191px;
	background:url(loadingBlack.gif) #373737 center center no-repeat;
}
.project-thumbs {
	float:right;
}
.project-dets {
	float:left;
}
.project-dets .p_header {
	border-top:none !important;
} 
.project-main {
	margin-bottom:11px;
}
.clear {
	clear:both;
}
.proj_item:hover {
	opacity:0.75;
}
#proj_sec {
	width: 110%;
}
.proj_item h3 {
	font-weight:normal;
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 30px;
}
.thumb-item {
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	background:url(loadingBlack.gif) #373737 center center no-repeat;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
}
.thumb-item:hover {
	opacity:0.6;
}
.thumb-item.selected, .thumb-item.selected:hover {
	opacity:0.3;
	cursor:default;
}
#image-main {
	position:relative;
	min-height:408px;
	overflow:hidden;
}
#over-loader {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(loadingBlack.gif) #373737 center center no-repeat;
	opacity:0.5;
	display:none;
}
div.contact {
	
}
.cont_info {
	
	float:left;
	
	line-height: 18px;
	
}
.cont_form {
	
	color:#FFF;
	
	float:right;

}
.cont_form tr td {
	
	padding:5px;
	
}
.cont_form textarea {
	resize:none;
	height:80px;
}
.cont_form input, .cont_form textarea {
	
	padding: 8px;
	
	border: 1px solid #666;
	
	background: #FFF;
	
	width: 230px;
	
	color:#000;
	
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.cont_form .error, .cont_form label {
	display:none !important;
	color:#F00;
}
.cont_form input.error, .cont_form textarea.error {
	border:#F00 1px solid;
	display:inline-block !important;
}

.cont_form input:focus,
.cont_form textarea:focus {
   background: #eee;
}

.cont_submit {
	font-family:'FuturaLT';
	text-shadow:none;
	line-height:16px;
	font-size: 14px;
	letter-spacing: 1px;
	border:none !important;
	background:#FFF !important;
	padding:0 !important;
	width:auto !important;
	color:#000 !important;
}
.cont_submit:hover {
	color:#CCC !important;
	cursor:pointer !important;
}

.cont_form select {
	width :248px;
	background: transparent;
	border:1px solid #666;
	color: #FFF;
	padding:5px;
	height:30px;
}

.yellowbox {
	margin-top:0px;
	background-color:#eec822; 
	color:#000; 
	padding-top:1px;
	padding-left:17px;
	padding-right:17px;
	padding-bottom:17px;
}
.yellowbox a:hover{
	text-decoration:underline;
	
}
.myfooter {
	padding-top:3px;
}
.myfooter a:link, .myfooter a:active, .myfooter a:visited {
	font-size:11px;
	color:#555;
}
.myfooter a:hover{
	color:#999;
}
a.social {
	display: inline-block;
	padding-top: 4px;
	opacity: 1;
}
a.social:hover {
	opacity: 0.3;
}