@charset "utf-8";

@font-face {
 font-family: George;
 src: url("GeorgRegular.eot"); /* EOT file for IE */
}

.George {
font-family: "George", Arial, Helvetica, sans-serif;
}

@font-face {
 font-family: AirFragment;
 src: url("AIRFRAGME.eot"); /* EOT file for IE */
}

.AirFragment {
font-family: "AirFragment", Arial, Helvetica, sans-serif;
}

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;

}

body {
background-color:#121212;
background-image:url(../resources/back_2.png);
margin:30px 0 0;
}

a:link {
color:#464646;
text-decoration:none;
}

a:hover {
text-decoration:none;
color: #000000;
}

h1 {
color:#999;
margin-top:8px;
letter-spacing:-0.1em;
line-height:0.8em;
font-size:31px;
}

h1 span {
color:#ccc;
font-size:18px;
letter-spacing:-0.053em;
text-transform:uppercase;
}

h2 {
font-size:24px;
}

h3 {
font-size:17px;
}

#slogan {
font-family:  Arial, Helvetica, sans-serif;
font-size: 21px;
margin-top:5em;
margin-left:0.75em;
font-weight:500;
color:#CCCCCC;
}

#top {
position:absolute;
top:20px;
left:20px;
width:310px;
height:500px;
cursor: pointer;
margin-top:30px;
z-index: 1;
}

#logo {
float:left;
height:86px;
width:110px;
}

#title {
width:180px;
margin: 0 0 0 130px;	
position: absolute;
visibility: visible;
z-index: 4;
}

#menu {
float:left;
width:290px;
padding-bottom:10px;
padding-top:10px;
font-weight:500;
color:#999;
margin-top: 40px;
font-size: 26px;
text-transform: lowercase;
line-height: 1.5em;
font-family: "AirFragment", "George", Arial, Helvetica, sans-serif;
}

#menu a:link,#menu a:active,#menu a:visited,#menu a:hover {
color:#ccc;
}

#menu a:hover {
color:#999;
text-transform: uppercase;
font-size:30px;
}

#menu ul li {
width:230px;
float:left;
margin-top:-12px;
}

#contact {
float:left;
width:290px;
margin-top:126px;
text-align:right;
font-size:10px;
color:#ccc;
}

#container {
height:500px;
background-color:#fff;
border:2;
border-color:#CCCCCC;
float:left;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding:20px 0 20px 320px;
position: inherit;
z-index: 0;
}

#container img {
margin-right:13px;
border-color:#999999;
}

#container ul li {
float:left;
height:500px;
margin-right:12px;
background-color:#FFFFFF;
}

#arrows {
position:fixed;
top:620px;
left:600px;
width:90px;
height:30px;
cursor:pointer;
}

#arrows ul {
list-style: none;
margin:0;
padding:10 10 10 10;
}

#arrows ul li {
display:inline;
width:40px;
height:30px;
margin:0;
padding:0;
}

#arrows ul li a {
margin-right:5px;
float:left;
display:block;
width:40px;
height:30px;
overflow:hidden;
cursor:pointer;
font-size:12px;
text-indent:-9000px;
}

#arrows ul #left a {
background:transparent url(../resources/leftbig.gif) no-repeat;
}

#arrows ul #right a {
background:transparent url(../resources/rightbig.gif) no-repeat;
}

#back {
	background-color:#FFFFFF;
	float:left;
	height:66px;
	width:66px;
	display:block;
	outline:0;
	z-index:1;
	left:20px;
	position:inherit;
	background:url('../resources/left.png') no-repeat;
	font-size:32px;
}

#back:hover {
background-position:0 0px;
padding:-40px;
}
 
#back00 {
width:120px;
height:500px;
background-color:#FFFFFF;
}

#footer {
	height:44px;
	width:275px;
	padding-left:0px;
	margin-top:550px;
	font-size:12px;
	position:absolute;
	margin-left:0;
	left:-6px;
	text-transform:uppercase;
	top: -88px;
	font-size:9px;
}

#qTip {
position:absolute;
display:none;
font-size:13px;
color: #999999;
z-index:1000;
background:url('../resources/mTip.png') repeat;
}

a:visited,a:active {
text-decoration:none;
color:#333;
}

#menu ul,#container ul {
list-style-type:none;
display:inline;
padding:0;
}

#ScrollTip {
position:absolute;
width:15200px;
height:16px;
z-index:2;
padding-left:18px;
padding-right:302px;
left:0px;
top:600px;
background-color:#FFFFFF;
}

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid  #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	background: #cccccc;
	color: #464646;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
	width: 670px;
}
div.text_in {
	margin:20px 20px 0px 4px;
}
div.element {
	margin:0px 20px 0px 4px;
	padding: 4px;
	width:650px;
}
div.element h4 {
	font-size:14px;
	margin-bottom:0.75em;
}
div.element h3 {
	font-style:italic;
	font-size: 12px;
	margin-top:-0.5em;
}
div.element p {
margin-top: -0.5em;
}	

<!--div.element p, div.element h4 {
<!--	margin-right:30px;
<!--	margin-left:4px;
<!--	padding:4px;
<!--} -->

blockquote {
	padding:5px 20px;
}
<!-- additional entry -->
hr, .hide {
	position:absolute; 
	top:0;
    left:-9000px;
}

#page {
	height: 509px; 
}

#leftsider {
	padding: 50px 0 0 50px;
	float: left;
	width:500px; 
}

#leftsider h1 {font-size: 2.0em;}	

#content {
	margin: 0px 0 0 0px; 
	float: left;
	font-size: 1.1em; 
}

.forma {
	padding-left: 60px; 
	float: left; 
	width: 560px;	
	height: 540px;
	text-align:justify;
} 

#content h4 {font-size: 1.2em;}

.par {
	padding-left: 60px; 
	float: left; 
	width: 500px;	
	height: 540px;
	text-align:justify;
}
.par h3 {font-size:1.6em; margin-bottom:3px;}
.par h4 {font-size:1.3em; margin-bottom:5px;}
.par h5 {font-size:1.3em; margin-top:40px;}
.par h6 {font-size:0.8em; margin-top:1px; margin-bottom:5px;}

.alt {/* modify this to add style to alternate sections*/}


#note { 
	margin-top:10px;
}



p.secbot a{
	margin-top: -5px;
	padding-left: 0px;
	border-bottom:none;
	color: #CCCCCC;
	background: url('../resources/leftsmall.png') no-repeat scroll left center;
	text-decoration:none;
	font-size:0.9em;
}

p.secbot a:hover {
	border-bottom:1px solid #666666;
}

#rightsider {
	margin: 0; 
	padding: 0 10px 0px 0;
	float: left;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}