/* CSS Document */

html, body {
	margin:1px auto;
	padding:0;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:85% ! important;
	font-size:83%;	
	text-align:center;
	background:#FBFBFA url(../img/bgrd_main.jpg) repeat-x;
}

* html, body {
	fxont-size:x-small; /* for IE5/win */
	f\oxnt-size:small; /* for other IE versions */
}

h1, h2, h3, h4, h5, h6 {margin:0px;	padding:0px;}

h1 {font-size:160%; padding:20px 20px 0px 20px;}
h2 {font-size:140%;}
h3 {font-size:110%; color:#000;}

.clear {clear:both;}

#logoHolder {background:url(../img/bgrd_head.jpg) repeat-x;}
#logoHolder h3 {padding-left:20px; font-weight:normal;}

#holder {
	max-width:990px;
	min-width:700px;
	border:1px solid #C1BEAE;
	width:80%;
	margin:10px auto 10px auto;	
	text-align:left;
	padding:0;
	background:#fff url(../img/sea_star.jpg) -10px 85px repeat-x;	
}

*html #holder {
	width:expression(document.body.clientWidth > 900? "900px": "80%" );
	/*width:expression(document.body.clientWidth < 500 ? "500px" : "80%" );*/

	
}



#borderHolder {border:1px solid #fff;}

#addressHolder{text-align:right;}

ul#address {
	margin:0;
	margin-top:27px;
	margin-left:30%;	
	padding:0;
	padding-top:10px;
	list-style:none;
	border-left:1px solid #fff;
	color:#fff;	
}

ul#address li {padding-right:20px;}
ul#address li#address1, ul#address li#phone {padding-top:10px;}
ul#address li#phone {padding-bottom:10px;}
ul#address li a {color:#fff;}
ul#address li a:hover {text-decoration:none;}

#nameHolder{}

#nameHolder h2{
	margin:0;
	margin-left:30%;
	padding:20px;
	background-color:#000;	
	color:#fff;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}

#menuBgrd {background:url(../img/bgrd_menuFaux.gif) repeat-y;}

#menu{
	width:30%; 		
	float:left;
	background-color:#E8E7E1;	
}

#menu ul{
	margin:0;
	margin-right:1px;	
	padding:0;
	list-style:none;
	padding-bottom:200px;
	border-top:1px solid #fff;
	background:url(../img/bgrd_menu.jpg) 0 90px  repeat-x; 	
}

#menu ul li a {
	padding:10px;
	margin:0;
	border-bottom:1px solid #fff;
	display:block;
	padding:8px 10px 8px 20px;
	text-decoration:none;
	background-color:#C1BEAE;	
	color:#fff;
	font-weight:bold;
}

*html #menu ul li a {width:100%;}

#menu ul li a:hover{background-color:#CFCCC0;}

#menu ul li a#selected {background-color:#ADA994;}

#content{
	margin-left:30%;
	background-color:#FBFBFA;
	line-height:1.8em;
	color:#666;	
}

.content_div {
	background-color: #f5f5f5;
	margin:0 30px 20px 30px;
	padding:10px; 	
}

.content_div#intro{background-color:#FBFBFA; padding-bottom:0;}
.content_div#project{margin-bottom:0;}

.train{margin:0 30px 20px 30px; background:#F4F4F1 url(../img/arrow.gif) 20px 15px no-repeat;}
.train span{color:#97001E; font-weight:bold; font-size:110%;}
.train p {padding:10px 30px 10px 50px;}

.content_div ul {margin:0px; padding-left:25px;	}
.content_div li {margin-bottom:10px;}

.content_div#project strong {
	display:block;
	padding-top:5px;
	padding-bottom:2px;
}

#content a.btt {
	float:right; 
	font-size:78%; 
	color:#666;
	padding-left:18px;
	background: url(../img/arrow_btt.gif) 0 60% no-repeat;}
	
#content a.btt:hover {text-decoration:none;}

/* ----- contact page ---- */ 

.content_div h3 {padding-top:10px; color:#666;}

form {margin-top:20px;}

form input {font-family: Verdana, Arial, Helvetica, sans-serif;}

input#formButton {
	border:1px solid #000;
	padding:2px 10px;
	background-color:#fff;
}

input#formButton:hover {background-color:#f5f5f5;}

.content_div table {font-size:100%;}

.content_div table td {
	vertical-align:top;	
	padding:2px 10px 2px 0;
	color:#666;
}