/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 15px 0; }
.clear{clear:both;}
ul{list-style: none;}
a{ text-decoration: none;}

.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

body {
	font-family: Arial, Helvetica, sans-serif;
 	background: url(images/body_bg.jpg) repeat-x;
	color: #000;
}

#main{
	width: 906px;
	margin: 0 auto;
}

#navi{
	width: 896px;
	height: 43px;
	padding: 38px 0px 0px 10px;
}

#navi ul li{
	float: left;
}

#navi ul li.frontpage a{
	display: block;
	width: 86px;
	height: 15px;
	margin: 0px 32px 0px 0px;
	background: url(images/front_page.jpg) no-repeat;
	text-indent: -9999px;
}

#navi ul li.philosophy a{
	display: block;
	width: 88px;
	height: 15px;
	margin: 0px 31px 0px 0px;
	background: url(images/philosophy.jpg) no-repeat;
	text-indent: -9999px;
}

#navi ul li.members a{
	display: block;
	width: 77px;
	height: 15px;
	margin: 0px 27px 0px 0px;
	background: url(images/members.jpg) no-repeat;
	text-indent: -9999px;
}

#navi ul li.community a{
	display: block;
	width: 91px;
	height: 15px;
	margin: 0px 29px 0px 0px;
	background: url(images/community.jpg) no-repeat;
	text-indent: -9999px;
}

#navi ul li.events a{
	display: block;
	width: 59px;
	height: 15px;
	margin: 0px 33px 0px 0px;
	background: url(images/events.jpg) no-repeat;
	text-indent: -9999px;
}

#navi ul li.enquiries a{
	display: block;
	width: 76px;
	height: 15px;
	margin: 0px 33px 0px 0px;
	background: url(images/enquiries.jpg) no-repeat;
	text-indent: -9999px;
}

#logo{
	position: absolute;
	display: block;
	margin: 227px 0px 0px 17px;
	width: 617px;
	height: 93px;
	text-indent: -9999px;
}

#home_pic{
	width: 906px;
	height: 350px;
	float: left;
	background: url(images/home_pic.jpg) no-repeat;
	text-indent: -9999px;
}

#color_lines{
	display: inline;
	width: 896px;
	height: 113px;
	float: left;
	margin: 0px 0px 0px 10px;
	background: url(images/color_rpt.jpg) repeat-x;
}

#header{
	width: 906px;
	height: 164px;
	float: left;
	background: url(images/header_bg.jpg) no-repeat bottom;
}

#small_logo{
	display: block;
	width: 346px;
	height: 51px;
	margin: 85px 0px 0px 10px;
	background: url(images/logo.jpg) no-repeat;
	text-indent: -9999px;
}

#banner{
	position: absolute;
	width: 246px;
	height: 270px;
	margin: -180px 0px 0px 664px;
	background: url(images/banner.jpg) no-repeat;
}

#content{
	width: 906px;
	float: left;
	clear: left;
}

#content h1{
	color: #626262;
	font-size: 1.8em;
	margin: 31px 0px 17px 15px;
}

.spacer{
	display: inline;
	width: 878px;
	height: 18px;
	margin: 0px 0px 0px 15px;
	background: url(images/spacer.gif);
	float: left;
	clear: both;
}

#text{
	width: 590px;
	float: left;
	padding: 0px 0px 0px 15px;
}

#text p{
	color: #626262;
	font-size: 0.7em;
	line-height: 185%;
	margin: 0px 0px 20px 0px;
}

#right_navi{
	width: 214px;
	float: left;
	margin: 0px 0px 0px 68px;
}

.members_profile{
	width: 214px;
	height: 26px;
	padding: 9px 0px 0px 0px;
	margin: 0px 0px 31px 0px;
	background: url(images/members_bg.gif) no-repeat;
	text-align: center;
}

.members_profile a{
	color: #fff;
}

#right_navi ul li{
	display: block;
	width: 195px;
	height: 20px;
	margin: 5px 0px 5px 10px;
	background: url(images/right_navi_btm_bg.gif) no-repeat bottom;
}

#right_navi ul li a span{
	display: block;
	width: 177px;
	height: 14px;
	color: #000;
	font-size: 0.7em;
	background: url(images/right_navi_bullet.gif) no-repeat right;
}

#right_navi ul li.green a{
	display: block;
	height: 14px;
	padding: 0px 0px 0px 18px;
	background: url(images/greencircle.gif) no-repeat left;
}

#right_navi ul li.purple a{
	display: block;
	height: 14px;
	padding: 0px 0px 0px 18px;
	background: url(images/purplecircle.gif) no-repeat left;
}

#right_navi ul li.lightgreen a{
	display: block;
	height: 14px;
	padding: 0px 0px 0px 18px;
	background: url(images/lightgreen_circle.gif) no-repeat left;
}

#right_navi ul li.cyan a{
	display: block;
	height: 14px;
	padding: 0px 0px 0px 18px;
	background: url(images/cyancircle.gif) no-repeat left;
}

#footer{
	width: 100%;
	height: 39px;
	float: left;
	clear: both;
	margin: 148px 0px 0px 0px;
	background: url(images/footer_bg.jpg) repeat-x;
}

#footer_text{
	width: 891px;
	padding: 10px 0px 0px 15px;
	margin: 0 auto;
}

#footer_text ul li{
	color: #fff;
	font-size: 0.7em;
	padding: 0px 10px;
	float: left;
	background: url(images/footer_navi_bg.gif) no-repeat center left;
}

#footer_text ul li.no_bg{
	background: none;
}


#footer_text ul li a{
	color: #fff;
}

.t1
{
font-family: arial;
font-size: 20px;
color: #222;
font-weight: bold;
}
.t2
{
font-family: arial;
font-size: 20px;
color: #028aac;
font-weight: bold;
}
.t3
{
font-family: arial;
font-size: 20px;
color: #6c03c5;
font-weight: bold;
}

form{
	width: 485px;
	margin: 0 0 40px 0;
	float: left;
}

#form-left{
	width: 270px;
	float: left;
	padding: 0 3px 0 0;
}

#form-right{
	width: 210px;
	float: left;
}
label{
	padding: 0 0 10px 0;
	font-size: 0.75em;
}
.formfield{padding: 0 0 12px 0;}
input, select, option{
  height: 18px;
}
.inputfile input{
  height: 22px;
}
input, select, textarea{
	border: solid 1px #ccc;
	background: white url(images/contact-input-back.gif) repeat-x;
	width: 210px;
}
option{background: white;}
#title{width: 110px;}
#messagediv{
  width: 380px;
  float: left;
}
textarea{
	width: 380px;
	background: transparent url(images/contact-textarea-back.gif) repeat-x left bottom;
}
.check{
  width: 15px;
  position: relative; top: 3px;
}
select#position{width: auto; height: 22px;}
#submitdiv input{
	float: right;
	font-weight: bold;
	width: 78px;
	height: 29px;
	border: 0;
	font-size: 15px;
	color: #fff;
	background: #008E92;
	padding: 0 0 3px 0;
}
#contactwrap #submitdiv input{
  position: relative; top: 20px;
}
.errormsg{color: red;}
#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	min-height: 60px;
	float: left;
	margin: 0 0 10px 0;
	height:auto;
	font-size: 0.75em;
}

* html #errormsg{
  height: 60px;
}