@charset "utf-8";
body {
	background: #000;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #98be82;
}
.thahaAc {
	background: url(../images/BodyBG.jpg) no-repeat top center;
	width: 1003px;
	height: 768px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -334px;
	margin-left: -502px;
	overflow: hidden;
}
.thahaAc #wrapper {
	height: 568px;
	background: url(../images/WrapperBG.png) no-repeat center left;
	position: relative;
	top: 106px;
	overflow: hidden;
	display: none;
}


.thahaAc #title {
	background: url(../images/Title.png) no-repeat;
	height: 63px;
	width: 243px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.thahaAc #title span {
	visibility: hidden;
}


.thahaAc #freelance {
	height: 84px;
	width: 208px;
	background: url(../images/Freelance.png) no-repeat;
	position:absolute;
	top: 56px;
	left: 171px;
}
.thahaAc #freelance span {
	visibility: hidden;
}


.thahaAc .content {
	height: 334px;
	width: 832px;
	position: absolute;
	background: url(../images/ContentBG.png) no-repeat;
	top: 118px;
	overflow: hidden;
	left: 171px;
}
.thahaAc .content h2 {
	font-size: 18px;
	color: #6b9c4e;
}
.thahaAc .content p {
	padding: 4px 0px;
}
.thahaAc .content strong {
	font-weight: bold;
}
.thahaAc .content .contentInner {
	padding: 30px;
}


.thahaAc #footer {
	height: 29px;
	width: 400px;
	position: absolute;
	overflow: hidden;
	bottom: 50px;
	right: 20px;
	text-transform: uppercase;
	text-align: right;
	font-size: 10px;
	color: #868686;
}
.thahaAc #nav {
	height: 288px;
	width: 154px;
	position: absolute;
	left: 17px;
	top: 127px;
}
.thahaAc #nav li {
	height: 72px;
	width: 154px;
	position: relative;
	cursor: pointer;
	background: url(../images/NavBG.png) no-repeat right top;
}
.thahaAc #nav li strong {
	height: 72px;
	width: 154px;
	display: block;
}
.thahaAc #nav li span {
	visibility: hidden;
}
.thahaAc #nav #navPortfolio strong {
	background: url(../images/NavPortfolio.png) no-repeat right top;
}
.thahaAc #nav #navAbout strong {
	background: url(../images/NavAbout.png) no-repeat right top;
}
.thahaAc #nav #navResources strong {
	background: url(../images/NavResources.png) no-repeat right top;
}
.thahaAc #nav #navContact strong {
	background: url(../images/NavContact.png) no-repeat right top;
}
.thahaAc #projectsDiv {
	width: 777px;
	height: 204px;
	position: absolute;
	overflow: hidden;
	top: 80px;
}
.thahaAc #projectsDiv li {
	display: block;
	height: 93px;
	width: 709px;
	margin-bottom: 12px;
	background: url(../images/ProjectsThumbBG.png) no-repeat;
}
.thahaAc #projectsDiv li img {
	height: 93px;
	width: 423px;
	float: left;
	cursor: pointer;
}
.thahaAc #projectsDiv .projectDetails {
	display: block;
	float: left;
	width: 250px;
	height: 70px;
	padding: 13px;
	color: #FFFFFF !important;
}
.thahaAc #projectsDiv .projectDetails li {
	background: none;
	height: 15px;
	width: auto;
}
.thahaAc #projectsDiv .projectDetails h3 {
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;
}
.thahaAc #contactForm {
	height: 343px;
	width: 426px;
	position: absolute;
	background: url(../images/ContactForm.png) no-repeat;
	top: 62px;
	right: 0px;
}
.thahaAc #responseMessage {
	height: 200px;
	width: 350px;
	position: absolute;
	top: 80px;
	right: 0px;
	display: none;
}
.thahaAc .ajaxLoading {
	background: url(../images/formLoader.gif) no-repeat center center;
}
.thahaAc .error {
	background: transparent url(../images/TextBoxError.png) no-repeat ;
	color: #FF6600;
}
.thahaAc #formContact p {
	display: block;
	height: 30px;
	padding: 0;
	margin: 0;
}
.thahaAc #formContact {
	width: 360px;
	margin-top: 17px;
	margin-left: 62px;
}
.thahaAc #formContact input[type=text] {
	background: transparent url(../images/TextBoxBG.png) no-repeat;
	height: 20px;
	width: 222px;
	border: none;
	font-size: 18px;
	padding: 4px;
}
.thahaAc #formContact textarea {
	background: transparent url(../images/TextAreaBG.png) no-repeat;
	height: 60px;
	width: 222px;
	border: none;
	font-size: 18px;
	padding: 5px;
	overflow: auto;
}
.thahaAc #formContact .button {
	background: transparent url(../images/ButtonBG.png) no-repeat;
	height: 30px;
	width: 88px;
	border: none;
	padding: 0;
}
.thahaAc #contactAddress {
	width: 250px;
}
.thahaAc .content2 h3 {
	font-size: 12px;
	font-weight: bold;
	color: #5a7f44;
	padding: 20px 0 0 20px;
}
.thahaAc .content2 p {
	padding: 10px 40px;
}
.thahaAc #myPhoto {
	height: 228px;
	width: 110px;
	background: url(../images/MyPhoto1.png) no-repeat;
	margin-top: 18px;
	float: left;
}
.thahaAc #personalInfo {
	float: left;
	width: 270px;
	padding: 20px 30px;
}
.thahaAc #aboutMe {
	float: left;
	width: 280px;
	padding: 20px 0px 0px 30px;
}
.thahaAc #loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -284px;
	margin-top: -25px;
	height: 49px;
	width: 568px;
	background: url(../images/LoadingBG.png) no-repeat;
}
.thahaAc #loading #loadingBar {
	height: 49px;
	width: 0px;
	background: url(../images/LoadingStatus.png) no-repeat;
}
.thahaAc #loading #loadingStatus {
	width: 100px;
	text-align: right;
	position: absolute;
	top: 13px;
	right: 10px;
	font-size: 18px;
}
.thahaAc #browser {
	background: url(../images/BrowserWarning.jpg) no-repeat;
	height: 202px;
	width: 588px;
	margin: 250px auto auto;
	display: none;
}
