/* styles common to all pages************************/
body {

	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

/*main container*/
#wrapper {
	height: 700px;
	width: 1200px;
	border: 0px solid #000000;
	position:relative;
	text-align: center;
	margin: 0 auto;
	}
	
/*project container*/
#projectwrapper {
	height: 470px;
	width: 500px;
	border: 0px solid #000000;
	position:absolute;
	text-align: left;
	margin: 0 auto;
	left: 0px;
	top: 0px;
	}
	
/*main navigation*/
#nav2 {
	font-size: 15px;
	padding-left: 5px;
	line-height:20px;
	text-align:left;
	width: 175px;
	height: 250px;
	border: 0px solid #000000;
	position:absolute;
	left: 98px;
	top: 146px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
}
#nav2 a {text-decoration: none;}
#nav2 a:link, #nav2 a:visited {color: #000000;}, #nav2 a:active {color: #000000;}
#nav2 a:hover  {color: #666666;}

/*video page*/
#video {
	font-size: 16px;
	padding-left: 5px;
	line-height:21px;
	text-align:left;
	width: 195px;
	height: 250px;
	border: 0px solid #000000;
	position:absolute;
	left: 300px;
	top: 106px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
}
#video a {text-decoration: none;}
#video a:link, #video a:visited,#video a:active {color: #000000;}
#video a:hover {color: #DB7093;}
  

/*about page****************************************/
/*about text box*/
.gemmakahng_about {
	font-size:11px;
	color:#DB7093;
	font-weight: bold;
}
/*about text*/
#about{
	color:#727272;
	border: 0px solid #000000;
	line-height:14px;
	position:absolute;
	top: 75px;
	left:180px;
	font-size:12px;
	text-align:left;
	width: 470px;
}

#about a {text-decoration: none;}
#about a:link, #bottom_nav a:visited,#contact a:active {color: #727272;}
#about a:hover  {color: #cf2c22;}


/* index page***************************************/
/*horse logo on index page*/
 #logo{
	color:#999999;
	position:absolute;
	left: 302px;
	top: 75px;
	font-size:14px;
	text-align:center;
	width: 200px;
	height: 215px;
}

 #indeximage{
    color:#999999;
	position:absolute;
	left: 55px;
	top: 20px;
	font-size:14px;
	text-align:center;
	width: 651px;
	height: 572px;
}

/*coco's name on index page*/
  #coco_index {
	height: 84px;
	width: 373px;
	border: 0px solid #000000;
	position: absolute;
	top: 55px;
	right: 71px;
	left: 94px;
	text-align:center;
	color: #000000;
	font-size:36px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

/* contact page*************************************/
/*gemma's name on contact page*/
.gemmakahng_contact {
	font-size:14px;
	color:#cf2c22;
}
/*gemma's address*/
#contact{
	color:#727272;
	border: 0px solid #000000;
	position:absolute;
	top: 85px;
	left:180px;
	font-size:12px;
	text-align:left;
}

#contact a {text-decoration: none;}
#contact a:link, #bottom_nav a:visited,#contact a:active {color: #727272;}
#contact a:hover  {color: #cf2c22;}




/* drop navigation for seasons**********************/

#dropmenudiv{
position:absolute;
text-align:right;
font-size:11px;
z-index:100;
color:#727272;
}

#dropmenudiv a{
line-height:18px;
left: 35px;

color: #727272;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
color:#DB7093;
}

/* Collection pages*******************************/
/*specifies season*/
#collection_season {
font-size: 10px;
color:#727272;
text-align:center;
border: 0px solid #000000;
position:absolute;
left: 351px;
top: 578px;
width:100px;
}
/*specifies season TEST*/
#collection_season2 {
font-size: 10px;
color:#727272;
text-align:left;
border: 0px solid #000000;
position:absolute;
left: 16px;
top: 630px;
width:400px;
}

/*enlarged images*/
#imagestarget{
	color:#727272;
	position:absolute;
	left: 450px;
	top: 20px;
	font-size:14px;
	text-align:center;
	border: 0px solid #000000;
	height: 380px;
	width:253px;
}
/*enlarged images TEST*/
#imagestarget2{
	color:#727272;
	position:absolute;
	left: 478px;
	top: 146px;
	font-size:15px;
	text-align:left;
	border: 0px solid #000000;
	height: 288px;
	width:432px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
	}
#imagestarget2 a {text-decoration: none;}
#imagestarget2 a:link, a:visited, a:active {color: #000000;}
#imagestarget2 a:hover  {color: #DB7093;}

/*performance rollover images*/
#performancetarget{
	color:#727272;
	position:absolute;
	left: 550px;
	top: 146px;
	font-size:15px;
	text-align:left;
	border: 0px solid #000000;
	height: 288px;
	width:432px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
	}
#performancetarget a {text-decoration: none;}
#performancetarget a:link, a:visited, a:active {color: #000000;}
#performancetarget a:hover  {color: #DB7093;}

/*rollover images*/
#imagestarget3{
	color:#727272;
	position:absolute;
	left: 278px;
	top: 146px;
	font-size:15px;
	text-align:left;
	border: 0px solid #000000;
	height: 480px;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
	}
#imagestarget3 a {text-decoration: none;}
#imagestarget3 a:link, #imagestarget3 a:visited {color: #000000;}, 
#imagestarget3 a:active {color: #000000;}
#imagestarget3 a:hover  {color: #666666;}

/*performance titles*/
#performancetitles{
	color:#727272;
	position:absolute;
	left: 278px;
	top: 146px;
	font-size:15px;
	text-align:left;
	border: 0px solid #000000;
	height: 480px;
	width:240px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
	}
#performancetitles a {text-decoration: none;}
#performancetitles a:link, #performancetitles a:visited {color: #000000;}, 
#performancetitles a:active {color: #000000;}
#performancetitles a:hover  {color: #666666;}


/*coco image holder*/
#images{
	color:#727272;
	position:absolute;
	left: 0px;
	top: 0px;
	font-size:13px;
	text-align:left;
	border: 0px solid #000000;
	height: 450px;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
	}
#images a {text-decoration: none;}
#images a:link, #images a:visited {color: #000000;}, 
#images a:active {color: #666666;}
#images a:hover  {color: #666666;}

/*coco text holder*/
#cocotext{
	color:#727272;
	position:absolute;
	left: 0px;
	top: 1px;
	font-size:13px;
	text-align:left;
	border: 0px solid #000000;
	height: 450px;
	width:460px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
	}
#cocotext a {text-decoration: none;}
#cocotext a:link, #cocotext a:visited {color: #000000;}, #cocotext a:active {color: #666666;}
#cocotext a:hover  {color: #666666;}


/*coco image caption*/
#imagescaption{
	color:#727272;
	position:absolute;
	left: 0px;
	top: 400px;
	font-size:15px;
	text-align:left;
	border: 0px solid #000000;
	height: 20px;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
	}
#imagescaption a {text-decoration: none;}
#imagescaption a:link, #imagescaption a:visited, #imagescaption a:active {color: #000000;}
#imagescaption a:hover  {color: #666666;}

/*SUZANNE TEXT for info,statement,cv*/
#textbox{
	padding-left: 0px;
	line-height:16px;
	color:#727272;
	position:absolute;
	left: 95px;
	top: 106px;
	font-size:12px;
	text-align:left;
	border: 0px solid #000000;
	height: 480px;
	width:428px;
}
#textbox a {text-decoration: none;}

/*thumbnail images container TEST*/
#thumbnails2{
	position:absolute;
	left: 704px;
	top: 110px;
	text-align:center;
	width: 380px;
	height: 106px;
	overflow:hidden;
    border: none;

}

/*thumbnail images container*/
#thumbnails3{
	position:absolute;
	left: 704px;
	top: 225px;
	text-align:center;
	width: 380px;
	height: 106px;
	overflow:hidden;
    border: none;

}

/*thumbnail images container*/
#thumbnails4{
	position:absolute;
	left: 704px;
	top: 340px;
	text-align:center;
	width: 360px;
	height: 106px;
	overflow:hidden;
	border: none;

}

/*thumbnail images container*/
#thumbnails5{
	position:absolute;
	left: 704px;
	top: 454px;
	text-align:center;
	width: 360px;
	height: 106px;
	overflow:hidden;
	border: none;

}

/*thumbnail images container*/
#thumbnails6{
	position:absolute;
	left: 704px;
	top: 568px;
	text-align:center;
	width: 360px;
	height: 106px;
	overflow:hidden;
	border: none;

}

/*splash page*/
splash {
    position:absolute;
	left: 130px;
	top: 110px;
	text-align:center;
	width: 380px;
	height: 106px;
	overflow:hidden;
    border: none;
	
}



/*individual thumbnails*/
.thumbnailimage {
width: 100px;
height: 150px;
float:left;
margin-left:8px;
border: none;

} 
/*individual thumbnails TEST*/
.thumbnailimage2 {
width: 109px;
height: 106px;
float:left;
margin-left:8px;
border: none;

} 
/*info for clothes*/
#title{
	
	position:absolute;
	color:#999999;
	font-size:11px;
	width: 401px;
	text-align:right;
	left: 541px;
	top: 383px;
	
	}
	/*info for clothes TEST*/
#title2{
	position:absolute;
	color:#666666;
	font-size:11px;
	width: 600px;
	text-align:left;
	left: 95px;
	top: 600px;
	
	}
/*page navigation for collection pages*/	
#bottom_nav {
font-size: 10px;
text-align:right;
color:#727272;
width:100px;
position:absolute;
left: 682px;
top: 578px;
}

#bottom_nav a {text-decoration: none;}
#bottom_nav a:link, #bottom_nav a:visited,#bottom_nav a:active {color: #727272;}
#bottom_nav a:hover  {color: #cf2c22;}

/*page navigation for collection pages TEST*/	
#bottom_nav2 {
font-size: 10px;
text-align:right;
color:#727272;
width:100px;
position:absolute;
left: 662px;
top: 630px;
}

#bottom_nav2 a {text-decoration: none;}
#bottom_nav2 a:link, #bottom_nav a:visited,#bottom_nav a:active {color: #727272;}
#bottom_nav2 a:hover  {color: #cf2c22;}

#press_wrapper{
border: 0px solid #000000;
	height: 540px;
	width:595px;
	vertical-align:bottom;
	position:absolute;
	left: 255px;
	top: 18px;

}


#imagestarget_press{
vertical-align:bottom;
text-align:center;

}




#press_title{
	color:#999999;
	font-size:11px;
	width: 595px;
	text-align:center;
	/*	
	position:absolute;
	left: 256px;
	top: 566px; */
	
	}

#press {
	font-size: 10px;
	text-align:left;
	color:#727272;
	width:247px;
	position:absolute;
	left: 56px;
	top: 238px;
	height: 63px;
}

#press a {text-decoration: none;}
#press a:link, #press a:visited,#press a:active {color: #727272;}
#press a:hover  {color: #cf2c22;}

/*press thumbnail images container*/
#press_thumbnails{
	position:absolute;
	left: 36px;
	top: 192px;
	text-align:center;
	width: 224px;
	height: 400px;
	overflow:hidden;

}
/*press individual thumbnails*/
.press_thumbnailimage {
width: 51px;
height: 70px;
float:left;
margin-left:5px;
margin-top:5px;
border: none;

} 





/******************gemma khang page name error page******************/

#notice {
font-size: 12px;
	text-align:center;
	color:red;
	width:377px;
	position:absolute;
	left: 213px;
	top: 444px;
	height: 63px;

}

/*******bolding**********/

	
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}