/* CSS Document Written by Jetscram Design */
/* Stylesheet created for janinewong.com   */

body{
	margin:25px 0px 0px 20px;
	padding:0px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background: url(images/index_bg.png) no-repeat top left;
	}

/* Header replacements */
h1,h2,h3,h4,h5,h6,ul,p{
	padding:0px 0;
	margin:0px 0;
	font-weight:normal;
	}

h1{
	text-indent:-9000px;
	background:url(images/janine_wong_title.png) no-repeat left top;
	width:145px;
	heigh:26px;
	}
h2,h3,h4{
	font-size:.8em;
	color:#222;
	text-transform: capitalize;
	font-weight:normal;
	}
	

/* divisions */

div#wrap{
	width:771px;
	height:100%;
	vertical-align:top;
	}
	
	
div#navigation{
	float:left;
	width:85px;
	margin-top: 30px;
	}

div#content{
	float:left;
	margin-top: 10px;
	padding-left:10px;
	width:256px;
	}
	
div#images{
	float:right;
	width:380px;
	padding-left:10px;
	margin-top: 36px;
	}
div#footer{
	padding-top:45px;
	padding-bottom:15px;
	clear:both;
	width:750px;
	padding-left:77px;
	font-size:.6em;
	}

/*navigation items */


#navigation ul{
	
	margin-left:2px;
	}
	
#navigation ul li{
	list-style-type:none;
	padding-bottom:5px;
	}
	
#navigation ul li a{
	 color:#c00;
	 text-decoration:none;
	 font-size:.8em;
	 
	 }
#navigation ul li a:hover{
	color:#880000;
	
	}
#navigation ul li a:active{
	color:#333;
	
	}
	
/* content syling */

#content p{
	margin-top: 5px;
	font-size:.75em;
	line-height:1.5em;
	color:#444;
	background:url(images/transparent.png);
	}
#content h3{
	color:#000;
	padding-top:5px;
	}
#content h4{
	color:#333;
	padding-top:8px;
	}
#content p a{
	color:#0066FF;
	text-decoration:none;
	}
#content p a:hover{
	text-decoration: underline;
	}
	
/* images title and paragraph styling */

#images img{
	border:none;
	}
#images h3{
	padding-top:7px;
	color:#000;
	font-size:.8em;
	}
#images p{
	padding-top:5px;
	color:#333333;
	font-size:.7em;
	width:300px;
	line-height:1.3em;
	}
/* image layer div classes */
.imageDiv{
	background:#fff; width:390px; display:none; position:absolute; height:400px;left:409px; top:98px; color:#333; font-size:.7em; font-weight:normal;
	}
#imageControl h3{
	font-size:1.1em;
	padding-top:7px;
	padding-bottom:3px;
	}
#imageControl p{
	width:300px;
	line-height:1.3em;
	}

/* thumbs */
#thumbs img{
	padding:0px;
	}

/* fancy css */
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.5;
opacity:0.5;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity:1;
}