@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: Century Gothic;
 src: url('font/GOTHIC.TTF');
}
@font-face {
 font-family: Century Gothic;
 font-weight: bold;
 src: url('font/GOTHICB.TTF');
}
html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	font-family: Century Gothic, sans-serif;
	font-size: 12pt;
	color: #fff;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width:800px;
}
#header {
	float:left;
	width:770px;
	height:80px;
	padding:15px;
	position:relative;
}
/* ----------------------------------------- Navigation Styling -------------------------------------------------- */
#navigation {
	float:left;
	width:950px;
	height:72px;
	position:relative;
}
#nav {
	margin:auto;
	position:relative;
	z-index:5;
	width:950px;
}
#nav p {
	font-weight:normal;
	font-size:8pt;
}
#nav ol li {
	font-weight:normal;
	font-size:8pt;
}
#nav p strong {
	font-weight:bold;
	font-size:8pt;
}
#nav h3 {
	font-weight:bold;
	font-size:7.5pt;
	line-height:0em;
}
#nav h4 {
	font-weight:bold;
	font-size:14pt;
	line-height:32pt;
}
#nav h5 {
	font-weight:normal;
	font-size:8pt;
	line-height:10pt;
}
#nav li {
	margin:0px 3px 0px 3px;
	float: left;
	position: relative;
	list-style: none;
}
#nav a {
	outline:none;
	width:223px;
	height:62px;
	padding-top:10px;
	padding-left:7px;
	background:url(../images/img-navigation-bg-b.png) top left no-repeat;
	text-decoration:none;
	color:#3D3530;
	display:block;
	margin:0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#nav .current a, #nav li:hover > a {
	margin:0;
	background-position:right;
}
#nav .current h5, #nav li:hover h5 {
	color:#fff;
}
#nav ul {
	display:none;
	float:left;
	margin:0;
	padding:0;
	width:220px;
	padding-left:5px;
	padding-right:5px;
	background-color:#FAA21B;
}
#nav li:hover > ul {
	display: block;
}
#nav ul a {
	outline:none;
	background:none;
	margin:0;
	width:200px;
	height:25px;
	font-weight: normal;
	text-align:right;
}
#nav ul a:hover {
	color:#0000FF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
/* ----------------------------------------- Content Styling -------------------------------------------------- */
#content {
	float:left;
	vertical-align: middle;
	width:950px;
	height:600px;
	z-index:2;
}
#content h1 {
	margin:0;
	font-weight:bold;
	font-size:12pt;
}
#content p {
	margin:0;
	padding-top:5px;
	font-size:7.5pt;
}
#content a {
	outline:none;
	text-decoration:none;
	color:#FAA21B;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
#content a:hover {
	color:#0000FF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
#bubble-text {
	margin:auto;
	width:auto;
	height:auto;
	padding:5px;
	background:#c1b8b1;
}
#bubble-text p{
	font-size:9pt;
	line-height:12pt;
	color:#3D3530;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	padding-top:0px;
}
#bubble-1 {
	margin:auto;
	width:266px;
	height:80px;
	padding-left:70px;
	padding-top:5px;
	background:url(../images/img-bubble.png) left top no-repeat;
}
#bubble-2 {
	margin:auto;
	width:267px;
	height:81px;
	padding-left:70px;
	padding-top:5px;
	background:url(../images/img-bubble-3.png) left top no-repeat;
}
#bubble-3 {
	margin:auto;
	width:268px;
	height:96px;
	padding-left:70px;
	padding-top:20px;
	background:url(../images/img-bubble-2.png) left top no-repeat;
}
#ad {
	z-index:3;
	position:absolute;
	bottom:35px;
	float:left;
	width:274px;
	height:300px;
	background:url(../images/img-human-b.png) bottom left no-repeat;
}
#footer {
	float:left;
	width:100%;
	height:35px;
	bottom:0px;
	left:0px;
	position:static;
	background-color:#000000;
}
#footer p {
	width:950px;
	font-size: 8pt;
	margin-left:15px;
	margin-top:9px;
}
/* ----------------------------------------- Form Styling -------------------------------------------------- */
#contact {
	width:500px;
	margin-top:25px;
}
#form-contact {
	position:relative;
	width:500px;
	margin:0 auto;
}
#form-contact p {
	padding:5px 3px 5px 0px;
}
#form-contact ol {
	list-style:none;
}
#form-contact li {
	padding:5px 0px 5px 0px;
}
#form-contact li:nth-child(2n+1) {
 float:left;
 margin-right:20px;
}
#form-contact li:nth-child(6n) {
 clear:both;
}
#form-contact input {
	width:232px;
	padding:5px 3px 5px 3px;
	border:1px solid #8E9AA1;
}
#form-contact input:focus {
	border:1px solid #ED1E79;
}
#form-contact textarea {
	width:493px;
	padding:5px 3px 5px 3px;
	border:1px solid #8E9AA1;
}
#form-contact textarea:focus {
	padding:5px 3px 5px 3px;
	border:1px solid #ED1E79;
}
#form-contact li button.send {
	position:absolute;
	bottom:-25px;
	right:0px;
	border:none;
	display:block;
	width:70px;
	height:25px;
	text-align:center;
	font-weight:bold;
	font-family: Century Gothic, sans-serif;
	cursor:pointer;
}
#form-contact li button.send:hover {
	background-position:right;
	font-weight:bold;
}
/* ----------------------------------------- Send form -------------------------------------------------- */
#form-valid {
	position:absolute;
	top:50%;
	left:50%;
	margin: -100px 0 0 -250px;
	padding:50px;
	height:200px;
	width:400px;
	vertical-align:middle;
	background: rgba(255, 255, 255, .65);
	border:solid #CCCCCC 1px;
}
#button a {
	position:absolute;
	bottom:50px;
	right:50px;
	border:none;
	display:block;
	width:85px;
	height:18px;
	text-align:left;
	padding:7px 0px 5px 15px;
	background:url(../images/main/btn-contact.png) left top no-repeat;
	color:#E6E6E6;
	text-align:left;
	font-size:0.813em;
	font-weight:bold;
	font-family: Century Gothic, sans-serif;
	cursor:pointer;
}
#button a:hover {
	background-position:right;
}
#form-error {
}