@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

html, body {
	height: 100%;
	min-height: 100%;
	width: 100%;

}

#wrap{
	min-height: 100%;
	background: #f9fdfb; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #f9fdfb 62%, #cfecdf 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(62%,#f9fdfb), color-stop(100%,#cfecdf)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #f9fdfb 62%,#cfecdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #f9fdfb 62%,#cfecdf 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #f9fdfb 62%,#cfecdf 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #f9fdfb 62%,#cfecdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fdfb', endColorstr='#cfecdf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#header {
	z-index:20;
	position:fixed;
	top: 0;
	left: 0;
	height:12.5em;
	width: 100%;
	min-width:50em;
	background-color:#FFF;
	border-bottom: 4px solid #009E58;
		
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); 
}

#header h1 {
	margin: 0.85em auto 0 auto;
	font-size:1.5em;
	text-align:center;
}

#header ul {
	position:relative;
	list-style-type:none;
	text-align:center;
	margin: 1em auto 0 auto ;
}

#header li{
	border-left:1px solid #999;
	display:inline;
	padding:0 0.55em 0 0.8em;;
	font-size: 0.9em;
}

#header li.first{
	border-left:none;
}

#header a:link, #header a:active, #header a:visited {
	color:#999;
	font-size: 0.9em;
	text-decoration:none;
	padding:4px;
}

#header a:hover {
	position:relative;
	background-color:#009D57;
	color:#000;
	font-style:italic;
	top:-4px;
	left:4px;
	-webkit-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
}


#content{
	overflow:auto hidden;
	padding: 13.5em 0 4.75em 0;	
	width:45em;
	margin: 0 auto;
}

#content h1{
	margin: 0.85em auto 0 auto;
	font-size:2em;
	text-align:center;
}


#content p {
	line-height:1.5em;
	text-align:justify;
	margin:0 2em 0.75em 2em;
	font-size:0.9em;	
}

#content ul {
	margin: 2em auto;
	width:14.5em;
}

.contact {
	margin: 2em auto;
	width:25em !important;
}

#content li {
	font-size:0.9em;
	margin: 0.75em auto;
	list-style-type:none;
}

#content a:link, #content a:active, #content a:visited {
	color:#009E58;
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none;
	padding:4px;
}

#content a:hover {
	position:relative;
	background-color:#009D57;
	color:#000;
	font-style:italic;
	top:-4px;
	left:4px;
	-webkit-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
}

#footer {
	margin: -4em auto 0 auto;
	height: 3em;
	background-color:#FFFFFF;
	padding: 0.75em 0 0 0;
	
	-webkit-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	border-top: 0.25em solid #009E58;
}


#footer p {
	font-size:0.6em;
	color:#999;
	text-align:center;
	margin:1em auto 0 auto;
	
}

#footer ul {
	position:relative;
	list-style-type:none;
	text-align:center;	
	
}

#footer li{
	border-left:1px solid #999;
	display:inline;
	padding:0 0.55em 0 0.8em;;
	font-size: 0.8em;

}

#footer li.first{
	border-left:none;

}

#footer a:link, #footer a:active, #footer a:visited {
	color:#999;
	font-size: 0.8em;
	text-decoration:none;
	padding:4px;
}

#footer a:hover {
	position:relative;
	background-color:#009D57;
	color:#000;
	font-style:italic;
	top:-4px;
	left:4px;
	-webkit-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 1);
	
	
}

hr {
	border: none;
	border-bottom: 0.1em solid #009E58;
}

.bold {
	font-weight:bold;
}

.title {
	font-style:italic;
	font-size:0.6em;	
}

.turn{
	-moz-transform: rotate(2deg);
	-webkit-transform:rotate(2deg);
     -o-transform:rotate(2deg);
    -ms-transform:rotate(2deg);
    transform:rotate(2deg);
    
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3); 
        	
}

/* -- Slider -- */

.slider {
	float: left;
	position: relative;
 	margin:-1em 0 0.25em 0;
}

.window {
	height:30em;;	
	width: 45em;
	overflow: hidden; 
	position: relative;
	
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}

.image_reel img {
	float: left;
	width: 45em;
	height: 30em;
}


/*--Paging Styles--*/
.paging {
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	width: 48em !important;
	margin-right:-3em!important;
	list-style-type:none;
}
.paging a {
	text-decoration: none;
	color:#000;
	padding:0!important;
	width:7em !important;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
.paging a.active {
	font-weight: bold;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	
}
.paging a:hover {
	position:relative;
	background-color:transparent !important;
	top:0 !important;
	left:0 !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}



.paging li {
	display:inline !important;
	margin: 0 1.5em 0 0 !important;
	width: 7.8em;
	
}

.paging img {
	margin:1.5em 0 0 0;
	width: 7.8em;
	height: 5.81em;	
	display:inline;
}