body {
	margin: 0;
	padding: 0;
	font: 15px/22px 'Sintony', helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color:#000;
}

/*	GLOBAL STYLES */

h1,h2,h3,h4,h5,h6 {font-weight:100;}
h4 {margin-bottom:10px;}

ul {padding: 0;}
li {list-style-type: none;}
img {height: auto; max-width: 100%;}
blockquote {font-size: 21px; font-style:italic; margin: 0; padding: 20px 0; border-top: 1px solid white; border-bottom: 1px solid white; line-height: 31px;}
a {color:#2ed0ff; text-decoration:none;}
body.live-show header#main-header {background-image:none; width:100%;}

.loadUp {opacity:0; position:relative; top:40px;}
.fixed {position:fixed; top:0;}
.moveRight {float:right;}
.show {display:block;}

.paginate {display:block; width:60px; height:50px; background-color:#000; z-index:1000;}
.paginate img {margin:12px 20px;}
.pag-left { position:fixed; left:0; top:50%; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.pag-right { position:fixed; right:0; top:50%; border-top-left-radius:4px; border-bottom-left-radius:4px;}

.backtotop {margin-top:25px; margin-right:25px; display:none;}

/*	HEADER STYLES */

section#main-header {
	height: 700px;
	background: #000 url('images/bg_main7.png') fixed no-repeat 50% 0;
	color: white;
}
section #main-foreground {
/*	background: url('images/bg_main-foreground.png') fixed no-repeat 0 370px; */
	width:703px;
	height:763px;
	position:absolute;
	top:0;
	left:0;
}
section#main-header p {font-size:18px; line-height:24px;}

section#main-header-bbce {
	height: 530px;
	background: #000040 url('images/work/hero_bbce.png') fixed no-repeat 50% 0px;
	color: white;
}
section#main-header-uvwin8 {
	height: 530px;
	background: #000040 url('images/work/hero_uvwin8.png') fixed no-repeat 50% 0px;
	color: white;
}
section#main-header-uvipad {
	height: 530px;
	background: #000040 url('images/work/hero_uvipad.png') fixed no-repeat 50% 0px;
	color: white;
}
section#main-header-umiphone {
	height: 530px;
	background: #000040 url('images/work/hero_umiphone.png') fixed no-repeat 50% 0px;
	color: white;
}
section#main-header-bcinbox {
	height: 530px;
	background: #000040 url('images/work/hero_bcinbox.png') fixed no-repeat 50% 0px;
	color: white;
}

body.eight-bit header#main-header {
  background-image:url("images/header_back_8.png");
}

.header-top {
	height: 100px;
	border-bottom: 1px solid #e9412e;
}

.logo {
	width: 268px;
	margin-top: 23px;
	float: left;
}


.logo-sub {
	width: 268px;
	margin-top: 5px;
	float: left;
}

.tag {
	width:187px;
	height:250px;
	position:absolute;
	top:527px;
	color:#fff;
	padding:10px;
	background:url("images/tag-bg.png") top left no-repeat;
}
.tag h4 {
	margin:0;
	text-transform:uppercase;
	font-size:15px;
	color:#f4b1ac;
}
.tag .project {
	width:154px;
	font:100 18px/20px "Roboto",Arial,san-serif;
}

.tag .client {
	width:154px;
	margin-top:50px;
	font:100 18px/20px "Roboto",Arial,san-serif;

}

#social {
	float: right;
	margin-top: 39px;
}

#social li {
	display: inline-block;
}

#social a {
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -99999px;
	overflow:hidden;
	-webkit-transition: background 0.2s linear;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.facebook a {
	background: url('images/social/facebook.png') no-repeat;
}

.facebook a:hover {
	background: url('images/social/facebook_hover.png') no-repeat;
}

.twitter a {
	background: url('images/social/twitter.png') no-repeat;
}

.twitter a:hover {
	background: url('images/social/twitter_hover.png') no-repeat;
}

.flickr a {
	background: url('images/social/flickr.png') no-repeat;
}

.flickr a:hover {
	background: url('images/social/flickr_hover.png') no-repeat;
}

.share a {
	background: url('images/social/share.png') no-repeat;
}

.share a:hover {
	background: url('images/social/share_hover.png') no-repeat;
}



#headline {
	width: 34%;
	margin: 70px 0 0 63%;
	position:relative;
	z-index:4;
}

h2 {
	font: 500 52px/52px 'Roboto Condensed', 'Helvetica Neue', helvetica, arial, sans-serif;
	margin-bottom: 0;
}

#headline li {
	list-style-type: none;
	font: bolder 21px/24px 'Roboto Condensed', 'Helvetica Neue', helvetica, arial, sans-serif;
}

#headline a {
  color: #51cbff;
}

.learn-more {
	font: 16px/24px 'Sintony', sans-serif;;
	color: #2ed0ff;
	text-decoration: none;
}

a.learn-more:hover {
	color:#fff !important;
}


nav#main-navigation {
	background: rgba(00,00,00,0.8);
	height: 80px;
	position: relative;
	top: 30px;
}


nav#main-navigation.fixed {
  z-index:5000;
  position:fixed;
  width:100%;
  top:0;
}


nav#main-navigation div.content {
  margin:0 auto;
  padding:0;
  position: relative;
}


nav#main-navigation ul {
  margin:0 0 0 -5px;
}

nav#main-navigation li {
	display: inline-block;
	padding:0;
	margin:0;
}


nav#main-navigation.fixed li {
  padding:0;
}


nav#main-navigation li a {
	display:block;
	text-decoration: none;
	padding: 28px 25px 29px 25px;
	color: #fff;
	font: 20px/22px "Roboto"."helvetica neue", helvetica, arial, sans-serif;
	font-weight:400;
	text-transform: capitalize;
	letter-spacing: .07em;
	-webkit-transition: background 0.3s ease;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background-color 0.3s ease;
}

nav#main-navigation li a:hover {
	background-color: rgba(255,255,255,0.1);
	color:#fff;
}

nav#main-navigation li .active {
	background-color: rgba(255,255,255,0.1);
	color:#909090;
}

article {
	padding: 20px 0 60px 0;
}

#projects .info {
	margin-left:240px;
}
#projects .info blockquote {
	border:0;
	padding:0;
}
#projects .info h3 {
	line-height:35px;
}

#projects .flexslider {
	display:none;	
}
#projects .worksamples {
	display:block;
}


#projects, #program, #thankyou, #contact {
	background: #f9f9f9 url('images/bg_texture.jpg');
	position:static;
	z-index:4;
	overflow: auto;
	width:100%
/*	box-shadow:10px 10px 5px #000;     DOESN'T WORK CAUSE IMAGES JS */
}

#projects h3 {
	border-bottom: 1px solid #e9412e;
	padding-bottom: 30px;
}

#projects h3, #program h3 {
	color: #e9412e;
}


#projects section {
	background: url('images/sprite.png') -2px -89px;
	height: 68px;
	font: bold 25px/25px helvetica, arial, sans-serif;
	color: white;
}


#projects figure {
	padding-bottom:10px;
	background:url("images/work_shadow.png") bottom left no-repeat;
    display: block;
    float: left;
    margin-right: 1.5%;
    margin-left:0;
    width: 49.2%;
}
#projects figure .art {
/*	 border:1px solid #ededed; */
}

#projects figure .art:hover {
	box-shadow:0 0 20px #85d9ff;
	border-radius: 5px;
/*	border:1px solid #689bb2; */
}

#projects .mock video {width:668px; height:600px; border:1px solid #cacaca; -webkit-box-shadow: 4px 4px 11px -4px rgba(0,0,0,0.57);
-moz-box-shadow: 4px 4px 11px -4px rgba(0,0,0,0.57);
box-shadow: 4px 4px 11px -4px rgba(0,0,0,0.57);}





#projects a {
	-webkit-transition: background 0.3s ease;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background-color 0.3s ease;
}

#projects a.a_uvipad:hover > .thumbinfo .uvipadhov {
	display:block;
}

#projects a.a_bbce:hover > .thumbinfo .bbcehov {
	display:block;
}

#projects a.a_uvwin8:hover > .thumbinfo .uvwin8hov {
	display:block;
}

#projects a.a_umiphone:hover > .thumbinfo .umiphonehov {
	display:block;
}

thumbhover {
	display:none;
	position:absolute;
	margin-left:400px;
	margin-top:-20px;
}

#projects figure img {
	display:block;
	width:100%;
}

#projects .thumbinfo {
    margin-top:-43px;
    padding:10px;
	padding-left:20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#projects .thumbinfo span, #projects thumbhover span {
	color:#999; 
	border-left:1px solid #534c4c; 
	padding-left:15px; 
	margin-left:15px; 
	font-size:12px;
}

.last {margin-right:0 !important;}

/*
#projects ul {
	margin: 30px 0 60px 0;
}

#projects #project-thumb li {
  position:relative;
}


#projects #project-thumb li .caption {z-index:2; position:absolute; top:171px; left:4px; width:100%; max-width:435px; height:33px; background: rgba(00,00,00,0.8); padding:10px 10px 0 10px; color:#e9412e;}
#projects .caption .product {display:inline; color:#999; border-left:1px solid #534c4c; padding-left:15px; margin-left:15px; font-size:12px;}
#projects #project-thumb .thumbHov {display:none; position:absolute;}

#projects #project-thumb .uvipad:hover > .thumbHov {display:block;}
#projects #project-thumb .bbce:hover > .thumbHov {display:block;}
#projects #project-thumb .uvwin8:hover > .thumbHov {display:block;}
#projects #project-thumb .uvmusic:hover > .thumbHov {display:block;}



#projects #project-thumb li img {
	display:block;

  width:100%;
}

#projects img {
	padding: 4px;
}

*/


.readmore {
	color: #e9412e;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#about {
	background: #e9412e;
	color: white;
	padding-bottom:60px;
	overflow: auto;
	width:100%
	height:100%;
}

/*body.8bit #about-header {
  background-image: url("images/about_back_8bit.png");
}*/

#about-header {
	background: #000 url("images/bg_ipad.png") 50% 0 no-repeat fixed;
    margin: 0 auto;
	height: 443px;
}

#about section {
	float: left;
	width: 32%;
	margin-right: 1.6129%;
}


#about section span {
	font-weight: bolder;
}

p.questions {
	margin-bottom: -13px;
}

#about section.last {
	margin-right: 0;
}

#about #news a {
  color:#70170d;
  font-weight:bold;
}


#platforms ul {max-width:940px; text-align:center;}
#platforms li {display:inline-block; list-style-type:none; padding:70px 20px 0 20px; margin-top:30px; font:14px/12px 'Roboto Condensed', sans-serif;}
#platforms li.ios {background:url("images/platforms.png") 25px 0 no-repeat;}
#platforms li.android {background:url("images/platforms.png") -80px 0 no-repeat;}
#platforms li.win8 {background:url("images/platforms.png") -215px 0 no-repeat;}
#platforms li.settop {background:url("images/platforms.png") -370px 0 no-repeat;}
#platforms li.desktop {background:url("images/platforms.png") -515px 0 no-repeat;}
#platforms li.html {background:url("images/platforms.png") -650px 0 no-repeat;}
#platforms li.facebook {background:url("images/platforms.png") -810px 0 no-repeat;}


.hr {border-top:1px solid #eee;}
.hr_fade {background:url("images/div_fade2.png") left top no-repeat; width:471px; height:75px; padding-top:20px;}


body.8bit #program-header {
  background-image: url("images/program_back_8bit.png");
}

#program-header {
  margin:0;
  padding:0;
  height:474px;
	background: #000 url('images/program_back.png') fixed no-repeat 50% 0;
}

#program img {
	float: left;
	margin: 0 30px 30px 44px;
}

.talk-info {
	height: 170px;
}

h3 {
	font-size: 35px;
	font-family: 'Roboto Condensed', sans-serif;
}

h4 {
	font: normal 24px/25px 'Roboto Condensed', sans-serif;;
}

h5 {
	font-weight: bolder;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.content {
	max-width: 942px;
	margin: 0 auto;
	padding: 0 20px;
}

#projects li {
	display: inline-block;
}

#program ul {
	width: 216px;
	padding-top: 17px;
	margin-right: 116px;
	margin-left: 15px;
	float: left;
}

#program ul.first {
	margin-right: 130px;
}

#program ul.last {
	margin-right: 0;
	margin-left: 0;
}

#program .session-two-times ul.last, #program .session-three-times ul.last, #program .session-five-times ul.last {
	width: 580px;
}

#program p.session-time, #program p.session-time span {
	color: #f7f7f7;
}

#program p.session-time span {
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	margin: 0 50px;
}

#program p.session-time {
	font-weight: bolder;
	font-size: 30px;
	height: 20px;
	padding: 28px 0 40px 0;
}

#program h4 {
	color: #e9412e;
	font-weight: normal;
	margin-bottom: -13px;
}

#program p span {
	color: #e9412e;
}

#program p {
	color: #41403e;
}

#contact blockquote {
	border-top:1px solid #eeeeee;
}


/** START FORM **/

#contact_form form {width:97%;}
.grid1-3 {
	float:left;
	width:32%;
	margin-right:1.5%;
}
.grid2-3 {
	float:left;
	width:65%;
}
#contact_form form p label {
    color: #474747;
    display: block;
    font: 300 17px/43px 'Roboto Condensed',Helvetica,Arial,Serif;
    text-align: right;
}

#contact_form form p span {
    display: block;
}

#contact_form form input {
	margin:0;
    width: 90%;
}
#contact_form form #message_box {
	margin:0;
	margin-top:5px;
    width: 100%;
}
#contact_form form #message_box textarea {
    width: 100%;
}
#contact_form form #submit {

}
#contact_form form #submit input {
    width: auto;
}

input[placeholder], [placeholder], *[placeholder] {
	color:#3d3d3d !important;
}

::-webkit-input-placeholder {color:#3d3d3d !important;}
::-moz-placeholder {color:#3d3d3d !important;}
:-ms-input-placeholder {color:#3d3d3d !important;}
input:-moz-placeholder {color:#3d3d3d !important;}

input[type="text"], textarea {
	margin:10px 0;
    background: none repeat scroll 0 0 #ededed;
    border: 1px solid #d2d2d2;
    color: #616060;
    font: 13px/20px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    padding: 10px;
}
input[type="checkbox"]:focus {
    outline: 1px dashed #000000;
}
input:focus, select:focus, textarea:focus {
    outline: 0 none;
    background-color:#FFF;
     -moz-box-shadow:0 0 10px #e5f4f9; -webkit-box-shadow:0 0 10px #e5f4f9; box-shadow:0 0 10px #e5f4f9;
}
input.error, select.error, textarea.error {
    border: 1px solid #d2d2d2;
}
input[type="submit"], button[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color:#fff;
    border-color: #2ed0ff;
    border-image: none;
    border-style: none solid none none;
    border-width: 0 18px 0 10px;
    color: #2ed0ff;
    cursor: pointer;
    font: 400 18px/120% 'Roboto',Helvetica,Arial,Serif;
    padding: 17px 25px 15px 30px;
    text-transform: uppercase;
    -moz-box-shadow:0 0 10px #eeeeee; -webkit-box-shadow:0 0 10px #eeeeee; box-shadow:4px 4px 6px #eeeeee;
}
input.habla_offline_submit_input[type="submit"] {
    background-image: none;
    border-left: medium none;
    display: block;
    font-size: 11px;
    padding: 5px 0 0;
    text-align: center;
    width: 100%;
}
input[type="submit"]:hover, input.habla_offline_submit_input[type="submit"]:hover, button[type="submit"]:hover  {
    background-color:#7be1ff;
    color:#fff;
}

/*-----error/success messages-----*/
#error {display:none; width:92%; background: #e74c3c; color:#FFF; padding:25px; margin-bottom: 25px;}
#success {display:none; width:92%; background: #2ecc71; color:#FFF; padding:25px; margin-bottom: 25px;}
.verification img {position:relative; top:15px;}

/* END FORM */


/* PAGE MODAL */

#msgbox {width:920px; margin:20px auto; padding:20px; background-color:#fff; border:1px solid #e4e4e4;
	-moz-box-shadow:0 0 10px #e4e4e4; -webkit-box-shadow:0 0 10px #e4e4e4; box-shadow:0 0 10px #e4e4e4;
}

#branding {text-align:center; }
#pagemodal {text-align:center; background:url("images/div_fade.png") center top no-repeat; padding-top:30px; padding-bottom:60px;}
#pagemodal h2 {
    font: bolder 52px/52px "Helvetica Neue",helvetica,arial,sans-serif;
    margin-bottom: 0;
    color: #F45743;
}



/* BUTTONS */
.button {
    background-image: none;
    border-left: medium none;
    display: block;
    font-size: 11px;
    padding: 5px 0 0;
    text-align: center;
    width: 100%;
}

.whiteBtn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color:#fff;
    border-color: #2ed0ff;
    border-image: none;
    border-style: none none none solid;
    border-width: 0 10px 0 18px;
    color: #2ed0ff;
    cursor: pointer;
    font: 700 18px/120% 'Roboto Condensed',Helvetica,Arial,Serif;
    padding: 15px 30px 15px 20px;
    text-transform: uppercase;
    -moz-box-shadow:0 0 10px #eeeeee; -webkit-box-shadow:0 0 10px #eeeeee; box-shadow:4px 4px 6px #eeeeee;
}
.whiteBtn:hover {
	background-color:#7be1ff;
    color:#fff;
}
.whiteBtn:active {
	-moz-box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff; box-shadow:4px 4px 6px #fff;
}
a.whiteBtn {display:inline-block; text-decoration:none; padding:4px 14px 6px 14px; margin:0 4px;}
.whiteBtn .disabled {color:#dc7f0e; cursor:pointer;}




#thankyou-header {
	background: #000 url('images/bg_carui-2.png') 50% 0 no-repeat fixed;
	height: 388px;
}

#thankyou .logos {
	padding-top:30px;
	float:left;
	width:100%;
}

#thankyou .ribbon {
	position: absolute;
	z-index:10;
	width:90%;
	min-width:667px;
	margin-top: -60px;
	margin-left: -60px;
	background: url('images/ribbon_med.png') 0 0 no-repeat;
}

.thankyousponsors {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	font-weight: 300;
	text-align: left;
	padding-left:100px;
	color: white;
	height: 310px;
}

#thankyou li {
	padding:30px 0;
	display: inline-block;
	text-align:center;
}

#thankyou .level-one {
	border-bottom: 1px solid #d0d0d0;
}

#thankyou .level-one li {
	width:32%;
}

#thankyou .level-two li {
	width:49%;
}

#thankyou .nohr {
 border:0;
}

footer#main-footer {
	height: 500px;
	background: #0c0b09 url('images/footer-img.png') fixed no-repeat 92% 100%;
	color: white;
}

body.eight-bit footer#main-footer {
  background-image: url("images/footer_back_8.png");
}

footer .content {
	padding-top: 200px;
	text-align: center;
}

p.license {
	font-size: 12px;
}

p.license a {
	color: white;
	text-decoration: none;
}

.license a:hover {
	border-bottom: 1px solid white;
}

p.copyright {
	font-size:11px;
	padding-top:40px;
	padding-bottom: 40px;
	color:#767676;
}

p.caption {
	font-size:11px;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	color:#767676;
}

p.credits {
	background: url('images/sprite.png') -2px 390px;
	height: 53px;
	font-family: 'Roboto Condensed', sans-serif;
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding-top: 17px;
}

.credits a {color: white; text-decoration: none;}
.credits a:hover {border-bottom: 1px solid white;}
div.clear {clear:both;}






/* Smartphones (portrait) ----------- */
@media all and (max-device-width:320px), (max-width:410px) {

	.content {margin:0; padding:0;}
	h3 {font-size:40px;}
	.header-top {margin:-900px 0 0 -0; padding:0; width:100%; height:70px}
	.header-top h1 {text-align:center;}
	.header-top .logo {margin:0 auto; width:100%; height:30px;}
	.header-top .logo img {width:201px;}
	#social {display:none;}
	section#main-header {background-position:-200px -30px;  height:240px; width:100%; padding-bottom:310px}
	section#main-header {height:480px; width:100%; padding-bottom:260px}
	section #main-foreground {background-size:80%; background-position:-90px 580px; width:100%; height:900px; position:static;}
	h3, h4 {padding-left:20px;}
	h4 {padding-left:0;}
	nav#main-navigation div.content {margin:0; width:100%;}
	nav#main-navigation {position:absolute; top:72px; width:100%;}
	nav#main-navigation ul {text-align:center;}
	nav#main-navigation li a {padding: 28px 10px 29px 10px; font-size:15px;}
	nav#main-navigation.fixed {left:0;}
	#projects h3 {border:0; padding-bottom:0;}
	
    .backtotop {visibility:hidden; display:none; position:absolute;}
	/*
	#projects figure {width:100%; margin:0;}
	#projects figure img {width:100%; padding:0; }
	#projects .thumbinfo {width:100%; margin:0; padding:10px 0; margin-bottom:20px; background-color:#000}
	label {padding-left:10px;}
	#projects .thumbinfo span {display:block; border:0; padding-left:10px; margin:0;}
	#projects #project-thumb li .caption {width:260px; top:139px; margin-left:-4px; background:#000;}
	#projects .caption .product {display:none;}
	*/

	#projects .thumbinfo span {display:none; border:0; padding-left:0; margin:0;}
	#projects #project-thumb .thumbHov {display:inline;}
	#projects a.a_uvipad:hover > .thumbinfo .uvipadhov {display:none;}
	#projects a.a_bbce:hover > .thumbinfo .bbcehov {display:none;}
	#projects a.a_uvwin8:hover > .thumbinfo .uvwin8hov {display:none;}
	#projects a.a_umiphone:hover > .thumbinfo .umiphonehov {display:none;}
	
	#projects .flexslider {display:block; margin-bottom:30px;}
	#projects .worksamples {display:none;}
	#projects .mock video {width:auto; height:320px;}
	
	#platforms ul {width:100%;}
	#platforms ul li {margin-top:20px;padding-left:10px;padding-right:16px;}
	#headline {margin:170px 0 0 0; left:0;  background:rgba(00,00,00,0.5); width:100%; padding-bottom:20px;}
	#headline h2 {margin-top:0; padding:20px;}
	#headline p {font-size:1.5em; line-height:1.4em; padding:20px;}
	#headline a {font-size:1.5em; padding:20px;}
	blockquote {border:0; padding:0 20px;}
	#thankyou .logos {width:100%;}
	#thankyou .logos li {width:100%; padding-top:30px; border-bottom: 1px solid #d0d0d0;}
    #thankyou .logos .nohr li:last-child {border:0;}
	#thankyou .level-one {border:0;}
	#thankyou .level-two {margin-bottom:-60px;}
	#thankyou .level-two li {border-bottom: 1px solid #d0d0d0;}
	#thankyou .thankyousponsors {padding-top:10px; padding-left:20px; padding-right:50px; margin-top:0; font-size:24px; line-height:28px;}
	#thankyou .ribbon {width:100%; min-width:280px; margin-left:0; background-position:-70px 0}
	#thankyou ul {text-align:center;}
	#thankyou li {padding: 20px 0;}
	#thankyou .level-two li {padding: 20px 0;}
	#about-header {height:0px;}
	#projects, #program, #thankyou {width:100%; padding-left:0; }
	#about {width:100%; padding-bottom:20px;}
	#about section {float:none; height:auto; width:auto; border-top:1px solid #fff; margin-top:40px; margin-right:0; padding:0 20px;}
	#thankyou-header {height:0px;}
	
	section#main-header-uvipad {width:100%; height:330px; background-size:200%; background-position:-90px 40px;}
	section#main-header-bbce {width:100%; height:330px; background-size:200%; background-position:-90px 40px;}
	section#main-header-umiphone {width:100%; height:330px; background-size:200%; background-position:-90px 40px;}
	section#main-header-uvwin8 {width:100%; height:330px; background-size:200%; background-position:-90px 40px;}
	section#main-header-bcinbox {width:100%; height:330px; background-size:200%; background-position:-90px 40px;}
	.logo-sub {position:absolute; top:0; margin-top:0;}
	#main-navigation .logo-sub .sublogo {display:none;}
	#main-navigation .backicon {position:absolute; top:17px; left:10px; background:url("images/icon_back.png") top left no-repeat; width:44px; height:44px; margin-right:10px;}
	#main-navigation .subnav {margin-left:40px;}
	#main-navigation .subnav li a {padding: 28px 20px 28px 20px; font-size:14px;}
	.tag {display:none;}
	
	#projects .info {margin-left:0; padding:0 20px;}
	#projects .info h3 {padding-left:0;}
	#projects .thumbinfo {margin-left:0;}

	footer#main-footer {width:100%; height:300px;}
	footer .content {padding-top:100px;}

	
	#contact_form form {padding: 10px 0 30px 20px; position:static; height:auto; width:90%;}
	#contact_form form p {display: inline;height: 30px;margin-bottom: 30px;margin-right:0;position: static;text-align: right;}
	#contact_form form p label {display: inline;left: 0;position: static;text-align: right;top: 0;width: 115px;}
	
	.grid1-3 {float:none; width:100%; margin-right:0;}
	.grid2-3 {float:none; width:100%;}

	#contact_form form p span {display: inline;position: static;right: 0;top: 0;width: 300px;}

	#contact_form form input {margin-bottom:10px;}
	#contact_form form #message_box {position: static; margin:0;}
	#contact_form form #message_box textarea {height:100px; width:90%;}
	#contact_form form #submit {left: 0;top: 0;width:280px;position: relative;}
	#contact_form form #submit input {width: auto;}

	#contact .verification {float:none !important; margin-bottom:20px;}

	input[placeholder], [placeholder], *[placeholder] {color:#3d3d3d !important;}
	input[type="text"], textarea {padding: 10px;}
	input[type="submit"] {padding: 17px 25px 15px 30px;}
	input.habla_offline_submit_input[type="submit"] {display:inline; padding: 5px 0 0; text-align: center; width:100%;}

}

/* Smartphones (landscape) ----------- */
@media all and (max-device-width: 760px) and (orientation: landscape) {
	.header-top {height:55px;}
	.header-top .logo {margin:0 0 0 20px; width:auto; height:30px;}
	.header-top .logo img {width:150px; margin-left:0;}
	section#main-header {background-position:-380px -30px; height:330px; width:100%; padding-bottom:310px}
	#social {margin-top:0; width:110px; display:inline;}
	#headline h2 {font-size:35px; line-height:35px; margin-bottom:0; padding-bottom:0;}
	
	#projects .mock video {width:auto; height:410px;}
	
	nav#main-navigation {position:absolute; top:56px; width:100%;}
	nav#main-navigation ul {margin:0;}
	nav#main-navigation li a {margin:0; padding: 8px 10px 8px 10px; font-size:12px;}	
	
}

/* Minimized Browser  ----------- */
@media all and (min-width:411px) and (max-width:600px) {

	h3 {font-size:40px;}
	.header-top {margin:-762px -20px 0 -20px; padding:0; height:70px}
	.header-top .logo {margin:0 0 0 20px; width:auto; height:30px;}
	.header-top .logo img {width:201px; margin-left:0;}
	#social {margin-top:5px; width:110px; display:inline;}
	section#main-header {background-position:-180px -30px;  height:240px; width:100%; padding-bottom:310px}
	section #main-foreground {background-size:80%; background-position:-90px 380px; width:100%; position:static;}
	h3 {line-height:1em;}
	nav#main-navigation div.content {margin:0; width:100%;}
	nav#main-navigation {position:absolute; top:72px; width:100%;}
	nav#main-navigation ul {margin:0;}
	nav#main-navigation li a {margin:0; padding: 28px 20px 29px 20px;}
	nav#main-navigation.fixed {left:0;}
	/*
	#projects figure {width:100%;}
	#projects figure li img {width:100%; padding:10px 0;}
	#projects #project-thumb li .caption {width:100%; top:211px; font-size:18px;}
	#projects .thumbinfo span {display:block; border:0; margin-left:0; padding-left:0;}
	#projects .caption .product {font-size:15px;}
	#projects #project-thumb .thumbHov {display:inline;}
	#projects a.a_uvipad:hover > .thumbinfo .uvipadhov {display:none;}
	#projects a.a_bbce:hover > .thumbinfo .bbcehov {display:none;}
	#projects a.a_uvwin8:hover > .thumbinfo .uvwin8hov {display:none;}
	#projects a.a_umiphone:hover > .thumbinfo .umiphonehov {display:none;}
	*/
	#projects .flexslider {display:block;}
	#projects .worksamples {display:none;}
	
	
    .backtotop {visibility:hidden; display:none; position:absolute;}
	
	#platforms ul li {margin-top:20px; padding-left:10px; padding-right:16px;}
	
	#headline {margin:150px 0 0 -20px; position:relative; left:0; padding:20px; background:rgba(00,00,00,0.5); width:100%;}
	#headline h2 {margin-top:0;}
	#headline p {font-size:1.5em; line-height:1.4em;}
	#headline a {font-size:1.5em;}
	blockquote {border:0; padding-top:0;}
	#thankyou {}
	#thankyou .logos {padding-top:30px;}
	#thankyou .level-two li {border-bottom: 1px solid #d0d0d0;}
	.thankyousponsors {width:100%; padding-top:0; padding-left:70px; font-size:24px;}
	#thankyou .logos {width:100%;}
	#thankyou .logos li {width:100%; padding-top:30px; border-bottom: 1px solid #d0d0d0;}
    #thankyou .logos .nohr li:last-child {border:0;}
	#thankyou .level-one {border:0;}
	#thankyou .level-two {margin-bottom:-60px;}
	#thankyou .level-two li {border-bottom: 1px solid #d0d0d0;}
	#thankyou .thankyousponsors {width:50%; padding-top:10px; padding-left:20px; padding-right:50px; margin-top:0; font-size:24px; line-height:28px;}
	#thankyou .ribbon {width:100%; min-width:280px; margin-left:-20px; background-position:-70px 0}
	
	#thankyou ul {text-align:center;}
	#thankyou li {padding: 20px 0;}
	#thankyou .level-two li {padding: 20px 0;}
	#about-header {height:0px;}
	#about {padding-bottom:20px;}
	#about section {float:none; height:auto; width:100%; border-top:1px solid #fff; margin-top:40px;}
	#thankyou-header {height:0px;}
	footer#main-footer {height:300px;}
	footer .content {padding-top:100px;}
	/*
	section#main-header-uvipad {width:568px;}
	section#main-header-bbce {width:568px;}
	section#main-header-umiphone {width:568px;}
	section#main-header-uvwin8 {width:568px;}
	*/
	.logo-sub {position:absolute; top:0; margin-top:0;}
	#main-navigation .logo-sub .sublogo {display:none;}
	#main-navigation .backicon {position:absolute; top:17px; left:10px; background:url("images/icon_back.png") top left no-repeat; width:44px; height:44px; margin-right:10px;}
	#main-navigation .subnav {margin-left:40px; text-align:center;}
	#main-navigation .subnav li a {padding: 28px 20px 28px 20px; font-size:14px;}
	.tag {display:none;}
	#projects .info {margin-left:0;}
	#project-docs .mock img {width:100%;}
	#projects .mock video {width:auto; height:320px;}
	

	#contact_form form {padding: 10px 0 30px 0; position:static; height:auto;}
	#contact_form form p {display: inline;height: 30px;margin-bottom: 30px;margin-right:0;position: static;text-align: right;}
	#contact_form form p label {display: inline;left: 0;position: static;text-align: right;top: 0;width: 115px;}

	.grid1-3 {float:none; width:100%; margin-right:0;}
	.grid2-3 {float:none; width:100%;}
	
	
	#contact_form form p span {display: inline;position: static;right: 0;top: 0;width: 300px;}

	#contact_form form input {margin-bottom:10px;}
	#contact_form form #message_box {position: static; margin:0;}
	#contact_form form #message_box textarea {height:100px; width:90%;}
	#contact_form form #submit {left: 0;top: 0;width:280px;position: relative;}
	#contact_form form #submit input {width: auto;}
	
	#contact .verification {float:none !important; margin-bottom:20px;}

	input[placeholder], [placeholder], *[placeholder] {color:#3d3d3d !important;}
	input[type="text"], textarea {padding: 10px;}
	input[type="submit"] {padding: 17px 25px 15px 30px;}
	input.habla_offline_submit_input[type="submit"] {display:inline; padding: 5px 0 0; text-align: center; width:100%;}


}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#about-header {background-position:top left !important; height:0;}
	#thankyou-header {height:2px; background-color:#D0D0D0;}
	
	#projects #project-thumb .thumbHov {display:inline;}
	#projects a.a_uvipad:hover > .thumbinfo .uvipadhov {display:none;}
	#projects a.a_bbce:hover > .thumbinfo .bbcehov {display:none;}
	#projects a.a_uvwin8:hover > .thumbinfo .uvwin8hov {display:none;}
	#projects a.a_umiphone:hover > .thumbinfo .umiphonehov {display:none;}
}