@charset "utf-8";
/* CSS Document */
body {
	padding:0px;
	margin:0px;
	background-color:#29303a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:100;
}
#nav {
	margin:0 auto;
	width:870px;
	background-color:#1d1f24;
	height:100px;
	padding:0px;
}
#header{
	background-color:#000000;
	width:100%;
	height:150px;
	border-bottom:1px solid #1d1f24;
}
#header #logo{
	width:800px;
	margin:0 auto;
	height:150px;
}
#header a img{
	position: relative;
	top:0;
	left:0;
	z-index:9999;
}
#nav{
	width:100%;
	background-color:#1d1f24;
	border-top:7px solid #FFFFFF;
	border-bottom:7px solid #FFFFFF;
	height:40px;
}
#nav .container{
	width:800px;
	margin:0 auto;
	height:40px;
}
#nav ul {
	position:relative;
	top:-13px;
	left:350px;
	list-style:none;
	margin:0px;
	padding:0px;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	font-size:25px;
	z-index:9998;
	height:60px;
	width:450px;
}
#nav ul li {
	text-align:left;
	display:block;
	float:left;
	padding:0;
	width:150px;
	font-weight:100;
	color:#FFFFFF;
	margin:0px;
	height:60px;
}
#nav ul li.thispage{
	top:-3px;
	background-image:url(/images/selected.png);
	background-repeat:no-repeat;
}
#nav ul li.thispage a{
	color:#FFF;
}
#nav ul li a {
	width:116px;
	padding:15px 5px 25px 5px;
	display:block;
	color:#d4d4d4;
	text-decoration:none;
	margin:0 3px;
	text-align:center;
}
#nav ul li a:hover{
	color:#FFF;
}
#page {
	width:800px;
	/*border-left:solid 1px #1d1f24;
	border-right:solid 1px #1d1f24;*/
	padding:60px 20px 20px 20px;
	margin:0 auto;
}
#page h1{
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	font-size:25px;
	color:#FFF;
	margin:8px 2px;
	padding:0 15px;
	font-weight:100;
	border-left:25px solid #F90;
	line-height:25px;
}
#page p{
	color:#d4d4d4;
	line-height:30px;
	margin:15px 2px;
}
#page p a{
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dotted #d4d4d4;
}
#page p a:hover{
	color:#F90;
	text-decoration:none;
	border:none;
}
#contact-form{
	width:535px;
	float:right;
}
#contact-form #top{
	background:url(/images/port-container535x45.png) no-repeat top center;
	height:20px;
	padding:0;
	margin:0;
	width:550px;
}
#contact-form #contact{
	background:url(/images/port-container-mid535x1.png) repeat-y center;
	padding:0 40px;
	width:470px;
	margin:0;
}
#contact-form #bottom{
	background:url(/images/port-container535x45.png) no-repeat bottom center;
	height:30px;
	padding:0;
	margin:0;
	width:550px;
}
#fContact{
	margin:0;
	padding:0;
}
#contact-form #contact table{
	width:100%;
	margin:0;
	padding:0;
}
#contact-form #contact label{
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	font-size:16px;
	text-align:left;
	color:#FFF;
}
#contact-form #contact input[type="text"]{
	width:300px;
	height:20px;
	background-color:#d4d4d4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #29303a;
	padding:7px;
	margin:10px 0;
}
#contact-form #contact textarea{
	width:300px;
	height:156px;
	background-color:#d4d4d4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #29303a;
	padding:7px;
	margin:10px 0;
}
#contact-form #contact input[type="submit"]{
	width:100px;
	border:1px solid #1d1f24;
	background-color:#29303a;
	color:#fff;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	font-weight:100;
	cursor:pointer;
	margin:0;
}
#about-pic{
	width:300px;
	float:right;
}
#about-pic #top{
	background:url(/images/port-container300x45.png) no-repeat top center;
	height:20px;
	padding:0;
	margin:0 0 0 15px;
	width:300px;
}
#about-pic #middle{
	background:url(/images/port-container-mid300x1.png) repeat-y center;
	padding:0 20px;
	width:260px;
	margin:0 0 0 15px;
}
#about-pic #middle h2{
	margin:0;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
}
#about-pic #bottom{
	background:url(/images/port-container300x45.png) no-repeat bottom center;
	height:30px;
	padding:0;
	margin:0 0 0 15px;
	width:300px;
}
#page .project{
	width:705px;
	background:url(/images/container725x229.png) no-repeat center;
	height:209px;
	padding:10px;
	margin:30px auto;
}
#page .project .img{
	display:block;
	margin:4px 20px 4px 4px;
	background:#d4d4d4;
	border:1px solid #1d1f24;
	float:left;
	width:200px;
}
#page .project h2{
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	margin:0;
	padding:3px 0;
	font-size:22px;
	font-weight:100;
	line-height:22px;
}
#page .project a{
	text-decoration:none;
	color:#FFF;
}
#page .project .sub{
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#page .project .sub a{
	color:#F90;
	text-decoration:none;
}
#page .project .sub a:hover{
	color:#Fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;;
}
#page .project p{
	color:#d4d4d4;
	line-height:20px;
	margin:15px 2px;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#page .project p strong{
		color:#FFF;
}
#page div.bad{
	border-bottom:1px solid #1d1f24;
	width:400px;
	margin: 15px auto;
}
#page div.bad p{
	margin:0;
	border-left:1px solid #C00;
	border-right:1px solid #C00;
	border-bottom:1px solid #C00;
	padding:10px 15px;
	background-color:#3f454e;
	line-height:normal;
}
#page div.bad h2{
	display:block;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	margin:0;
	padding:10px 15px 0;
	font-size:18px;
	font-weight:100;
	color:#000;
	border-left:1px solid #C00;
	border-right:1px solid #C00;
	border-top:1px solid #C00;
	background-color:#3f454e;
}
#page div.good{
	border-bottom:1px solid #1d1f24;
	width:400px;
	margin: 15px auto;
}
#page div.good p{
	margin:0;
	border-left:1px solid #0C0;
	border-right:1px solid #0C0;
	border-bottom:1px solid #0C0;
	padding:10px 15px;
	background-color:#3f454e;
	line-height:normal;
}
#page div.good h2{
	display:block;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	margin:0;
	padding:10px 15px 0;
	font-size:18px;
	font-weight:100;
	color:#000;
	border-left:1px solid #0C0;
	border-right:1px solid #0C0;
	border-top:1px solid #0C0;
	background-color:#3f454e;
}
#footer{
	background:url(/images/footer-back.jpg) repeat-x top #000;
}
#footer .con{
	width:800px;
	margin:0 auto;
	padding:0;
}
#footer #ql{
	width:160px;
	margin:90px 5px 5px 5px;
	padding:10px 10px 10px 10px;
	float:left;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
}
#footer #ql h2{
	margin:0;
	color:#eeeeee;
	font-size:20px;
	font-weight:100;
	border-bottom:1px solid #1d1f24;
	padding:3px 0;
	text-align:center;
}
#footer #ql ul{
	list-style:none;
	margin:20px 5px 5px 5px;
	padding:0px;
}
#footer #ql ul li{
	font-size:12px;
	line-height:16px;
	margin:1px 0px 0px 0px;
}
#footer #ql ul li a{
	padding:5px;
	text-decoration:none;
	color:#bbbbbb;
	display:block;
}
#footer #ql ul li a:hover{
	text-decoration:none;
	background-color:#111111;
	border-right:1px solid #444444;
}
#footer #ql ul li ul{
	padding:5px 0px 0px 5px;
	line-height:14px;
	margin:0px;
}
#footer #ql ul li ul li{
	font-size:10px;
	margin:1px 0px 0px 0px;
}
#footer #ql ul li ul li a{
	color:#aaaaaa;
	display:block;
	text-decoration:none;
}
#footer #uh{
	width:160px;
	margin:90px 5px 5px 5px;
	padding:10px 10px 10px 10px;
	float:right;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
}
#footer #uh h2{
	margin:0;
	color:#cccccc;
	font-size:20px;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	font-weight:100;
	border-bottom:1px solid #1d1f24;
	padding:3px 0;
	text-align:center;
}
#footer #uh ul{
	list-style:none;
	margin:20px 5px 5px 5px;
	padding:0px;
}
#footer #uh ul li{
	font-size:12px;
	line-height:16px;
	margin:1px 0px 0px 0px;
}
#footer #uh ul li a{
	padding:5px;
	text-decoration:none;
	color:#bbbbbb;
	display:block;
}
#footer #uh ul li a:hover{
	text-decoration:none;
	background-color:#111111;
	border-right:1px solid #444444;
}
#footer #uh ul li ul{
	padding:5px 0px 0px 5px;
	line-height:14px;
	margin:0px;
}
#footer #uh ul li ul li{
	font-size:10px;
	margin:1px 0px 0px 0px;
}
#footer #uh ul li ul li a{
	color:#aaaaaa;
	display:block;
	text-decoration:none;
}
#footer #txt{
	width:401px;
	margin:0px;
	padding:0px;
	margin:0 auto;
}
#footer #txt #footlogo{
	display:block;
	position:relative;
	top:-7px;
	left:0;
	z-index:9997;
	border:none;
	margin:0;
	padding:0;
}
#footer #txt #form-con{
	margin:0 0 0 0;
	padding:0px 10px;
	position:relative;
	top:-14px;
	left:0;
}
#footer #txt #form-con h2{
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	margin:0 0 15px 0;
	padding:3px 0;
	font-size:21px;
	font-weight:100;
	line-height:22px;
	color:#fff;
	text-align:center;
	border-bottom:1px solid #1d1f24;
}
#footer #txt #form-con p{
	width:150px;
	font-size:11px;
	color:#cccccc;
	float:left;
	line-height:22px;
}
#footer #txt #form-con #right{
	margin:0px;
	padding:10px 0 0 0;
	width:200px;
	float:right;
	height:250px;
}
#footer #txt #form-con #right form{
	margin:0px;
	padding:0 0 0 0;
	width:200px;
	text-align:right;
	position:relative;
	top:0;
	left:0;
	z-index:9995;
}
#footer #txt #form-con #right #sent{
	display:none;
	margin:0px;
	padding:0 0 0 0;
	width:200px;
	text-align:right;
	position:relative;
	top:0;
	right:0;
	float:left;
	z-index:9996;
}
#footer #txt #form-con #right #sent p{
	font-size:11px;
	color:#d4d4d4;
	line-height:22px;
	padding:15px;
}
#footer #txt #form-con #right form label{
	display:block;
	text-align:left;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin:0;
	padding:0;
	color:#fff;
	line-height:14px;
}
#footer #txt #form-con #right form input[type="text"]{
	width:186px;
	height:20px;
	background-color:#d4d4d4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #29303a;
	padding:7px;
	margin:4px 0 6px 0;
}
#footer #txt #form-con #right form textarea{
	width:186px;
	height:76px;
	background-color:#d4d4d4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #29303a;
	padding:7px;
	margin:4px 0 10px 0;
}
#footer #txt #form-con #right form input[type="button"]{
	width:100px;
	border:1px solid #1d1f24;
	background-color:#29303a;
	color:#fff;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	font-weight:100;
	cursor:pointer;
	margin:0;
}