/* general tag styles */

html {
	height:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #284B6C;
	padding: 0;
	margin: 0 0 0 0;
	text-align: center;
	background: #9e8d0f url(../i/bg_main.jpg) center top repeat-y;
	height: 100%;
}

p, td, li, form, label {
	font-size: x-small;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 120%;
	padding: 0 0 10px 0;
	color: #fff;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
} 

h1, h2, h3, h4 {
    font-size: x-small;
	line-height: 120%;
	padding: 10px 0 1px 0;
	borer: 0;
	margin: 0;
	color: #fff;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #FFFFCC;
}

a:hover {
	color: #FFFFCC;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

td.dotted-separator {
	background: url(/i/dotted_vertical.gif) top left repeat-y;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 1015px;
	height: 638px;
	padding: 0 0 24px 0;
	background: url(../i/bg_main_container.jpg) center bottom no-repeat;
}

#centered {
	width: 100%;
	height: 100%; 
	min-height: 100%;
}

#centered td {
	vertical-align: middle;
	text-align: center;
}

#header{
	background: url(../i/bg_header.jpg) center top no-repeat;
	padding: 10px 0 14px 0;
}

#header .map{
	 float: left; 
	 margin: 33px 0 0 110px;
}

#nav-container{
	margin: 0 78px 0 371px !important;
}

#nav-container .nav{
	height: 87px;
}

#nav-container .nav td {
	vertical-align: bottom;
}

/* CONTENT HOME */
#content{
	background: url(../i/bg_content.jpg) no-repeat;
	margin: 0 0 6px 0px;
	padding: 0 0 0 390px;
	height: 478px;
}

#content-home{
	background: url(../i/bg_content.jpg) no-repeat;
	margin: 0 0 6px 0px;
	padding: 0;
	height: 478px;
}

#content-home #flash-place {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	z-index: 0;
	position: absolute;
}


#content-text-home{
	font-size: 11px;
	color: #816735;
	margin: 0 40px 0 0;
	padding: 63px 0 0 0;
}

#content-text-home h3{
	font-size: 14px;
	color: #816735;
	margin: 0 0 0 388px;
	padding: 0 0 20px 0;
}

#content-text-home p{
	font-size: 12px;
	color: #816735;
	padding: 0 0 10px 0;
	margin: 0 0 0 388px;
	line-height: 150%;
}


/* CONCEPT */

#content-concept{
	background: url(../i/bg_content_concept.jpg) no-repeat;
	margin: 0 0 6px 0px;
	padding: 0 0 0 390px;
	height: 478px;
}

/* CONTACT */
#content-contact{
	background: url(../i/bg_content_contact.jpg) no-repeat;
	margin: 0 0 6px 0px;
	padding: 0 0 0 390px;
	height: 478px;
}

/* GINCUP */
#content-gincup{
	background: url(../i/bg_content_gincup.jpg) no-repeat;
	margin: 0 0 6px 0px;
	padding: 0 0 0 390px;
	height: 478px;
}

#content-text{
	font-size: 11px;
	color: #816735;
	margin: 0 60px 0 0;
	padding: 63px 0 0 0;
}

#content-text h3{
	font-size: 14px;
	color: #816735;
	padding: 0 0 20px 0;
}

#content-text p{
	font-size: 12px;
	color: #816735;
	padding: 0 0 10px 0;
	line-height: 150%;
}

#content-text .img-flush-left{
	float: left;
	padding: 0 30px 0 25px;
}

#content-text .img-flush-right{
	float: right;
	padding: 0 25px 0 30px;
}

#content-text #contact-form {
	margin: 0 20px 20px 0;
}

#content-text #contact-form .error{
	font-size: 11px;
	color: #f00;
	padding: 0;
	margin: 0;
}

#content-text #contact-form td {
 	border: none;
	padding: 0 1px 7px 0;
	margin: 0;
	text-align: left;
}

#content-text #contact-form td p{
	padding: 0;
	margin: 0;
}

#content-text #contact-form th {
	font-size: 12px;
 	border: none;
	padding: 2px 4px 4px 0;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

input, textarea, select {
	border-left: 1px solid #67672a;
	border-top: 1px solid #67472a;
	border-right: 1px solid #67472a;
	border-bottom: 1px solid #67472a;
	font-family: Tahoma, Verdana, Arial;
	padding: 1px;
	font-size: 11px;
}

.check{
	border: none;
	vertical-align: middle;
}	

.btn {
	border: 0;
	margin: 0;
}

/* FOOTER */
#footer{	
	background: url(../i/footer_bg.jpg) center top no-repeat;
	height: 43px;
}

#footer p{
	color: #b9b9b9;
	font-size: 10px;
	padding: 5px 0 0 0;
	margin: 0;
}

#footer p a{
	color: #b9b9b9;
	text-decoration: none;
}

#footer p a:hover{
	color: #fff;
}

#footer .left{
	margin: 0 0 0 58px;
	padding: 6px 0 2px 0;
	line-height: 150%;
}

#footer .right{
	float: right;
	margin: 0 45px 0 0;
	_margin: 0 22px 0 0;
	padding: 2px 0 2px 0;
	font-size: 12px;
}
#footer .right .img{
	vertical-align: middle;
}	
/* END FOOTER */

#overlayer {
    padding: 0 0 0 45px;
    margin: 0;
	position: absolute;
	top: 25%;
	left: 38%;
	width: 525px;
	background: url(../i/overlayer_bg2.gif) no-repeat;
	height: 369px;
	z-index: 100;
}

#overlayer .btn-close{
	padding: 10px 0 0 440px ;
}

#overlayer h1{
	padding: 10px 0 5px 30px;
	color: #816735;
	font-size: 18px;
	line-height: 120%;
}

#overlayer h2{
	padding-left: 30px;
	color: #816735;
}

#overlayer p{
	padding: 0 20px 0 30px;
	color: #816735;
	font-size: 12px;
}

#overlayer p a{
	color: #9C9B99;
	text-decoration: underline;
}

#overlayer p.first{
	padding: 45px 20px 0 30px;
	color: #816735;
	font-size: 14px;
}

#overlayer p.bottom-text{
	padding: 0 20px 0 30px;
	color: #9C9B99;
	font-size: 12px;
}

#overlayer p.bottom-text a{
	color: #9C9B99;
	text-decoration: underline;
}

#overlayer p.img{
	padding: 10px 20px 10px 170px;
}