body,td,th {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #330000;
}
html,body {
	margin: 0;
	padding: 0;
	border: none;
	height: 100%;
	background: #eeffff url('images/head-back.jpg') repeat-x top;
}
a:link {
	color: #cc3300;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #cc3300;
}
a:hover {
	text-decoration: none;
	color: #cc3300;
}
a:active {
	text-decoration: underline;
	color: #cc3300;
}
h1 { 
	font-size: 25px;
	line-height: 30px;
	font-weight: lighter;
	color: #cc3300;
	margin: 50px 0 16px 0;
	padding: 0 0 16px 0;
	border-bottom: 1px #d7dfdf solid;
	text-decoration: none;
}
h2 { 
	font-size: 14px;
	line-height: 17px;
	font-weight: lighter;
	color: #cc3300;	
	margin: 0;
	clear:left;
	text-decoration: none;
}
h3 { 
	font-size: 12px;
	line-height: 15px;
	font-weight: lighter;
	color: #cc3300;
	margin: 0;
	text-decoration: none;	
}
h3 a, h3 a:hover, h3 a:visited{
	text-decoration: none;
}
ul {
	color:#cc3300;
	margin: -4px 0 0 0;
	padding: 0 20px 0 50px;
	background: url('images/highlight_02.jpg') repeat-y center;
}
.bottom{
	margin: 0 0 10px 0;
}
.top{
	margin: 10px 0 0 0;
}
.hidden{
	display:none;
}
#maintable{
	height:100%;
	width:100%;
}
#head{
	background: url(images/head.jpg) no-repeat top center;
	height:220px;
	vertical-align: top;
}
#head1{
	width:800px;
}
#content{
	vertical-align: top;
}
#container{
	width:800px;
}
#foot{
	height:198px;
	background: url('images/foot-back.jpg') repeat-x top center;
	vertical-align: top;
}
#foot-content-back{
	background: url('images/foot.jpg') no-repeat top center;
	width:100%;
}
#foot-content-backp{
	background: url('images/footp.jpg') no-repeat top center;
	width:100%;
}
#foot-content{
	width: 800px;
	height: 198px;
}
#foot-contact{
	width:280px;
	float:left;
	height:61px;
	color: #fff;
	text-align: left;
	padding: 137px 0 0 2px;
	font-size: 12px;
}
#foot-contact a{
	color: #fff;
	text-decoration: none;
}
#foot-contact a:hover{
	color: #fff;
	text-decoration: underline;
}
.tab{
	padding-right: 10px;
}
.tab2{
	padding-right: 7px;
}
#foot-right{
	width:518px;
	float:right;
	height:131px;
	color: #fff;
	text-align: left;
	padding: 67px 0 0 0;
}
#foot-right a{
	width: 169px;
	height: 104px;
	display: block;
	float:left;
	cursor: pointer;
}
#foot-rightp{
	width:518px;
	float:right;
	height:131px;
	color: #fff;
	text-align: left;
	padding: 67px 0 0 0;
	line-height: 13px;
}
#foot-rightp a{
	display:block;
	width: 230px;
	height: 63px;
	cursor: pointer;
	float: right;
	margin: -62px 0 0 0;
}
.seo{
	background: url('images/seo.png') no-repeat left top;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simplesquare.com/client/corrosive/images/seo.png');
}
.featured1{
	background: url('images/featured1.png') no-repeat left top;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simplesquare.com/client/corrosive/images/featured1.png');
}
.featured2{
	background: url('images/featured2.png') no-repeat left top;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simplesquare.com/client/corrosive/images/featured2.png');
}
.featured3{
	background: url('images/featured3.png') no-repeat left top;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simplesquare.com/client/corrosive/images/featured3.png');
}

#navigation{
	width: 521px;
	padding: 150px 0px 0px 287px;
	margin: 0;
}
#navigation a{
	display: block;
	font-size: 13px;
	color: #330000;
	height: 60px;
	line-height: 44px;
	text-decoration: none;
	padding-top: 3px;
}
#navigation a:hover{
	display: block;
	font-size: 13px;
	color: #fff;
	height: 60px;
	line-height: 44px;
	text-decoration: none;
	padding-top: 3px;
}
#nav1{
	float: left;
	background: url('images/head-up_03.jpg') no-repeat;
}
#nav2{
	float: left;
	background: url('images/head-up_04.jpg') no-repeat;
}
#nav3{
	float: left;
	background: url('images/head-up_05.jpg') no-repeat;
}
#nav4{
	float: left;
	background: url('images/head-up_06.jpg') no-repeat;
}
.ns1{
	display: block;
	font-size: 13px;
	color: #fff;
	height: 60px;
	line-height: 44px;
	text-decoration: none;
	padding-top: 3px;
	width: 128px;
	padding-left: 10px;
	background: url('images/head-over_03.jpg') no-repeat;
}
.ns2{
	display: block;
	font-size: 13px;
	color: #fff;
	height: 60px;
	line-height: 44px;
	text-decoration: none;
	width: 124px;
	background: url('images/head-over_04.jpg') no-repeat;
	padding-top: 3px;
}
.ns3{
	display: block;
	font-size: 13px;
	color: #fff;
	height: 60px;
	line-height: 44px;
	text-decoration: none;
	width: 125px;
	background: url('images/head-over_05.jpg') no-repeat;
	padding-top: 3px;
}	
.ns4{
	display: block;
	font-size: 13px;
	color: #fff;
	height: 60px;
	line-height: 44px;
	text-decoration: none;
	width: 124px;
	padding-right: 10px;
	background: url('images/head-over_06.jpg') no-repeat;
	padding-top: 3px;
}	

.n1{
	width: 128px;
	padding-left: 10px;
}
.n2{
	width: 124px;
}
.n3{
	width: 125px;
}
.n4{
	width: 124px;
	padding-right: 10px;
}

.n1:hover{
	background: url('images/head-over_03.jpg') no-repeat;
	width: 128px;
	padding-left: 10px;
}
.n2:hover{
	background: url('images/head-over_04.jpg') no-repeat;
	width: 124px;
}
.n3:hover{
	background: url('images/head-over_05.jpg') no-repeat;
	width: 125px;
}
.n4:hover{
	background: url('images/head-over_06.jpg') no-repeat;
	width: 124px;
	padding-right: 10px;
}
#leftc{
	width: 254px;
	text-align: left;
	float:left;
	margin: 54px 0 0 0;
}
#rightc{
	text-align: left;
	width: 500px;
	margin: 0 0 50px 46px;
	float:right;
}
#rightpc{
	width: 254px;
	text-align: left;
	float:right;
	margin: 54px 0 0 46px;
}
#leftpc{
	text-align: left;
	width: 500px;
	margin: 0 0 0 0;
	float:left;
}
.homeh2{
	margin: 64px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #d7dfdf solid;
}
.homeh2a{
	margin: 20px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #d7dfdf solid;
}
.homeh2b{
	margin: 40px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #d7dfdf solid;
}
.homeh3{
	margin: 0 0 0 0;
	padding: 6px 14px 0 54px;
}
.homeh3a{
	margin: 0 0 0 0;
	padding: 0 14px 0 54px;
}

.contacth3{
	margin: 0 0 0 0;
	padding: 6px 14px 0 54px;
	font-size: 11px;
}

hr{
	text-align: left;
	width:180px;
	margin: 8px 0 2px 54px;
}
.homeh3 a, .homeh3 a:hover{
	text-decoration: none;
}
#home-contact{
	width:908px;
	background: url('images/head-contact.jpg') no-repeat 0px -28px;
}
/* so not to defin height in IE (was causing issues with parent clearing floats)*/
#home-contact:not([border]){
	height:165px;
}
#about-contact{
	width:908px;
	background: url('images/about-contact.jpg') no-repeat 0px -28px;
}
/* so not to defin height in IE (was causing issues with parent clearing floats)*/
#about-contact:not([border]){
	height:200px;
}
#contact-contact{
	width:908px;
	background: url('images/contact-contact.jpg') no-repeat 0px -28px;
}
/* so not to defin height in IE (was causing issues with parent clearing floats)*/
#contact-contact:not([border]){
	height:400px;
}
#portfolio-contact{
	width:908px;
	background: url('images/head-contact.jpg') no-repeat 546px -28px;
}
/* so not to defin height in IE (was causing issues with parent clearing floats)*/
#portfolio-contact:not([border]){
	height:165px;
}
#homelink a{
	display:block;
	/*won't span full width in IE6 short by 200px*/
	width: 100%;
	height: 150px;
	left: 0;
	top: 0;
	position: absolute;
}
.bio{
	float: left;
	margin: 0 10px 20px 0;
}
#portfolio{
	width:808px;
	background: url('images/portfolio-bar.jpg') no-repeat center top;
	text-align: left;
	clear: both;
	margin: 0 0 50px 0;
	height: 280px;
}
#portfolio2{
	width:808px;
	background: url('images/portfolio-bar2.jpg') no-repeat center top;
	text-align: left;
	clear: both;
	margin: 0 0 50px 0;
	height: 280px;
}
#portfolioa{
	width:808px;
	background: url('images/portfolio-bar.jpg') no-repeat center top;
	text-align: left;
	clear: both;
	margin: 0 0 50px 0;
	height: 280px;
	/*another IE issue with spacing of elements after floats*/
	*margin-top:50px;
}
#ptitle{
	float:left;
	display: inline;
	line-height:42px;
	margin:0 0 0 18px;
	font-size: 14px;
	font-weight: lighter;
	color: #330000;
}
#plink{
	float:right;
	display: inline;
	line-height:42px;
	margin:0 18px 0 0;
	font-size: 14px;
	font-weight: lighter;
}
#plink a{
	text-decoration: none;
	color: #330000;
	border: none;
}
#plink a:hover{
	text-decoration: none;
	color: #cc3300;
	border: none;
}
#pimg{
	clear:both;
	float:left;
	width:514px;
	margin: 10px 0 0 0;
	border: none;
}
#pimg a, #pimg a:hover{
	border: none;
}
.imgp{
	border: none;
}
#pcontent{
	float:right;
	width:251px;
	margin: 16px 0 0 0;
	text-align: left;
}
.pupper{
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px #d7dfdf solid;
}
.ph3{
	font-size: 12px;
	font-weight: lighter;
	color: #cc3300;
}
#services-nav{
	width:918px;
	background: url('images/services-nav.jpg') no-repeat -1px 7px;
}
/* so not to defin height in IE (was causing issues with parent clearing floats)*/
#services-nav:not([border]){
	height:202px;
}
#servicesnavigation1 a{
	display: block;
	width: 238px;
	padding-left: 14px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	font-size: 12px;
	color:#330000;
}
#servicesnavigation1 a:hover{
	width: 228px;
	padding-left: 24px;
	text-decoration: none;
	font-size: 12px;
	color:#fff;
	background: url('images/services-nav_03.jpg') no-repeat 0px 0px;
}
#servicesnavigation2 a{
	display: block;
	width: 238px;
	padding-left: 14px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	font-size: 12px;
	color:#330000;
}
#servicesnavigation2 a:hover{
	width: 228px;
	padding-left: 24px;
	text-decoration: none;
	font-size: 12px;
	color:#fff;
	background: url('images/services-nav_05.jpg') no-repeat 0px 0px;
}
#servicesnavigation3 a{
	display: block;
	width: 238px;
	padding-left: 14px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	font-size: 12px;
	color:#330000;
}
#servicesnavigation3 a:hover{
	width: 228px;
	padding-left: 24px;
	text-decoration: none;
	font-size: 12px;
	color:#fff;
	background: url('images/services-nav_06.jpg') no-repeat 0px 0px;
}
#servicesnavigation4 a{
	display: block;
	width: 238px;
	padding-left: 14px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	font-size: 12px;
	color:#330000;
}
#servicesnavigation4 a:hover{
	width: 228px;
	padding-left: 24px;
	text-decoration: none;
	font-size: 12px;
	color:#fff;
	background: url('images/services-nav_07.jpg') no-repeat 0px 0px;
}
#servicesnavigation5 a{
	display: block;
	width: 238px;
	padding-left: 14px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	font-size: 12px;
	color:#330000;
}
#servicesnavigation5 a:hover{
	width: 228px;
	padding-left: 24px;
	text-decoration: none;
	font-size: 12px;
	color:#fff;
	background: url('images/services-nav_08.jpg') no-repeat 0px 0px;
}
.servicesh2{
	margin: 40px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #d7dfdf solid;
}
.servicesh3{
	margin: 0 0 0 0;
	padding: 14px 14px 0 110px;
}
.servicesh3 a, .servicesh3 a:hover{
	text-decoration: none;
}
#sca{
	background: url('images/services-ca.jpg') no-repeat 0px 0px;
	width:300px;
	height:200px;
	float:left;
	clear:left;
	margin:10px 0 0 -52px;
}