* {
margin:0;
padding:0;
}
.clear {
	clear:both;
}
.accessibility{
	 position: absolute;
	left: -999px;
}
img {
	border:none;
}
ul, ol {
	padding:0 0 0 40px;
}
body{
/*background-image:url("../images/bg.gif");*/
background-image:url("../images/template/greybg.jpg");
background-repeat:repeat-x;
background-color:#fcfcfc;
background-attachment:fixed;
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#424242;
}
h1, h2 {
	color:#de520d;
}
p {
	line-height:1.4em;
	margin:0.6em 0 0.6em 0;
}
a{
	text-decoration:none;
	color:#de520d;
}
a:hover{
	text-decoration:underline;
	color:#de520d;
}

h1{
	font-size:30px;
	margin:0 0 0.4em 0;
}
h2{
	font-size:19px;
	margin:0 0 0.3em 0;
}

h3{
	font-size:16px;
	margin:0 0 0.1em 0;
}
#wrapper{
	position:relative;
	width:956px;
	margin:0px auto;
	background-color:#FFFFFF;
}
#header{
	background-image:url("../images/header.png");
	width:956px;
	height:138px;
	background-color:#363636;
}
#logo {
	margin:10px 0 0 40px;
	behavior: url("scripts/iepngfix.htc");
}
#searchFriendly{
	position:absolute;
	top:74px;
	left:740px;
	background-image:url("../images/search-friendly.png");
	height:148px;
	width:149px;
	behavior: url("scripts/iepngfix.htc");
}

#footerLine{
	background-color:white;
	height:60px;
	border-bottom:10px solid #de520d;
	margin-bottom:3px;
}
#footer{
	background-image:url("../images/footer_bg.gif");
	padding-top:5px;
	color:#cccbcb;
	background-color:#363636;
}
#mainCol{
	float:left;
	width:548px;
	padding:8px 15px;
	border:1px solid #f4f3f3;
	margin:0 0 30px 40px;
	display:inline;
	background-image:url("../images/text_bg.gif");
}
.textPadding{
	background-color:#FFFFFF;
	border:1px solid #f4f3f3;
	padding:8px 15px;
}
#recentProject {
	float:right;
	margin-right:40px;
	display:inline;
	width:260px;
	padding:10px;
}
#recentProject p{
	font-size:0.9em;
}
#recentProject img{
	margin-bottom:20px;
}
#footer ul{
	padding:0;
	list-style:none;
	width: 37em;
	margin:0 auto;
}
#footer li{
	float:left;	
	padding:0.2em 0.6em 0.2em 0.6em;
	border-right:1px solid #cccbcb;
}
#footer a{
	color:#cccbcb;
}
#footer a:hover{
	color:#de520d;
}


ul #lastFooter {
	border:none;
}

.homeCol1,.homeCol2,.homeCol3{
	position:relative;
	width:280px;
	display:inline;
	height:210px;
	background-repeat:repeat-x;
}

.homeCol1{
	float:left;
	margin-left:40px;
	margin-right:15px;
	border:1px solid #7d8c00;
	background-color:#96aa0b;
	background-image:url("../images/home/greenbg.png");
}
.homeCol1 .bg, .homeCol2 .bg, .homeCol3 .bg{
	padding:10px;
	width:260px;
	position:absolute;
	bottom:0px;
}
.homeCol1 .bg{
	background-color:#d0d991;
}
.homeCol2 .bg{
	background-color:#b1cde3;
}
.homeCol3 .bg{
	background-color:#fdd09e;
}
.homeCol1 .bg img, .homeCol2 .bg img, .homeCol3 .bg img{
	margin-left:110px;
}
.homeCol2{
	float:left;
	background-color:#3e84ba;
	border:1px solid #2a6084;
background-image:url("../images/home/bluebg.png");
}

.homeCol3{
	margin-right:40px;
	background-color:#fb8b0d;
	float:right;
	border:1px solid #be7a00;
background-image:url("../images/home/orangebg.png");
}

#homeCol1Pic{
	background-image:url("../images/home/webdesign.png");
}
#homeCol2Pic{
	background-image:url("../images/home/seo.png");
}
#homeCol3Pic{
	background-image:url("../images/home/copywriter.png");
}

#homeCol1Pic, #homeCol2Pic, #homeCol3Pic{
	background-repeat:no-repeat;
	width:106px;
	height:99px;
	float:left;
	margin:10px 0 0 0px;
	display:inline;
}
.text{
	float:right;
	padding:10px 10px 10px 0px;
	display:inline;
	width:160px;
}


#w3c {
	float:right;
	margin:-40px 40px 40px 0;
}
object {
	margin-bottom:25px;
}
address, .address{
	font-style:normal;
	margin:10px 0 0 40px;
}

#recentWebsite {
	margin:15px 0 0 0px;
}
.bold{
	font-weight:bold;
}
#footer p{
	margin-left:40px;
}
.singleCol{
	margin:0 40px;
}

/*---------------------- Portfolio -----------------------------*/
#portfolio{
	margin:20px 0 0 0;
	padding:0 0 0 20px;
}
#portfolio li{
float:left;
text-align:center;
padding:10px;
list-style:none;
width:190px;
height:200px;
border:1px solid white;
display:block;
margin-bottom:10px;
}
#portfolio li img{
margin-bottom:7px;
}

#portfolio li a{
display:block;
text-decoration:none;
color:#666666;
margin-bottom:5px;
}
#portfolio li:hover{
background-color:#eaf6fd;
border:1px solid #7dadcb;
}
/*----------------------------------------------------------*/
#contactPic{
	width:181px;
	height:168px;
	background-image:url("../images/contact.png");
	margin:30px 0 0 40px;
}

.leftCol{
	width:600px;
	float:left;
	margin-left:40px;
}

.rightCol{
	width:260px;
	float:right;
	margin-right:40px;
}

/* -------------------------------------Forms----------------------------------------------- */
label {
margin-left:5px;
float:left;
width:12em;
color:#333333;
font-weight:bold;
}

legend {
	position:absolute; top: -.5em; left: .5em;
	font-weight:bold;
	font-size:140%;
	font-family:Myriad, Arial, Helvetica, sans-serif;
	color:#ef6900;
	padding:0 5px 0 5px;
}
fieldset {
	position: relative;
	margin:1em 0;
	padding:1em;
	background-color:#fcf9f7;
	border:1px solid #ffd3be;
}

/* ---------------------------IE fielset background fix ------------------------------------
html fieldset{ position: relative; margin-top:1em; padding-top:2em; padding-bottom:1em;margin-bottom:2em; }
html legend{ position:absolute; top: -.5em; left: .5em; }
*/

input{
	border:1px solid #ffd3be;
	width:200px;
}

input.radio, input.checkbox, input.submit {
	width:auto;
}

input.radio {
	float:left;
	margin-right:1em;
}


select{
width:160px;
}

textarea {
	width:350px;
	height:100px;
	border:1px solid #ffd3be;
}

input.text:focus, textarea:focus {
	background:#ffc;
}

.required {
	font-size:0.75em;
	  color: #d30303;
}
#formerror {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  padding: 5px;
  margin-bottom:10px;
}

.errortext {
  padding-left: 160px;
  font: bold smaller sans-serif;
}


	

#formerror ul{
	padding-left:40px;
}

input:focus, textarea:focus {
	background:#ffc;
}
.submit {
	margin-left:200px;
	border:none;
}	

.submit:focus {
	background-color:transparent;
}	

#error img {
	margin-left:5px;
	margin-right:5px;
}

/*------------------------------------------------------------------*/

#glossaryLetters{
	list-style:none;
}
#glossaryLetters li{
	float:left;
	border-right:1px solid #999999;
}
#glossaryLetters li a{
	padding:5px;
}
.letterHeading{
	margin:20px 0 0 10px;
}