@charset "utf-8";
/* CSS Document */

/*Blank blocks for page spacing*/
#blank {
	background-image: url(images/blank.png);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 30px;
	height: 32px;
	width: 300px;
	display: inline;
	float: left;
}
#blank-1 {
	margin: 0px 0px 10px 30px;
	height: 32px;
	width: 300px;
	display: inline;
	float: left;
}
/*Blank blocks end*/

/* Index Page Start*/
#indexLeft {
	height: 410px;
	width: 273px;
	padding: 18px 45px 0px 10px;
	color: #9b805a;
	float: left;
	display: inline;
	margin-left: 50px;
	background-image: url(images/index-blocks.png);
	background-repeat: no-repeat;
}
#indexCenter {
	height: 410px;
	width: 273px;
	padding: 18px 45px 0px 10px;
	color: #9b805a;
	float: left;
	display: inline;
	background-image: url(images/index-blocks.png);
	background-repeat: no-repeat;
}
#indexRight {
	height: 410px;
	width: 270px;
	padding: 18px 45px 0px 10px;
	color: #9b805a;
	float: left;
	display: inline;
	background-image: url(images/index-blocks.png);
	background-repeat: no-repeat;
}
#about {
	background-image: url(images/about-me.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 280px;
	padding-top: 50px;
	margin-left: 12px;

}
#whatido {
	background-image: url(images/what-i-do.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 270px;
	margin-left: 12px;
	padding-top: 50px;
}
#latestWeb {
	background-image: url(images/latest-work.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 270px;
	margin-left: 12px;
	padding-top: 35px;
}
.indexPortfolio {
	background-image: url(portfolio/green-energy.png);
	background-repeat: no-repeat;
	height: 128px;
	width: 270px;
	background-position: top;
}
.indexLogo {
	background-image: url(portfolio/logo-cherished.png);
	background-repeat: no-repeat;
	height: 98px;
	width: 270px;
	background-position: center;
}
.indexWhatido {
	background-image: url(portfolio/fernbank-pm.png);
	background-repeat: no-repeat;
	height: 128px;
	width: 270px;
	margin: 10px 0px 15px 0px;
	background-position: top;
}
/*Index Page End*/

/*Services Page Start*/
#servicesText {
	background-image: url(images/servicesIdo.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px 0px 15px 65px;
	height: 40px;
	width: 300px;
	display: inline;
	float: left;
}
#servicesLeft {
	height: 550px;
	width: 481px;
	margin-right: 10px;
	color: #9b805a;
	float: left;
	display: inline;
	margin-left: 55px;
}
#servicesRight {
	height: 575px;
	width: 481px;
	color: #9b805a;
	float: left;
	display: inline;
}
.design {
	background-image: url(images/design.png);
	background-repeat: no-repeat;
	height: 145px;
	width: 311px;
	padding: 15px 150px 10px 15px;
}
.designHeader {
	background-image:url(images/designText.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.maintenance {
	background-image: url(images/maintenance.png);
	background-repeat: no-repeat;
	height: 145px;
	width: 311px;
	padding: 15px 150px 10px 15px;
}
.maintenanceHeader {
	background-image:url(images/maintenanceText.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.cms {
	background-image: url(images/cms.png);
	background-repeat: no-repeat;
	height: 145px;
	width: 311px;
	padding: 15px 150px 10px 15px;
}
.cmsHeader {
	background-image:url(images/cmsText.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.graphic {
	background-image: url(images/graphic.png);
	background-repeat: no-repeat;
	height: 145px;
	width: 311px;
	padding: 15px 150px 10px 15px;
}
.graphicHeader {
	background-image:url(images/graphicText.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.branding {
	background-image: url(images/branding.png);
	background-repeat: no-repeat;
	height: 145px;
	width: 311px;
	padding: 15px 150px 10px 15px;
}
.brandingHeader {
	background-image:url(images/brandingText.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.seo {
	background-image: url(images/seo.png);
	background-repeat: no-repeat;
	height: 145px;
	width: 311px;
	padding: 15px 150px 10px 15px;
}
.seoHeader {
	background-image: url(images/seoText.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
/*Services Page Ends*/

/*Portfolio Page Start*/
#portfolioLeft {
	height: 1080px;
	width: 475px;
	color: #9b805a;
	float: left;
	display: inline;
	margin: 15px 15px 0px 55px;
}
#portfolioRight {
	height: 1080px;
	width: 475px;
	color: #9b805a;
	float: left;
	display: inline;
	margin-top: 15px;
}
.mainDesign {
	background-image: url(images/portfolio-block.png);
	background-repeat: no-repeat;
	width: 983px;
	height: 270px;
	margin-left: 55px;
}
.mainLeft {
	background-image: url(images/all-seasons.png);
	background-repeat: no-repeat;
	width: 491px;
	height: 250px;
	margin: 15px 0px 0px 15px;
	float: left;
	display: inline;
}
.mainRight {
	background-image: url(images/latest-work.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 430px;
	height: 205px;
	margin: 17px 0px 0px 20px;
	padding-top: 45px;
	float: left;
	display: inline;
}
.mainRight p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}
.mainRight span {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #903;
}
.web {
	background-image: url(images/web.png);
	background-repeat: no-repeat;
	height: 40px;
	margin-left: 15px;
}
.webblockOne {
	background-image: url(images/servicesBlock.png);
	background-repeat: no-repeat;
	height: 137px;
	width: 457px;
	margin-bottom: 15px;
	padding: 23px 0px 0px 17px;
}
.webblockOne span {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #903;
}
.graphics {
	background-image: url(images/graphics.png);
	background-repeat: no-repeat;
	height: 40px;
	margin-left: 15px;
}
.graphicblockOne {
	background-image: url(images/servicesBlock.png);
	background-repeat: no-repeat;
	height: 137px;
	width: 470px;
	margin-bottom: 15px;
	padding: 23px 0px 0px 5px;
}
.graphicblockOne span {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #903;
}
.webGreenenergy {
	background-image: url(portfolio/green-energy.png);
	background-repeat: no-repeat;
	height: 128px;
	padding-left: 265px;
}
.webFernbankpm {
	background-image: url(portfolio/fernbank-pm.png);
	background-repeat: no-repeat;
	height: 128px;
	padding-left: 265px;
}
.webXactalarms {
	background-image: url(portfolio/xact-alarms.png);
	background-repeat: no-repeat;
	height: 128px;
	padding-left: 265px;
}
.webMitraining {
	background-image: url(portfolio/mi-training.png);
	background-repeat: no-repeat;
	height: 128px;
	padding-left: 265px;
}
.webXactsecurity {
	background-image: url(portfolio/xact-security.png);
	background-repeat: no-repeat;
	height: 128px;
	padding-left: 265px;
}
.webFernbankflooring {
	background-image: url(portfolio/fernbank-flooring.png);
	background-repeat: no-repeat;
	height: 128px;
	padding-left: 265px;
}
.webSeventyfive {
	background-image: url(portfolio/seventy-five.png);
	background-repeat: no-repeat;
	height: 128px;
	padding-left: 265px;
}
.graphicAsp {
	background-image: url(portfolio/asp-logo.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 265px;
	height: 128px;
	width: 190px;
}
.graphicGec {
	background-image: url(portfolio/green-logo.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 265px;
	height: 128px;
	width: 190px;
}
.graphicCl {
	background-image: url(portfolio/cloud9-logo.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 265px;
	height: 128px;
	width: 190px;
}
.graphicCi {
	background-image: url(portfolio/cherished-logo.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 265px;
	height: 128px;
	width: 190px;
}
.graphicMi {
	background-image: url(portfolio/mi-logo.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 265px;
	height: 128px;
	width: 190px;
}
.graphicAw {
	background-image: url(portfolio/aw-logo.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 265px;
	height: 128px;
	width: 190px;
}
/*Portfolio ends*/
/*Contact page start*/
#contactLeft {
	background-image: url(images/contact-block.png);
	background-repeat: no-repeat;
	height: 430px;
	width: 481px;
	margin-right: 10px;
	color: #9b805a;
	float: left;
	display: inline;
	margin-left: 55px;
}
.tick {
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
}
#contactLeft ul {
	padding: 10px 10px 25px 20px;

}
#contactLeft li {
	list-style: none;
	padding: 2px 0px 2px 40px;
	color: #333;
}
#contactRight {
	background-image: url(images/contact-block.png);
	background-repeat: no-repeat;
	height: 430px;
	width: 481px;
	color: #903;
	float: left;
	display: inline;
}
.contactInfo {
	height: 390px;
	width: 445px;
	padding: 15px 20px 10px 15px;
}
.contactForm {
	height: 390px;
	width: 440px;
	padding: 15px 20px 10px 15px;
}
.contactInfotext {
	background-image: url(images/whatsNeeded.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.contactFormtext {
	background-image:url(images/contactMe.png);
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
/*contact page ends*/
/*contact form*/
.formText {
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #903;
}
#contact-form {
	width: 410px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 20px;
	height: 260px;
}

#contact-form input, #contact-area textarea {
	padding: 2px;
	width: 400px;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #3f5234;
	height: 30px;
}

#contact-form textarea {
	height: 80px;
	width: 404px;
	border: 1px solid #3f5234;
}

#contact-form textarea:focus #contact-area input:focus {
	border: 1px solid #3f5234;
	width: 170px;
}

#contact-form #submit-button {
	float: right;
	margin-right: 0px;
	border: none;
	margin-top: 10px;
	width: 142px;
	height: 32px;
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
}
label {
	float: left;
	text-align: left;
	width: 100px;
	padding-top: 10px;
	font-size: 14px;
	padding-bottom: 3px;
	font-style: italic;
}	
/*end contact form */
/*Footer info start*/
#siteNav {
	background-image: url(images/site-nav.png);
	height: 47px;
	width: 94px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#siteLike {
	background-image: url(images/site-like.png);
	height: 46px;
	width: 122px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#socNet {
	background-image: url(images/soc-net.png);
	height: 47px;
	width: 150px;
	margin-bottom: 20px;	
	margin-top: 10px;
}
#footLogo {
	background-image: url(images/aw-footer-logo.png);
	background-repeat: no-repeat;
	width: 158px;
	height: 150px;
	display: inline;
	float: left;
	margin: 20px 0px 0px 50px;
}
#footNav {
	width: 650px;
	height: 101px;
	display: inline;
	float: left;
	margin-top: 30px;
	padding-bottom: 40px;
}
#social {
	width: 200px;
	height: 91px;
	display: inline;
	float: left;
	margin-top: 40px;
	padding-bottom: 40px;
	margin-left: 200px;
}
#twitter {
	background-image: url(images/twitter-logo.png);
	background-repeat: no-repeat;
	margin-right: 15px;
	Height: 90px;
	width: 75px;
	display: inline;
	float: left;
}
#linkedin {
	background-image: url(images/linkedin-logo.png);
	background-repeat: no-repeat;
	Height: 90px;
	width: 75px;
	display: inline;
	float: left;
}
	
#home {
	background-image: url(images/footer-home.png);
	background-repeat: no-repeat;
	width: 119px;
	height: 101px;
	border: none;
	display: inline;
	float: left;
	margin-left: 50px;
}
#services {
	background-image: url(images/footer-services.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 101px;
	border: none;
	display: inline;
	float: left;
}
#portfolio {
	background-image: url(images/footer-portfolio.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 101px;
	border: none;
	display: inline;
	float: left;
}	
#getintouch {
	background-image: url(images/footer-getintouch.png);
	background-repeat: no-repeat;
	width: 194px;
	height: 101px;
	border: none;
	display: inline;
	float: left;
}	

.contactImage{
	padding-left: 150px;
}
/*Footer end*/