/* CSS Document */

/* Global
------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address,img{
	margin:0;
	padding:0;
	}

body{
	margin:27px 0 0 0;
	font:normal 8pt "Arial";
	Color:#4e4e4e;
	line-height: 1.6em;
	background:url(../i/bg.jpg) repeat-x #b9e0f1;
}

#container {
	width:1103px;
	position: relative;
	margin: 0px auto;
}

a:link,
a:visited {
	text-decoration:none;
	}	
a:hover {
	text-decoration: underline;
	Color:#4e4e4e;
	}

img.evil { 
	behavior: url("pngbehavior.htc");
}

img {
	border:0;
	}
	

#right{
	float:right;
}

#left{
	float:left;
}


/* header
------------------------------------ */
#header{
	width:886px;
	float:left;
}

#logo{
	width:110px;
	float:left;
	padding:1px 0 0 21px;
}

#banner{
	width:886px;
	padding:1px 0;

}



/* content-global
------------------------------------ */
#content_global{
	width:886px;
	float:left;
	background:#ffffff;
	padding:15px;
}


#content{
	width:1093px;
	float:left;
	background:#ffffff;
	padding:5px;
}

#content_left{
	width:189px;
	float:left;
	padding:28px 45px 0 0;
	text-align:right;
	background:url(../i/bg_deco.gif) left top no-repeat;
}

#content_right{
	width:650px;
	float:left;
	padding:28px 0 0 0;
}

#indicate{
	width:189px;
	padding:5px 0 30px 0;
	font:normal 7pt "Tahoma";
	color:#909090;
	text-transform:lowercase;
	
}
#indicate a{
	color:#909090;
}
#indicate a:hover{
	color:#ff7f00;
}
.txt_indicate{
	text-transform:lowercase;
	color:#36cad7;
}


/* content-left
------------------------------------ */
#content_inner{
	width:548px;
	float:left;
}

ul{
	list-style:disc;
	padding:4px 0 10px 15px;
}

li{	
	padding:1px 0 1px 0;
}

ol{
	padding:4px 0 10px 23px;
}



/* contact body
------------------------------------ */

.field2 {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid; 
	FONT-SIZE: 8pt; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	BORDER-color: #d7d7d7;
	FONT-FAMILY: Tahoma; 
	color: #3a3a3a;
	padding-right: 1px; 
	padding-left: 1px; 
}

.button {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 8pt;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
	BORDER-color: #cbcbb8;
	FONT-FAMILY: Tahoma;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
}


/* link-txt / text
------------------------------------ */


.title{
	font:bold 11pt "Arial";
	color:#1e1e1e;
}
#subtitle1{
	font:bold 10pt "Trebuchet MS";
	color:#ff3000;
	text-transform:uppercase;
	text-decoration:none;
}

.subtitle{
	font:bold 9pt "Trebuchet MS";
	color:#3c3425;
	text-transform:uppercase;
	text-decoration:none;
}

.link_brown{
	font:bold 9pt "Trebuchet MS";
	color:#3c3425;
}

.link_orange{
	font:normal 8pt "Arial";
	color:#ff7f00;
}

.txt_grey{
	font:normal 7pt "Tahoma";
	Color:#4e4e4e;
}



/* content-contact
------------------------------------ */

#contact_tel{
	float:left;
	width:50px;
}

#contact_no{
	float:left;
	width:120px;
}

/* form
------------------------------------ */

#form{
	float:left;
	width:320px;
	border:1px solid #e6e6e6;
	padding:8px;
	background:#f2f2f2;
}

#form label {
	display: block;
	float: left;
}
#form div.row{
	width:320px;
	float:left;
	margin:5px 0 5px 0;
}

#form p.row2{
	width:210px;
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 110px;
}
#form label{
	font:bold 8pt "Arial";
	width: 95px;
	padding: 0 15px 0 0;
	text-align:center;
}

.textarea{
	width:200px;
	height:150px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

.input2{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}
.field{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}

.select{
	width:202px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

.button {
	border:1px solid #d1d1d1;
	font:bold 7pt "Tahoma";
	color: #333317;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
	margin-right:3px;
}

.txt-red2{
	color:#ff0600;
	font:bold 7pt "tahoma";
}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}
.field{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}


/* space
------------------------------------ */
.space1{
	padding:0 0 20px 0;
}

.space2{
	padding:0 0 10px 0;
}

.space3{
	padding:5px 0 0 0;
}




/* footer
------------------------------------ */
#footer {
	width:1103px;
	float:left;
	text-align:right;
	background:url(../i/footer.jpg) left top no-repeat;
	font:normal 7pt "Tahoma";
	Color:#148cc1;
	text-decoration: none;
	padding:7px 3px 0 0;
	height:18px;
}

#footer a{
	Color:#7baec4;
	text-decoration: none;
}
#footer a:hover{
	Color:#ff0000;
	text-decoration: underline;
}