/* CSS Document
© CreaCom Design */

* {
	margin: 0;
	padding: 0; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background: #2d2d2d url('images/background.gif') repeat-x;
	padding: 0;}

#container {
	width: 900px;
	height: auto;
	margin: 0 auto 0 auto;
}

div#top {
width: 900px;
height: 135px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#logotop {
width: 300px;
height: 135px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#contacttop {
width: 300px;
height: 45px;
padding: 0; 
border: 0; 
margin: 70px 20px 0 0;
float: right;
text-align: right;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#middle {
width: 900px;
height: 355px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menutopbox {
width: 900px;
height: 64px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menubox {
width: 110px;
height: 64px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#middlebox {
width: 882px;
height: auto;
padding: 0; 
border: 0; 
margin: 30px 0 0 0;
float: left;
}

#middlebox2 {
width: 882px;
height: auto;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: left;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#middlebox3 {
width: 882px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: left;
}

#middlebox4 {
width: 882px;
height: 261px;
padding: 0; 
border: 0; 
margin: 30px 0 0 0;
float: left;
}

#lefttext {
width: 500px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
color : #ffffff;
font : 14px Helvetica, Arial, Futura, sans-serif;
}

#lefttext2 {
width: 440px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#lefttext3 {
width: 420px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#lefttext4 {
width: 560px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#lefttext5 {
width: 370px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#lefttext6 {
width: 300px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#welcome {
width: 370px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#abouttext {
width: 380px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#abouttext2 {
width: 400px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#servicestext {
width: 420px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#webtext {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#clienttext {
width: 280px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#portfoliotext {
width: 210px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#portfoliopics {
width: 80px;
height: 240px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
}

#rightlinks {
width: 240px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#rightlinks2 {
width: 380px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#rightlinks3 {
width: 220px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#rightlinks4 {
width: 290px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#rightlinks5 {
width: 420px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#rightlinks6 {
width: 400px;
height: auto;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#rightlinks7 {
width: 420px;
height: 240px;
padding: 0 10px 0 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif; 
overflow: auto;
}

#rightlinks8 {
width: 560px;
height: 240px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#rightlinks9 {
width: 500px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: right;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#rightlinks10 {
width: 180px;
height: auto;
padding: 0; 
border: 0; 
margin: 125px 0 0 0;
float: right;
text-align: right;
color: #e8d0a4;
font : 10px Helvetica, Arial, sans-serif;
}

#rightlinks11 {
width: 320px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 14px Helvetica, Arial, Futura, sans-serif;
}

#buttonsright {
width: 290px;
height: 81px;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
float: left;
}

#buttonsright2 {
width: 290px;
height: 81px;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: left;
}

#rightlinksbox {
width: 240px;
height: 70px;
padding: 0; 
border: 0; 
margin:10px 0 0 0;
float: left;
}

#rightlinksbox2 {
width: 220px;
height: 70px;
padding: 0; 
border: 0; 
margin:25px 0 0 0;
float: left;
}

#rightlinksbox3 {
width: 240px;
height: 70px;
padding: 0; 
border: 0; 
margin:20px 0 0 0;
float: left;
}

#squarebox {
width: 43px;
height: 43px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#linkstext {
width: 190px;
height: 70px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#linkstext2 {
width: 170px;
height: 70px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 12px Helvetica, Arial, Futura, sans-serif;
}

#portfoliobox1 {
width: 180px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
}

#portfoliobox2 {
width: 180px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
}

#portfoliobutton {
width: 180px;
height: 45px;
padding: 0; 
border: 0; 
margin: 30px 0 0 0;
float: left;
text-align: left;
}

#lower {
width: 882px;
height: 40px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#latestworkttl {
width: 120px;
height: 20px;
padding: 0; 
border: 0; 
margin: 9px 0 0 0;
float: left;
}

#latestnewsttl {
width: 240px;
height: 20px;
padding: 0; 
border: 0; 
margin: 9px 0 0 0;
float: right;
text-align: left;
}

#testimonialsttl {
width: 290px;
height: 20px;
padding: 0; 
border: 0; 
margin: 9px 0 0 0;
float: right;
text-align: left;
}

#servicesttl {
width: 420px;
height: 20px;
padding: 0; 
border: 0; 
margin: 9px 0 0 0;
float: right;
text-align: left;
}

#locationttl {
width: 382px;
height: 20px;
padding: 0; 
border: 0; 
margin: 9px 0 0 0;
float: right;
text-align: left;
}

#warningttl {
width: 462px;
height: 14px;
padding: 0; 
border: 0; 
margin: 13px 0 0 0;
float: right;
text-align: left;
}

#printquotettl {
width: 165px;
height: 23px;
padding: 0; 
border: 0; 
margin: 9px 0 0 0;
float: left;
text-align: left;
}

#moreservicesttl {
width: 145px;
height: 20px;
padding: 0; 
border: 0; 
margin: 9px 0 0 0;
float: left;
}

#portfoliosttl {
width: 120px;
height: 25px;
padding: 0; 
border: 0; 
margin: 7px 0 0 0;
float: left;
}

#newsbloc {
width: 245px;
height: 144px;
padding: 0; 
border: 0; 
margin: 6px 0 0 0;
float: left;
text-align: left;
color : #ffffff;
font : 12px Helvetica, Arial, Futura, sans-serif;
}

#moretesti {
width: 290px;
height: 18px;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
text-align: right;
color : #e8d0a4;
font : 12px Helvetica, Arial, Futura, sans-serif;
float: right;
}

#lastbloc {
width: 882px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#lastworkbloc {
width: 632px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#clientsbloc {
width: 590px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#clientslogos {
width: 584px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#contactbloc {
width: 350px;
height: 100px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#latestnewsbloc {
width: 245px;
height: 180px;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
float: right;
text-align: left;
}

#lastworkpics {
width: 610px;
height: 180px;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: left;
}

#workpics {
width: 182px;
height: 141px;
padding: 0; 
border: 0; 
margin: 0 20px 0 0;
float: left;
}

#morenews {
width: 245px;
height: 18px;
padding: 0; 
border: 0; 
margin: 14px 0 0 0;
text-align: right;
color : #e8d0a4;
font : 12px Helvetica, Arial, Futura, sans-serif;
float: left;
}

#morenews2 {
width: 345px;
height: 18px;
padding: 0; 
border: 0; 
margin: 3px 0 0 0;
text-align: right;
color : #e8d0a4;
font : 12px Helvetica, Arial, Futura, sans-serif;
float: left;
}

#moreworks {
width: 587px;
height: 18px;
padding: 0; 
border: 0; 
margin: 19px 0 0 0;
text-align: right;
color : #e8d0a4;
font : 12px Helvetica, Arial, Futura, sans-serif;
float: left;
}

#vertcldots {
width: 6px;
height: 190px;
background: #2d2d2d url('images/vertical-line-dots.gif') no-repeat;
padding: 0; 
border: 0; 
margin: 0 10px 0 0;
float: right;
}

#vertcldots2 {
width: 6px;
height: 190px;
background: #2d2d2d url('images/vertical-line-dots.gif') no-repeat;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#bottom {
width: 882px;
height: 45px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#tagline {
width: 300px;
height: 20px;
padding: 0; 
border: 0; 
margin: 12px 0 0 0;
float: left;
}

#credits {
width: 400px;
height: 20px;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
text-align: right;
color : #a6a6a6;
font : 12px Helvetica, Arial, Futura, sans-serif;
float: right;
}

#aboutbloc {
width: 638px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#webbloc {
width: 450px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#servicesbloc {
width: 580px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#testibloc {
width: 290px;
height: 160px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #a6a6a6;
font : 12px Helvetica, Arial, Futura, sans-serif;
line-height: 1.4em;
}

#portfbloc {
width: 700px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#moreservicestxt {
width: 290px;
height: 150px;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#moreservicestxt2 {
width: 210px;
height: 150px;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#address {
width: 245px;
height: 170px;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: left;
text-align: right;
color : #ffffff;
font : 12px Helvetica, Arial, Futura, sans-serif;
}

#map {
width: 245px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: right;
}

#workingon1 {
width: 350px;
height: 150px;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#workingon2 {
width: 210px;
height: 150px;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: right;
text-align: right;
}

#portfoliobtns {
width: 612px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
}

#portfbtnbox1 {
width: 200px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
text-align: left;
}

#portfbtnbox2 {
width: 200px;
height: 50px;
padding: 0; 
border: 0; 
margin: 30px 0 0 0;
float: left;
text-align: left;
}

#otherwork {
width: 285px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
line-height: 1.4em;
}

#printexpresstxt {
width: 450px;
height: 150px;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: left;
text-align: left;
color : #ffffff;
font : 13px Helvetica, Arial, Futura, sans-serif;
}

#aboutlinks {
width: 250px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0 0 0 0;
float: right;
}

#serviceslist1 {
width: 200px;
height: auto;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
float: left;
}

#serviceslist2 {
width: 200px;
height: auto;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
float: right;
}

#printbox1 {
width: 200px;
height: 235px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
background: url(images/print-box1.gif) no-repeat;
}

#printbox2 {
width: 200px;
height: 235px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
background: url(images/print-box2.gif) no-repeat;
}

#printofferstxt {
width: 167px;
height: 200px;
padding: 0; 
border: 0; 
margin: 14px 0 0 15px;
float: left;
text-align: center;
color : #ffffff;
font : 12px Helvetica, Arial, Futura, sans-serif;
}

h1 {
color : #ffffff;
font : 12px Helvetica, Arial, Futura, sans-serif;
}

h2 {
color: #ffffff;
font : 18px Helvetica, Arial, Futura, sans-serif;
}

h3 {
color: #ffffff;
font : normal 22px Helvetica, Arial, Futura, sans-serif;
}

.quote {
color: #e8d0a4;
font : 18px Helvetica, Arial, sans-serif;
}

.work {
color: #e8d0a4;
font : 16px Helvetica, Arial, sans-serif;
}

.workttl {
color: #ff7f00;
font : 16px Helvetica, Arial, sans-serif;
}

.prices {
color: #ff7f00;
font : 18px Helvetica, Arial, sans-serif;
}

.clients {
color: #ff7f00;
}

 .beige:link {color: #e8d0a4; text-decoration:none;}
 .beige:visited {color: #e8d0a4; text-decoration:none;}
 .beige:hover {color: #ffffff; text-decoration:none;}
 
 .white:link {color: #ffffff; text-decoration:none;}
 .white:visited {color: #ffffff; text-decoration:none;}
 .white:hover {color: #ff7f00; text-decoration:none;}
 
  .white2:link {color: #ffffff; text-decoration:none;}
 .white2:visited {color: #ffffff; text-decoration:none;}
 .white2:hover {color: #a6a6a6; text-decoration:none;}
 
  .white3:link {color: #ffffff; text-decoration:underline;}
 .white3:visited {color: #ffffff; text-decoration:underline;}
 .white3:hover {color: #ff7f00; text-decoration:none;}
 
  .orange:link {color: #ff7f00; text-decoration:none;}
 .orange:visited {color: #ff7f00; text-decoration:none;}
 .orange:hover {color: #a6a6a6; text-decoration:none;}
 
 /* formz */

fieldset {
	border: 0;
	width: auto;
	margin: 0;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	
	clear: both;
}

label.text {
	display: block;
	float: left;
	width: 46%;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0;	
}

label.text3 {
	display: block;
	float: left;
	width: 30%;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0;	
}

input.text,
textarea {
	width: 45%;	

}
.envoy {
	margin: 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}

/* Print */

label.text2 {
	display: block;
	float: left;
	width: 100%;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0;	
}

.smalltext {
color: #e8d0a4;
font : 9px Helvetica, Arial, sans-serif;
text-align: center;
}

.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
}

.feedburnerFeedBlock ul li {
padding: 5px 0 5px 4px;
}

.feedburnerFeedBlock ul li span.headline a {
color: #e8d0a4;
text-decoration: underline;
display: block;
}

.feedburnerFeedBlock ul li span.headline a:hover {
color: #a6a6a6;
}

#creditfooter {
display: none;
}