/*
* 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
================================================== */
body
{
	background:#293c4d;
	/* background: #ffffff; Old browsers */
	 /*background: -moz-linear-gradient(left, #ffffff 26%, #e8ecea 85%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right top, color-stop(26%,#ffffff), color-stop(85%,#e8ecea)); Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(left, #ffffff 26%,#e8ecea 85%);  Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(left, #ffffff 26%,#e8ecea 85%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(left, #ffffff 26%,#e8ecea 85%); /* IE10+ */
	/*background: linear-gradient(to right, #ffffff 26%,#e8ecea 85%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8ecea',GradientType=1 ); /* IE6-9 */
}
#header
{
	background:#fff;
}
.logo
{
	margin-left:5%;
}
A
{
	text-decoration:none;
}
#full-width-slider H3
{
	color:#fff;

	/*text-align:center;*/
}
.slider
{
	/*border-top:1px #CCC solid;*/

}
#full-width-slider
{
	width:100%;
}
.royalSlider
{
	min-height:300px;
}
.infoBlock
{
	text-align:right;
	right:10%;
	color:#fff;
	top:50px;

}
.landingtop .row
{
	margin-bottom:0;
}
.sliderblock
{
	width:350px;
	text-align:right;
	float:right;
	background:url('../images/slidertextbackground.png') left top repeat;
	padding:10px;
}
.infoBlock P
{
	/*text-transform:uppercase;*/
	font-size:15px;
	line-height:25px;
	/*font-family: 'PT Sans';*/
	  font-family: 'Petrona';

}

.infoBlock .sliderblock A
{
	/*background:#0F2D32;*/
	background:#293c4d;
	padding:5px 10px 5px 10px;
	cursor: pointer;
	color:#fff;
	font-size:14px;
	/*font-weight:bold;*/
}
.infoBlock .sliderblock A.ob
{
	background:#ed9847;	
	font-size:20px;
}
.infoBlock .sliderblock A:hover
{
	background-color:#84d3e1;
	transition:all 0.3s ease;
	-moz-transition:  all 0.3s ease;
	-webkit-transition:  all 0.3s ease;
	-o-transition:  pall 0.3s ease;
}
.featimage
{
	left:10%;
	top:50px;
}
.featimage2
{
	left:15%;
	top:60px;
}
.copyright
{
	text-align:center;
	margin-bottom:0;
	margin:0 auto;
	width:100&;
}

.fb_text
{
	display:none;
	/*max-width:460px;*/
	max-width:700px;
}
.fb_text h4
{
	text-align:center;
	font-size:30px;

}
.fb_text P
{
	padding:30px;
	padding-top:0;
	padding-bottom:10px;
	font-size:18px;
	line-height:30px;
	color:#333333;
}
.fb_text HR
{
	height:1px;
	background-color:#d1d1d1;
	color:#d1d1d1;
	border:0;
	vertical-align:middle;
	margin-top:15px;
}
P.clicktoclose
{
	font-size:10px;
	margin:0;
	margin-bottom:4px;
	text-align:center;
	padding:0;
	line-height:13px;
}
#topdeal
{
	text-align:center;
	position:absolute;
	z-index:1000;
	width:100%;
	background:url('../images/topadbg.png') top left repeat;
}
#topdeal IMG
{
	max-width:600px;
}
#topdeal H3
{
	text-align:center;
	color:#FFFFFF;
	
}
.landingbottom
{
	/*background:#d9d9d9;*/
	padding:20px 0 20px 0;
	padding-bottom:150px;
	background:url('../images/bg-canvas.jpg') top left repeat;
}
.landingbottom .row, .landingbottom UL, .landingbottom LI, .landingbottom h2
{
	margin-bottom:0;
}
.landingbottom
{
	font-size:16px;

	line-height:25px;
}
.landingbottom P
{
	color:#293c4d;
}
.landingbottom h4
{
	/*font-family: 'PT Sans';*/
	font-family: 'GB';
	text-transform:uppercase;
	color:#293c4d;
	margin-bottom:10px;
}
/*#featurelist
{
	text-align:center;
}*/
.bullet
{
	margin-top:10px;
}
#featurelist IMG
{
	width:50px;	
}
#featurelist H2
{
	text-transform:uppercase;
	font-size:25px;
	letter-spacing:1px;
}
#featurelist LI
{

	display:inline-block;
}
#contactform
{
	/*background: url('../images/zoombg2.png') top left repeat;
	background-color: rgba(118, 118, 118, 0.2);*/
}
#footer 
{
	/*background:#9d9d9d;*/
	bottom:0;
	padding:10px 0 10px 0;
	color:#ececec;
	z-index:1000;
	text-align:center;
	width:100%;
	background:#18344d;
}
#pageFooterOuter
{
	width:100%;
}
#footer H4
{
	color:#fff;
	/*font-family: 'PT Sans';*/
	
}
#footer .row
{
	margin-bottom:0;
}
#joinbutton
{
	display:block;
	color:#fff;
	text-decoration:none;
	background:#35638c;
	padding:15px;
	margin:0 auto;
	font-size:24px;
	max-width:300px;
	font-family:'GB';
	text-transform:uppercase;
}
/* #Mobile Tiles
================================================== */
#mobiletile
{
	display:none;
	border:none;
	background:#ededed;
	border-bottom:1px solid #dddddd;
	/*background:url(../images/tilebg.jpg) no-repeat top right;*/
}
#tilewrap
{
	width:640px;
	/*text-align:center;*/
	margin:0 auto;
	display:block;
	height:550px;
	
}
.tile
{
	float:left;
	/*display:inline-block;*/
	margin:5px;
	width:200px;
	height:240px;
	background:#fff;
	border:1px solid #dddddd;
}
.tile.doubletile
{
	width:310px;
	height:150px;
}
.tile:hover
{
}
.tiletext
{
	display:block;
	text-align:center;
	margin-top:10px;
}
.tiletext P
{
	margin-bottom:0;
	margin-left:5px;
	margin-top:5px;
}
.tiletext P SPAN
{
	font-size:22px;
	text-transform:uppercase;
}
.tiletext A
{
	color:#494949;
	font-size:17px;
	text-decoration:none;
  	font-family: 'PT Sans';
	text-transform:uppercase;

}
a.tileimages
{
	height:196px;
	margin:0;
	display:block;
	text-decoration:none;
}
a.tileimages IMG
{
	float:left;
	margin:0;
}
.highlight
{
	color:#f07d18;
}
.success
{
	text-align:center;
	font-size:35px;
	line-height:40px;
}
/* #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) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
			#mobiletile
			{
				display:block;
			}
			#full-width-slider{
				display:none;
			}
			
			}
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
			#mobiletile
			{
				display:block;
			}
		
			#full-width-slider{
				display:none;
			}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.logo
		{
			margin-left:0;
			margin:0 auto;
		}
		#tilewrap
			{
			width:325px;
			height:670px;
			}
	
	
		input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea, .buttonwrap,	
	.selectbox {
		width:250px !important;
		margin:0 auto!important;
		margin-bottom:20px !important;
	
	}
	
			#mobiletile
			{
				display:block;
			}
		
	#full-width-slider{
		display:none;
	}
		.tile
		{
			width:150px;
			height:210px;
			background:#fff;
			border:1px solid #dddddd;
		}
		a.tileimages
{
	height:147px;
	margin:0;
	display:block;
	text-decoration:none;
}
		a.tileimages IMG
		{
		float:left;
		margin:0;
		width:150px;
		}
		}


/* #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; }
*/