@charset "UTF-8";
#wrapper {
	height: auto;
	width: 977px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header {
	float: left;
	height: 394px;
	width: 977px;
	position: relative;
	background-image: url(a_images/homepage/header.jpg);
}

#headerweb {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/web-design.jpg);
}

#headerwebcal {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/callan.jpg);
}

#headerwebref {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/reface.jpg);
}

#headerwebgv {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/bagv.jpg);
}

#headerwebjrw {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/jrw.jpg);
}

#headerwebaf {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/allans.jpg);
}

#headerwebcc {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/cc.jpg);
}


#headerwebenv {
	float: left;
	height: 285px;
	width: 977px;
	position: relative;
	background-image: url(a_images/header-images/enviro.jpg);
}


#testimonial {
	height: 100px;
	width: 450px;
	position: absolute;
	left: 500px;
	top: 166px;
}

.testi {
	font-family: 'Yanone Kaffeesatz', Georgia, serif;
	font-size: 23px;
	line-height: 25px;
	color: #fff;

}


#menu {
	height: 20px;
	width: 460px;
	position: absolute;
	left: 500px;
	top: 65px;
}


#topnav {
	padding-left: 0;
	margin-left: 0;
}

#topnav li {
	list-style: none;
	display: inline;
	
}

#topnav li a {
	text-decoration: none;
	font-family: 'Yanone Kaffeesatz', Georgia, serif;
	font-size: 21px;
	color: #fff;
	text-align: right;
	margin: 0;
	padding: 3px 11px 3px 11px;
	width: 540px;
}
#topnav {
	margin: 0px 0px 0px 0px;
	padding: 0 0  0 0;
}
#topnav a:hover {
	color: #fff;
	background: #78b711;
}





#flash {
	height: 271px;
	width: 463px;
	position: absolute;
	top: 110px;
	right: 0px;
	left: 494px;
}
#homeheadone {
	height: 91px;
	width: 455px;
	position: absolute;
	left: 24px;
	top: 220px;
}

#homeheadtwo {
	height: 62px;
	width: 455px;
	position: absolute;
	left: 24px;
	top: 304px;
}

#bar {
	float: left;
	height: 147px;
	width: 977px;
	position: relative;
	background-image: url(a_images/homepage/3picsbar.jpg);
}

#sub1 {
	height: 45px;
	width: 190px;
	position: absolute;
	left: 24px;
	top: 18px;
}

#sub2 {
	height: 45px;
	width: 190px;
	position: absolute;
	left: 345px;
	top: 18px;
}

#sub3 {
	height: 45px;
	width: 190px;
	position: absolute;
	left: 655px;
	top: 18px;
}

#subline1 {
	height: 45px;
	width: 180px;
	position: absolute;
	left: 24px;
	top: 83px;
}

#subline2 {
	height: 45px;
	width: 180px;
	position: absolute;
	left: 345px;
	top: 83px;
}

#subline3 {
	height: 45px;
	width: 180px;
	position: absolute;
	left: 655px;
	top: 83px;
}


#content {
	float: left;
	height: auto;
	width: 977px;
	position: relative;
}

#text {
	float: left;
	height: auto;
	width: 491px;
	position: relative;
}


#homeright {
	float: right;
	height: 449px;
	width: 486px;
	position: relative;
}


#maincontent {
	float: left;
	height: auto;
	width: 977px;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(a_images/header-images/content-bg.jpg);
	background-repeat: no-repeat;
}
#maintext {
	float: left;
	height: auto;
	width: 689px;
	position: relative;
}

#maintextwork {
	float: left;
	height: auto;
	width: 680px;
	position: relative;
}

#mainright {
	float: right;
	height: 549px;
	width: 287px;
	position: relative;
}


#rightmenu {
	height: 205px;
	width: 206px;
	position: absolute;
	left: 19px;
	top: 70px;
}


#textquote {
	height: 205px;
	width: 206px;
	position: absolute;
	left: 19px;
	top: 90px;
}

#textquoteemail {
	height: 605px;
	width: 240px;
	position: absolute;
	left: 19px;
	top: 100px;
}



#workexampples {
	height: 151px;
	width: 131px;
	position: absolute;
	left: 28px;
	top: 334px;
}


#services {
	height: 273px;
	width: 226px;
	position: absolute;
	top: 8px;
	background-image: url(a_images/homepage/servs.jpg);
}

#latest {
	height: 273px;
	width: 226px;
	position: absolute;
	top: 8px;
	background-image: url(a_images/homepage/latest.jpg);
	left: 240px;
}

#latesttextarea {
	height: 205px;
	width: 202px;
	position: absolute;
	left: 15px;
	top: 60px;
}	



#work {
	height: 127px;
	width: 466px;
	position: absolute;
	top: 293px;
	background-image: url(a_images/homepage/bulb.jpg);
}

#worktextarea {
	height: 60px;
	width: 330px;
	position: absolute;
	top: 60px;
	left: 15px;
}


#footer {
	height: 188px;
	width: 977px;
	position: relative;
	float: left;
	background-image: url(a_images/homepage/footer.jpg);
	clear:both;
}








p{
	margin-bottom:10px;
	margin-top:0px;
}

.h1head {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size: 34px;
	line-height: 34px;
	color: #FFFFFF;
}

.h1 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size: 32px;
	line-height: 32px;
	color: #4c4c4c;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 21px;
}
.h2home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
}

.h2 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size: 25px;
	line-height: 10px;
	color: #4c4c4c;
	padding-right: 20px;
	padding-left: 24px;
	padding-bottom: -20px;
	padding-top: 15px;
}

.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 0px;
}

.email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

.emailform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 5px;
	font-weight: bold;
}

.h3form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 9px;
	padding-bottom: 9px;
}

.latesttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #3a3a3a;
	
}

.worktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #3a3a3a;
	
}

.quotetext {
	font-family: Georgia, "Times New Roman", Times, serif, "Trebuchet MS";
	font-size: 16px;
	line-height: 20px;
	color: #3a3a3a;
	font-style: italic;	
}

.servicestext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #3a3a3a;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 53px;
}

#serviceslist {
	height: 205px;
	width: 206px;
	position: absolute;
	left: 10px;
	top: 60px;
}


#servicesliststyle {
	padding-left: 0;
	margin-left: 0;
}

#servicesliststyle li {
	list-style: none;
	display:inline;
	
}

#servicesliststyle li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 14px;
	color: #3a3a3a;
	text-align: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 21px;
	background-image:url(a_images/homepage/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 6px 9px;
}
#servicesliststyle {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#servicesliststyle a:hover {
	color: #fff;
	background: #5a900e;
	background-image:url(a_images/homepage/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 6px 9px;
}






.sub1text {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size: 28px;
	line-height: 27px;
	color: #4c4c4c;
}



#f1 {
	height: 140px;
	width: 361px;
	position: absolute;
	left: 20px;
	top: 26px;
}

#f2 {
	height: 140px;
	width: 170px;
	position: absolute;
	left: 400px;
	top: 26px;
}

#f3 {
	height: 140px;
	width: 154px;
	position: absolute;
	left: 588px;
	top: 26px;
}

#f4 {
	height: 90px;
	width: 196px;
	position: absolute;
	left: 765px;
	top: 82px;
}

#footmenu {
	padding-left: 0;
	margin-left: 0;
}

#footmenu li {
	list-style: none;
	display:inline;
	
}

#footmenu li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 14px;
	color: #fff;
	text-align: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 6px;
}
#footmenu {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footmenu a:hover {
	color: #fff;
	background: #454642;
}


#footmenu2 {
	padding-left: 0;
	margin-left: 0;
}

#footmenu2 li {
	list-style: none;
	display:inline;
	
}

#footmenu2 li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 14px;
	color: #fff;
	text-align: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 6px;
}
#footmenu2 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footmenu2 a:hover {
	color: #fff;
	background: #454642;
}

.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
}

.TestSurname {
visibility: hidden;
}