/*
Jinn Hoang - updated by eyebuzz.com (2015)
June 28 2010
www.purusanalytics.com
*/

body { background: #DDCB98 url(images/header.png) top center no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 15px;  color: #000000; line-height: 150%; }

#container { text-align:center; margin:0 auto; }

a:link, a:visited { color: #3E2401; text-decoration: none; }
a:hover { color: #FF6600; }
div { margin: 0; }
p { margin: 10px 0; line-height: 140%; }
img { border: none; }

legend { font-style: italic; }
#form { margin: 10px; padding: 10px; width: 100%; }
	@media screen and ( max-width:833px) {
	#form { margin: 0px; padding:0px; width: 100%; }
	}
#form td { padding: 2px; }
.error { color: #FF0000; font-weight: bold; }

.header { margin: 20px 0px 0px 0px; max-width:708px; display: block; text-align:right; width:100%; }

	@media screen and ( max-width:833px) {
	.header { text-align:center; }
	}
	
.logotext { width:100%; max-width:708px;  }
	@media screen and ( max-width:833px) {
	.logotext {  margin: 20px 5% 0px 5%; width:90%;  }
	.logoimage { width:50%; height:50%; }
	}

	
.midbox { background: url('/images/midboxbg.png') top no-repeat; max-width: 804px; min-height: 400px; display: block; }

.menu { width: 200px; display: block; float: left; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 18px; background: none; }

.menu33 { width: 200px; display: block;  background:#ffcc00; float: left;  }
	@media screen and ( max-width:833px) {
	.menu33 { width: 80%; display: block; margin:0 10% 25px 10%; background: none; text-align:center; }
	}
.projectlinks {  margin-top: 20px; margin-right: 20px; font-size: 16px; font-weight: bold; }
@media screen and (max-width: 833px) {
	.projectlinks {  margin:0 auto; font-size: 16px; font-weight: bold; text-align:center; }
	}
	
.showcase { margin-top:-5px; display: block; }

.servicestxt { margin-left: 6px; margin-top: 30px; display: block; }

.midarea {width:100%; max-width: 600px; display: block; min-height: 400px; }

@media screen and (max-width: 833px) {
	.midarea {width:100%; max-width: 600px; display: block; float:none; min-height: 20px; }
	}

#services li { list-style-image: url(/images/menuicon2.jpg); margin-bottom: 10px; }
.menuicon2  { margin-bottom:5px; }

.logo { float: right; }
.bclink { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold; padding-top: 10px; }
.mobilebreak { display:none; clear:both;}

	@media screen and ( max-width:833px) { 
	.bclink { clear:both; line-height:200%; } 
	.logo { }
	.mobilebreak { display:block; clear:both;}
	.menuicon { display:none; visibility:hidden;}
	}
	
.calldesktop { display:block; }
	@media screen and ( max-width:768px) { 
	.calldesktop { display:none; }
	}

.callmobile { display:none; }
	@media screen and ( max-width:768px) { 
	.callmobile { display:block; }
	}

	
.content { min-height: 400px; text-align: left; background: #FFFFCC; padding: 20px; }
@media screen and ( max-width:833px) {
	.content {  padding-left:10px; }
	}
.footer { display: block; max-width: 708px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 4px; color: #3E2401; }
.footcontent { border-top: 1px solid #3E2401; border-right: 1px solid #3E2401; padding-right: 4px; max-width: 708px; width:100%; margin-left: 202px; }

.footerhome { display: block; max-width: 708px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 4px; color: #3E2401; }
.footcontenthome { border-top: 1px solid #3E2401; border-right: 1px solid #3E2401; padding-right: 4px;  margin-left: 53px; margin-right: 53px; }

@media screen and (max-width: 833px) {
	.footcontent { border-top: 1px solid #3E2401; border-right: 1px solid #3E2401; padding-right: 4px; max-width: 600px; width:100%; margin-left: 0px; }
	.footcontenthome { margin-left: 0px; margin-right: 0px; }
	}