/* CSS Document */

BODY {
	background-image:url(/medias/body_background.gif);
	background-position:center top;
	background-repeat:repeat-x;
	margin:0px;
	background-color:#000000;
}

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

#header {
	float:left;
	width:760px;
	height:148px;
	margin:0px 0px 10px 0px;
	background:url(/medias/header_bg.jpg) no-repeat;
}

#logo {
	float:left;margin:39px 0px 0px 17px;
}

#contact_bt {
	float:right;margin:59px 15px 0px 0px;
	cursor:pointer;
}

#content {
	float:left;
	background-image:url(/medias/content_background.gif);
}

#about {
	margin:0 auto;
	width:720px;
	margin:30px 10px 0px 10px;
	padding:10px 10px 10px 10px;

	background-color:#FFFFFF;
	border-bottom:solid 5px #5F5F5F;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}

#other_projects {
	margin:0 auto;
	width:720px;
	margin:30px 10px 0px 10px;
	padding:10px 10px 10px 10px;

	background-color:#FFFFFF;
	border-bottom:solid 5px #5F5F5F;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}

.project {
	position:relative;
	width:740px;
	margin:20px 10px 0px 10px;
	padding:10px 0px 0px 0px;

	background:url(/medias/project_bg.gif);
	background-color:#FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}

.project_short {
	padding-bottom:20px;
	border-bottom:#5F5F5F solid 5px;
}

.project_text_bg {
	position:relative;
	top:0px;
	height:160px;
	width:340px;
	margin-left:20px;
		
	background-color:#FFFFFF;
	background:url(/medias/project_text_bg.gif) bottom repeat-x;
	background-color:#ECECEC;
	opacity:0.50;
	-moz-opacity:.50;
    filter:alpha(opacity=50);
}

.project_summary {
	height:140px;
	width:720px;
 	position:absolute;
	top:10px;
	margin-left:20px;
}

.project_summary_text {
	width:320px;
	height:140px;
	float:left;
	padding:10px;
	
}

.project_summary_illu {
	position:relative;
	float:left;
	margin-left:20px;
}

.project_detail {
	clear:both;
	background:#FFFFFF;
	background:rgba(255, 255, 255, 0.5);
	padding:10px;
	margin:20px 20px 0px 20px;
	display:none;
}

.project_footer {
	clear:both;
	padding-top:20px;
	height:32px;
	background:url(/medias/project_footer_bg.gif) bottom repeat-x;
}

.project_footer_bt {
	margin-left:640px;
	cursor:pointer;
}

#footer {
	width:100%;
	float:left;
	background-image:url(/medias/bottom_decoration.gif);
	background-repeat:repeat-x;
	height:100px;
	margin-top:20px;
}

#address {
	margin:0 auto;
	background-image:url(/medias/address_background.gif);
	background-repeat:repeat-x;
	height:70px;
	width:740px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	padding:20px 10px 10px 10px;
	vertical-align:top;
}

H1 {
	color:#FF358B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bolder;
	margin:0px 0px 10px 0px;
	padding:0px;
}

H2 {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bolder;
	margin:0px 0px 10px 0px;
	padding:0px;
}

P {
	margin:0px 0px 10px 0px;
	padding:0px;	
}

/** *******
	CONTACT
	******* */

#opaque_bg {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#000000;
	z-index:1000;
}

#contact_wrapper {
	display:none;
	position:absolute;
	z-index:1100;
}

#contact_content {
	background:url(/medias/project_bg.gif);
	padding:10px 20px 10px 20px;
	background-color:#FFFFFF;
	border:#AEEE00 solid 1px;
}

#contact_result {
	display:none;
	background:url(/medias/project_bg.gif);
	padding:10px 20px 20px 20px;
	background-color:#FFFFFF;
	border:#AEEE00 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:300px;
}

#contact_result_content {
	background-color:#FFFFFF;
	padding:10px;
}

#contact_footer {
	position:relative;
	top:-14px;
	height:32px;
	width:340px;
}

#contact_form {
	margin:0px;
	padding:0px;
}

input, textarea {
	background-color:#FFFFFF;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 10px 0px;
	padding:4px 0px 0px 4px;
}

.input_text {
	width:300px;
	height:18px;
}

.input_textarea {
	width:300px;
	height:100px;
}

#contact_cbt {
	margin-left:188px;
	cursor:pointer;
}

#contact_submit_bt {
	margin-left:15px;
	cursor:pointer;
}

img {
	border:0px;
}

a {
	text-decoration:none;
	color:#286D74;
}

a:hover {
	color:#000000;
	background-color:#AEEE00;
}

ul li {
	padding-bottom:10px;
}