@charset "UTF-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|Arimo:400,700);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);


/* desktop styling */


.wrapper{
	width: 100%;
	margin: 0 auto;
	overflow-y:hidden;
	overflow-x:hidden;
}

.inner-wrapper{
	width:940px;
	margin:0 auto;
	background-color:#fff !important;
		
}

#site-nav{
	width: 940px;
	font-family: 'Arimo', sans-serif;
	font-size: 28px !important;
	background:white !important;
	padding-bottom:120px;
	margin: 0 auto;
}
	
	#site-nav ul{
		list-style: none;
		padding: 0;
		float: right;
		margin-top:-10px;
	}

		#site-nav ul li{
			float: left;  
			margin-right: 20px; 
		}
			
			#site-nav ul li a{
				display:list-item;
				padding: 10px 10px; 
				text-decoration: none; 
				color: black;
			}

header{
	width:960px;	
}

#logo{
	float:left;
	display:inline-block;
	max-width:100%;
}

#main-menu{
	display:none;	
}

.logo2{
	display:none;	
}

img.header_image{
	padding-left:25px;
	margin-left: 20px;
}

h1{
	
	font-family: 'PT Sans', sans-serif;
	text-align:left;
}

#homeline1{
	font-size:21px;
	font-weight:100;	
}

#homeline2{
	font-size:60px;
	color:#D4145A;
	font-weight:100;	
	margin-top:20px;
}

#homeline3{
	font-size:24px;
	font-weight:100;
}

#homeline4{
	font-size:36px;
	font-weight:100;	
	margin-top:1000px;	
}

div#main-headline{
	text-align:left;	
	float:right;
	margin-top:110px;
	margin-right:75px;
}

div#col1,
div#col2,
div#col3,
div#col4{
	float:left;
	width:220px;
	margin: 60px 0px 0px 10px;
	font-family: 'Arimo', sans-serif;
	background:#C9C4C4;
	height: 314px;
}

p.col-row{
	text-align:left;
	padding:5px;
}

p#sub-header{
	font-family: 'Arimo', sans-serif;
	font-size:48px;
	text-align:center;
	margin-top:80px;
	margin-bottom:150px;	
}

img#horizontal-phone{
	margin-top:150px;	
}

.ft-wrapper{
	width:100%;
	background-color:#777777;
	height:126px;	
}

.footer{
	background:#777777;
	height: 126px;
	font-family: 'Arimo', sans-serif;
	color: white;
	font-size:18px;	
	font-weight:100;
	width:960px;
	margin: 0 auto;
	clear:both;	
}

#footer-list{
	list-style: none;
	padding: 0;
}

	#footer-list li{
		float: left;
		margin-right: 10px; 
		display:list-item;
		padding: 10px 20px; 
		text-decoration: none; 
		color: white;
		word-spacing:20px;
	}

	#footer-list li#chat{
		word-spacing:0px !important;	
	}

p#copyright{
	float:left;
	margin-left:10px;
	clear:both;
	margin-top: 20px;
	padding:10px;	
}
			
div#social{
	padding-top:40px;
	margin:20px;
	color:white;
}


@media (max-width:984px) and (min-width:800px){
.inner-wrapper{
	width:780px;
	margin: 0 auto;	
}

#site-nav{
	width: 780px;
	font-size: 20px !important;
	margin-top:-60px;
}
	
	#site-nav ul{
		float: right;
		margin-right:15px;
		margin-top:20px;
	}

		#site-nav ul li{
			margin-right: 0px; 
		}
			
			#site-nav ul li a{
				padding: 5px 5px; 
			}
		
#logo{
	max-width:80%;
	float:left;
	z-index:100;
	margin:20px;
}

#main-menu{
	display:none;	
}

.logo2{
	display:none;	
}

header{
	width:780px;
	margin: 0 auto;
	float:none;	
}

img.header_image{
	
	padding-left:0px;
	margin-left: 0px;
	width:60%;
	float:left;
}

div#main-headline{
	text-align:left;	
	float:right;
	margin-top:60px;
	margin-right:5px;
}

#homeline1{
	font-size:18px;
}

#homeline2{
	font-size:50px;
	margin-top:4px;
}

#homeline3{
	font-size:21px;
	
}

#homeline4{
	font-size:28px;
}

article{
	width:780px;
	margin:0 auto;
	clear:both;	
}

.article-inner{
	width:780px;
	margin: 0 auto;	
	float:none;
	margin-left:6%;
}

.thumbs{
	width:100%;	
}

div#col1,
div#col2,
div#col3,
div#col4{
	float:left;
	width:150px;
	height: 250px;
	font-size:14px;
}

p.col-row{
	text-align:left;
	padding:5px;
}

.ho-nvs{
	width:780px;
	margin: 0 auto;	
}

p#sub-header{
	font-size:40px;
	text-align:center;
	margin-top:80px;
	margin-bottom:150px;	
}

img#horizontal-phone{
	margin-top:150px;
	width:80%;
	margin-left:7%;	
}

.ft-wrapper{
	width:100%;
	background-color:#777777;	
}

.footer{
	width:780px;
	margin: 0 auto;
	clear:both;	
}

div#social{
	width:50%;	
}

	#footer-list li{
		margin-right: 10px; 
		padding: 10px 20px; 
		word-spacing:5px;
	}

	#footer-list li#chat{
			
	}

p#copyright{
	margin-left:10px;
	margin-top: 20px;
	padding:10px;	
}
			
div#social{
	padding-top:20px;
	margin:5px;
	float:left;
}
div#social img{
	width:10%;	
}
}


@media (max-width:799px) and (min-width:600px){
.inner-wrapper{
	width:580px;
	margin: 0 auto;	
}

#site-nav{
	width: 580px;
	font-size: 18px !important;
	margin-top:-60px;
}
	
	#site-nav ul{
		float: right;
		margin-right:15px;
		margin-top:20px;
	}

		#site-nav ul li{
			margin-right: 0px; 
		}
			
			#site-nav ul li a{
				padding: 5px 5px; 
			}
		
#logo{
	max-width:70%;
	float:left;
	z-index:100;
	margin:20px;
}

#main-menu{
	display:none;	
}

.logo2{
	display:none;	
}

header{
	width:580px;
	margin: 0 auto;
	float:none;	
}

img.header_image{
	padding-left:0px;
	margin-left: 5px;
	width:45%;
	float:left;
}

div#main-headline{
	text-align:left;	
	float:right;
	margin-top:60px;
	margin-right:30px;
}

#homeline1{
	font-size:17px;
}

#homeline2{
	font-size:45px;
	margin-top:4px;
}

#homeline3{
	font-size:19px;
	
}

#homeline4{
	font-size:24px;
}

article{
	width:580px;
	margin:0 auto;
	clear:both;	
}

.article-inner{
	width:580px;
	margin: 0 auto;	
	float:none;
	margin-left:0%;
}

.thumbs{
	width:100%;	
}

div#col1,
div#col2,
div#col3,
div#col4{
	float:left;
	width:130px;
	height: 220px;
	font-size:13px;
}

p.col-row{
	text-align:left;
	padding:5px;
}

.ho-nvs{
	width:580px;
	margin: 0 auto;	
}

p#sub-header{
	font-size:32px;
	text-align:center;
	margin-top:80px;
	margin-bottom:150px;	
}

img#horizontal-phone{
	margin-top:150px;
	width:80%;
	margin-left:7%;	
}

.ft-wrapper{
	width:100%;
	background-color:#777777;	
}

.footer{
	width:580px;
	margin: 0 auto;
	clear:both;
	padding-left:2%;
	background-color:#777777;	
}

div#social{
	width:40%;	
}

	#footer-list li{
		margin-right: 10px; 
		padding: 5px 5px; 
		word-spacing:5px;
	}

	#footer-list li#chat{
			
	}

p#copyright{
	margin-left:10px;
	margin-top: 20px;
	padding:10px;	
}
			
div#social{
	padding-top:20px;
	margin:5px;
	float:left;
}
div#social img{
	width:10%;	
}
}


@media screen and (max-width:599px){
.inner-wrapper{
	width:100%;
	margin: 0 auto;	
}

#site-nav{
	display:none;
}

#logo{
	display:none;	
}

#main-menu{
	display:inline;
	position: fixed;
	top: 0;
	right: 0;
	z-index:100000;
	margin-bottom: 20px;
	width:100%;
	height:100%;
}

#main-menu:target{
		list-style:none !important;
		background: #fff;
		width:100%;
		height:100%;
		margin:0 auto;
		z-index:100000;
		-webkit-animation: show-menu 2s 1;
		-o-animation: show-menu 2s 1;
		-moz-animation: show-menu 2s 1;
		animation: show-menu 2s 1;
}

	#main-menu ul{
		display: none;
		margin: 0 auto;
		margin-top:100px;
		text-decoration:none;
		list-style:none !important;
	}
	
	#main-menu:target ul{
		display: block;	
		position: relative;
		text-decoration:none;
		list-style:none !important;
		-webkit-animation: show-menu 2s 1;
		-o-animation: show-menu 2s 1;
		-moz-animation: show-menu 2s 1;
		animation: show-menu 2s 1;
	}
	
	#main-menu li{
		border-bottom: solid 2px black;
		margin-right:35px;
		text-decoration:none;
		list-style:none !important;		
	}
	
	#main-menu li:last-child{
		border-bottom: none;
	}
	
	/* regular nav links */
	#main-menu li a{
		display: block;
		text-align: center;
		color: black;
		text-decoration: none !important;
		list-style:none !important;
		font-size: 150%;
		padding-top: 20px;
		padding-bottom: 20px;
		font-family: 'Arimo', sans-serif;
		font-weight: 700;
		text-transform:uppercase;
	
	}
	
	/* Show/hide menu link */
	#main-menu > a{
		background:url(../images/icons.png);
		float:right;
		display: block;
		width: 40px;
		height: 40px;
		text-decoration:none;
		list-style:none;
		border: solid 2px black;
		margin-top: 25px;
		margin-right: 25px;
		
	}
	
	#main-menu > a span{
		display: none;	
	}
	
	/* show menu link (when menu is hidden)*/
	#main-menu > a[href="#main-menu"]{
		display: block;
		
	}
	
	/* hide menu link (when menu is hidden)*/
	#main-menu > a[href="#"]{
		display: none;
	}
	
	/* show menu link (when menu is visible)*/
	#main-menu:target > a[href="#main-menu"]{
		display: none !important;
		
	}
	
	/* hide menu link (when menu is visible)*/
	#main-menu:target > a[href="#"]{
		display: block;
	}



.logo2{
	display:block;	
	margin-top:-50px;
	margin-bottom: 75px;
}

header{
	width:95%;
	margin: 0 auto;
	float:none;	
}

img.header_image{
	padding-left:0px;
	margin-left: 0px;
	width:65%;
	display:block;
	margin: 0 auto;
	float:inherit;
}

div#main-headline{
	text-align:center;	
	float:none;
	margin-top:-25px;
	margin-left:21%;
	display:block;
}

#homeline1{
	font-size:17px;
	text-align:center;
}

#homeline2{
	font-size:45px;
	margin-top:0px;
	text-align:center;
}

#homeline3{
	font-size:19px;
	text-align:center;
}

#homeline4{
	font-size:24px;
	text-align:center;
}

article{
	width:95%;
	margin:0 auto;
	clear:both;	
}

.article-inner{
	width:100%;
	margin: 0 auto;	
	float:none;
	margin-left:0%;
}

.thumbs{
	width:100%;
	overflow:hidden;
	z-index:-2;	
}

div#col1,
div#col2,
div#col3,
div#col4{
	float:none;
	width:250px;
	margin:0 auto;
	height: 350px;
	font-size:14px;
	margin-bottom:40px;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border: 1px solid #000000;
	z-index:1;
	overflow:hidden;
}

p.col-row{
	text-align:left;
	padding:5px;
}

.ho-nvs{
	width:100%;
	margin: 0 auto;	
}

p#sub-header{
	font-size:28px;
	text-align:center;
	margin-top:80px;
	margin-bottom:150px;	
}

img#horizontal-phone{
	margin-top:150px;
	width:80%;
	margin-left:7%;	
}

.ft-wrapper{
	width:100%;
	background-color:#777777;	
}

.footer{
	width:100%;
	margin: 0 auto;
	clear:both;
	padding-left:2%;
	height:250px;	
}

div#social{
	width:80%;	
}

	#footer-list li{
		margin-right: 10px; 
		padding: 5px 5px; 
		word-spacing:5px;
	}

	#footer-list li#chat{
			
	}

p#copyright{
	margin-left:10px;
	margin-top: 20px;
	padding:10px;	
}
			
div#social{
	padding-top:20px;
	margin:5px;
	float:left;
}
div#social img{
	width:10%;	
}
}

/* CSS3 menu animation */
@-moz-keyframes show-menu{
	0%{
		opacity: 0;	
		top: -1000px;
		right: -1000px;
	}
	100%{
		opacity: 1;
		top: 0;
		right: 0;
	}

}

@-webkit-keyframes show-menu{
	0%{
		opacity: 0;	
		top: -1000px;
		right: -1000px;
	}
	100%{
		opacity: 1;
		top: 0;
		right: 0;
	}

}

@-o-keyframes show-menu{
	0%{
		opacity: 0;	
		top: -1000px;
		right: -1000px;
	}
	100%{
		opacity: 1;
		top: 0;
		right: 0;
	}

}

@keyframes show-menu{
	0%{
		opacity: 0;	
		top: -1000px;
		right: -1000px;
	}
	100%{
		opacity: 1;
		top: 0;
		right: 0;
	}

}


/* About Page */


.middle1-wrapper{
	width:100%;
	background-color:#999999;
}

article#middle1{
	background:#999999;
	height:500px;
	margin-top:-40px;
	width:940px;
	margin:0 auto;
}

.middle2-wrapper{
	width:100%;
	background:#79a7bc;	
}

article#middle2{
	background:#79a7bc;
	height:450px;
	padding-top:10px;
	width:940px;
	margin:0 auto;
}

article#middle3{
	height:400px;
}

p#middle-text{
	font-size:48px;
	font-family: 'Arimo', sans-serif;
	float:left;
	margin-left:40px;
	padding-top:40px;
}

span#small{
	font-size:24px;	
}

#logo2{
	float:right;
	display:inline-block;
	margin-right:40px;
}

#phonecamera{
	margin-top:-35px !important;
	padding-left:20px;
	max-width:412px !important;
	float:left;
}

p#middletext2{
	font-size:28px;
	font-family: 'PT Sans', sans-serif;
	font-weight:100;	
	float:right;
	padding-right:30px;
	padding-bottom:30px;
	margin-top:0px !important;
	width:45%;
}

span.cursive{
	font-family: 'Dancing Script', cursive;
	font-size:36px;
	font-weight:700;	
}

h2#middle3header{
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:36px;
	padding:20px;
	margin-top:100px;
}

p#middletext3{
	font-size:28px;	
	font-family: 'PT Sans', sans-serif;
	margin:40px;
	font-weight:100;
}

@media (min-width:800px) and (max-width:959px){
article#middle1{
	height:500px;
	margin-top:-40px;
	width:760px;
}

article#middle2{
	background:#79a7bc;
	height:450px;
	padding-top:10px;
	width:760px;
}

article#middle3{
	height:100%;
	margin-top:100px;
	margin-bottom:140px;
}

p#middle-text{
	font-size:38px;
	margin-left:10px;
	padding-top:40px;
}

span#small{
	font-size:20px;	
}

#logo2{
	margin-right:10px;
	width:45%;
}

#phonecamera{
	margin-top:36px !important;
	padding-left:10px;
	max-width:45% !important;
}

p#middletext2{
	font-size:24px;
	padding-top:40px;
}

span.cursive{
	font-size:32px;
}

h2#middle3header{
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:36px;
	padding:20px;
	margin-top:100px;
}

p#middletext3{
	font-size:28px;	
	font-family: 'PT Sans', sans-serif;
	margin:40px;
	font-weight:100;
}	
}

@media (min-width:600px) and (max-width:799px){
article#middle1{
	height:400px;
	margin-top:-40px;
	width:560px;
}

article#middle2{
	height:350px;
	padding-top:-10px;
	padding-bottom:20px;
	width:560px;
}

article#middle3{
	height:100%;
	margin-top:100px;
	margin-bottom:140px;
}

p#middle-text{
	font-size:34px;
	margin-left:5px;
	padding-top:30px;
}

span#small{
	font-size:18px;	
}

#logo2{
	margin-right:5px;
	padding-top: 30px;
	width:40%;
}

#phonecamera{
	margin-top:108px !important;
	padding-left:10px;
	max-width:34% !important;
}

p#middletext2{
	font-size:20px;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:50px;	
	width: 50%;
}

span.cursive{
	font-size:30px;
}
}


@media screen and (max-width:599px){
article#middle1{
	height:70%;
	width:100%;
	display:block;
	margin:0 auto;
	
}

article#middle2{
	height:100%;
	padding-top:10px;
	padding-bottom:0px;
	width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
}

article#middle3{
	height:100%;
	padding-top:0px;
	margin-bottom:140px;
}

p#middle-text{
	font-size:24px;
	float:none;
	padding-left:0%;
	margin-top:0;
	width:100%;
	margin: 0 auto;
	position:absolute;
	text-align:center;
}

span#small{
	font-size:13px;	
}

#logo2{
	opacity:0.1;
	float:none;
	margin-top:40px;
	position:relative;
	width:45%;
	margin:0 auto;
	display:block;
	padding-bottom:50px;
}

#phonecamera{
	opacity:1.0;
	float:none;
	max-width:50% !important;
	bottom:0;
	margin:0 auto;
	display:block;
	padding-left:0px;
}

p#middletext2{
	font-size:20px;
	text-align:center;
	padding-right:0;
	float:none;
	width:95%;
}

span.cursive{
	font-size:28px;
}
}


/*Experience Page*/


.ex-body{
	z-index:-1000;	
}

.clear{
	clear:both;	
}

article#speaker{
	height:400px;	
}

#speakerh2{
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-size:48px;
	float: left;
	margin-top:50px;
	margin-bottom:50px;
	clear: both;
	font-weight:100;
}

h2.chatter{
	font-size:48px;
	font-family: 'PT Sans', sans-serif;
	font-weight:200;
	color:#808080;
	padding-top:250px;
	padding-bottom:40px;
	margin-left:20px;
	margin-top:25px;
	width:45%;
}

#speakers{
	float:right;
	display:inline-block;
	margin-top:-300px;
	margin-right:20px;
}

#line1{
	clear:both;
	display:block;
	margin-top:140px;
	margin-bottom:60px;
	width:100%;
	
}

.hrrule{
	display:none;	
}

#line2{
	display:block;
	margin-top:140px;
	margin-bottom:60px;
	width:100%;
	z-index:1000;
}

#line3{
	display:block;
	margin-top:140px;
	margin-bottom:60px;
	width:100%;
	clear:both;
}

h2.chatter2{
	font-size:48px;
	font-family: 'PT Sans', sans-serif;
	font-weight:200;
	color:#808080;
	padding-right:0px;
	float: right;
	width:45%;
	margin-top:120px;
	margin-bottom:100px;
}

article#voice{
	height:400px;	
}

#gvoice{
	float:left;
	margin-left:40px;
	margin-top:15px;
}

article#mod{
	height:400px;	
}
 
#cyanogen{
	font-size:48px;
	font-family: 'PT Sans', sans-serif;
	font-weight:200;
	color:#808080;
	padding-left:0px;
	float: left;
	width:45%;
	margin-top:60px;
	margin-bottom:60px;
}

#lean{
	float:right;
	margin-top:50px;
	margin-bottom:80px;
}
article#snap{
	height:550px;
	clear:both;	
}

#snapdragon{
	font-size:48px;
	font-family: 'PT Sans', sans-serif;
	font-weight:200;
	color:#808080;
	float:right;
	margin-top:150px;
	margin-right:20px;
	margin-bottom:150px;
}

#qualcomm{
	float:left;
	margin-top:100px;
	margin-left:20px;
	display:block;
	margin-bottom:120px;
}

@media (min-width:800px) and (max-width:984px){
#speakerh2{
	font-size:40px;
}

h2.chatter{
	font-size:38px;
	width:45%;
}

#speakers{
	max-width:70%;
}

h2.chatter2{
	font-size:38px;
	width:45%;
}

#gvoice{
	float:left;
	max-width:70%;
	margin-left:40px;
	margin-top:15px;
}

#line2{
	margin-top:140px;
	margin-bottom:60px;
	width:100%;
	clear:both;
	z-index:1000;
}

.hrrule{
	display:none;	
}

#line3{
	display:block;
	margin-top:140px;
	margin-bottom:60px;
	width:100%;
	clear:both;
}

#cyanogen{
	font-size:38px;
	width:45%;
}

#lean{
	max-width:70%;
}

#snapdragon{
	font-size:38px;
	width:45%;
	margin-top:150px;
	margin-right:0px;
	margin-bottom:80px;
}

#qualcomm{
	float:left;
	max-width:70%;
	margin-top:100px;
	margin-left:0px;
	display:block;
	margin-bottom:80px;
}	
}


@media (min-width:600px) and (max-width:799px){
#speakerh2{
	font-size:38px;
}

h2.chatter{
	font-size:32px;
	width:50%;
}

#speakers{
	max-width:50%;
}

h2.chatter2{
	font-size:32px;
	width:50%;
}

#gvoice{
	float:left;
	max-width:50%;
	margin-left:40px;
	margin-top:15px;
}

#line2{
	z-index:1000 !important;
}

.hrrule{
	 width:100%; 
	 border: 0; 
	 height: 1px; 
	 background: #333; 
	 background-image: linear-gradient(to right, #ccc, #333, #ccc); 	
}

#line3{
	display:block;
	margin-top:20px;
	margin-bottom:60px;
	width:100%;
	z-index:1000;
}

#cyanogen{
	font-size:32px;
	width:45%;
	margin-left:5px;
}

#lean{
	max-width:50%;
	float:right;
}

article#mod{
	margin-top:50px;
	height:150px;
	z-index:-1000;
	clear:both;	
}

#snapdragon{
	font-size:32px;
	width:45%;
	margin-top:150px;
	margin-right:0px;
	margin-bottom:80px;
}

#qualcomm{
	float:left;
	max-width:40%;
	margin-top:80px;
	margin-left:5px;
	display:block;
	margin-bottom:40px;
}
}


@media (min-width:450px) and (max-width:599px){
#speakerh2{
	font-size:32px;
}

h2.chatter{
	font-size:28px;
	width:45%;
	margin-top:-40px;
}

#speakers{
	max-width:40%;
	margin-top:-250px;
}

h2.chatter2{
	font-size:28px;
	width:45%;
	margin-top:70px;
}

#gvoice{
	float:left;
	max-width:40%;
	margin-left:40px;
	margin-top:15px;
}

#line2{
	z-index:1000 !important;
}

.hrrule{
	 width:100%; 
	 border: 0; 
	 height: 1px; 
	 background: #333; 
	 background-image: linear-gradient(to right, #ccc, #333, #ccc); 	
}

#line3{
	display:block;
	margin-top:20px;
	margin-bottom:60px;
	width:100%;
	z-index:1000;
}

#cyanogen{
	font-size:28px;
	width:45%;
	margin-left:5px;
}

#lean{
	max-width:40%;
	float:right;
	margin-top:80px;
}

article#mod{
	margin-top:50px;
	height:150px;
	z-index:-1000;
	clear:both;	
}

#snapdragon{
	font-size:28px;
	width:45%;
	margin-top:100px;
	margin-right:0px;
	margin-bottom:80px;
}

#qualcomm{
	float:left;
	max-width:35%;
	margin-top:80px;
	margin-left:5px;
	display:block;
	margin-bottom:40px;
}
}


@media screen and (max-width:449px){
#speakerh2{
	font-size:32px;
}

h2.chatter{
	font-size:28px;
	width:100%;
	margin-top:-40px;
	margin-bottom:-20px;
	float:none;
	text-align:center;
	margin-left:0px;
}

#speakers{
	max-width:70%;
	margin-top:20px;
	float:none;
	margin-right:0px;
	display:block;
	margin:0 auto;
	margin-bottom:80px;
}

h2.chatter2{
	font-size:28px;
	float:none;
	margin-bottom:20px;
	width:100%;
	margin-top:80px;
	text-align:center;
}

#gvoice{
	float:none;
	max-width:60%;
	margin-left:0px;
	margin-top:-45px;
	margin-bottom:-40px;
	display:block;
	margin:0 auto;
}

#line1{
	clear:both;
	display:block;
	margin-top:100px;
	margin-bottom:100px;
	width:100%;
}

.hrrule{
	display:none;	
}

#line2{
	display:none;
	/*margin-top:100px;
	margin-bottom:100px;
	width:100%;*/
}

#line3{
	display:none;
	/*margin-top:100px;
	margin-bottom:100px;
	width:100%;
	clear:both;*/
}

#cyanogen{
	font-size:28px;
	width:100%;
	margin-top:100px;
	margin-left:0px;
	float:none;
	text-align:center;
	margin-bottom:0px;
}

#lean{
	max-width:70%;
	float:none;
	margin-top:-40px;
	display:block;
	margin:0 auto;
}

article#mod{
	margin-top:50px;
	height:275px;
	clear:both;	
}

#snapdragon{
	font-size:28px;
	width:100%;
	float:none;
	text-align:center;
	margin-top:150px;
	margin-right:0px;
	margin-bottom:20px;
}

#qualcomm{
	float:none;
	max-width:70%;
	margin-top:80px;
	margin-left:0px;
	display:block;
	margin-bottom:-50px;
	margin:0 auto;
}
}


/* Gallery Page styling */


.gallery{
	list-style: none; 
	padding: 0;	
	float: left;
	margin-bottom:100px;
	margin-left:50px;
	
}

#galleryh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:36px;
	padding:20px;
}

	.gallery li{
		float: left;
		display: block;
	}

	.gallery li:nth-child(3n){
		margin: 0px;	
	}
	
	.gallery figure{
		display: block;
		width: 200px;
		height: 200px;
		position: relative;
		z-index:1;
		overflow: hidden;
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		border-radius: 150px;
		-webkit-transition: all 0.33s ease;
		-moz-transition: all 0.33s ease;
		-o-transition: all 0.33s ease;
		transition: all 0.33s ease;
		-webkit-animation: thumbnail-appear 3s 1;
		-moz-animation: thumbnail-appear 3s 1;
		-o-animation: thumbnail-appear 3s 1;
		animation: thumbnail-appear 3s 1;
	}
				
		.gallery figure.fast{
		-webkit-animation: thumbnail-appear 1s 1;
		-moz-animation: thumbnail-appear 1s 1;
		-o-animation: thumbnail-appear 1s 1;
		animation: thumbnail-appear 1s 1;
	}
		
	.gallery figure:hover{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;	
		-webkit-transition: all 0.66s ease;
		-moz-transition: all 0.66s ease;
		-o-transition: all 0.66s ease;
		transition: all 0.66s ease;
	}

	.gallery figcaption{
		display: block;
		z-index: 1000;
		position: absolute;
		bottom: 0px;
		background: rgb(230,230,230) url(../images/brushed.png) repeat top left fixed;
		width: 280px;
		padding: 10px;
		overflow-y: hidden;
		-webkit-transition: all 0.33s ease;
		-moz-transition: all 0.33s ease;
		-o-transition: all 0.33s ease;
		transition: all 0.33s ease;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: perspective(300px) rotateX(90deg);
		-moz-transform: perspective(300px) rotateX(90deg);
		-o-transform: perspective(300px) rotateX(90deg);
		-ms-transform: perspective(300px) rotateX(90deg);
		transform: perspective(300px) rotateX(90deg);
	}

		
	.gallery figure:hover figcaption{
		-webkit-transition: all 0.75s ease;
		-moz-transition: all 0.75s ease;
		-o-transition: all 0.75s ease;
		transition: all 0.75s ease;
		-webkit-transform: perspective(300px) rotateX(-0deg);
		-moz-transform: perspective(300px) rotateX(-0deg);
		-o-transform: perspective(300px) rotateX(-0deg);
		-ms-transform: perspective(300px) rotateX(-0deg);
		transform: perspective(300px) rotateX(-0deg);
	}
		.gallery figure a{
			
		}
		
		
		.gallery figure img{
			display: block;
		}


@media(min-width:800px) and (max-width:984px){
#imagegallery{
	display:block;
	margin:0 auto;
	width:100%;	
}

.gallery{
	float: none;
	margin-left:0px;
	display:block;
	margin:0 auto;
	width:80%;	
}
}

@media(min-width:650px) and (max-width:799px){
#imagegallery{
	display:block;
	margin:0 auto;
	width:100%;	
}

.gallery{
	float: none;
	margin-left:0px;
	display:block;
	margin:0 auto;
	width:90%;	
}

.gallery figure{
		display: block;
		width: 150px;
		height: 150px;
		
	}
}


@media (min-width:550px) and (max-width:649px){
#imagegallery{
	display:block;
	margin:0 auto;
	width:100%;	
}

.gallery{
	float: right;
	margin-left:0px;
	display:block;
	margin:0 auto;
	width:75%;	
}

.gallery figure{
	display: block;
	width: 200px;
	height: 200px;
}
}


@media (min-width:485px) and (max-width:549px){
#imagegallery{
	display:block;
	margin:0 auto;
	width:100%;	
}

.gallery{
	float: right;
	margin-left:0px;
	display:block;
	margin:0 auto;
	width:80%;	
}

.gallery figure{
	display: block;
	width: 200px;
	height: 200px;
}	
}


@media (min-width:370px) and (max-width:484px){
#imagegallery{
	display:block;
	margin:0 auto;
	width:100%;	
}

.gallery{
	float: right;
	margin-left:0px;
	display:block;
	margin:0 auto;
	width:90%;	
}

.gallery figure{
	display: block;
	width: 200px;
	height: 200px;
}	
}


@media screen and (max-width:369px){
#imagegallery{
	display:block;
	margin:0 auto;
	width:100%;	
}

.gallery{
	float: right;
	margin-left:0px;
	display:block;
	margin:0 auto;
	width:100%;	
}

.gallery figure{
	display: block;
	width: 200px;
	height: 200px;
}	
}


/* Contact Page Styling */

#successh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:36px;
	padding:20px;	
}

#emailh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:36px !important;
	padding:20px;
	clear:both;
}

form{
	clear:both;
	margin-left:40px;
	font-family: 'Arimo', sans-serif;	
}

#successp{
	clear:both;	
	margin-left:40px;
	font-family: 'Arimo', sans-serif;
	margin-bottom:100px;
}

form input[type=submit],
form input[type=reset]{
	float: right;
	background: black;
	border: none;
	color: white;
	padding: 8px 20px;
	cursor: pointer;
	margin-right:140px;
	margin-bottom:100px;
}

form input[type=reset]{
	float:none;
	background:red;	
}

form textarea,
form input[type=text],
form input[type=email],
form input[type=message]{
	width: 600px;
	border: solid 1px black;
	background:#D2D0D0;
	margin:10px;
}

form label{
	width: 140px;
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
	list-style: none;
}

form .radio label{
	width: auto;
	margin-right: 20px;	
	padding-top: 1px;
}

form ol{
	list-style: none;
	padding: 10px;	
}

p.error{
	background: rgba(255,0,0,0.1);
	color: red;
	padding: 4px 8px;
	width: 600px;	
}


@media (min-width:600px) and (max-width:799px){
#successh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:32px;
	padding:20px;	
}

#emailh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:32px !important;
	padding:20px;
	clear:both;
}

form{
	clear:both;
	margin-left:40px;
	font-family: 'Arimo', sans-serif;	
}

#successp{
	clear:both;	
	margin-left:40px;
	font-family: 'Arimo', sans-serif;
	margin-bottom:100px;
}

form input[type=submit],
form input[type=reset]{
	float: right;
	background: black;
	border: none;
	color: white;
	padding: 8px 20px;
	cursor: pointer;
	margin-right:20px;
	margin-bottom:100px;
}

form input[type=reset]{
	float:none;
	background:red;	
}

form textarea,
form input[type=text],
form input[type=email],
form input[type=message]{
	width: 500px;
	border: solid 1px black;
	background:#D2D0D0;
	margin:10px;
}

form label{
	width: 140px;
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
	list-style: none;
}

form .radio label{
	width: auto;
	margin-right: 20px;	
	padding-top: 1px;
}

form ol{
	list-style: none;
	padding: 10px;	
}

p.error{
	background: rgba(255,0,0,0.1);
	color: red;
	padding: 4px 8px;
	width: 500px;	
}	
}


@media (min-width:500px) and (max-width:599px){
#successh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:28px;
	padding:20px;	
}

#emailh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:28px !important;
	padding:20px;
	clear:both;
}

form{
	clear:both;
	margin-left:20px;
	font-family: 'Arimo', sans-serif;	
}

#successp{
	clear:both;	
	margin-left:40px;
	font-family: 'Arimo', sans-serif;
	margin-bottom:100px;
}

form input[type=submit],
form input[type=reset]{
	float: right;
	background: black;
	border: none;
	color: white;
	padding: 8px 20px;
	cursor: pointer;
	margin-right:50px;
	margin-bottom:100px;
}

form input[type=reset]{
	float:none;
	background:red;	
}

form textarea,
form input[type=text],
form input[type=email],
form input[type=message]{
	width: 375px;
	border: solid 1px black;
	background:#D2D0D0;
	margin:10px;
}

form label{
	width: 100px;
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
	list-style: none;
}

form .radio label{
	width: auto;
	margin-right: 10px;	
	padding-top: 1px;
}

form ol{
	list-style: none;
	padding: 10px;	
}

p.error{
	background: rgba(255,0,0,0.1);
	color: red;
	padding: 4px 8px;
	width: 375px;	
}	
}


@media (min-width:400px) and (max-width:499px){
#successh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:24px;
	padding:20px;	
}

#emailh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:24px !important;
	padding:20px;
	clear:both;
}

form{
	clear:both;
	margin-left:0px;
	font-family: 'Arimo', sans-serif;	
}

#successp{
	clear:both;	
	margin-left:20px;
	font-family: 'Arimo', sans-serif;
	margin-bottom:100px;
}

form input[type=submit],
form input[type=reset]{
	float: right;
	background: black;
	border: none;
	color: white;
	padding: 8px 20px;
	cursor: pointer;
	margin-right:60px;
	margin-bottom:100px;
}

form input[type=reset]{
	float:none;
	background:red;	
}

form textarea,
form input[type=text],
form input[type=email],
form input[type=message]{
	width: 325px;
	border: solid 1px black;
	background:#D2D0D0;
	margin:10px;
}

form label{
	width: 60px;
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
	list-style: none;
}

form .radio label{
	width: 5px;
	margin-right: 0px;	
	padding-top: 1px;
}

form ol{
	list-style: none;
	padding: 10px;	
}

p.error{
	background: rgba(255,0,0,0.1);
	color: red;
	padding: 4px 8px;
	width: 325px;	
}	
}


@media (min-width:300px) and (max-width:399px){
#successh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:24px;
	padding:20px;	
}

#emailh2{
	float:left;
	margin-top:150px;
	color:#D4145A;
	font-family: 'Arimo', sans-serif;
	font-weight:200;	
	margin:25px;
	font-size:24px !important;
	padding:20px;
	clear:both;
}

form{
	clear:both;
	margin-left:0px;
	font-family: 'Arimo', sans-serif;	
}

#successp{
	clear:both;	
	margin-left:20px;
	font-family: 'Arimo', sans-serif;
	margin-bottom:100px;
}

form input[type=submit],
form input[type=reset]{
	float: right;
	background: black;
	border: none;
	color: white;
	padding: 8px 20px;
	cursor: pointer;
	margin-right:60px;
	margin-bottom:100px;
}

form input[type=reset]{
	float:none;
	background:red;	
}

form textarea,
form input[type=text],
form input[type=email],
form input[type=message]{
	width: 90%;
	border: solid 1px black;
	background:#D2D0D0;
	margin:10px;
}

form label{
	width: 50px;
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
	list-style: none;
}

form .radio label{
	width: 5px;
	margin-right: 0px;	
	padding-top: 1px;
}

form ol{
	list-style: none;
	padding: 10px;	
}

p.error{
	background: rgba(255,0,0,0.1);
	color: red;
	padding: 4px 8px;
	width: 90%;	
}	
}