* { padding: 0; margin: 0; }

			body {
			 /* font-family: Arial, Helvetica, sans-serif; */
			 font-family: helvetica;
			 
			 font-size: 13px;
			 background: #CCC;
			}
			#wrapper { 
			 margin: 0 auto;
			 width: 798px;
			}
			#header {
			 width: 688px;
			 color: #333;
			 height: 99px;
			 margin: 38px 0px 0px 0px;
			 background: #CCC;
			}
			
			ia {
			font-size: 12px;
			text-align: left;
			color: #333;
			}
			ib {
			font-size: 12px;
			text-align: left;
			color: #CCC;
			}
			j {
			font-size: 12px;
			font-weight:bold;
			text-align: left;
			color: #999;
			color:#333;
			}



<!-- NAVIGATION -->
#navigation {
 width: 688px;
 height: 30px;
 color: #333;
 font-size: 36px;
 font-weight:bold;
 background-color:#F3F2ED;
}
.menu{
	float:left;
}

a.home { 
background-image:url(images/home.png); 
}

a.home:hover { 
background-image:url(images/homeRed.png); 
}

a.about { 
background-image:url(images/about.png); 
}

a.about:hover { 
background-image:url(images/aboutRed.png); 
}

a.work { 
background-image:url(images/work.png); 
}

a.work:hover { 
background-image:url(images/workRed.png); 
}

a.clients { 
background-image:url(images/clients.png); 
}

a.clients:hover { 
background-image:url(images/clientsRed.png); 
}


<!-- NAVIGATION -->


							<!-- HOME  -->
							#home { 
							 width: 798px;
							 height: 250px;
							 color: #333;
							 background-color:#CCC;
							 margin: 0px 0px 5px 0px;
							 height: 208px;
							}
							#home a:link, #home a:visited
							{
								color:#CCC;
								text-decoration: none;
							}
							
							#home a:hover
							{ 
								color:#f69322;
								text-decoration: none;	
							}
							.homeLeft 
							{ 
							   float:left;
							   width: 343px;
							   height: 250px;
							   border:none;
							   color: #333333;
							   background-color:#CCC;
							   margin: 0px 0px 5px 0px;
							   clear:both;
							}
							.homeRight 
							{ 
							   float:left;
							   width: 343px;
							   height: 250px;
							    border:none;
							   color: #333333;
								background-color:#CCC;
								margin: 0px 0px 5px 0px;
							   
							}
							.homeCenter 
							{ 
							   float:left;
							   width: 1px;
							   height: 250px;
							   border: 0;
							   color: #333333;
							   background-color:#CCC;
							   margin: 0px 0px 5px 0px;
							   
							}
							#homeLink { 
							 width: 688px;
							 height: 30px;
							 font-size:11px;
							 color: #333333;
							 background-color:#CCC;
							 clear:both;
							}
							
							#homeLink a:link, #homeLink a:visited
							{
								color:#333333;
								text-decoration: none;
							}
							
							#homeSpace { 
							 width: 688px;
							 height: 15px;
							 color: #333333;
							 background-color:#CCC;
							 clear:both;
							}

#featured { 
 width: 688px;
 height: 148px;
 color: #999;
 
 /*font-family: Arial, Helvetica, sans-serif;*/
 font:sans-serif;
 background-color:#999;
 margin:5px 0px 0px 0px;
 clear:both;
}

#featured a:link, #featured a:visited
{
	color: #000;
	text-decoration: none;
}

#featured a:hover
{ 
	color:#000;
	text-decoration: none;	
}
/*indexV2.0
.featuredNews { 
	float:left;
	width: 166px;
	height: 148px;
	line-height:11px;
	font-size: 10px;
	color: #000;
	background-color:#999;
}
*/
.featuredNews { 
	float:left;
	width: 150px;
	height: 140px;
	line-height:11px;
	font-size: 10px;
	color: #000;
	background-color:#999;
	margin:8px 5px 0px 15px;
}
.recentWorks { 
	float:left;
	width:inherit;
	height:inherit;
	line-height:11px;
	font-size: 10px;
	color: #000;
	margin:0px 10px 0px 3px;
}
.featuredArtist { 
	float:left;
	width: 172px;
	height: 148px;
	line-height:11px;
	font-size: 10px;
	color: #000;
	background-color:#999;
}
.featuredArtistImage { 
	float:left;
	width: 88px;
	line-height:11px;
	font-size: 10px;
	color: #000;
	background-color:#999;
	margin: 4px 0px 0px 3px;
	
}
.featuredArtistArticle { 
	float: right;
	width: 70px;
	height: 118px;
	line-height:11px;
	font-size: 10px;
	color: #000;
	background-color:#999;
	margin: 3px 0px 0px 0px;
}
.featuredNewsSpace { 
	float:left;
	width: 6px;
	height: 148px;
	background-color:#999;
}



#worksContenta { 
 width: 688px;
 height: 280px;
 color: #333333;
 background-color:#CCC;
 margin: 40px 0px 5px 0px;
 clear:both;
}

#workSearch { 
 width: 688px;
 height: 30px;
 color: #333333;
 font-size: 14px;
 font: Helvetica;
 background-color:#CCC;
 margin: 50px 0px 5px 0px;
 clear:both;
}

#workSearch a:link, #workSearch a:visited
{
	color: #333333;
	text-decoration: none;
}

#workSearch a:hover
{ 
	color:#8cc541;
	text-decoration: none;	
}


#artistSearch { 
 width: 688px;
 height: 30px;
 color: #333333;
 font-size: 14px;
 font: Helvetica;
 background-color:#CCC;
 margin: 50px 0px 5px 0px;
 margin-top:50px;
 clear:both;
}



<!-- ABOUT  -->
					#content { 
					 width: 688px;
					 color: #333;
					 margin: 0px 0px 5px 0px;
					 height: 248px;
					 
					}
					.contentLeft {
						float:left;
						width: 428px;
						height: 248px;
						font-size: 12px;
						color: #333333;
						clear:both;
					}
					.contentRight { 
						float:left;
						width: 253px;
						height: 248px;
						color: #333333;
					}
					#secondaryContent { 
						 
						 width: 688px;	 
						 color: #333;
					}
					.secondaryContentLeft {
						float:left;
						width: 538px;
					/*	width: 150px; original size*/
						color: #333333;
					}
					.secondaryContentLeft c:
					{
						
					/*	width: 150px; original size*/
						color:#333;
					
					}
					.secondaryContentRight { 
						float:right;
						width: 538px;	
						color: #333333;
					}
					<!-- ABOUT  -->



<!-- CONTACTS  -->
#contacts { 
 width: 798px;
 height: 208px;
 color: #333;
 background-color:#CCC;
 margin: 0px 0px 5px 0px;
 height: 208px;
}
.address {


width: 688px;
height: 80px;
font-size: 12px;
font: Helvetica;
color: #333333;
margin-bottom:18px;
clear:both;
}
#table 
{ 
   width: 688px;
   border: 0;
   color: #333333;
}


<!-- CONTACTS  -->

					<!-- CLIENTS  -->
					
					#clients { 
					position:absolute;
					height:200px;
					width:688px;
					margin:-100px 0px 0px -200px;
					top: 50%;
					left: 43%;
					text-align: left;
					padding: 0px;
					background-color: #f5f5f5;
					}
					.clientsLeft {
						float:left;
						width: 394px;
						height: 288px;
						font-size: 12px;
						font: Helvetica;
						color: #333333;
						background-color:#F3F2ED;
						clear:both;
					}
					.clientsRight { 
						float:left;
						width: 394px;
						height: 288px;
						background-color:#F3F2ED;
						color: #333333;
					}
					
					<!-- CLIENTS  -->
					
					
					<!-- FEATUREDPROJECT -->
					
					
					#project { 
					 width: 688px;
					 height: 388px;
					 color: #333;
					 background:#CCC;
					 
					 height: 248px;
					 
					}
					.video {
						float:left;
						width: 480px;
						height: 388px;
						font-size: 12px;
						font: Helvetica;
						color: #333333;
						margin-top: 28px;
						clear:both;
					}
					.details { 
						float:left;
						width: 188px;
						height: 388px;
						margin-left:28px;
						margin-top: 28px;
						color: #333333;
					}
					
										
					
					<!-- FEATUREDPROJECT -->
					
<!-- ARTIST -->
#artistSearch { 
 width: 688px;
 height: 30px;
 color: #333333;
 font-size: 14px;
 font: Helvetica;
 background-color:#333333;
 margin: 50px 0px 5px 0px;
 margin-top:50px;
 clear:both;
}

#artistPage { 
width: 688px;
color: #333;
background:#CCC;
height: 248px;
}
.artistImage {
float:left;
width: 280px;
height: 288px;
font-size: 12px;
font: Helvetica;
color: #333333;
margin-top: 28px;
clear:both;
}
.article { 
float:left;
width: 390px;
height: 288px;
margin-left:18px;
margin-top: 28px;
color: #333333;
}





<!-- Artist -->
					

#footer { 
 width: 688px;
 color: #333;
 background-color:#333333;
 margin: 0px 0px 10px 0px;
}