@charset "utf-8";

body
{
	min-width:				320px;
	max-width:				640px;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#FFF;
	margin-top: 			0px;
	margin-bottom: 			0px;
	color: 					#000;
	font-family: 			'Quicksand', Arial;	
	font-size: 				16px;
	line-height: 			22px;
	font-weight: 			normal;
	text-decoration: 		none; 
	background: 				URL(../images/mobile_background.jpg) no-repeat center center fixed; 
	-webkit-background-size:	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;
	min-height: 				100%;
}

.page_container
{
	min-width:				320px;
	max-width:				640px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				0px;
	margin-bottom:			0px;
}

.container
{
	width:					100%;
	margin-left:			0px;
	margin-right:			0px;
	margin-top:				0px;
	margin-bottom:			0px;
}

.top_bar
{
	width:					100%;
	height:					230px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	border-bottom:			1px solid #FFF;
	background-image:		URL(../images/top_bar.png);
	background-repeat:		repeat;
	float:					left;
}

.logo
{
	width:					275px;
	height:					111px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			auto;
	margin-right:			auto;
	background-image:		URL(../images/logo_mobile.png);
	background-repeat:		no-repeat;
}

.logo a
{
	width:					275px;
	height: 				111px;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
}

.top_contact
{
	width:					100%;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			auto;
	margin-right:			auto;
	color:					#003;
	font-family: 			'Quicksand', Arial;	
	letter-spacing: 		-0.6px;	
	font-size: 				120%;
	line-height: 			24px;
	font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				center;
	text-transform:			uppercase;
}

A.top_link, A.top_link:Link, A.top_link:visited
{
    color: 					#003;
    font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
	line-height: 			22px;
    font-weight: 			bold;
    text-decoration: 		none;
	text-transform:			uppercase;
}
	
A.top_link:Hover
{
	color: 					#003;
    font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
	line-height: 			22px;
    font-weight: 			bold;
    text-decoration: 		none;
	text-transform:			uppercase;
}

.social_logos
{
	width:					150px;
	height:					30px;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			auto;
	margin-right:			auto;
}

.social_logos ul
{
	list-style-type: 		none;
	padding:				0px;
	margin:					0px;
	text-align:				center;
} 

.social_logos li
{
	display: 				inline;
}

.facebook
{
	width:					30px;
	height:					30px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			10px;
	margin-right:			0px;
	background-image:		URL(../images/facebook_tablet.png);
	background-repeat:		no-repeat;
	float:					left;
}

.facebook a
{
	width:					30px;
	height:					30px;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
}

.youtube
{
	width:					30px;
	height:					30px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			10px;
	margin-right:			0px;
	background-image:		URL(../images/youtube_tablet.png);
	background-repeat:		no-repeat;
	float:					left;
}

.youtube a
{
	width:					30px;
	height:					30px;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
}

.twitter
{
	width:					30px;
	height:					30px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			10px;
	margin-right:			0px;
	background-image:		URL(../images/twitter_tablet.png);
	background-repeat:		no-repeat;
	float:					left;
}

.twitter a
{
	width:					30px;
	height:					30px;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
}

.pintrest
{
	width:					30px;
	height:					30px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	background-image:		URL(../images/pintrest_tablet.png);
	background-repeat:		no-repeat;
	float:					left;
}

.pintrest a
{
	width:					30px;
	height:					30px;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
}

.nav_bar
{
	width:					95%;
	margin-top:				10px;
	margin-bottom:			40px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	border:					0px solid #FFF;
	border-radius:			10px;
	background: 			linear-gradient(#000, #333);
	background: 			-moz-linear-gradient(#000, #333);
	background: 			-webkit-linear-gradient(#000, #333);
 	background: 			-o-linear-gradient(#000, #333);
	-webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
	 box-shadow: 			0 35px 25px -20px #000;
	 text-align:			center;
	float:					left;
	overflow:				hidden;
}

.clearfix:before,
.clearfix:after
{
    content:                " ";
    display:                table;
}

.clearfix:after 
{
    clear:                  both;
}

.clearfix
{
    *zoom:                  1;
}

nav 
{
	height:                 40px;
	width:                  100%;
	background: 			linear-gradient(#000, #333);
	background: 			-moz-linear-gradient(#000, #333);
	background: 			-webkit-linear-gradient(#000, #333);
 	background: 			-o-linear-gradient(#000, #333);
    -webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
	 box-shadow: 			0 35px 25px -20px #000;
	font-size:              100%;
	font-family:            'Quicksand', Arial, sans-serif;
	font-weight:            bold;
	position:               relative;
	border-bottom:          0px solid #FFF;
}

nav ul
{
	padding:                0;
	margin:                 0 auto;
	width:                  600px;
	height:                 40px;
}

nav li 
{
	display:                inline;
	float:                  left;
}

nav a 
{
	color:                  #fff;
	display:                inline-block;
	width:                  100px;
	text-align:             center;
	text-decoration:        none;
	line-height:            40px;
    text-transform:         uppercase;
}

nav li a
{
	box-sizing:             border-box;
	-moz-box-sizing:        border-box;
	-webkit-box-sizing:     border-box;
}

nav li:last-child a 
{
	border-right:           0;
}

nav a:hover, nav a:active
{
    color:                  #C93;
}

nav a#pull
{
	display:                none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 1000px) {
nav
{ 
  	height:                 auto;
}
    
 nav ul 
 {
  	width:                  100%;
  	display:                block;
  	height:                 auto;
}
    
nav li
{
    width:                  50%;
  	float:                  left;
  	position:               relative;
}
    
nav li a 
{
	border-bottom:          1px solid #666;
	border-right:           1px solid #666;
}
    
nav a 
{
	 text-align:            left;
	 width:                 100%;
	 text-indent:           25px;
}
}

@media only screen and (max-width : 640px) {
nav 
{
	border-bottom:          0;
}

nav ul
{
	display:                none;
	height:                 auto;
}

nav a#pull
{
	display:                block;
	width:                  100%;
	position:               relative;
}

nav a#pull:after
{
	content:"";
	background:             url(../images/nav-icon.png) no-repeat;
	width:                  30px;
	height:                 30px;
	display:                inline-block;
	position:               absolute;
	right:                  15px;
	top:                    10px;
}
}

.mailing_list_hold
{
    width:					95%;
	height:					200px;
	margin-top:				0px;
	margin-bottom:			40px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	padding:				0px;
	border:					0px solid #FFF;
	border-radius:			10px;
	background: 			linear-gradient(#000, #333);
	background: 			-moz-linear-gradient(#000, #333);
	background: 			-webkit-linear-gradient(#000, #333);
 	background: 			-o-linear-gradient(#000, #333);
	-webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
	 box-shadow: 			0 35px 25px -20px #000;
	color:					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
	font-weight: 			normal;
	text-decoration: 		none; 
	text-align:				center;
	overflow:				hidden;
}

.mailing_list_text
{
    width:                  96%;
    height:                 50px;
    margin-top:         5px;
    margin-bottom:      5px;
    margin-left:        2%;
    margin-right:       2%;
    color:					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
    line-height:        50px;
	font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				center;
	overflow:				hidden;

}
    
.mailing_list_box
{
    width:                  96%;
    height:                 50px;
    margin-top:         5px;
    margin-bottom:      5px;
    margin-left:        2%;
    margin-right:       2%;
	overflow:				hidden;

}
    
.mailing_list_button
{
    width:                  96%;
    height:                 50px;
    margin-top:         5px;
    margin-bottom:      5px;
    margin-left:        2%;
    margin-right:       2%;
	overflow:				hidden;

}
    
.mailing_list_input
{
	width:					90%;
	height:					44px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			5%;
	margin-right:			5%;
	border: 				Solid 2px #C93;
    border-radius:      10px;
	background-color: 		#EEEEEE;
	color: 					#000;
	font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
	line-height:			44px;
    font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				center;
	overflow:				hidden;
}

.mailing_list_submit
{
	width:					90%;
	height:					40px;
	margin-top:				5px;
	margin-bottom:			5px;
	margin-left:				5%;
	margin-right:			5%;
	border: 				Solid 2px #EEEEEE;
    border-radius:      10px;
	background-color: 		#C93;
	color: 					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
	line-height:			36px;
    font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				center;
	overflow:				hidden;
}

.welcome_box
{
	display:                table-cell;
    vertical-align:         middle;
    width:					95%;
	height:					75px;
	margin-top:				0px;
	margin-bottom:			40px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	padding:				0px;
	border:					0px solid #FFF;
	border-radius:			10px;
	background: 			linear-gradient(#000, #333);
	background: 			-moz-linear-gradient(#000, #333);
	background: 			-webkit-linear-gradient(#000, #333);
 	background: 			-o-linear-gradient(#000, #333);
	-webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
	 box-shadow: 			0 35px 25px -20px #000;
	color:					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				75%;
	font-weight: 			normal;
	text-decoration: 		none; 
	text-align:				center;
	float:					left;
	overflow:				hidden;
}

A.welcome_link, A.welcome_link:Link, A.welcome_link:visited
{
	color: 					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				75%;
	font-weight: 			bold;
	text-decoration: 		none;
}
	
A.welcome_link:Hover
{
	color: 					#C93;
    font-family: 			'Quicksand', Arial;	
	font-size: 				75%;
    font-weight: 			bold;
    text-decoration: 		none;
}

.rslides
{
  	position: 				relative;
  	list-style: 			none;
  	overflow:				hidden;
  	width: 					95%;
  	padding: 				0;
  	margin-top: 			0px;
  	margin-bottom:			40px;
  	margin-left:			2.5%;
  	margin-right:			2.5%;
	-webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
 	box-shadow: 			0 35px 25px -20px #000;
}

.rslides li
{
  	-webkit-backface-visibility:	hidden;
  	position: 				absolute;
  	display: 				none;
  	width: 					100%;
  	left: 					0;
  	top: 					0;
}

.rslides li:first-child
{
  	position: 				relative;
  	display: 				block;
  	float: 					left;
}

.rslides img
{
  	display: 				block;
  	height: 				auto;
  	float: 					left;
  	width: 					100%;
  	border: 				0;
}

.mobile_menu
{
	width:					50px;
	height:					50px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	background-image:		URL(../images/mobile_menu.png);
	background-repeat:		no-repeat;
	float:					left;
	overflow:				hidden;
}

#nav1
{
	width:					95%;
	height:					50px;
	margin-top:				0px;
	margin-bottom:			50px;
	margin-left:			0px;
	margin-right:			0px;
	background-color:		#000;
}

#nav1 > a
{
	width:					98%;
	height:					50px;
    display: 				none;
	margin-left:			2%;
	color:					#FFF;
	font-family: 			'Quicksand', Arial;	
	letter-spacing: 		-0.6px;	
	font-size: 				150%;
	font-weight: 			bold;
	line-height:			50px;
	text-decoration: 		none; 
	text-align:				left;
	text-transform:			uppercase;
}

#nav1 li
{
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	display:				block;
	position: 				relative;
	height: 				30px;
}
 
#nav1 li a
{
	width:					100%;
	height: 				30px;
	display:				block;
	margin-top:				0px;
	margin-bottom:			5px;
	margin-left:			-25px;
	margin-right:			0px;
	background-color:		#666;
	border-bottom:			1px solid #FFF;
	color:					#FFF;
	font-family: 			'Quicksand', Arial;	
	letter-spacing: 		-0.6px;	
	font-size: 				100%;
	font-weight: 			bold;
	line-height:			30px;
	text-decoration: 		none; 
	text-align:				left;
	text-transform:			uppercase;
}

#nav1 li a:last-child
{
	border-bottom: 			1px solid #FFF;
}
 
#nav1 ul
{
	width:					60%;
	height: 				30px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	border-top:				1px solid #FFF;
	border-bottom:			1px solid #FFF;
	border-left:			0px solid #FFF;
	border-right:			1px solid #FFF;
	background-color:		#666;
	box-shadow: 			7px 7px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 		7px 7px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 	7px 7px 10px 0px rgba(0,0,0,0.5);
}

#nav1 > ul > li
{
	width: 					100%;
	height: 				100%;
}
 
@media only screen and ( max-width: 640px )
{
#nav1
{
	position: 				absolute;
}

#nav1 > a
{
}

#nav1:not( :target ) > a:first-of-type,

#nav1:target > a:last-of-type
{
	width:					100%;
	display: 				block;
	height:					auto;
	border-bottom:			0px solid #FFF;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			20px;
	margin-right:			0px;

}
 
#nav1 > ul
{
	height: 				auto;
	display: 				none;
	position: 				relative;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;

}

#nav1:target > ul
{
	display: 				block;
}

#nav1 > ul > li
{
	width: 					100%;
	float: 					none;
}
 }
 
.page_header
{
	width:					100%;
	height:					50px;
	margin-top:				51px;
	margin-bottom:			5px;
	margin-left:			0px;
	margin-right:			0px;
	background-color:		#C93;
}

.main_content
{
	width:					95%;
	margin-top:				0px;
	margin-bottom:			20px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	background-color:		#FFF;
	-webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
	 box-shadow: 			0 35px 25px -20px #000;
	float:					left;
	overflow:				hidden;
}

.page_title
{
	color:					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				150%;
	line-height: 			50px;
	font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				center;
	text-transform:			uppercase;
	text-shadow: 			0px 0px 2px #000;
}

.main_text
{
	width:					95%;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	color: 					#000;
	font-family: 			'Quicksand', Arial;	
	letter-spacing: 		-0.6px;	
	font-size: 				130%;
	line-height: 			28px;
	font-weight: 			normal;
	text-decoration: 		none; 
	text-align:				justify;
	float:					left;
	overflow:				hidden;
}

.pic_bar
{
	width:					102px;
	margin-left:			25px;
	margin-right:			10px;
	float:					right;
	overflow:				hidden;
}

.page_pic
{
	width:					100px;
	margin-bottom:			10px;
	border:					1px solid #FFF;
}

.videoWrapper
{
    position: 				relative;
  	list-style: 			none;
  	overflow:				hidden;
  	width: 					95%;
	padding-bottom: 		56.25%; /* 16:9 */
	padding-top: 			0px;
  	margin-top: 			0px;
  	margin-bottom:			40px;
  	margin-left:			2.5%;
  	margin-right:			2.5%;
	-webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
 	box-shadow: 			0 35px 25px -20px #000;
}

.headerWrapper
{
    position: 				relative;
  	list-style: 			none;
  	overflow:				hidden;
  	width: 					100%;
	padding-bottom: 		55%; /* 16:9 */
	padding-top: 			0px;
  	margin-top: 			0px;
  	margin-bottom:			40px;
  	margin-left:			0%;
  	margin-right:			0%;
	-webkit-box-shadow: 	0 35px 25px -20px #000;
	-moz-box-shadow: 		0 35px 25px -20px #000;
 	box-shadow: 			0 35px 25px -20px #000;
}

.videoWrapper iframe
{
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				100%;
}

.page_header_pic
{
	max-width:				95%;
	width:					auto;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	border:					1px solid #000;
	-webkit-box-shadow: 	0 30px 20px -15px #666;
	-moz-box-shadow: 		0 30px 20px -15px #666;
	 box-shadow: 			0 30px 20px -15px #666;
}

.page_header_pic a
{
	width:					100%;
	height:					100%;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
	float:					right;
}

.google_map
{
	width: 					90%;
	height: 				300px;
	margin-top: 			20px;
	margin-bottom: 			20px;
	margin-left: 			5%;
	margin-right: 			5%;
	border: 				1px solid #000;
	-webkit-box-shadow: 	0 20px 20px -15px #333;
	-moz-box-shadow: 		0 20px 20px -15px #333;
	 box-shadow: 			0 20px 20px -15px #333;
}


.bottom_bar
{
	width:					95%;
	margin-top:				0px;
	margin-bottom:			40px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	background-color:		#000;
	-webkit-box-shadow: 	0 35px 35px -20px #000;
	-moz-box-shadow: 		0 35px 35px -20px #000;
	 box-shadow: 			0 35px 35px -20px #000;
	float:					left;
	overflow:				hidden;
}

.bottom_bar ul
{
	list-style-type: 		none;
	padding:				0px;
	margin:					0px;
	text-align:				left;
} 

.bottom_bar li
{
	width:					95%;
	margin-top:				0px;
	margin-bottom:			10px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	display: 				table;
}

.bottom_bar li a
{
	display:				table-cell;
	vertical-align:			middle;
	width:					100%;
	height:					60px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	padding-left:			10px;
	padding-right:			10px;
	border-bottom:			1px solid #666;
	color: 					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				120%;
	font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				left;
}

.bottom_bar li:last-child a
{
 	border-bottom: 			none;
}

.bottom_bar li a:hover
{
	display:				table-cell;
	vertical-align:			middle;
	width:					120%;
	height:					60px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	padding-left:			10px;
	padding-right:			10px;
	border-bottom:			1px solid #666;
	color: 					#C93;
	font-family: 			'Quicksand', Arial;	
	font-size: 				120%;
	font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				left;
}

.bottom_bar li:last-child a:hover
{
 	border-bottom: 			none;
}

.bottom_links
{
	width:					95%;
	margin-top:				0px;
	margin-bottom:			15px;
	margin-left:			2.5%;
	margin-right:			2.5%;
	border-bottom:			1px solid #666;
	color: 					#FFF;
	font-family: 			'Quicksand', Arial;	
	letter-spacing: 		-0.6px;	
	font-size: 				120%;
	line-height: 			28px;
	font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				center;
	float:					left;
	overflow:				hidden;
}

.bottom_links ul
{
	list-style-type: 		none;
	padding:				0px;
	margin:					0px;
	text-align:				center;
} 

.bottom_links li
{
	display: 				inline;
}

A.bottom_link, A.bottom_link:Link, A.bottom_link:visited
{
	color: 					#C93;
	font-family: 			'Quicksand', Arial;	
	font-size: 				120%;
	line-height: 			28px;
	font-weight: 			bold;
	text-decoration: 		none; 
	text-align:				left;
	letter-spacing:			-0.5px
}
	
A.bottom_link:Hover
{
	color: 					#FFF;
	font-family: 			'Quicksand', Arial;	
	font-size: 				120%;
	line-height: 			28px;
	font-weight: 			bold;
	text-decoration: 		underline; 
	text-align:				left;
	letter-spacing:			-0.5px
}

.sage_pay_logo
{
	width:					250px;
	height:					80px;
	margin-top:				0px;
	margin-bottom:			20px;
	margin-left:			auto;
	margin-right:			auto;
	background-image:		URL(../images/sage_pay.png);
	background-repeat:		no-repeat;
	float:					left;
}

.red
{
	color: 					#F00;    
	font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
    font-weight: 			bold;
	text-decoration: 		none;
}

A.link, A.link:Link, A.link:visited
{
	color: 					#C93;
	font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
	line-height: 			24px;
	font-weight: 			bold;
	text-decoration: 		none;
}
	
A.link:Hover
{
	color: 					#000;
    font-family: 			'Quicksand', Arial;	
	font-size: 				100%;
	line-height: 			24px;
    font-weight: 			bold;
    text-decoration: 		none;
}