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

body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background-color:#626262;
	margin-bottom:20px;
	/*background-image:url(../img/background2.png);(*/

	}
	
	#content {
		width:900px;
	background-color:#000;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,1);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,1);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,1);	
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	
	vertical-align:central;
	text-align:left;
	padding:15px;
	height:1400px;
	margin:0px auto;
	margin-top:30px;
	margin-bottom:0px auto;
	
	background:#efefef url(../img/background.png) repeat top center;
	}
	
	#menu{
		height:60px;
		width:540px;
		margin-left:160px;
		
	}
	
	
	/*HTML Hidden Pages
web*/
.webHTML {
	background: #fff;
	width: 883px;
	position: relative;
	left:0px;
	float: left;
	
	z-index: 100; /* the stack order: foreground */
	overflow:hidden;
	display:none;
}

div .box{
	padding:4px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

.FAQbutton{
	width:890px;
	height:30px;
	background-color:#999;
	text-align:left;
	font-size: 1em;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #000;
		margin: 0;
		margin:5px;
}

#ulMenu
{
float:left;
width:100%;
padding-bottom:20px;
margin:0;
list-style-type:none;

	border-bottom:1px solid #dfdfdf;
}

#liMenu{
	display:inline;
	}
	
.spanImages{
	display:none;
}

	
	
	/*
Stacks CSS ----------------------------------------------------------------------------------------------------------- */

/* Layout */
.stack { float: left; width: 12%; margin: 0 4% 4% 0; position: relative; z-index: 10; left:26px;}

/* Image styles */
.stack img {  max-width: 120px; height: 120px; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 3px; width: 120px; height: 120px; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
}
.stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	

/* Fourth stack example (Similar to the second but rotated left) */
.stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}


/*Custom FOnt*/
@font-face {
  font-family: AppleChancery;
  src:url(../../../fonts/AppleChancery.ttf)
}

.introText{
	padding-top:20px;
	font-family:'AppleChancery';
	font-size:34px;
	text-align:center;
}


.comments2{
	width:900px;
	 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
}


/*Overlay*/

 a.activator{
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url(../img/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
			width:400px;
            top:-300px;
            left:33%;
			right:33%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
        }
        .introText2{
			text-align:center;
	font-family:'AppleChancery';
	font-size:34px;
            border-bottom: 1px dashed #7F7F7F;
            margin:-4px -5px 0px -4px;
            padding:10px;
            background-color:#FC9;
			background-image:url(../img/filters_back.jpg);
            color:#FFF;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(../img/cancel.png) repeat top left;
            margin-top:-13px;
            margin-right:-13px;
            cursor:pointer;
        }