/* CSS Document */

	html, body {
				margin:0px;
				padding: 0px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 16px;
				color: #7b6c62;
				background-color: #9b8a80;
				}
.noflash {
	position: absolute;
	z-index: 1;
	visibility: hidden;
}

	
	#wrapper	{
				height: 585px; 
				width: 885px;
				margin: 0px auto;
				background-color: #fff;
				background-image: url(../images/background.jpg);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				}
	#wrapper-liquid	{
 				width: 885px;
				margin: 0px auto;
				background-color: #fff;
				background-image: url(../images/background.jpg);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				}
				
	#header		{
				height: 85px;
				background-image: url(../images/cocoa_logo.gif);
				background-position: right;
				background-repeat: no-repeat;
				}
				
	#home_btn a {
				width:885px;
				height:85px;
				display:block;
				}
				
	#navigation	{
	height: 500px;
	width: 160px;
	margin-right: 30px;
	float: left;
				}
				
	ul 			{
				list-style: none;
				text-align: right;
				}
				
	#home_nav	{
				height: 265px;
				margin: 45px 0px 0px 0px;
				}
				
	#home_nav li 	{
					margin: 0px;
					padding: 0px;
					}			
							
	#port_nav	{
				height: 265px;
				margin: 45px 0px 0px 0px;
				}
				
	#port_nav li 	{	
					margin: 0px 0px 10px 0px; 
					padding: 0px;
					font-size: 11px;
					font-weight: bold;
					text-transform: uppercase;
					}
			
	#main_nav	{
				height: 103px;
				margin: 25px 0px 0px 0px;
				}
				
	#main_nav li 	{text-align: right;
					}							
									
	.content	{
				width: 400px;
				/* height: 475px;     */
				float: left;
				}
				
	#rotation 	{
				margin-top: 17px;
				height: 400px;
				width: 600px;
				}
										
	#portfolio		{
					width: 600px; text-align: center;
					}
								
	#portfolio img 	{
					display: block;
					margin: 17px auto;
					}
					
	#thumbnails	{
				height: 465px;
				width: 95px; 
				float: right;
				padding-top: 5px;}
				
	#thumbnails img {
					margin: 2px 20px;
					border: 2px solid #a99e97;
					}	
					
	 #thumbnails img.arrow		{
								border: none;
								}								
	
	#about		{
				width: 695px;
				background-image:url(../images/about_img.gif);/*This is the image on the About page. To replace, use the "about_image_template.psd" 					file as a guide on size and placement. Use the "Save for Web" option and select file type GIF to maintain transparency).*/ 
				background-position: 305px 0px;
				background-repeat: no-repeat;
				float: right;
				}
				
	#about p 	{
				margin-top: 50px;
				width: 326px;
				}
				
	#services	{
				width: 300px;
				float: left;
				}
	#links	{	width: 650px;
				float: left;
				}
 
#links ol
{
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}

#links li
{
	background-image: url(../images/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px -3px;
	padding-left: 1.6em;
	line-height: 1.5em;
}
#links  .listCategory  {
	color: #605045;
	font-weight: 400;
	font-size: 110%;
	font-variant: small-caps;
	font-style: italic;
}


					
	#top			{
					margin-top: 50px;
					}
							
	#serv_list		{
					
					text-align: left;
					list-style:square;
					}
					
	#serv_list	li	{
					margin: 0px 0px 4px 0px;
					}				
					
	#contact		{
	width:390px;
	float: right;
	background-image:url(../images/services_image2.png);
					}
					
	#contact table 	{
					margin: 351px 0px 0px 14px;
					}
	
	#contact td		{
					vertical-align: top;
					}
					
	#contact_info 	{
					text-align: left;
					}
	
																							
					
	#footer		{
				height: 25px;
				width: 885px;
				clear: left;
				background-color: #9b8a80;
				color: #fff;
				font-size: x-small}	
				
	#footer_info	{
					width: 885px;
					margin:0px;
					}
					
	#footer_url		{
	text-align: left;
	width: 300px;
	float: left;
					}				
																		
	#footer_copyright	{
	text-align: right;
						}
	#current	{color: #6699FF;}
						
	a, img 	{
			border: none;
			outline: none;
			}					

	a:link			{ color: #89796e;
					text-decoration: none;
					}
	
						
	
	a:visited		{color: #89796e;
					text-decoration: none;
					}	
	
	a:hover			{
	color: #d2232a;
	text-decoration: none;
					}
	
	a:active		{}
	
	
	#contact a:link	{ color: #89796e;
					text-decoration: none;
					}
	
						
	
	#contact a:visited {color: #89796e;
					text-decoration: none;
					}	
	
	#contact a:hover	{ color: #6699FF;
					text-decoration: none;
					}
	
	#contact a:active		{}			
#copy {
	margin-right: 1em;
}