*, html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

html {
	height: 100%;
}

body {
	background: url('../images/pattern_112.gif');
	font-family: 'Lucida Grande', Verdana, Arial;
	font-size: 12px;
	height: 100%;
}

h1 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 0 0;
	height: 125px;
	width: 724px;
	padding: 4px;
	padding-top: 20px;
	padding-right: 10px;
	text-align: right;
}

#album_left {
	background: url('../images/329_bigthumb.png') no-repeat;
	width: 230px;
	height: 317px;
	float: left;
	margin: 25px 25px 10px 30px;
}

#album_left img {
	padding: 12px 4px 4px 19px;
}

#album_footer {
	margin: 20px 0px 0px 0px;
	text-align: center;
	padding: 4px;
	clear: both;
}

#album_right {
	width: 432px;
	height: 300px;
	float: left;
	padding: 25px 0 0 0;
}

#album_web {
	display: hidden;
}

#album_logo {
	display: hidden;
}

#album_brochure {
	display: hidden;
}

#album_illustration {
	display: hidden;
}

#album_mailing {
	display: hidden;
}

#album_music {
	display: hidden;
}

form {
	margin: 0px 0px 0px 50px;
}

label,input {
	color: #333;
	display: block;
	clear: both;
	text-align: left;
	width: 180px;
}

input {
	font-size: 11px;
	padding: 2px;
	margin-bottom: 3px;
}

input:hover {
	background: #d9dabb;
}

.button_send {
	margin: 0 0 0 0;
	padding: 3px;
	background: #d9dabb;
	border: none;
}

.button_send:hover {
	cursor: pointer;
	background: #b8bf93;
}

textarea {
	width: 200px;
	font-size: 12px;
	padding: 2px;
	color: #333;
	display: block;
	clear: both;
	margin-bottom: 0px;
}

textarea:hover {
	background: #d9dabb;
}

#quote_form textarea {
	width: 350px;
}

#quote_form label {
	padding: 8px 0px 0px 0px;
}

br {
	clear: left;
}

#img_thumb {
	background: url('../images/329_thumb.png') no-repeat;
	width: 85px;
	height: 105px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#img_thumb img {
	padding: 4px 4px 4px 6px;
	border: none;
}

#img_thumb a {
	border: none;
	cursor: pointer;
}

#meet_intro {
	background: url('../images/329_meetintro.png') no-repeat;
	width: 215px;
	height: 340px;
	margin: 20px 40px 10px 2px;
	float: left;
}

#meet_intro img {
	border: none;
	padding: 25px 0px 8px 8px;
}

#meet_intro a {
	border: none;
	cursor: pointer;
}

#bigphotocaption {
	padding: 5px;
	text-align: center;
	vertical-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	height: 20px;
	clear: both;
}

#bigimgcaption {
	padding: 5px;
	text-align: center;
	vertical-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	height: 20px;
	clear: both;
}

	h1 span {
		color: #333;
		text-align: right;
	}

.description {
	font-size: 12px;
	line-height: 18px;
	color: #ffffbe;
	padding: 5px 0 15px 0;
}

.notice {
	padding: 5px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	clear: both;
}

#backcontainer {
	margin: 0 auto 0 auto;
	padding: 25px 0 0px 0;
	width: 100%;
	background: url('../images/329_topback.png') repeat-x;
}

#shadowcontainer {
	margin: 0 auto 0 auto;
	padding: 1px 9px 4px 9px;
	background: url('../images/shadow_green.png') repeat-y;
	width: 780px;
}

#container {
	margin: 0 auto 0 auto;
	width: 739px;
}

#header {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	background: url('../images/329_header.jpg') no-repeat;
	height: 146px;
	width: 735px;
	text-align: right;
	padding: 4px;
}

#header img {
	border: none;
	padding: 0px;
	margin: 0;
}

a, a:link {
   color: #379100;
   text-decoration: none;
}

a:visited {
	color: #379100;
}

a:hover {
	color: #793A00;
	text-decoration: underline;
}

	#top_container {
		width: 719px;
		height: 130px;
		margin: 10px auto 10px auto;
	}
	
	#bottom_container {
		clear: both;
		width: 739px;
	}
	
.page-top {	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #09f;
	border-bottom: 5px solid #444444;
}

.page-sidebar { 
	position: fixed; 
	top: 30px; 
	left: 20px;	
	width: 250px; 
}

* html .page-sidebar { 
	top: 30px; 
	left: 20px;	
	width: 250px; 
	position:absolute; 
}

.page-title {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

	.page-title h1 {
		margin: 0 0 5px 0;
		text-align: right;
	}
	
	
	.page-title h2 {
		clear: both;
		font-size: 100%;
		color: #FF9;
		font-weight: normal;
		margin: 0;
	}

.page-body {
	margin: 0 10% 0 315px;	
	width: 639px;
	padding: 30px 0 20px 0;
	text-align: left;
}

	#page-footer {
		background: url('../images/329_footer.jpg') no-repeat;
		width: 755px;
		height: 75px;
		display: block;
		text-align: left;
	}
	
	#page-footer a, a.link {
		padding: 0px 0px 0px 5px;
		color: #333;
		text-decoration: none;
	}
	
	#page-footer a:visited {
		color: #333;
	}
	
	#page-footer a:hover {
		color: #793A00;
		text-decoration: underline;
	}
	
	#footer-dreamhost {
		padding: 10px;
	}
	
	#page-footer img {
		float: left;
		border: none;
	}
	
	#page-footer p {
		padding: 23px 0px 0px 30px;
		float: left;
		color: #333;
		font-size: 13px;
		font-weight: bolder;
	}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}

h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}

.navigation { 
	list-style: none; 
	margin: 10px 0 30px 0; 
	width: 200px;
}

	.navigation li { 
		padding: 0; 
		margin: 0; 
	}

	.navigation a, 
	.navigation a:visited {
		display: block;
		height: 25px;
		line-height: 25px;
		padding: 0 10px 0 10px;
		border-bottom: 3px solid #171B20;
		color: #ffffff;
		background-color: #333333;
		text-decoration: none;
	}

	.navigation a:hover {
		color: #000000;
		background-color: #a9d06a;
	}

a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #a9d06a;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #09F;
}		
	p small, 
	li small {
		color: #09F;
		font-size: 100%;
	}
	
	p em, 
	em {
		color: #ffffff;
	}

.hidden {
	display : none;
}


pre {
  	font-size: 11px;
  	padding: 10px;
  	background: #000000;
	color: #ffffff;
  	overflow: auto;
	margin: 10px 0 10px 0;
}

code {
  	color: #ffffff;
  	background: #000000;
  	font-family: Monaco, Courier, monotype;
}

.a_intro {
	background: url('../images/329_intro.jpg');
}

.a_portfolio {
	background: url('../images/329_portfolio.jpg');
}

.a_meet {
	background: url('../images/329_meet.jpg');
}

.a_contact {
	background: url('../images/329_contact.jpg');
}

.a_quote {
	background: url('../images/329_getaquote.jpg');
}

.a_sendstuff {
	background: url('../images/329_sendstuff.jpg');
}

#sendstuff_content {
	padding: 120px 0px 0px 160px;
	margin: 0;
}

.p_block_left {
	margin: 15px auto 0px 15px;
	float: left;
	font-size: 17px;
	width: 58%;
}

	.p_block_left span {
		font-weight: bold;
		font-size: 32px;
	}
	
	.p_block_left img {
		padding: 5px 5px 0px 5px;
	}

#intro_block_right {
	margin: 25px 20px 0px 10px;
	float: left;
	font-size: 15px;
	width: 30%;
}

#intro_block_right a, a:link, a:active {
	color: #333;
}

#intro_block_right a:hover, a:visited {
	color: #379100;
}

	#intro_block_right ul {
		margin: 0px 0px 0px 10px;
		font-size: 14px;
	}
	
	#intro_block_right ul li {
		border: 1px dashed #333;
		list-style: none;
		height: 20px;
		padding: 5px 5px 5px 38px;
		margin: 4px 0px 0px 0px;
	}
	
	.li_infomc1 {
		background: url('../images/portfolio/i_infomc.gif') no-repeat;
	}
	
	.li_infomc2 {
		background: url('../images/portfolio/i_infomc2.gif') no-repeat;
	}
	
	.li_buckalews {
		background: url('../images/portfolio/i_buckalews.gif') no-repeat;
	}
	
	.li_paws {
		background: url('../images/portfolio/i_paws.gif') no-repeat;
	}
	
	.li_wmcpa {
		background: url('../images/portfolio/i_wmcpa.gif') no-repeat;
	}
	
	.li_cakes {
		background: url('../images/portfolio/i_cakes.gif') no-repeat;
	}
	
	.li_filmster {
		background: url('../images/portfolio/i_filmster.gif') no-repeat;
	}
	
	.li_refresh {
		background: url('../images/portfolio/i_refresh.gif') no-repeat;
	}
	
	.li_cassandra {
		background: url('../images/portfolio/i_cassandra.gif') no-repeat;
	}
	
	#intro_block_right h2 {
		padding: 5px 5px 5px 5px;
		margin: 0;
		font-size: 18px;
		font-weight: bold;
	}

	#intro_block_right span {
		font-weight: bold;
		font-size: 18px;
	}
	
	#intro_block_right img {
		padding: 10px 5px 10px 5px;
	}
	
	/*
		Vertical Accordions
	*/
	
	.accordion_toggle {
		display: block;
		height: 30px;
		width: 719px;
		background: url(../images/accordion_toggle.jpg) no-repeat top right #333333;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		border-bottom: 1px solid #ffc481;
		cursor: pointer;
		margin: 0 0 0 0;
		text-align: left;
	}
	
	.accordion_toggle_active {
		background: url(../images/accordion_toggle_active.jpg) no-repeat top right #ffc481;
		color: #ffc481;
	}
	
	.accordion_content {
		color: #333333;
		overflow: hidden;
	}
		
		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #333333;
		}
		
		.accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
		
	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 639px;
		background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 auto 0 auto;
	}

	.vertical_accordion_toggle_active {
		background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}

	.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
	}

		.vertical_accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}

		.vertical_accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
	
	#loading_container {
		background: #fff;
		padding: 20px;
		text-align: center;
		display: block;
	}

/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 350px;
	width: 30px;
	background: url(../images/h_accordion_toggle.jpg) no-repeat top left;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(../images/h_accordion_toggle_active.jpg) no-repeat top left;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 350px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	overflow: hidden;
	color: #444444;
}

	.horizontal_accordion_content p {
		
	}


  /* Container styling*/
  #horizontal_container {
	padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 720px;   
    height: 410px; 
   overflow: hidden;
  }

	#horizontal_container h2 {
		padding: 0px;
		margin: 0;
	}

	#meet_thumb {
		width: 230px;
		height: 340px;
		padding: 30px 0px 0px 0px;
		margin: 0;
		float: left;
	}

	#meet_thumb img {
		border: none;
		padding: 0px;
	}

	#meet_thumb a {
		border: none;
		cursor: pointer;
	}

	#profile {
		float: left;
		background: url('../images/329_meetbox.png') no-repeat;
		margin: 35px 0px 0px 0px;
		padding: 8px 8px 0px 10px;
		width: 220px;
		height: 300px;
		overflow: hidden;
	}
	
	#profile h3 {
		font-size: 12px;
		padding: 5px 5px 0px 0px;
		color: #ffffff;
		clear: both;
	}
	
	#profile ul {
		width: 210px;
		font-size: 10px;
		padding: 2px;
		margin: 0;
		color: #fafafa;
	}
	
	#profile ul li {
		list-style: inside;
		margin: 0px 0px 0px 2px;
		padding: 2px 0px 0px 6px;
		color: #ffffff;
		float: left;
	}
	
	#profile_bottom {
		clear: both;
		height: 120px;
	}
	
	#profile_bottom ul {
		clear: both;
	}
	
	#profile_bottom ul li {
		float: left;
		padding: 5px;
	}

	.meet_nick {
		background: url('../images/meet/bars/nick.png') no-repeat;
	}

	.meet_troy {
		background: url('../images/meet/bars/troy.png') no-repeat;
	}
	
	.meet_gayle {
		background: url('../images/meet/bars/gayle.png') no-repeat;
	}
	
	.meet_melissa {
		background: url('../images/meet/bars/melissa.png') no-repeat;
	}
	
	.meet_tony {
		background: url('../images/meet/bars/tony.png') no-repeat;
	}
	
	.meet_jerm {
		background: url('../images/meet/bars/jerm.png') no-repeat;
	}
	
	.meet_jason {
		background: url('../images/meet/bars/jason.png') no-repeat;
	}
	
	.meet_yana {
		background: url('../images/meet/bars/yana.png') no-repeat;
	}
	
	.meet_steph {
		background: url('../images/meet/bars/steph.png') no-repeat;
	}

#vertical_container {
	display: hidden;
}
		
.a_meet {
	padding: 0px 0px 0px 16px;
}

#submenu {
	margin: 0 0 0 30px;
	height: 38px;
}

#submenu li	{
	list-style: none;
	margin: 0;
	background-image: url(../images/329_portfolio_li.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 118px;
	float: left;
	text-align: left;
}

#submenu li:hover {
	background-image: url(../images/329_portfolio_li_over.png);
	background-repeat: no-repeat;
}

#submenu li a {
	color: #333;
	background: none;
	font-size: 13px;
	height: 32px;
	width: 118px;
	padding: 8px 8px 5px 40px;
	display: block;
}

#submenu li a:hover {
	color: #379100;
}

.submenu_noback {
	background: none;
}

#mymenu {
	clear: both;
	margin: 0px 40px 0px 0px;
	width: 550px;
	margin: 0;
	height: 38px;
	padding: 0px 0px 0px 15px;
}

#mymenu li	{
	list-style: none;
	margin: 0;
	background-repeat: no-repeat;
	height: 32px;
	width: 90px;
	float: left;
	text-align: center;
}

.mymenu_linkedin {
	background: url(../images/329_meet_linkedin.png);
}

.mymenu_website {
	background: url(../images/329_meet_website.png);
}

.mymenu_email {
	background: url(../images/329_meet_contact.png);
}

.mymenu_googlemap {
	background: url(../images/329_meet_location.png);
}

.mymenu_flickr {
	background: url(../images/329_meet_flickr.png);
}

#mymenu li a {
	color: #333;
	background: none;
	font-size: 12px;
	height: 28px;
	padding: 2px 0px 0px 20px;
	display: block;
}

#mymenu li a:hover {
	color: #379100;
}

.mymenu_noback {
	background: none;
}

#contact_block_left {
	float: left;
	height: 318px;
	width: 300px;
	margin: 110px 0px 0px 120px; 
}

#contact_block_right {
	float: right;
	width: 50px;
	margin: 38px 132px 0px 0px;
}

#contact_block_right img {
	float: right;
	padding: 0px;
}

#quote_block {
	float: left;
	width: 505px;
	margin: 110px 0px 0px 120px; 
	height: 820px;
}