.clear {clear:both;}



body {
	
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:normal;
	
}

h1 { font-weight:400; text-transform:uppercase;  }
h2 { font-weight:400; text-transform:uppercase; font-size:23px;  }
h3 { text-transform:uppercase; font-weight:400; font-size:17px;}
h3 span { background-color:#000000; color:#FFFFFF; }
p {word-spacing:-1px;font-size:15px; line-height:13px; }
img {border:0px;}
a { color:#FFFFFF; }
input {
font-size:9px;
}

ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
}


#main {
background:url(../images/header.jpg) center top;
width:960px;
margin-left:auto;
margin-right:auto;
height:169px;
margin-bottom:110px;
position:relative;
}
#intro {
width:960px;
margin-left:auto;
margin-right:auto;
font-style:italic;
height:258px;
position:static;
background:url(../images/me.png) top right no-repeat;
z-index:-1;
}
#introtext {
width:460px;
float:left;
margin-top:30px;
}
#introtext p {
margin:0px;
}
#introtext span {
background-color:#231F20;
font-size:21px;
padding:2px;
line-height:27px;
}
#portfolio {
width:100%;
margin-top:-46px;
padding-top:80px;
background:url(../images/pfback.png) center top repeat-x ;
}
#portfoliotop {
width:100%;
margin-top:-46px;
height:100px;
background:url(../images/pfback.png) center top repeat-x ;
}
#portfoliomiddle {
width:100%;
background-color:#231F20;
height:auto;
min-height:600px;
margin-bottom:0px;
padding-bottom:50px;
padding-top:10px;
}
#portfoliobottom {
width:100%;
margin-top:0px;
height:170px;
background:url(../images/pfback.png) center bottom repeat-x ;
margin-bottom:50px;
}
#portfolioct {
width:960px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

#portfolio h1, #portfolioct h1 {
color:#FFFFFF;
font-weight:500;
font-size:26px;
font-style:italic;
margin-bottom:40px;
margin-top:20px;
}
#moreportfolio {
width:960px;
margin-left:auto; margin-right:auto;
margin-top:70px;
margin-bottom:80px;
height:300px;
}
#mainimage {
background-color:#FFF;
width:500px;
height:420px;
padding:20px;
margin-top:30px;
float:left;
}
#pfmaintext {
width:260px;
float:left;
height:300px;
margin-left:60px;
color:#FFFFFF;
}
#pfmaintext a {
color:#FFFFFF;
}

/** Service section **/
.service {
width:300px;
float:left;
margin-right:30px;

}
.service p{
font-size:13px;
line-height:19px;
padding-top:5px;
}
em {
background-color:#000;
color:#FFFFFF;
padding:2px;
}

.service h3 span { background-color:#000000;  }
.service:first-child { margin-left:0px; }

#lastservice {
margin-right:0px; float:right; }


/** textarea span classes **/
.pink { color:#ef106f; } .pink a { color:#ef106f; text-decoration:none; }
.blue { color:#00aeef; } .blue a { color:#00aeef; text-decoration:none; }
.blueblackbg { color:#FFF; background-color:black; }
.yellow { color:#FFD300; }

#footer {
background-color:#231f20;
width:100%;
margin-left:auto;
margin-right:auto;

color:#FFFFFF;
height:auto;
}
#squirrel {
width:960px;
margin-left:auto;
margin-right:auto;
background:url(../images/squirrel.jpg) bottom right no-repeat;
height:33px;
}

#footercontent {
width:960px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
font-size:11px;

padding-bottom:10px;
}
#footercontent a {
text-decoration:none;
color:#FFF;
}
.copyright {
margin-right:10px;
float:left;
width:360px;
}
.footeritem {
float:right;
margin-left:10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.twitter {
width:150px;
color:#FFF;
position:relative;
top:107px;
font-size:11px;
left:568px;
text-align:center;
height:200px;
}
.home {
width:30px;
position:relative;
left:610px;
display:block;
top:280px;
z-index:158;
}
.blog {
width:90px;
height:62px;
position:relative;
Left:658px;
z-index:158;
display:block;
top:248px;
}
.work {
width:30px;
position:relative;
left:800px;
display:block;
top:165px;
z-index:159;
}

#twitter_update_list {
width: 150px; /* width of twitter column */
font-style:italic;
font-size:11px;
line-height:14px;
height:auto;
text-align:center;
line-height:11px;
} 
#twitter_update_list li {
list-style-type:none;
}
#twitter_update_list a { text-decoration:none; color:#FFF;}
.pfitem {
	width:960px;
	background-color:#CC0000;
	
	height:284px;
	margin-bottom:70px;
	position:relative;
}
.pfimage {
	float:left;
	width:604px;
	height:284px;
	background-color:#FC0;
}
.pftext {
	color:#FFF;
	padding-top:10px;
	width:280px;
	float:left;
	padding-left:20px;
	font-size:14px;
	font-style:italic;
}

.pftext h3 { margin-bottom:2px; }
.pfitem h2 {
	position:absolute;
	top:5px;
	left:5px;
	margin:0px;
	text-transform:uppercase;
	font-weight:400;
	font-style:italic;
}
.logoitem {
	margin-right:20px;
	width:116px;
	float:left;
	margin-bottom:20px;
	height:116px;
}

#contactform{ 
	position:relative;
	display:block;
	width: 960px;
	height:200px;
	margin: 0 auto; /*Center it*/
	margin-bottom:30px;
}

ol#contactform li{ 
	display:list-item;
	width:200px;
	height:30px;
	position:absolute;
	font-size:46px;
	color:#FFFFFF;
	list-style-type:decimal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:20px;
	margin:0px;
	padding:0px;
	font-weight:300;
}

#contactform label{ font-size:16px ;}
#contactform textarea{ height:100px; font-size:13px; }
#contactform input { font-size:13px; }
#contactform p { font-size:12px; }
#contactform li#stepone{ left:40px; top:10px; text-transform:uppercase;  } 
#contactform li#steptwo{ left:40px; top:80px; text-transform:uppercase; } 
#contactform li#stepthree{ left:285px; top:10px; text-transform:uppercase;  } 
#contactform li#stepfour{ left:485px; top:25px; list-style-type:none;  } 
#contactform li#stepfive{ left:630px; top:29px; list-style-type:none; font-size:12px; line-height:11px; width:300px; }