/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */


h1, h2, h3, h4, h5, h6, a, p, select {
		color:#fff;
		font-family:Weblysleekuil;
		font-weight: normal; 
		text-decoration:none;}

h2 { font-size:58px;}		

a {color:#fff; !important}


form {
	   font-family: Weblysleekuil;
		 }	

select {
	color:#000;
	height:30px;
}
.welcometext{background:rgba(0,0,0,0.8); padding:1% 0 1%; margin-bottom:1%;}

#menu {position:fixed; z-index:1; padding-top:50px;}

#mainmenu { max-width:500px;
			height:35px;
			background:rgba(254,208,62,.9);
			margin-right:15px;
			}	
#mainmenu ul {padding-top:8px; }
#mainmenu li{ display:inline; margin:0 18px 0 18px;}
#mainmenu li a { font-size:20px; color:#94771c;}	
#mainmenu li a:hover {color:#fff;}		

#tinymenu { width:100%;
			min-height:35px;
			background:rgba(254,208,62,.9);
			}	
#tinymenu ul {padding:10px 0 10px;background:#d7ad28; }
#tinymenu li{ display:list-item; margin:15px 18px 15px;}
#tinymenu li a { font-size:20px; color:#fff;}	
#tinymenu li a:hover {color:#000;}

		
.title { 	text-align:right; 
			margin-right:3%;}
.subtitle { 	text-align:right; 
			margin-right:3%;
			margin-top:-1%;}
.logo { margin-left:15px;}
#footer { margin-top:30px; padding-bottom:30%;}
.welcome{margin-top:55%; position:absolute;}
.sectionp {padding-top:4%;}
.section {padding-top:10%;}

#bgsectionone {background: url(../images/leftbg.png) top left repeat-y, url(../images/rightbg.png) top right repeat-y, url(../images/bgsectionone.jpg) top center no-repeat #35507d; background-attachment:fixed;}

#socialbox img {max-width:200px;}

.underline {display:inline; text-transform:uppercase; text-decoration:underline; vertical-align:top; margin-right:2%;}





.sociallinks{ margin-top:15px;}

.qrcode{ margin-top:10px;}

.getsmall {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

.more{
	background:rgba(0,0,0,0.2); height:20px; width:100%; margin-top:1%;
	}
.getsmall:hover{
-webkit-transform: rotate(0deg) scale(1.1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.1) skew(1deg) translate(0px);
}

.form {
			background:#560c08;
			
			/*Rounded Corners*/
		 	-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-khtml-border-radius: 10px;
			border-radius: 10px;
			
			/*CSS Shadow*/
			-moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.3);
  			-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3); 
 			box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.3); 
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 8 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');/* For IE 5.5 - 7 */
			}
			
.mobile{display:none;}	

.desk{display:block;}		

.tinynav { display: none }

#nav .selected a { color: #b08b2b; }

.contactimg{ margin-top:10px;}   

.menubutton {
	 padding:5px 15px 5px;
	 margin:-190px 15px 0px 75%;
	 position:absolute; 
	 background:#ffcc2a;
	 float:right;
	 letter-spacing: 0.3em;
	 
	 }
	 
.menubutton a { 

	color:#b08b2b;
	}
	

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		 .info { font-size:14px;}
		 .menubutton {
	 padding:5px 15px 5px;
	 margin:-150px 15px 0px 75%;
	 position:absolute; 
	 background:#ffcc2a;
	 float:right;
	 letter-spacing: 0.3em;
	 
	 }
	
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
			.welcometext{background:rgba(0,0,0,0.8); padding:1% 0 1%; bottom:0px; position:relative;}

		  .tinynav { display: block }
		  #nav, #nav2 { display: none }
		  #menu {position:static;}
		  .mobile{display:block;}
		  .desk{display:none;}
		  .info {text-align:center;}
		  .menubutton {
	 padding:0;
	 margin:5% 0 2%;
	 position:relative;
	 text-align:center;
	 float:none;
	 
	 }
	 
	 #mainmenu{margin:0;}
		  .logo{ margin:0;}
		  
		}
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		  
		 
		  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
@font-face { font-family: Weblysleekuil; src: url('../fonts/weblysleekuil.ttf'); }