/*  SET UP	============================================================================= */
html,
body {height:100%; margin:0 0 140px 0; padding:0; background-image:url(../images/common/pattern.gif); background-repeat:repeat; background-color:#1b032d; font-family:'Arial', cursive, Arial, Helvetica, sans-serif; font-weight:400; color:#f8ebd3; font-size:1em; line-height:1.4em;}
a {color:#b9a173; padding:0; margin:0; text-decoration:none;}
a:link {text-decoration:none; padding:0px; margin:0px;}
a:visited {text-decoration:none; color:#b9a173; padding:0px; margin:0px;} 
a:hover {text-decoration:none;color:#9240ab; padding:0px; margin:0px;}
a:active {text-decoration:none; color:#b9a173; padding:0px; margin:0px;}

h1 {
	font-size: 2em;
	color: #b9a173;
	font-family: 'Gabriela', serif;
	font-weight: 400;
	line-height: 1.2em;
	padding: 0 0 2% 0;
	margin: 0;
	text-align: center;
}
h2 {font-size:1.4em; color:#b9a173; font-family: 'Gabriela', serif; font-weight:400; line-height:1.2em; padding:0 0 5px 0; margin:0;}
h3 {font-size:1.2em; color:#b9a173; line-height:1.2em; padding:0 0 5px 0; margin:0; font-weight:400; }


img {max-width:100%;}


/*  MAIN LAYOUT	============================================================================= */

#wrapper {width:100%; min-height:100%; position:relative; text-align:left;}

#headcontainer {width:100%; background-image:url(../images/common/purpletransparency.png); background-repeat:repeat; margin:0 0 1% 0; padding:0; border-style:solid;  border-width:0 0 1px 0; border-color:#b9a173;}

#header {clear:both; width:80%; max-width:1200px; margin:0 auto; padding:0; position:relative; text-align:center;}

#nav {margin-top:2%;}

#maincontentcontainer {width:100%; padding-bottom:60px; margin:0;}

#maincontent{
	clear: both;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 140px 0;
	position: relative;
}
		
.maincontent{clear: both; width:80%; max-width:1200px; margin: 0 auto; padding:0 0 140px 0; line-height: 1.5em; position: relative;}


/*  Boxes	============================================================================= */
#purpleBox {width:100%; background-image:url(../images/common/purpletransparency.png); background-repeat:repeat; padding:0 0 2% 0; margin:0 0 2% 0; overflow:hidden;}
#aboutContent {width:96%; margin-left:1%; padding:0;}
#threeColumnsContainer {width:94%; margin:2%; padding:0;}


/*  Gallery	============================================================================= */
#galleryContent {width:96%; margin:2%; padding:0;}
#galleryMenu ul {list-style:none; padding:0; margin:0 0 2% 0; padding:0 0 2% 0; }
#galleryMenu li {float:left; padding-right:2%; margin:0;}
#galleryMenu li a#selected {color:#b84ad9; background:#120123;}



/*  TESTIMONIALS 	============================================================================= */
#testimonials {width:96%; margin-left:1%; padding:0;}

/*  CONTACT 	============================================================================= */ 
.contactForm label, .contactForm input {float:left; margin-right:1.5%; font-weight:bold; display:block;}
.contactForm input {color:#666666; width:40%;}
textarea#message {width:70%; height:250px; display:block;}
.submitButton {width:70px; background:#ff02a3; border:1px solid #da098e; color:#ffffff; display:block; cursor:pointer; text-decoration:none;}
.submitButton:hover {background:#da098e; border:1px solid #ff02a3;}


/*  Footer	============================================================================= */	
#footercontainer {
width:100%; bottom:0; left:0; position:absolute; height:140px; background-color:#120123;  padding:0; border-style:solid;  border-width:1px 0 0 0; border-color:#b9a173;}
footer {clear:both; width:80%; background-color:#120123; font-size:0.9em; max-width:1200px;  margin:0 auto; padding:0; color:#f8ebd3; }


/*  SECTIONS  ============================================================================= */

.section {
	clear:both;
	padding: 0px;
	margin: 0px;
}



/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }