/* 
Name: Jquery Full Content
Authors: Zeh Fernandes
Date: 2012-05-04
*/

/* TYPOGRAPHY */
/* ----------------------------------------- */

@font-face {
		font-family: 'FuturaLT-Condensed';
		src: url(../fonts/Futura-CondensedLight.otf);
		
		font-weight: normal;
		font-style: normal;
}
		
@font-face {
		font-family: 'GillSansLight';
		src: url(../fonts/gillsans_light.ttf);
		
		font-weight: normal;
		font-style: normal;
}

@font-face {
	font-family: 'Tweet';
	src:url(../fonts/PICOWA__.TTF);
	font-weight: normal;
	font-style:normal;
}



/* ALL */
/* ----------------------------------------- */


.Tweet{
	font-family: 'Tweet';

}

.UDSLogo{
	margin-right:-95px; vertical-align:middle; margin-bottom:42px;}

.marketing{
list-style: none; margin-top: 4%; overflow: hidden;
}

.marketing li {
	float: left;
	width: 33%;
/*	height: 550px;*/
	font-size: 18px;
}

.marketing li:last-child { margin-right: 0; }

.marketing div{
	width: 95%;
}

.marketing2 {
margin-left: 5%;
margin-top: 8px;
margin-bottom: 8px;
 }

.WorksGallery{
list-style: none; margin-top: 4%; overflow: hidden;
}

.WorksGallery li {
	float: left;
	width: 25%;

	font-size: 18px;

}

.WorksGallery li:last-child { margin-right: 0; }

.WorksGallery div{
width: 250px;
}

.About{
list-style: none; margin-top: 4%; overflow: hidden;
}

.About li {
	float: left;
	width: 40%;
	font-size: 18px;
	padding: 10px 10px 10px 10px;

}

.us{
	margin-top: -7px;
}


.About li:last-child { margin-right: 20px; float:right; }

.ContactHours{
	float:left;
	 width:40%;
	  margin-top:5%;
	   padding-left:10%;
	   
}


.frontpage{
	margin-top: -25px;
	padding-left: 75px;
}

h4{
	font-size: 25px;
	margin-bottom: 8px;
	margin-top: 8px;
	color: rgba(153,204,255,1);

	}

a:link {
	color:rgba(153,204,255,1)	
	}
	a:visited {

	color:rgba(153,204,255,.8)
}

body {
	 /*background: url(../images/escheresque_ste.png); */
	 background: url(../img/light_honeycomb.png);
     /*background: url(../images/darth_stripe.png);*/ o

verflow-x: hidden; overflow-y: hidden; color: #fff; font-family: 'GillSansLight', HeveticaNeue-Light, sans-serif; }


.scrollv { overflow-y: auto !important; }

.wrap { width: 80%; margin: 0 auto; }

h1, h2 { font-weight: normal; text-transform: uppercase; text-align: center; }

h1 { font-family: 'FuturaLT-Condensed', 'Oswald', 'sans-serif'; font-size: 105px; letter-spacing: 0px; padding-top: 30px; line-height:150px; }
h2 { font-family: 'GillSansLight', 'Oswald', 'sans-serif'; font-size: 48px; letter-spacing: -2px;   }
h3 { font-family: 'GillSansLight', 'Oswald', 'sans-serif'; font-size: 40px; font-weight: normal; padding-top: 15px;  }
h5 {
	font-family: 'GillSansLight', 'Oswald', 'sans-serif';
	font-size: 30px;
	font-weight: normal;
	text-align: left;

}

h3 a, h2 a  { color: #775995; text-decoration: none; }
h3 a:hover, h2 a:hover { text-decoration: underline; }

.options { list-style: none; margin-top: 6%; overflow: hidden; }

.options li {
	float: left;
	width: 25%;
	height: 250px;
}
.options li:last-child { margin-right: 0; }

.optionsSpon {
	list-style: none;
	margin-top: 2%;
	overflow: hidden;
}

.optionsSpon li {
	float: left;
	width: 25%;
	
}
.optionsSpon li:last-child { margin-right: 0; }

.optionsLearn {
	list-style: none;
	margin-top: 2%;
	overflow: hidden;
	width: 60%;
}

.optionsLearn li {
	float: left;
	width: 50%;
	
}
.optionsLearn li:last-child { margin-right: 0; }


.options a {
	display: block;
	width: 225px;
	height: 150px;
	border-radius: 50%;
	border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	padding-top: 78px;
	font-family: 'GillSansLight';
	margin: 0 auto;
}
	.options a big {
	display: block;
	font-size: 45px;
}
	.options a:hover { 
	/*background: rgba(7,157,135,0.75);*/
	background: rgba(255,248,125,0.75);
	/*background: rgba(204,219,41,0.75);*/
	 color:rgba(0,0,0,1); }

code { 
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
padding: 20px;
background: rgba(255, 255, 255, 0.3);
clear: both;
position: relative;
display: block;
margin: 10px 0;
border-radius: 10px;
}

p { font-size: 20px; color: #fff; padding-top: 15px; }

li {font-size: 20px;}

/* SPECIFICS */
/* ----------------------------------------- */
.big li { width: 33%; height: auto; }
.big li a { width: 220px; height: 160px; padding-top:60px; margin: 0 18%;  }
.big li:first-child a { float: right; }

.small li { width: 100%; height: auto; }
.small li a  { width: 180px; height: 115px; padding-top: 65px; font-size: 20px; }
.small a big { font-size: 35px }

.documentation h2 { padding: 40px 0 20px 0; } 
.download h2:first-child, .documentation h2:first-child, .what h2:first-child { padding-top: 8%; }

.list { font-size: 25px; list-style: disc; margin: 3% 10%}
.list li { margin: 10px 0; }

.documentation .wrap { overflow: hidden; padding-bottom: 50px; }

.copyright{
	font-size:12px;
	text-align:center;
	margin-top: 15px;
}

.flyer{
	float:left;
	width: 150;
	margin-top:10px;
	margin-left:5px;
	margin-right: 25px;
	margin-bottom: 15px;
	}
	
.LearnTable{
	width: 70%;
}

/*.home{
	background-image:url(../images/Logo-2.png);
	background-repeat:no-repeat;
	background-position:top left;
	
}*/

/* MEDIA QUERIES */
/* ----------------------------------------- */

@media screen and (max-width: 1000px) {
 
h1 { font-size: 75px; line-height:80px; }
h2 { font-size: 40px; letter-spacing: normal; }

.home, .what { overflow-y: scroll; }

.options li {
	float: none;
	display: inline-block;
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}

.optionsLearn {
	list-style: none;
	margin-top: 2%;
	overflow: hidden;
	width: 100%;
}

.optionsLearn li {
	float: left;
	width: 100%;
	
}

.marketing li { 
	float: none;
	display: inline-block;
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}

.WorksGallery li {
	float: none;
	display: inline-block;
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}

.About li {
	float: none;
	display: inline-block;
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}

.About li:last-child { margin-right: 0px; float: none; }

.big li a { 
	float:none !important;
	margin: 0 auto; 
}

.ContactHours{

	 width:80%;
	  margin-top:5%;
	   padding-left:10%;
}

.frontpage{
	margin-top: -15px;
	padding-left: 10px;
	
}

.us{
	margin-top: 0px;
}


.UDSLogo{
	margin-right:-95px; vertical-align:middle; margin-bottom:42px;}
	
.flyer{
	float: none;
	width: 100%;

	}
	
.LearnTable{
	width: 100%;
}	

.optionsSpon li {
	float: left;
	width: 25%;
	
}
	
/*.home{
	background-image:url(../images/Logo-3.png);
	background-repeat:no-repeat;
	background-position:top left;
	
}*/