/* You'll need prefixes. @-ms-viewport, @-o-viewport, etc... */
@viewport {
    width: device-width;
}


/*
* 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
================================================== */
h1, h2, h3, h4, h5, h6 {
}

a, a:active, a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a:hover {
	color: #1781bf;
	text-decoration:underline;
}

p {
	font-family:"Georgia", "Times New Roman", Times, serif;
	font-size:12px;
	color: #FFF;
	line-height:1.4em;
	margin-bottom:20px;
	font-weight: normal;
}


h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	line-height: 15px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	margin-bottom: 7px;
	margin-top: 2px;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height: 22px;
}

h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	color:#1781bf;
	line-height: 20px;
	margin-bottom: 20px;
	margin-top: -10px;
}

.wrapperimage {
	width:100%;
	float:left;
	position:relative;
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #F5F5F5;
	height: 430px;
}

.wrappermain {
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
	color: #F5F5F5;
	height: 200px;
}

.wrappernav {
	width:100%;
	float:left;
	position:relative;
	color: #F5F5F5;
	height: auto;
	margin-top: 20px;
	margin-bottom: 0px;
}

.wrapperfooter {
	width:100%;
	float:left;
	position:relative;
	color: #F5F5F5;
	height: 150px;
	margin-top: 20px;
}

.header {
	width:100%;
	height:auto;
	padding-top: 0px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}





.picquote {
	height:400px;
	background-color: #CCC;
}

#logo {
	width:100%;
	height:113px;
	float:left;
	position:relative;
	margin-top: 68px;
}

#contact {
	width:350px;
	height:auto;
	float:right;
	position:relative;
	margin-top: 40px;
	padding-right: 10px;
}

#picture {
	width:auto;
	height:auto;
	position:relative;
}

#contact2 {
	width:350px;
	height:auto;
	float:right;
	position:relative;
	margin-top: 5px;
	padding-right: 10px;
}

#news {
	width:auto;
	height:auto;
	background-color:#036;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#magazine {
	padding-left:10px;
	padding-right:10px;
	height:auto;
}


#footer {
	width:auto;
	height:auto;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #999;
	padding-top: 0px;
}






	

/* #classes
================================================== */
.blue {
	color: #1781bf;
}
.right {
	float:right;
}

.underline {
	text-decoration:underline;
}

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

/* #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) {
			
			
			#contact {
			display:none;
				}

			#contact2 {
			display:none;
				}	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		}

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

			#contact {
			display:none;
				}

			#contact2 {
			display:none;
				}
				
			#picture {
			display:none;
				}
				
			.wrappermain {
			display:none;
					}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
			.wrapperimage {
			display:none;
					}
		
			#contact {
				display:none;
					}

			#contact2 {
			display:none;
				}
				
				
				#logo {

	margin-top:30px;
	margin-bottom:-30px;
}
				
				#picture {
			display:none;
				}
				.wrappermain {
			display:none;
					}
		
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/