/* Start of CMSMS style sheet 'layout' */
/*
* 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
================================================== */
#contact-info-panel h1 {	
	color: #35604F;
}

#main p, #main h4 {
	padding-left: 0px !important;
}

#main-home p { 
	padding: 15px 0 15px 15px;
	text-align:justify;
}
.hide, .show-portrait, .show-landscape { display:none !important; }
.border-left { border-left: 1px solid #d5d5d5; }
.center-portrait { text-align:left; }
#slider-home { 
	width:100%;
	height:500px;
}
div.description {
	width:65%;
	/*width:89%;*/
	height:500px;
	margin:0 auto;
	padding-top:0;
}
@media screen and (max-width: 960px) {
    div.description {
		width:89% !important;
	}
}
div.description h1 {
	font-size:39pt;
	padding:17% 3% 0 3% !important;
	line-height:1.0;
}
div.description h1,  div.description p {
	color:#FFF !important;
	text-align:left;
}
div.description p {
	font-size:14pt;
	padding:0 3% 0 3% !important;
	line-height:1.4;
}

div.testbox { 
	width:300px !important;
	padding:0 0 2% 4%;
	height:70px;
}
div.testimg, div.testname {  float:left; }
div.testimg { padding:2% 4% 0 0; }
div.testname { padding:0; }
div.testname p, div.testname h6 { text-align:left !important; }
div.testname p { 
	font-size:11pt !important;
	padding:0 3% !important;
	margin:0 !important; 
}
div.testname h6 { 
	padding:0 3% !important;
	line-height:1.2;
}
#footer-logo img { 
	/*margin-top:25px !important; */
	margin-top:0 !important; 
}
.acc-notes { margin: 5% auto; }
.acc-notes p { 
	font-size:13pt !important;
	text-align:center !important;
	line-height:1.8 !important;
	padding:1% 3% !important;
}
div.acc-price-range { 
	width:100%; 
	height:auto;
	padding: 0;
	margin:0 auto 2% auto;
}
div.price, div.price-icon, div.price-icon img { float:left; }
div.price-icon { width:59%; }
div.price { 
	width:41%; 
	clear:both;
}
div.price, div.price-icon {
	margin-top:1%;
	margin-bottom:2%;
}
div.price-icon img { height:36px; }
div.price p { 
	font-size:16pt !important;
	text-align:right !important;
	line-height:36px !important;
	margin:0 3% 0 0 !important;
	padding:0 !important;
	color:#666;
}
#powered-unpowered { padding-top:4%;}
img.price-cta { padding:2% 0 2% 0; }
div.full-width { width:100%; }
div.half-width { width:50%; }
div.half-width, div.footer-left, div.footer-right, div.home-left, div.home-right, div.iframe-form, div.iframe-booking-form { float:left; }
div.footer-left { width:60%; }
div.footer-right { 
	width:36%;
	margin-left:3%;
}
div.home-left { width:66%; }
div.home-right { 
	width:30%;
	margin-left:3%;
}
div.iframe-booking-form { margin-top:20px; }




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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
.header-buttons { text-align:center; }
/*#main p { line-height: 1.5; }*/
#main h1, #main h2, #main h3 { line-height: 1.0; }
#main h4, #main h5 { line-height: 1.4; }
#main p, #map p {
	font-size:13pt;
	padding:2% 3%;
}
h1 {
	font-size:26pt;
	padding:6% 3% 0 3%;
}
#main h2 {
	font-size:20pt;
	padding:6% 3%;
}
#main h4 {
	font-size:15pt;
	padding:3% 3%;
}
#main h6 {
	font-size:9pt;
	padding:3% 3%;
	line-height:1.2;
}
#main li {
	font-size:13pt;
	margin: 0 0 3% 0;
}
ul { margin: 3% 3% 3% 6%; }
ol { margin: 0 3% 3% 6%; }
#footer { height:auto; }
table {
	margin: 3% auto;
	font-size: 13pt;
	line-height: 1.3;
}
.border-left { border-left: none; }
table.comparison { margin-bottom:0; }
div.footer-left { width:66%; }
div.footer-right { 
	width:30%;
	margin-left:3%;
}
div.home-left { width:60%; }
div.home-right { 
	width:36%;
	margin-left:3%;
}
#footer h6 {
	font-size:12pt;
	padding:5% 3% 0 3%;
}
#footer p {
	font-size:10pt;
	padding:0 3% 3% 3%;
}


}

	/* 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) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 480px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 480px; }

#main-home h4 {
	margin-bottom:0;
}
div.cta-column { 
	width:100%; 
	clear:both;
	float:none;
}
a.cta { 
	background: url(images/backgrounds/bg-cta.png) right no-repeat #8CC63F;
	display: block; 
	border-radius:3px;
	width:80%;
	height:60px; 
	margin:3% auto;
	cursor:pointer;
}
a.cta p {
	font-size: 16pt !important;
	line-height:60px !important;
	text-align:left;
	margin: 0 5% !important;
	padding-top:0;
}	
a.cta-adjust p { padding-top:3% !important; }
div.testimg { padding:1% 4% 0 0 !important; }
div.acc-price-range { margin:2% auto 2% auto !important; }
div.half-width { 
	width:100%;
	float:none;
}
div.contact-info { width:100%; }
div.contact-info-half { 
	width:50%;
	float:left;
}
#powered-unpowered { 
	padding-top:0 !important;
	margin-bottom:-20px !important;
}
div.contact-info p, .center-portrait { text-align:center !important; }
div.iframe-form, div.iframe-booking-form { 
	float:none !important;
	margin: 0 auto !important;
}
.show-landscape { display:block !important; }
.hide-landscape { display:none !important; }
div.footer-left, div.home-left, div.home-right { width:100%; }
#footer h6 {
	font-size:13pt;
	text-align:center;
	padding:6% 3% 2% 3%;
}
#footer p {
	font-size:11pt;
	text-align:center;
	padding:0 3% 3% 3%;
}
div.description h1 { 
	font-size:28pt;
	padding:5% 3% 0 3% !important;
}
#slider-home, div.description { height:320px; }


}

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

#main-home h4, #main-home p { text-align:left !important; }
.hide-portrait { display:none; }
.show-portrait { display:block !important; }
a.cta p { padding-top:0; }
a.cta-adjust p { padding-top:5% !important; }
div.testimg { padding:1% 4% 0 0 !important; }
div.contact-info-half { 
	width:100% !important;
	float:none;
}
div.acc-price-range { margin:6% auto 5% auto !important; }
img.price-cta { padding:5% 0 0 0 !important; }
div.price-icon { width:65%; }
div.price { width:35%; }
.acc-notes p { line-height:1.9 !important; }
#powered-unpowered { 
	padding-top:0 !important;
	margin-bottom:-20px !important;
}
div.contact-info p, .center-portrait { text-align:center !important; }
div.iframe-form, div.iframe-booking-form { 
	float:none !important;
	margin: 0 auto !important;
}
div.half-width { 
	width:100%;
	float:none;
}
div.footer-left, div.home-left, div.home-right { width:100%; }
#footer h6 {
	font-size:13pt;
	text-align:center;
	padding:6% 3% 2% 3%;
}
#footer p {
	font-size:11pt;
	text-align:center;
	padding:0 3% 3% 3%;
}
div.iframe-booking-form { margin-top:-20px; }
div.description h1 { 
	font-size:28pt;
	padding:11% 3% 0 3% !important;
}
#slider-home, div.description { height:450px; }

}


/* #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; }
*/
/* End of 'layout' */

