* {
margin: 0;
padding: 0;
}

img {
	border:none;
}
/*html{
	background-image:url(images/workingwood16_html.jpg);
	width:100%;
	height: 100%;
	
}*/



body {
background: #fff url(images/main_bg.jpg) center top no-repeat;
height: 100%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#464545;
}

a {
	color:#f05128;
	text-decoration:none;
	}
#wrapper{
	width:905px;
	margin: 0 auto;
}

#header{
	position:relative;
	height: 343px;

}

#headerSub{
	position:relative;
	height: 160px;

}

#logo a {
	text-indent: -5000px;
	width: 308px;
	height: 44px;
	background: transparent url(images/8-bitLogo.png) top left;
	background-repeat:no-repeat;
	position: absolute;
	top: 25px;
}

#navigation{
	position:absolute;
	left: 536px;
	top: 36px;
	width: 405px;
}

ul#mainNav{
	list-style-type: none;
	height:20px;
	padding:0;
	margin:0;
	
}
#mainNav li {
float:left;
text-indent:-9009px;
margin-right:10px;
}
#mainNav a{
display:block;
height:20px;
overflow: hidden; border: none; outline: none;
}
a#homeLink2{
background-image:url(images/nav_home.png);
background-position:0 0; 
background-repeat:no-repeat;
width:56px;
}
a:hover#homeLink2 {
	background-position:0 -21px; 
}
a#aboutLink{
background-image:url(images/nav_about.png);
background-position:0 0; 
background-repeat:no-repeat;
width:56px;
}
a:hover#aboutLink {
	background-position:0 -21px; 
}
a#servicesLink{
background-image:url(images/nav_services.png);
background-position:0 0; 
background-repeat:no-repeat;
width:73px;
}
a:hover#servicesLink {
	background-position:0 -21px; 
}
a#portLink{
background-image:url(images/nav_portfolio.png);
background-position:0 0; 
background-repeat:no-repeat;
width:83px;
}
a:hover#portLink {
	background-position:0 -21px; 
}
a#contactLink{
background-image:url(images/nav_contact.png);
background-position:0 0; 
background-repeat:no-repeat;
width:83px;
}
a:hover#contactLink {
	background-position:0 -21px; 
}



/*where am */

body#home ul#mainNav li a#homeLink2 {
background-image:url(images/nav_home.png);
background-position:0 -21px;
}

/*where am */

body#about ul#mainNav li a#aboutLink {
background-image:url(images/nav_about.png);
background-position:0 -21px;
}

/*where am */

body#services ul#mainNav li a#servicesLink {
background-image:url(images/nav_services.png);
background-position:0 -21px;
}

/*where am */

body#portflio ul#mainNav li a#portLink {
background-image:url(images/nav_portfolio.png);
background-position:0 -21px;
}

body#contact ul#mainNav li a#contactLink {
background-image:url(images/nav_contact.png);
background-position:0 -21px;
}

#options2 {
position:absolute;
top: 6px;
left: 0;
height: 26px;
font-size: 11px;
color: #CCC;
width: 100%;
}

#options2 #additional_options {
	position: absolute;
	right: -31px;
	width: 202px;
	top: 0px;
}
#options2 #additional_options li {
padding: 0 15px 0 10px;
border-right: 1px solid #f05128;
float:left;
}

#options2 #additional_options li a:hover{
	text-decoration:underline;
}

#options2 #additional_options #mail_li {
border-right: none;
}

#featured{
	background:url(images/featured_home.png) bottom center no-repeat;
	height:275px;
	width:989px;
	position:absolute;
	top: 68px;
	left: -36px;
}

#footer_columns {
	padding:20px 0 0 0;
	
}
#footer_columns li{
	list-style:inside;
	list-style-type:square;
}
.column {
width: 294px;
padding:0;
float: left;
min-height: 115px;
margin-right:11px;
}

.first {
padding:0;	
}
.last{
	margin-right:0;
}
.homePhoto{
	margin-bottom:20px;
}

#servicesHeader{
	text-indent:-9009px;
	background:url(images/about_us.gif) top left no-repeat;
	height:20px;
}

#jcpennyHeader{
text-indent:-9009px;
	background:url(images/jcpenny.gif) top left no-repeat;
	height:20px;
}
#nordHeader{
text-indent:-9009px;
	background:url(images/nord.gif) top left no-repeat;
	height:20px;
}

.clearfix {
	clear: both;
}

div.legal {	
clear: both;
margin-top:15px;
padding: 5px 0 10px;
color: #444;
border-top:solid #e3e3e3 1px;
}

#footer_columns_sub{
	border-top:solid #e3e3e3 1px;
	padding-top:15px;
}

body#about {
	background:url(images/sub_bg.jpg) top center no-repeat;
}
body#services{
	background:url(images/sub_bg.jpg) top center no-repeat;
}
body#portflio{
	background:url(images/sub_bg.jpg) top center no-repeat;
}

body#contact{
	background:url(images/sub_bg.jpg) top center no-repeat;
}

#leftSide{
	width:200px;
	float:left;
	position:relative;
	
}

#rightSide{
	float:right;
	width:685px;
	padding-left:17px;
}

#rightSidesServices{
	float:right;
	width:685px;
	padding-left:17px;
	position:relative;
}

#rightContact{
	float:right;
	width:460px;
	margin-bottom:20px;

}

#rightlastSide{
	float:right;
	width:205px;
	height:300px;
	padding-right:40px;
}


#rightSidePort{
	float:right;
	width:685px;
	padding-left:17px;
	margin-bottom:20px;
}


#mainContent{
	float:left;
}


#mainContentContact{
	float:left;
	
}
#mainContentPort{
	float:left;
}

#aboutH2{
	text-indent:-9009px;
	background:url(images/about_us.gif) top left no-repeat;
	height:30px;
}

#servicesH2{
	text-indent:-9009px;
	background:url(images/services_h2.gif) top left no-repeat;
	height:30px;
}
#servicesH3{
	text-indent:-9009px;
	background:url(images/services.gif) top left no-repeat;
	height:20px;
}
#clientH3{
	text-indent:-9009px;
	background:url(images/client.gif) top left no-repeat;
	height:20px;
}


#bannersH3{
	text-indent:-9009px;
	background:url(images/banners.gif) top left no-repeat;
	height:20px;
	margin-top:20px;
}

#emailH3{
	text-indent:-9009px;
	background:url(images/email.gif) top left no-repeat;
	height:20px;
	margin-top:20px;
}

.subList{
	list-style:none;
	font-size:11px;
	color:#666;
	line-height:18px;
}

#aboutMain{
	text-indent:-9009px;
	background:url(images/about_main.gif) top left no-repeat;
	height:30px;
}

#servicesMain{
	text-indent:-9009px;
	background:url(images/services_main.gif) top left no-repeat;
	height:30px;
}

#servicesTwo{
	text-indent:-9009px;
	background:url(images/custom.gif) top left no-repeat;
	height:30px;
	margin-top:20px;
}



#coolFloat a{
	text-indent:-5000px;
	background:url(images/work_services.jpg) left bottom no-repeat;
	width:463px;
	height:174px;
	position:absolute;
	left: -10px;
	top: 199px;
}


#cards{
	background:url(images/card2.gif) top left no-repeat;
	position:absolute;
	height:160px;
	width:300px;
	left: -60px;
	top: 221px;
}

.col { 
	float: left; 
	margin: 30px 16px 0 0;
	width: auto;
	line-height:150%;
	
}

.col li{
	list-style:none;
	
}

#portfolioH2{
	text-indent:-9009px;
	background:url(images/portfolio.gif) top left no-repeat;
	height:30px;
}

#portfolioH3{
	text-indent:-9009px;
	background:url(images/websites.gif) top left no-repeat;
	height:20px;
}

.credit {
	margin-top:10px;
}


.subList a{
	color:#333;
	border-bottom:#999 dotted 1px; 
}


.subList a:hover{
	color:#f05128;
}



.active a{
	color:#f05128;
}

.active a:link{
	color:#f05128;
}

.active a:hover{
	color:#f05128;
}




#contactH2{
	text-indent:-9009px;
	background:url(images/contact.gif) top left no-repeat;
	height:30px;
}

#contactMain{
	text-indent:-9009px;
	background:url(images/direct.gif) top left no-repeat;
	height:30px;
}

#contactQuote{
	text-indent:-9009px;
	background:url(images/quote.gif) top left no-repeat;
	height:30px;
}

.subcolumn {
	float:left;
	width:200px;
	margin-right:20px;
}

#aboutSubHeader{
	text-indent:-9009px;
	background:url(images/about_footer.gif) top left no-repeat;
	height:20px;
}

#nordubHeader{
	text-indent:-9009px;
	background:url(images/nord_sub_title.jpg) top left no-repeat;
	height:20px;
}




#johnnySubHeader{
	text-indent:-9009px;
	background:url(images/johnny_sub_title.gif) top left no-repeat;
	height:20px;
}

#ultrazoneSubHeader{
	text-indent:-9009px;
	background:url(images/ultrazone_sub_title.gif) top left no-repeat;
	height:20px;
}

#madSubHeader{
	text-indent:-9009px;
	background:url(images/mad_balls_sub_credit.gif) top left no-repeat;
	height:20px;
}

#recent{
	text-indent:-9009px;
	background:url(images/recent.gif) top left no-repeat;
	height:20px;
}




#servicesSubHeader{
	text-indent:-9009px;
	background:url(images/services_footer.gif) top left no-repeat;
	height:20px;
}



#developmentSubHeader{
	text-indent:-9009px;
	background:url(images/dev_footer.gif) top left no-repeat;
	height:20px;
}

#contactSubHeader{
	text-indent:-9009px;
	background:url(images/contact_footer.gif) top left no-repeat;
	height:20px;
	
}

#footer_columns_sub li{
	list-style-position:inside;
		list-style-type:square;

	
}

#yeah{
	margin-bottom:10px;
	width:300px;
	color:#093;
}

#oops{
	margin-bottom:10px;
	width:300px;
	color:#C00;
}