/*---[ Details ]---------------------------------------*/

/*-----------------------------------------------------
[00.1] Body
[00.2] Layout
[00.3] HTML5
[00.4] Classes
[00.5] Links
[00.6] Navigation
[00.7] Brand
[00.8] Quabe
[00.9] Token
-------------------------------------------------------*/


/* [00.1] Body
-------------------------------------------------------*/
body {
	background:									#000000 url(/images/omniloading.gif) 50% 50% no-repeat;
	color:										#333333;
	cursor:										default;
}


/* [00.2] Layout
-------------------------------------------------------*/
.genesis #foundation {
	overflow:								none !important;
}

#architectgenesis {
 	min-height:								10em;
	height:									auto !important;
  	height:									10em;
    padding: 								1em;
	width:									78em;
	z-index:								2;
	position:								absolute;
	bottom:									2%;
	right:									2%;
}


#architectleft {
 	min-height:								10em;
	height:									auto !important;
  	height:									10em;
    padding: 								0;
	width:									48em;
}



#architectright {
 	min-height:								10em;
	height:									auto !important;
  	height:									10em;
    padding: 								0;
	width:									30em;
}




.genesis #main{
 	min-height:								8em;
	height:									auto !important;
  	height:									8em;
    padding: 								0;
	width:									70em;
}


#main{
 	min-height:								20em;
	height:									auto !important;
  	height:									20em;
    padding: 								0;
	width:									80em;
}

.showcase {
    padding: 								0;
	width:									80em;
}



.genesis #brand {
 	min-height:								10em;
	height:									auto !important;
  	height:									10em;
	margin:									0 0.5em 0 0;
    padding: 								0;
	width:									14em;
	display:inline-block;
}


.genesis #brand a{
	background:								url(/images/brand/brand.png) no-repeat;
	display:								block;
	height:									12em;
	margin:									1.5em 0 0 0;
    padding: 								0;
	width:									12em;
}

.genesis #brand a:hover{
	text-decoration:						none;
	border-bottom:							0;
}



#brand {
 	min-height:								14em;
	height:									auto !important;
  	height:									14em;
	margin:									1em 0 0 0;
    padding: 								0;
	width:									14em;
}


#brand a{
	background:								url(/images/brand/brand.png) no-repeat;
	display:								block;
	height:									14em;
	margin:									0 0 0 4em;
    padding: 								0;
	width:									12em;
}


#brand a:hover{
	text-decoration:						none;
	border-bottom:							0;
}


.genesis #content {
 	min-height:								8em;
	height:									auto !important;
  	height:									8em;
	margin:									0 0.5em 0 0;
    padding: 								0 !important;
	width:									47em;
}


.genesis p {
	color:									#ffffff;
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								150%;
	line-height:							1.5em;
	margin: 								0 0 1.5em 0;
	text-align:								justify;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}

.genesis h1 {
	color:									#ff0000;
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								150%;
	font-weight:							500;
	line-height:							1.5em;
	margin: 								0em 0 1.5em 0;
	text-align:								right;
	text-transform:							lowercase;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}




.genesis #sitenavigation {
 	min-height:								20em;
	height:									auto !important;
  	height:									20em;
    padding: 								0;
	width:									14em;
}


.genesis #sitenavigation  h1 {
	color:									#ff0000;
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								130%;
	font-weight:							500;
	line-height:							1.5em;
	margin: 								1.9em 0 1.5em 0;
	text-align:								right;
	text-transform:							lowercase;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}



#content {
 	min-height:								49em;
	height:									auto !important;
  	height:									49em;
	margin:									0 0 0 0;
    padding: 								4em 1em 1em 1em;
	width:									45em;
}


#content p{
	padding: 				0;
	margin: 				0 0 1.5em 0;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				150%;
 	-webkit-text-stroke: 	1em transparent;
}



#contactformbox p{
	padding: 				0;
	margin: 				0 0 1.5em 0;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				140%;
 	-webkit-text-stroke: 	1em transparent;
}

.genesis #content  h1 {
	color:									#ff0000;
	font-family: 							"CenturyGothicRegular", Helvetica, Arial, sans-serif;
	font-size:								200%;
	font-weight:							500;
	line-height:							1.5em;
	margin: 								0em 0 0em 0;
	text-align:								left;
	text-transform:							uppercase;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}



#content  h1 {
	color:									#ff0000;
	font-family: 							"CenturyGothicRegular", Helvetica, Arial, sans-serif;
	font-size:								350%;
	font-weight:							500;
	line-height:							1.5em;
	margin: 								0em 0 0em 0;
	text-align:								left;
	text-transform:							uppercase;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}


.board #content ul{
	list-style:				none;
}

.board #content img{
	border:1px solid #333333;
}

#content ul{
	list-style:				square;
	padding: 				0em 0em 0em 0em; 
	margin: 				0em 0em 1.4em 5em; 
}

.board #content ul{
	list-style:				none;
	padding: 				0em 0em 0em 0em; 
	margin: 				0em 0em 1.4em 0em; 
}
#content ul li{	
	margin: 				1em 0em 0em 0em;
	padding: 				0 0 0.3em 0;	
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				150%;
	line-height:			1.5;
 	-webkit-text-stroke: 	1em transparent;
}


.profile ul{
	list-style:				square;
	padding: 				0em 0em 0em 0em; 
	margin: 				0em 0em 1.4em 5em; 
}
.profile ul li{	
	margin: 				1em 0em 0em 0em;
	padding: 				0 0 0.3em 0;	
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				140%;
 	-webkit-text-stroke: 	1em transparent;
}

.profile  h1 {
	color:									#ff0000;
	font-family: 							"CenturyGothicRegular", Helvetica, Arial, sans-serif;
	font-size:								250%;
	font-weight:							500;
	line-height:							1.5em;
	margin: 								0em 0 0em 0;
	text-align:								left;
	text-transform:							uppercase;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}




#navigation {
 	min-height:								20em;
	height:									auto !important;
  	height:									20em;
    padding: 								0.5em 1.5em 0.5em 0.5em;
	width:									18.5em;
	position:								fixed;
	margin:									0 0 0 47.5em;
}


.genesis #navigation {
 	min-height:								15em  !important;
	height:									auto !important;
  	height:									15em  !important;
    padding: 								0.5em 0em 0 0.5em  !important;
	width:									16.5em;
	margin:									0 !important;
	position:								static !important;
}


#sitenavigation{
 	min-height:								20em;
	height:									auto !important;
  	height:									20em;
    padding: 								0.5em 1.5em 0.5em 0.5em;
	width:									18.5em;
}


#help {
 	min-height:								7em;
	height:									auto !important;
  	height:									7em;
    padding: 								0.5em 1.5em 0.5em 0.5em;
	width:									18.5em;
}


#sitenavigation  h1, #help  h1 {
	color:									#ff0000;
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								130%;
	font-weight:							500;
	line-height:							1.5em;
	margin: 								0em 0 1.5em 0;
	text-align:								right;
	text-transform:							lowercase;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}



/* [00.3] HTML5
-------------------------------------------------------*/
footer{
    display:								block;
}

section{
	max-width: 								96em;
	width: 									expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 952? "960px" : "auto");
    margin: 								0 0 0 0;
    padding: 								2em 0 2em 0;
	border-bottom:							1px dotted #333333;
    clear: 									both;
	backround:								blue;
}

section .center{
	backround:blue;
}


/* [00.4] Classes
-------------------------------------------------------*/



/* [00.5] Links
-------------------------------------------------------*/



/* [00.6] Navigation
-------------------------------------------------------*/
.genesis #navigation ul{
	list-style:				none;
	float:					right; 
	width:					8em; 
	padding: 				0em 0em 0em 0em; 
	margin: 				0em 0em 0em 0.6em; 
}
.genesis #navigation ul li{	
	float:					right; 	
	display:				inline;
	margin: 				1em 0em 0em 0em;
	padding: 				0 0 0.3em 0;	
}
.premiere .genesis #navigation ul li{	
	float:					right; 	
	display:				inline;
	margin: 				0 0 0 0;	
	position:				relative;
	top:					0; 
}

.genesis #navigation li a{
	display: 				block;
	text-align:				right;
	border-bottom:      	0em; 	
    text-decoration: 		none;
	width:					8.5em;
	height:					1em;
	padding: 				0em 0.4em 0.3em 0em;
	margin: 				0 0 0.1em 0;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
 	text-transform:			capitalize;
}

.genesis #navigation li a:hover{
	display: 				block;
	border-bottom:      	0em; 	
    text-decoration: 		none;
	width:					8.5em;
	height:					1em;
	padding: 				0em 0.4em 0.3em 0em;
	margin: 				0 0 0.1em 0;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
 	text-transform:			capitalize;
}

#paypal{
	width:					11em;
	height:					3em;
}


.genesis #navigation ul li a.current{
	display: 				block;
	border-bottom:      	0em; 	
    text-decoration: 		none;
	width:					8.5em;
	height:					1em;
	padding: 				0em 0.4em 0.3em 0em;
	margin: 				0 0 0.1em 0;
	background:				#ff0000;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
 	text-transform:			capitalize;
}


#navigation ul {
	list-style:				none;
	float:					right; 
	width:					8em; 
	padding: 				0em 0em 0em 0em; 
	margin: 				0em 0em 1.4em 0.6em; 
}
#navigation ul li{	
	float:					right; 	
	display:				inline;
	margin: 				1em 0em 0em 0em;
	padding: 				0 0 0.3em 0;	
}
.premiere #navigation ul li{	
	float:					right; 	
	display:				inline;
	margin: 				0 0 0 0;	
	position:				relative;
	top:					0; 
}

#navigation li a{
	display: 				block;
	text-align:				right;
	border-bottom:      	0em; 	
    text-decoration: 		none;
	width:					8.5em;
	height:					1em;
	padding: 				0em 0.4em 0.3em 0em;
	margin: 				0 0 0.1em 0;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
 	text-transform:			capitalize;
}

#navigation li a:hover{
	display: 				block;
	border-bottom:      	0em; 	
    text-decoration: 		none;
	width:					8.5em;
	height:					1em;
	padding: 				0em 0.4em 0.3em 0em;
	margin: 				0 0 0.1em 0;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
 	text-transform:			capitalize;
}


#navigation ul li a.current{
	display: 				block;
	border-bottom:      	0em; 	
    text-decoration: 		none;
	width:					8.5em;
	height:					1em;
	padding: 				0em 0.4em 0.3em 0em;
	margin: 				0 0 0.1em 0;
	background:				#ff0000;
	color:					#ffffff;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
 	text-transform:			capitalize;
}





/* [00.7] Brand
-------------------------------------------------------*/



/* [00.8] Quabe
-------------------------------------------------------*/
.genesis #social {
	width:									70em;
	padding:								1.5em 0 0 0;
	margin:									0 auto;
	margin-bottom:							1.5em;
}

.genesis #social p{
	padding:								0 !important;
	margin:								0 !important;
}

.genesis #social ul{
	width:									100%;
	margin:									0 !important;
	padding:								0 !important;
	list-style:none;
}

.genesis #social ul li{
	margin:									0 1em 0 0;
	width:									3em;
}

.genesis #social ul li.long{
	margin:									0 1em 0 0;
	width:									7em;
}



.genesis #social  h1{
	display:								none;
}


#social h1 {
	color:									#ff0000;
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								150%;
	font-weight:							500;
	line-height:							1.5em;
	margin: 								0 0 0.7em 0;
	text-align:								right;
	text-transform:							lowercase;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}



#social {
	padding:								0.5em 2em 0 0;
}

#social p{
	padding:								0 !important;
	margin:								0 !important;
}

#social ul{
	width:									100%;
	margin:									0 !important;
	padding:								0 !important;
	list-style:none;
}

#social ul li{
	float:left;
	margin:									0 2em 0 0;
	width:									3em;
}

#social ul li a.twitter{
	background:								url(/images/social/twitter.png) no-repeat;
	display:								block;
	height:									2.5em;
	margin:									0 0 0 0;
    padding: 								0;
	width:									2.5em;
}

#social ul li a.twitter:hover{
	border-bottom:      	0em; 	
    text-decoration: 		none;
}

#social ul li a.facebook{
	background:								url(/images/social/facebook.png) no-repeat;
	display:								inline-block;
	height:									2.5em;
	margin:									0 0 0 0;
    padding: 								0;
	width:									2.5em;
}

#social ul li a.facebook:hover{
	border-bottom:      	0em; 	
    text-decoration: 		none;
}















.help {
	margin-top:								0.7em !important;
}

.genesis #legal {
	width:									66em;
	padding:								0 0 2em 2em !important;
	background:red;
}


#legal {
	margin-top:								2em;
	padding:								2em 0 4em 0;
}

#copyright {
	padding:								0.3em 0 0 0;
}

.genesis #quabe {
	height:									1em;
	width:									30%;
}

#quabe {
	height:									1em;
	width:									30%;
}

#quabe a{
	border-bottom: 							none;
	color: 									#ffffff;
	display:								block;
	font-size:								150%;
	height:									1em;
	margin:									0;
	padding:								0;
	text-align:								left;
	text-decoration:  						none;
	text-transform:							capitalize;
	width:									15em;
	z-index:								100;
    -webkit-transition-duration:			.5s;
    -webkit-transition-property:			color;
    -webkit-transition-timing-function:		ease-in;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
}

#quabe a:hover {
	border-bottom:      					0;
	color: 									#579cfa;
	display:								block;
	height:									1em;
	margin:									0;
	outline: 								none;
	padding:								0;
	text-align:								left;
    text-decoration: 						none;
	width:									15em;
	z-index:								100;
    -webkit-transition-timing-function:		ease-out;
  	font-family: 			"Share-Regular", Helvetica, Arial, sans-serif;
 	font-size: 				130%;
 	-webkit-text-stroke: 	1em transparent;
}




/* [00.9] Token
-------------------------------------------------------*/
#token{
	visibility:								hidden;
	width:									1px;
}



/* [00.10] Kids
-------------------------------------------------------*/
/*GALLERY*/
.kids #content ul {
	list-style: 						none;	
	margin: 								2em auto;
	padding:								0;
	width:									43em;
}
.kids #content ul li {
	float:									left;
	margin: 								0 0.2em 0.4em 0.2em;
	width:									10.1em;
	font-size: 								100%;
}

.kids #content img {
	height:									7em;
	margin: 								0;
	width:									10.1em;
}



.profilewrap{
	z-index:								-100;
	display:								none;
}

.profile{
	margin: 								0;
	padding:								2em;
	width:									*;
 	min-height:								40em;
	height:									auto !important;
  	height:									40em;
	color:									#ffffff;
}


.profilepic{
	display:								block;
	width:									*;
	margin: 0 1em 0 0;
}

.profilepic img{
	display:								block;
	width:									25em;
	height:									30em;
	border:1px solid #333333;
}

.profileinfo{
	display:								block;
	width:									65%;
}


input.help{
	height: 								1em;
	margin: 								0;
	padding:  								0;
	width: 									3.5em;
	background:								#ff0000;
	border:									1px solid #ff0000;
	color:									#ffffff;
	text-align:								right;
	padding:								1em 1em 3em 1em;
	display:								block;
	float:									right;
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								140%;
	font-weight:							500;
}



/* form structure */


.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox,.formular .checkbox {
	display: inline;
}

#contactformbox .submit {
	height: 								3em;
	margin: 								0;
	padding:  								0;
	width: 									8em;
	background:								#ff0000;
	border:									1px solid #ff0000;
	color:									#ffffff;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}



/* form errors */

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	padding: 4px 10px 4px 10px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #393939;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #393939;
}