/* CSS Document */

body {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: lucida grande, lucida sans, helvetica, arial, verdana, sans-serif;
	color: #555555;
	font-size: 12px;
	background-image:  url(../images/WebDesignMidLine_BLUE.jpg);
	background-repeat: repeat-x;
	background-position: 0 100;
	
	width: 100%;
	line-height: 18px;
	}
	
	
	
body #show {
	background-image:  url(../images/WebDesignLine_YELLOW.jpg);
	background-repeat: repeat-x;
	background-position: 0 100;
	}
	
/*	
body #what {
	background-image: url(../images/FlashMidLine_ORANGE.jpg);
	background-repeat: repeat-x;
	background-position: 0 100;
	}	
*/	
	
	
	
#page-container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}	



a {
	text-decoration: none;
	color: #555555;
	border: 0px;
	}

img {
	border: 0px;
}


p {



}


ul {
	list-style-type: square;
	margin: 6 0 0 0;
	padding: 0 0 0 14;
	}


#top_spacer {
	height: 100px;
}


#logo {
	float: left;
	padding: 60 0 0 10;

}


#nav {
	height: 25px;
	float: left;
	padding: 60 0 10 30;
	valign: middle;
	margin: 0 0 0 0;
	font-size: 11px;
}



#nav ul {	
	border: 0px;
	margin: 0px;
	padding: 0 0 0 0;
	list-style-type: none;
	float: left;
	height: 25px;
	
	}
	
	



#nav ul li {
	display: inline;
	padding: 0 0 10 0;
	valign: middle;
		
}

#nav ul li a {
	text-align: center;
	float: left;
	height: 22px;
	padding: 5 11 0 11;
	font-weight: ;
	line-height:12px;
	margin: 0 0 0 0;
	color: 555555;
	text-decoration: none;
	width: ;
	border-right: 1px solid #cccccc;
	
	}
	

#nav ul li a:hover {

	color: ;
	background-color: #eeeeee;



}		
	

#nav a#homenav {
	border-right: 1px solid #cccccc;
	
	}

#nav a#whatnav {
	border-left: 1px solid #cccccc;
	
	}
	
	

#what #nav a#whatnav,
#how #nav a#hownav,
#who #nav a#whonav,
#show #nav a#shownav,
#when #nav a#whennav,
#faq #nav a#faqnav,
#contact #nav a#contactnav,
#home #nav a#homenav
 {
	color: 22b14c;
	background-color: eeeeee;
}		












#flashbar {

	width: 600px;
	height: 100px;
	border-right: 10px white solid;
	border-left: 10px white solid;
	padding: 0 0 0 0;
	margin: 0 0 0 0;

}


#show #flashbar {
	border-right: 0px white solid;
	border-left: 0px white solid;
	height:30;
}

#show #left_content {
	padding: 100 30 30 10;
	text-align: right;
	}	
	
#show #right_content {
	padding: 100 0 0 0;

	}	

#show #body_left {
	height: 475px;
	}






#body_left {
	float: left;
	width: 175px;
	background-color: ;
	height: 400px;
	
	
	}
	
	
	
#left_content {
	padding: 30 30 30 10;
	text-align: right;
	
	}	
	
	
	

#body_center {
	float: left;
	width: 500px;
	background-color: ;
	margin: 0 0 15 0;

	}
	
	
#center_content {
	padding: 30 30 0 0;
	width: auto;
	float: none;
	
	}	
	
	
#center_content a {
	color: 22b14c;
	font-weight: bold;

	}
	
	
#center_content a:hover {
	color: e7691f;

	}			
	
		
#show #center_content {
	padding: 0 0 0 0;
	}




#show #center_content #regpadding {
	padding: 100 30 20 0;
	}













#body_right {
	float: right;
	width: 125px;
	background-color: ;

	margin: 0 0 15 0;
	font-size: 11px;
	}
	
	
#home #body_right {	
	margin: 5 0 15 0;
	}
	
	
	
#right_content {
	padding: 30 0 0 0;

	}
	
	
	
#home #right_content {
	padding: 10 0 30 0;

	}
	
	





	
	
#free_stuff {
	background-color: eeeeee;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
	}
	
	
#freestuff_inset {
	padding: 2 12 0 12;

	}	


#free_item {
	padding: 4 0 12 0;
	border-top: 1px solid #cccccc;

	margin: 0 0 0 0;
	
		}	
	
#free_item a {
	color: #e7691f;
	font-weight: bold;
}	
	
	
#free_item a:hover {
	color: #555555;

	}	
	
	
	
.form {
	font-size: 11px;
	line-height:20px;

}



.corner_left {
	text-align:left;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}


	

	

			
#footer {
	clear:both;
	padding: 30 0 0 0;
	border-top: 0px #cccccc solid;
	text-align: center;

}

	
	
	





#navbottom {
	text-align: center;
	padding: 0 0 0 0;
	valign: middle;
	margin: 0 0 0 0;
	font-size: 10px;
	border-top: 1px #cccccc solid;
	border-bottom: 0px #cccccc solid;	
	line-height: 12px;

	}



# navbottom ul {	
	border: 0px;
	list-style-type: none;

	
	}
	



#navbottom ul li {
	display: inline;



}

#navbottom ul li a {
	text-align: center;
	padding: 0 14 0 14;
	font-weight: ;
	color: 555555;
	text-decoration: none;
	border-right: 0px solid #cccccc;
	
	}
	

#navbottom ul li a:hover {

	color: 22b14c;
	background-color: ;

}		
	

#navbottom a#homenav {
	border-right: 0px solid #cccccc;
	
	}



#what #navbottom a#whatnav,
#how #navbottom a#hownav,
#who #navbottom a#whonav,
#show #navbottom a#shownav,
#when #navbottom a#whennav,
#faq #navbottom a#faqnav,
#contact #navbottom a#contactnav,
#home #navbottom a#homenav

{
	color: ;
	background-color: ;
}		








#address {
	margin: 10 0 10 0;
	font-size: 10px;

	}	




h1 {
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 8 0;
	color: 22b14c;

	}
	
	
.h1_subhead {


	color: #e7691f;

}	
	
	
h2 {
	font-size: 13px;
	line-height: 17px;
	margin: 18 0 6 0;
	color: ;
	text-transform: uppercase

	}	
	
	
#bottom_promos {
font-size: 11px;
line-height: 15px;
	margin: 12 0 0 0;
	background-color: eeeeee;
	padding: 6 16 6 12;
border-right: 0px solid #cccccc;
border-left: 8px solid #cccccc;

}	


#body_right #bottom_promos {
	margin: 12 0 0 0;
	padding: 0 16 0 16;
}	


#bottom_promos a {
	color: #e7691f;
}		


#bottom_promos a:hover {
	color: 555555;
}		



#portfolio_piece {
	text-align: center;
	height: 350;

}


#portfolio_client {
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 150;
	text-align: right;
	height: 125;
	margin: 0 20 0 0;
	border-top: 1px #cccccc solid;
	padding: 6 0 0 0;
}



#portfolio_desc {
	float: left;
	width: 320;
	text-align: left;

	border-top: 1px #cccccc solid;
	font-size: 11px;
	padding: 6 0 0 0;
	margin: 0 0 0 0;

}

#portfolio_desc a {
	font-style: italic;
	font-size: 10px;
	color: 22b14c;

}


#portfolio_desc a:hover {
	color: 555555;

}


#show #body_left {
	width: 140px;
}



#portfolio_client_list {
	line-height: 15px;
		width: 125;	

}


#portfolio_client_list a {
	border-right: 0px #cccccc solid;
	padding: 0 0 0 0;
}


#portfolio_client_list a:hover {
		color: e7691f;

}


#portfolio_client_list #Juntos a#Juntosnav,
#portfolio_client_list #GoSustainable a#GoSustainablenav,
#portfolio_client_list #Updog a#Updognav,
#portfolio_client_list #RoadID a#RoadIDnav,
#portfolio_client_list #YSG a#YSGnav,
#portfolio_client_list #Rucks a#Rucksnav,
#portfolio_client_list #HandSurgeon a#HandSurgeonnav,
#portfolio_client_list #FullCircle a#FullCirclenav,
#portfolio_client_list #DECA a#DECAnav,
#portfolio_client_list #AirCamp a#AirCampnav





 {
		font-weight: ;
		color: 22b14c;


}















.greentext {
	color: 22b14c;
	}
	
.orangetext {
	color: #e7691f;
	}			
	
	
	
#process_photos {
	position: relative;
	left: -40px;
	text-align:center;
	float: left;
	padding: 20 0 10 0;
	border-right: 0px solid #cccccc;
	margin: 0 0 0 0;

}	


#process_descriptions {
	float: ;
	width: auto;
	margin-left: 70;
}

#left_photos {

	position: relative;
	left: -125;
	top: 0px;

	margin-right: -150px;

}	





#left_promo_links {
font-size: 10px;
line-height: 14px;
font-weight: bold;
	margin: 0 0 0 0;
	background-color: ;
	padding: 0 0 0 0;
	text-align: center;
	text-transform: uppercase;
	

}	


#left_promo_links a {
	color: #e7691f;

}


#left_promo_links a:hover {
	color: 555555;

}