table,body{ font-size:12px; font-family:Helvetica, Arial, sans-serif;  color:#000000; margin-top:0px; margin-left:0px; }
a{color:#000000;  text-decoration:none; }
a:focus{-moz-outline:none; outline:none;}
a:hover{ text-decoration:underline;}

#topSection{
	position:relative; 
	top:0px; left:0px;
	width:1200;
	height:50px; 
	background-color:#FFFFFF;
	overflow:hidden;
}

#pageTitle{
	position:relative; 
	top:20px; left:20px; 
	color:000000; font-weight:Bold;
}

a.home{color:000000; text-decoration:none;}
a.home:hover{ text-decoration:none;}

.tagline{color:0099CC;}
.email{color:009900;}
.phonenumber{color:CC0000;}

.secondColor{color:#999966;}

#navSection{
	position:absolute; 
	top:32px; left:0px;  width:210px; 
	height:100%; 

}
#contentSection{
	position:absolute; 
	top:34px; 
	left:220px;
	height:100%; 
	width:600;
}
#spacer{
	position:absolute; 
	top:50px; 
	left:210px;
	width:10px; 
	height:1000; 
	background-color:#FFFFFF;
}




#sideNav{
	background-color:white; 
	position:relative; 
	width:170px;
	top:10px; left:10px; 
	padding:10px 10px;
}

#the_work {
color:000000; font-weight:Bold; line-height:1.2;
}

#cat1 {
  margin-top: 3px;
  margin-left: 0px;
  margin-bottom: 10px;
}

.sections {
  margin-top: 4px;
  margin-bottom: 1px;
}

.links {
  margin-top: 0px;
  margin-bottom: 0px;
}

#identity_and_typography_menu_link {
  color:0099CC; font-weight:Bold; line-height:1.2;
}

#editorial_and_packaging_menu_link {
  color:009900; font-weight:Bold; line-height:1.2;
}

#art_and_illustration_menu_link {
  color:CC0000; font-weight:Bold; line-height:1.2;
}

/* for ie */
* html #sideNav{ width:190px;}

.hiddenMenu{position:relative; top:0px; left:0px;  }
a.menuSections{color:000000; font-weight:Bold; line-height:1.2; }
a.menuSectionsSel{color:000000; font-weight:Bold; line-height:1.2;  text-decoration:underline; }

a.menuLinks{color:000000; font-family:"Times New Roman", Times, serif;}
a.menuLinksSel{color:000000; font-family:"Times New Roman", Times, serif; text-decoration:underline; } 




#floatText, floatImg{
	float:left;
}

.imgNormal{
	position:relative;
	top:22px; left:10px;
}
.imgLeft{

	position:absolute;
	top:22px; left:300px;

}




.textContainer{

	font-family:"Times New Roman", Times, serif;

	position:relative; 
	top:10px; 
	left:10px; 
	width:260px; 
	
	background-color:#FFFFFF;
	margin-right:10px;
	
	padding:10px 10px;
	
}

/* for ie */
* html .textContainer{ width:280px;}



#imageNavWrapper{
	position:relative; 
	margin-top:22px; 
	margin-left:10px;
	width:580px; height:380px;
}

a.imageNav{color:#000000; 	font-weight:900; font-family: Arial, sans-serif;  font-size:10px; 
}
a.imageNav:hover{ text-decoration:none; }

.imageNavText{
	font-family: Arial, sans-serif;  
	position:relative;
	text-align: center;
	float:left;
	top:5px;
	width:70px;
	color:#000000; 
	font-weight:900;
	font-size:10px; 
}

.imageFrame{
	
	width:580px; height:380px; 
}

.videoVerticlePad{

}


#imgs-wrapper {
	position: relative;
	left: 0;
	top: 0px;
	width: 580px;
	height: 380px;
	overflow: hidden;
}
#imgs {
	position: absolute;
	left: 0;
	top: 0;
}

#loadingGallery {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 580px;
	height: 380px;
	background-color: white;
}

#gallery-content {
	width: 580px;
}

#gallery-wrapper {
	float: left;
	clear: left;
}

#gallery-captions-wrapper {

	float: left;
	clear: left;
}

#gallery-captions {
	position: relative;
	left: 510;
	top: -20;
	width: 100px;
	background-color:#FFFFFF;
}

#gallery-captions div.caption {
	position: absolute;
	left: 0;
	top:  0px;
	height:20px;
	width:70px;
	visibility: hidden;
}

#gallery-controller {
	float: left;
	clear: left;
}
.thirdColor {
	color:#000000;
}