@charset "UTF-8";
/* CSS Document */


/* COLORS*/

/*
=================================================
	Reference for colors
=================================================
	#daf474; => green - selected
	#ffa4fe; => pink
	#CC3366; +> red hover
	#7E53F6; /*=> purple
=================================================
*/

/* TYPOGRAPHY */

/*
=================================================
	Reference for Basic text sizing
=================================================
	62.5%  => .625em  => 10px
	68.8%  => .688em  => 11px
	75%    => .75em   => 12px
	81.3%  => .813em  => 13px
	87.5%  => .875em  => 14px
	100%   => 1em     => 16px
	112.5% => 1.125em => 18px
	125%   => 1.25em  => 20px
=================================================

*/

/*
=================================================
	Proportions based on typographic scale
	18, 20, 36
=================================================

	h1 = 36 pixels → 36 ÷ 14 = 2.57142857142857 em = 2.6em (rounded)
	h2 = 20 pixels → 20 ÷ 14 = 1.42857142857143 em = 1.5em (rounded)
	h3 = 18 pixels → 18 ÷ 14 = 1.28571428571429 em = 1.3em (rounded)
	p  = 14 pixels → 14 ÷ 14 = 1 em
*/

/* @FONT-FACE */

@font-face {
	font-family: 'RalewayLight';
	src: url('../fonts/Raleway-Light-webfont.eot');
	src: url('../fonts/Raleway-Light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Light-webfont.woff') format('woff'),  url('../fonts/Raleway-Light-webfont.ttf') format('truetype'),  url('../fonts/Raleway-Light-webfont.svg#RalewayLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RalewayRegular';
	src: url('../fonts/Raleway-Regular-webfont.eot');
	src: url('../fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Regular-webfont.woff') format('woff'),  url('../fonts/Raleway-Regular-webfont.ttf') format('truetype'),  url('../fonts/Raleway-Regular-webfont.svg#RalewayRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RalewaySemiBold';
	src: url('../fonts/Raleway-SemiBold-webfont.eot');
	src: url('../fonts/Raleway-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-SemiBold-webfont.woff') format('woff'),  url('../fonts/Raleway-SemiBold-webfont.ttf') format('truetype'),  url('../fonts/Raleway-SemiBold-webfont.svg#RalewaySemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RalewayBold';
	src: url('../fonts/Raleway-Bold-webfont.eot');
	src: url('../fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Bold-webfont.woff') format('woff'),  url('../fonts/Raleway-Bold-webfont.ttf') format('truetype'),  url('../fonts/Raleway-Bold-webfont.svg#RalewayBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

.italic {
	font-style: italic;
}
	

/* RESET */
* {
	margin: 0;
	padding: 0;
}
/* HTML5 tags */
header, section, footer, aside, nav, article, figure {
	display: block;
}
/* CLEAR FIX */
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

/*******************  STANDARD LINK STATES *****************************/
a {
	color: #FFF;
	text-decoration: none;
}
a, a:hover {
	color: #CC3366;
}
a:visited {
	color: #FFF;
}
a img {
	border: none;
	outline: 0;
}

/*******************  GLOBAL BODY *****************************/
body {
	font-family: RalewayRegular, Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
}
/*******************  GLOBAL NAV STATES *****************************/
nav ul {
	list-style: none;
}
header {
	width: 100%;
	overflow: hidden;
	position: relative;
	
}
/********************* down and up arrows for mobile ****************/	
#arrow-dn a {
	float: left;
	margin: 5px 0 0 20px;
	height: 0px;
	width: 26px;
	display: block;
	padding: 20px 0 0 0;
	overflow: hidden;
	/*background: url(../images/arrow-dn.png) no-repeat;*/
	}
#arrow-dn a:hover {
	/*background: url(../images/arrow-dn.png) no-repeat 0 -20px;*/
	}
#arrow-up a {
	float: left;
	margin: 0 0 10px 150px;
	height: 0px;
	width: 26px;
	display: block;
	padding: 20px 0 0 0px;
	overflow: hidden;
	/*background: url(../images/arrow-up.png) no-repeat;*/
	}
#arrow-up a:hover {
/*	background: url(../images/arrow-up.png) no-repeat 0 -20px;*/
	}



/* ==============================================================================================================================================*/
/* ======================================================== START DESKTOP STYLES HERE ===========================================================*/
/* ==============================================================================================================================================*/

@media only screen and (min-width:769px) {


body {
	background-color: #1b0819;
	background-image: url("../images/spash_left.png"), url("../images/../images/spash_rt.png"), url("../images/bg.jpg");
	background-position: left top, right top, center top;
	background-repeat: repeat-y, repeat-y, no-repeat;
}
body {
	width: 90%;
	margin: 0 auto;
	min-width: 980px;
	max-width: 1100px;
}
header {
	height: 200px;
	margin: .25em 0.75em 0;
}

header h1 a {
	font-size: 2em;
	color: #ffa4fe;
	font-weight: lighter;
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
	float: left;
	margin: 80px 10px 80px 40px;	
	}
header h1 a:visited {
	color: #ffa4fe;
	}
header h1 .head-green {
	color: #daf474;
	}
header #logo a {
	float: left;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 193px;
	height: 0px;
	padding: 198px 0 0 0;
	display: block;
	overflow: hidden;
	color: #ffa4fe;
	/*text-indent: -10000px;*/	
	}
header h2 {
	font-size: 3.75em;
	color: #ffa4fe;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif;
	float: left;
	margin: 80px 0 80px 10px;
	}

	
/************************* DESKTOP MAINNAV - TOP *****************************/

#mainnav {
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	margin-left: 3.9%;
}
#mainnav ul {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 10px 0 15px 0;
}
#mainnav ul li {
	float: left;
	border-left: 3px solid #ffa4fe;
}
#mainNav li {
}
#mainnav ul li a {
	float: left; /** This repeated floats make it work in IE ******/
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 36px;
	text-align: center;
}
#mainnav ul li a:hover {
	color: #CC3366;
}
#mainnav ul li.selected a, #mainnav ul li.selected a:hover {
	color: #daf474;
	cursor: default;
}
/*******************  DESKTOP SECTION STATES *****************************/
section#main {
	width: 100%;	/*Is this needed here?*/
}

section#section01 h2 {
	font-family: RalewayLight, Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	line-height: 1.15em;
	margin: 0;
	padding: 0;
	color: #ffa4fe;
	float: left;
	/*margin-right: 30px;*/
}

#gallery {	
	clear: both;
	width: 100%;
	
	}
	
/*******************  DESKTOP SUBNAV STATES FOR SECTION1 *****************************/
#subnav {
	float: left;
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	font-size: 1.50em;
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 30px 0px;
	margin: 10px 0 15px 
}
#subnav ul li {
	float: left;
}
#subnav ul li a {
	float: left; /** This repeated floats make it work in IE ******/
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 20px;
	letter-spacing: 0.1em;
}
#subnav ul li a:hover {
	color: #CC3366;
	
}

/*********** DESKTOP SELECTED NUMBERS AND ARROWS ***********/

#subnav ul li.selected-number a, #subnav ul li.selected-number  a:hover {
	color: #daf474; /*=> green - selected*/
	cursor: default;
}

#subnav ul li.arrows a {
	font-size: 1.50em;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif; 
	color: #fff;
}
#subnav ul li.arrows a:hover {
	color: #CC3366; /*+> red hover*/
}
#subnav ul li.arrows-no a {
	font-size: 1.50em;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif; 
	color: #7E53F6; /*=> purple*/
	cursor: default;
}

/********** DESKTOP SUBNAV ABOUT ********************/

#subnav_about {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width: 700px;
}

#subnav_about ul li {
	list-style: none;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
}

#subnav_about ul li a {
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #fff;
}
#subnav_about ul li a:hover {
	color: #CC3366;
}
#subnav_about ul li.selected-about a, #subnav_about ul li.selected-about a:hover {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #daf474;
	cursor: default;
}

section#main {
}
section#section01 {
	clear: both;
	width: 100%;
	padding: 30px 0px;
	margin-left: 3.9%;
}

/*********************** DESKTOP footer***********************/

footer {
	clear: both;
	position: relative;
	width: 100%;
	color: #fff;
	padding: 40px 0px;
	
	
}
/*********************** DESKTOP FOOTERNAV***********************/

nav#footernav {
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
	margin-left: 3.9%;
}
nav#footernav ul {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 10px 0 15px 0;
}
nav#footernav ul li {
	float: left;
	border-left: 3px solid #ffa4fe;
}
nav#footernav ul li a {
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 0 36px;
}
nav#footernav ul li a:hover {
	color: #CC3366;
}
nav#footernav ul li.selected-footer a, nav#footernav ul li.selected-footer a:hover {
	color: #daf474;
	cursor: default;
}

/*********************** DESKTOP FOOTERSUBNAV***********************/
#footersubnav {
	margin-left: 3.9%;
	}

#footersubnav a {
	color: #fff;
	text-decoration: none;
}
#footersubnav a:hover {
	color: #CC3366;
}
#footersubnav ul {
	list-style: none;
	margin: 0;
}
#footersubnav ul li {
	font-size: 1.3em;
	color: #ffa4fe;
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
}
#footersubnav ul li.col1 {
	float: left;
	width: 500px;
	margin: 0 20px 0 0;
}
footer nav#footersubnav ul li.col2, footer nav#footernav ul li.col3 {
	float: left;
	width: 240px;
	margin: 0 20px 0 0;
}
#footersubnav ul li ul {
	border-top: 1px solid #fff;
	margin: 5px 30px 0 0;
	padding: 15px 0 0 0;
}
#footersubnav ul li ul li {
	float: none;
	font-weight: normal;
	font-size: .75em;
	margin: 0 50px 0 0px;
	padding: 0 0 10px 0;
}
/*#footersubnav ul li.col4 {
	float: right;
	margin: 0 0 0 0;
	width: 120px;
}*/

#footersubnav ul li.col4 ul li {
	margin: 0;
}
footer p#copyright {
	clear: both;
	padding: 40px 0 0 0;
	font-size: 90%;
	margin-left: 3.9%;
}
/******************************* DESKTOP PAGE LAYOUT *********************************/

#pagecontainer {
	margin: 0px 0 0 150px;
	}

#page_header {
	position: relative;
	background-image: url(../images/pa_header.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 86px;
	margin-top: 20px;
	width: 700px;
}

#page {
	width: 700px;
	min-height: 800px;
	background-image: url(../images/pa_tile.png);
	background-repeat: repeat-y;
}

#page h1 {
	font-size: 1.2em;
	padding-left: 90px;
	padding-bottom: 20px;
	color: #000;
}

#page h2 {
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 1em;
	padding-left: 90px;
	padding-bottom: 20px;
	
}

#pa__header_lotus img {
	position: absolute;
	left: 450px;
	top: 20px;
}

#page p {
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	padding-right: 90px;
	padding-left: 90px;
	padding-bottom: 10px;
	
}

#page_footer {
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../images/pa_footer.png);
	height: 187px;
	
}

/****************  DESKTOP PAGE EXTRA PIECES - ABSOLUTELY POSITIONED ****************/

#pa_left_top {
	position: absolute;
	text-indent: -1000px;
	top: 0px;
	background-repeat: no-repeat;
	right: 700px;	
	height: 513px;
	width: 45px;
	background-image: url(../images/pa_left_top.png);
	
}

#pa_rt_top {
	position: absolute;
	text-indent: -1000px;
	background-repeat: no-repeat;
	top: 0px;
	left: 700px;
	height: 853px;
	width: 88px;
	background-image: url(../images/pa_rt_top.png);
	
}

#pa_left_bot {
	position: absolute;
	text-indent: -1000px;
	background-repeat: no-repeat;
	left: -45px;
	top: -425px;
	height: 625px;
	width: 45px;
	background-image: url(../images/pa_left_bot.png);
	
}
/***** SMALL LILY ****/
#page img {
	padding-top: 50px;
	padding-left: 275px;
}

/************************* DESKTOP FORM **************************/

#page form p {
	font-size: 11px;
	margin: 20px 0 0 0px;
	font-weight: bold;
}

#page form label {
	float: left;
	clear: left;
	width: 55px;
	margin-right: 10px;
}

#page form input.text {
	width: 275px;
}

#page form textarea {
	height: 225px;
	width: 425px;
}

#page form input.text:focus, #page form textarea:focus {
	background-color: #FEF7E8;
}
}
/* ==============================================================================================================================================*/
/* ==================================================== START TABLET STYLES HERE ============================================================== */
/* ==============================================================================================================================================*/
	
@media only screen and (min-width:481px) and (max-width:768px) {
body {
	background-color: #1b0819;
/*	background-image: url("../images/spash_left.png"), url("../images/../images/spash_rt.png"), url("../images/bg2.jpg");
	background-position: left top, right top, center top;
	background-repeat: repeat-y, repeat-y, no-repeat;*/
	background-image: url("../images/bg2.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}
body {
	width: 90%;
	margin: 0 auto;
	min-width: 500px;
	max-width: 768px;
}
header {
	height: 135px;
}
header h1 a {
	font-size: 1.4em;
	color: #ffa4fe;
	font-weight: lighter;
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
	float: left;
	margin: 80px 0px 10px 20px;	
	}
header h1 a:visited {
	color: #ffa4fe;
	}
header h1 .head-green {
	color: #daf474;
	}
header #logo a {
	float: left;
	background-image: url(../images/logo2.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 0px;
	display: block;
	padding: 146px 0 0 0;
	margin: 10px 0 0 0;
	overflow: hidden;	
	}
header h2 {
	font-size: 2.65em;
	color: #ffa4fe;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif;
	float: left;
	margin: 80px 0 80px 10px;
	}
	
/************************* TABLET MAINNAV - TOP *****************************/

#mainnav {
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 1em;
	letter-spacing: 0.1em;
	margin-left: 3.9%;
}
#mainnav ul {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 10px 0 15px 0;
}
#mainnav ul li {
	float: left;
	border-left: 3px solid #ffa4fe;
}
#mainNav li {
}
#mainnav ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
/*	padding: 0 36px;*/
	padding: 0 20px;
	text-align: center;
}
#mainnav ul li a:hover {
	color: #CC3366;
}
#mainnav ul li.selected a, #mainnav ul li.selected a:hover {
	color: #daf474;
	cursor: default;
}

/*******************  TABLET SECTION STATES *****************************/
section#main {
	width: 100%;	/*Is this needed here?*/
}

section#section01 h2 {
	font-family: RalewayLight, Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	line-height: 1.15em;
	margin: 0;
	padding: 0;
	color: #ffa4fe;
	float: left;
	/*margin-right: 30px;*/
}

#gallery {	
	clear: both;
	width: 100%;
	
	}
	
/*******************  TABLET SUBNAV STATES FOR SECTION1 *****************************/
#subnav {
	float: left;
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	font-size: 1.50em;
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 30px 0px;
	margin: 10px 0 15px 
}
#subnav ul li {
	float: left;
}
#subnav ul li a {
	float: left; /** This repeated floats make it work in IE ******/
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 20px;
	letter-spacing: 0.1em;
}
#subnav ul li a:hover {
	color: #CC3366;
	
}

/*********** TABLET SELECTED NUMBERS AND ARROWS ***********/

#subnav ul li.selected-number a, #subnav ul li.selected-number  a:hover {
	color: #daf474; /*=> green - selected*/
	cursor: default;
}

#subnav ul li.arrows a {
	font-size: 1.50em;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif; 
	color: #fff;
}
#subnav ul li.arrows a:hover {
	color: #CC3366; /*+> red hover*/
}
#subnav ul li.arrows-no a {
	font-size: 1.50em;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif; 
	color: #7E53F6; /*=> purple*/
	cursor: default;
}

/********** TABLET SUBNAV ABOUT ********************/

#subnav_about {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width: 700px;
}

#subnav_about ul li {
	list-style: none;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
}

#subnav_about ul li a {
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #fff;
}
#subnav_about ul li a:hover {
	color: #CC3366;
}
#subnav_about ul li.selected-about a, #subnav_about ul li.selected-about a:hover {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #daf474;
	cursor: default;
}

section#main {
}
section#section01 {
	clear: both;
	width: 100%;
	padding: 30px 0px;
	margin-left: 3.9%;
}


/*********************** TABLET FOOTER***********************/
footer {
	clear: both;
	position: relative;
	width: 100%;
	color: #fff;
	padding: 40px 0px;
	
}

/*********************** TABLET FOOTERNAV*********************/

nav#footernav {
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 1em;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
	margin-left: 3.9%;
}
nav#footernav ul {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 10px 0 15px 0;
}
nav#footernav ul li {
	float: left;
	border-left: 3px solid #ffa4fe;
}
nav#footernav ul li a {
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 0 20px;
}

nav#footernav ul li a:hover {
	color: #CC3366;
}
nav#footernav ul li.selected-footer a, nav#footernav ul li.selected-footer a:hover {
	color: #daf474;
	cursor: default;
}


/*********************** TABLET FOOTERSUBNAV***********************/
#footersubnav {
	margin-left: 3.9%;
	}
#footersubnav a {
	color: #fff;
	text-decoration: none;
}
#footersubnav a:hover {
	color: #CC3366;
}
#footersubnav ul {
	list-style: none;
	margin: 0;
}
#footersubnav ul li {
	font-size: 1.3em;
	color: #ffa4fe;
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
}
#footersubnav ul li.col1 {
	float: left;
	width: 500px;
	margin: 0 20px 0 0;
}
footer nav#footersubnav ul li.col2, footer nav#footernav ul li.col3 {
	float: left;
	width: 240px;
	margin: 0 20px 0 0;
}
#footersubnav ul li ul {
	border-top: 1px solid #fff;
	margin: 5px 30px 0 0;
	padding: 15px 0 0 0;
}
#footersubnav ul li ul li {
	float: none;
	font-weight: normal;
	font-size: .75em;
	margin: 0 50px 0 0px;
	padding: 0 0 10px 0;
}
/*#footersubnav ul li.col4 {
	float: right;
	margin: 0 0 0 0;
	width: 120px;
}*/

#footersubnav ul li.col4 ul li {
	margin: 0;
}
footer p#copyright {
	clear: both;
	padding: 40px 0 0 0;
	font-size: 90%;
	margin-left: 3.9%;
}


/************************** TABLET PAGE LAYOUT *********************************/
#pagecontainer {
	/*margin: 0px 0 0 150px;*/
	margin: 0px 0 0 20px;
	}

#page_header {
	position: relative;
	background-image: url(../images/pa_header2.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 80px;
	/*margin-top: 20px;*/
	width: 650px;
}

#page {
	width: 650px;
	min-height: 560px;
	background-image: url(../images/pa_tile2.png);
	background-repeat: repeat-y;
}

#page h1 {
	font-size: 1.2em;
	padding-left: 90px;
	padding-bottom: 20px;
	color: #000;
}

#page h2 {
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 1em;
	padding-left: 90px;
	padding-bottom: 20px;
}

#pa__header_lotus img {
	position: absolute;
	left: 450px;
	top: 20px;
}

#page p {
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	padding-right: 90px;
	padding-left: 90px;
	padding-bottom: 10px;	
}

#page_footer {
	background-image: url(../images/pa_footer2.png);
	width: 650px;
	height: 174px;
	position: relative;
	background-repeat: no-repeat;
}

/**************** TABLET PAGE EXTRA PIECES - ABSOLUTELY POSITIONED ****************/

#pa_left_top {
	position: absolute;
	top: 0px;
	right: 650px;
	text-indent: -1000px;
	height: 333px;
	width: 29px;
	background-image: url(../images/pa_left_top2.png);
	background-repeat: no-repeat;
}

#pa_rt_top {
	position: absolute;
	left: 646px;
	top: 6px;
	text-indent: -1000px;
	height: 554px;
	width: 57px;
	background-image: url(../images/pa_rt_top2.png);
	background-repeat: no-repeat;
}

#pa_left_bot {
	position: absolute;
	left: -30px;
	top: -220px;
	text-indent: -1000px;
	height: 406px;
	width: 29px;
	background-image: url(../images/pa_left_bot2.png);
	background-repeat: no-repeat;
}
/***** SMALL LILY ****/
#page img {
	padding-top: 50px;
	padding-left: 275px;
}

/********************** TABLET  FORM *******************/

#page form p {
	font-size: 11px;
	margin: 20px 0 0 0px;
	font-weight: bold;
}

#page form label {
	width: 55px;
	float: left;
	clear: left;
	margin-right: 10px;
}

#page form input.text {
	width: 275px;
}

#page form textarea {
	height: 225px;
	width: 425px;
}

}

/* ==============================================================================================================================================*/
/* ========================================================== START MOBILE STYLES HERE ==========================================================*/
/* ==============================================================================================================================================*/

@media only screen and (max-width:480px) {

/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}
body {
	background-color: #1b0819;
/*	background-image: url("../images/spash_left.png"), url("../images/../images/spash_rt.png"), url("../images/bg2.jpg");
	background-position: left top, right top, center top;
	background-repeat: repeat-y, repeat-y, no-repeat;*/
	background-image: url("../images/bg2.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}
body {
	width: 90%;
	margin: 0 auto;
	min-width: 320px;
	max-width: 480px;
}

a:visited {
	color: #FFF;
}
header {
	height: 120px;
}
header h1 a {
	font-size: 1.2em;
	color: #ffa4fe;
	font-weight: lighter;
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
	float: left;
	margin: 30px 0px 20px 15px;
	text-align: center;	
	}
header h1 a:visited {
	color: #ffa4fe;
	}
header h1 .head-green {
	color: #daf474;
	}
header #logo a {
	display: none;	
	}
header h2 {
	font-size: 2.5em;
	color: #ffa4fe;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif;
	margin: 40px 0 10px 150px;
	clear: both;
	}
	
/************************* MOBILE MAINNAV - TOP *****************************/

#mainnav {
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	margin-left: .9%;
	border-top: 1px solid #ffa4fe;
	border-bottom: 1px solid #ffa4fe;
}
#mainnav ul {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 10px 0 15px 0;
	
	
}
#mainnav ul li {
	float: left;
	/*border-left: 1px solid #ffa4fe;*/
	/*border-bottom: 1px solid #ffa4fe;*/
}
#mainNav li {
}
#mainnav ul li a {
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	/*padding: 2px 20px;*/
	padding: 5px 20px;
	
}
#mainnav ul li a:hover {
	color: #CC3366;
}
#mainnav ul li.selected a, #mainnav ul li.selected a:hover {
	color: #daf474;
	cursor: default;
}


/*******************  MOBILE SECTION STATES *****************************/
section#main {
	width: 100%;	/*Is this needed here?*/
}

section#section01 h2 {
	font-family: RalewayLight, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 1.15em;
	margin: 0;
	padding: 0;
	color: #ffa4fe;
	float: left;
	margin-right: 10px;
}

#gallery {	
	clear: both;
	width: 100%;
	
	}
/*******************  MOBILE SUBNAV STATES FOR SECTION1 *****************************/

#arrow-dn a {
	float: left;
	margin: 5px 0 0 20px;
	height: 0px;
	width: 26px;
	display: block;
	padding: 20px 0 0 0;
	overflow: hidden;
	background: url(../images/arrow-dn.png) no-repeat;
	}
#arrow-dn a:hover {
	background: url(../images/arrow-dn.png) no-repeat 0 -20px;
	}
#arrow-dn a:visited {
	background: url(../images/arrow-dn.png) no-repeat;
	}
#arrow-up a {
	float: left;
	margin: 0 0 10px 150px;
	height: 0px;
	width: 26px;
	display: block;
	padding: 20px 0 0 0px;
	overflow: hidden;
	background: url(../images/arrow-up.png) no-repeat;
	}
#arrow-up a:hover {
	background: url(../images/arrow-up.png) no-repeat 0 -20px;
	}

#subnav {
	float: left;
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 30px 0px;
	margin: 10px 0 15px 0; 
}
#subnav ul li {
	float: left;
}
#subnav ul li a {
	float: left; /** This repeated floats make it work in IE ******/
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 20px;
	letter-spacing: 0.1em;
}
#subnav ul li a:hover {
	color: #CC3366;
	
}


/*********** MOBILE SELECTED NUMBERS AND ARROWS ***********/

#subnav ul li.selected-number a, #subnav ul li.selected-number  a:hover {
	color: #daf474; /*=> green - selected*/
	cursor: default;
}

#subnav ul li.arrows a {
	font-size: 1.50em;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif; 
	color: #fff;
}
#subnav ul li.arrows a:hover {
	color: #CC3366; /*+> red hover*/
}
#subnav ul li.arrows-no a {
	font-size: 2em;
	font-weight: lighter;
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif; 
	color: #7E53F6; /*=> purple*/
	cursor: default;
}

/********** MOBILE SUBNAV ABOUT ********************/

#subnav_about {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width: 320px;
}

#subnav_about ul li {
	list-style: none;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
}

#subnav_about ul li a {
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #fff;
}
#subnav_about ul li a:hover {
	color: #CC3366;
}
#subnav_about ul li.selected-about a, #subnav_about ul li.selected-about a:hover {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #daf474;
	cursor: default;
}

section#main {
}
section#section01 {
	clear: both;
	width: 100%;
	padding: 10px 0px;
	margin-left: 3.9%;
}


/*********************** MOBILE FOOTER***********************/
footer {
	clear: both;
	position: relative;
	width: 100%;
	color: #fff;
	padding: 0px 0px;
	
}

/*********************** MOBILE FOOTERNAV*********************/

nav#footernav {
	font-family: RalewaySemiBold, Helvetica, Arial, Helvetica, sans-serif;
	width: 100%;
	/*font-size: 1em;*/
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
	margin-left: .9%;
	border-top: 1px solid #ffa4fe;
	border-bottom: 1px solid #ffa4fe;
}
nav#footernav ul {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 10px 0 15px 0;
}
nav#footernav ul li {
	float: left;
	/*border-left: 2px solid #ffa4fe;*/
}
nav#footernav ul li a {
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 5px 20px;
}

nav#footernav ul li a:hover {
	color: #CC3366;
}
nav#footernav ul li.selected-footer a, nav#footernav ul li.selected-footer a:hover {
	color: #daf474;
	cursor: default;
}


/*********************** MOBILE FOOTERSUBNAV***********************/
#footersubnav {
	margin-left: 3.9%;
	}
#footersubnav a {
	color: #fff;
	text-decoration: none;
}
#footersubnav a:hover {
	color: #CC3366;
}
#footersubnav ul {
	list-style: none;
	margin: 0;
}
#footersubnav ul li {
	font-size: 1.3em;
	color: #ffa4fe;
	font-family: RalewayRegular, Helvetica, Arial, Helvetica, sans-serif;
}
#footersubnav ul li.col1 {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}
footer nav#footersubnav ul li.col2, footer nav#footernav ul li.col3 {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}
#footersubnav ul li ul {
	border-top: 1px solid #fff;
	margin: 5px 30px 0 0;
	padding: 15px 0 0 0;
}
#footersubnav ul li ul li {
	float: none;
	font-weight: normal;
	font-size: .75em;
	margin: 0 50px 0 0px;
	padding: 0 0 10px 0;
}
/*#footersubnav ul li.col4 {
	float: right;
	margin: 0 0 0 0;
	width: 120px;
}*/

#footersubnav ul li.col4 ul li {
	margin: 0;
}
footer p#copyright {
	clear: both;
	/*padding: 40px 0 0 0;*/
	padding: 10px 0 0 0;
	font-size: 90%;
	margin-left: 3.9%;
}


/************************** MOBILE PAGE LAYOUT *********************************/
#pagecontainer {
	/*margin: 0px 0 0 150px;*/
	margin: 0px 0 0 10px;
	}

#page_header {
	position: relative;
	background-image: url(../images/pa_header3.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 43px;
	width: 350px;
	/*margin-top: 20px;*/
}

#page {
	width: 350px;
	min-height: 260px;
	background-image: url(../images/pa_tile3.png);
	background-repeat: repeat-y;
}

#page h1 {
	font-size: 1.2em;
	/*padding: 0 90px 20px 0;*/
	padding: 0 20px 10px 20px;
	color: #000;
}

#page h2 {
	font-family: RalewayLight, Helvetica, Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 1em;
	padding-left: 90px;
	padding-bottom: 20px;
}

#pa__header_lotus img {
	position: absolute;
	/*left: 600px;
	top: 20px;*/
	/*left: 600px;
	top: 20px;*/
	
}

#page p {
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	/*padding: 0 90px 10px 90px; */
	padding: 0 30px 10px 20px; 
	
}

#page_footer {
	background-image: url(../images/pa_footer3.png);
	width: 350px;
	height: 94px;
	position: relative;
	background-repeat: no-repeat;
}

/**************** MOBILE PAGE EXTRA PIECES - ABSOLUTELY POSITIONED ****************/

#pa_left_top {
	position: absolute;
	top: 0px;
	right: 650px;
	right: 350px;
	text-indent: -1000px;
	height: 179px;
	width: 16px;
	background-image: url(../images/pa_left_top3.png);
	background-repeat: no-repeat;
}

#pa_rt_top {
	position: absolute;
	left: 350px;
	top: 6px;
	text-indent: -1000px;
	height: 298px;
	width: 31px;
	background-image: url(../images/pa_rt_top3.png);
	background-repeat: no-repeat;
}

#pa_left_bot {
	position: absolute;
	/*left: -30px;
	top: -220px;*/
	left: -16px;
	top: -120px;
	text-indent: -1000px;
	height: 179px;
	width: 16px;
	background-image: url(../images/pa_left_bot3.png);
	background-repeat: no-repeat;
}
/***** SMALL LILY ****/
#page img {
	padding-top: 20px;
	padding-left: 120px;
}


/********************** MOBILE  FORM *******************/

#page form p {
	font-size: 11px;
	margin: 20px 0 0 0px;
	font-weight: bold;
}

#page form label {
	width: 55px;
	float: left;
	clear: left;
	margin-right: 10px;
}

#page form input.text {
	width: 275px;
}

#page form textarea {
	height: 225px;
	width: 270px;
}