/* ======================================================================

   RONWUHPTO.COM
   ron@ronwuphoto.com
   (c) 2008- Ron Wu Photo, All Rights Reserved.

   Stylesheet prepared by Naz Hamid for Weightshift.com

======================================================================== */

* { padding: 0; margin: 0; }


/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

html { height: 100% }

body {
color:				#444;
height:				100%;
background:			#333 url(../gfx/bg.jpg) top repeat-x fixed;
font-family: 		Arial, sans;
font-size: 			12px;
line-height:		18px;
}

img { border: none;	}

a:link { color: #09C; text-decoration: none; }
a:visited { color: #09C; text-decoration: none; }
a:hover { color: #069; text-decoration: none; }
a:active { color: #069; text-decoration: none; }

h2 {
color:				#C00;
font:				bold 12px Arial;
text-transform:		uppercase;
letter-spacing:		1px;
margin-bottom:		20px;  
}

p { margin-bottom: 18px; }


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */
 
#core {
min-height: 		100%;
width: 				940px;
background:			#FFF url(../gfx/bg_content.gif) repeat-y;
margin:				0 auto 0 auto;			
}

* html #core { height: 100%; } /* IE6 */

#navigation {
float: 				left;
width: 				58px;
}

#content {
float: 				left;
width: 				882px;
}

#mast {
height:				121px;
background:			url(../gfx/logomark.gif) right no-repeat; 
padding-left:		27px;	
}

#mast p {
padding-top:		54px;
}

#display { margin-left: 27px; }

#display img {
opacity:			0.2;
filter: 			alpha(opacity=20);
-moz-opacity:		0.2;
margin: 			0 20px 20px 0px; 
}

#display img:hover { 
opacity: 			1.0; 
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
}

#display-individual {
width:				882px;
}

#thumbnails {
float:				left;
width:				60px;
margin:				0 5px 0 5px;
}

#thumbnails img {
opacity:			0.2;
filter: 			alpha(opacity=20);
-moz-opacity:		0.2;
}

#thumbnails img:hover { 
opacity: 			1.0; 
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
}

#thumbnails img.active { 
opacity: 			1.0; 
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
}

#photo {
float:				left;
width:				812px;
text-align:			center;
margin-bottom:		120px; 
}

#information { margin-left: 17px; }

.col-info-two {
float: 				left;
width: 				570px;
}

.col-info {
float: 				left;
width: 				275px;
margin-left:		10px;
}

.col-info p {
line-height:		22px;
margin-bottom:		60px; 
}


/*----------------------------------------------------------------------- 
   Navigation
 ------------------------------------------------------------------------ */

#nav {
width: 				30px;
height: 			472px;
background: 		url(../gfx/nav.gif);
padding: 			0;
position: 			relative;
top: 				0px;
left:				28px;
}

#nav span { display: none; }

#nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; }

#nav li, #nav a { display: block; }
#nav1 { left: 0px; top: 0px; height: 121px; width: 30px; }
#nav2 { left: 0px; top: 121px; height: 28px; width: 30px; }
#nav3 { left: 0px; top: 150px; height: 27px; width: 30px; }
#nav4 { left: 0px; top: 177px; height: 27px; width: 30px; }
#nav5 { left: 0px; top: 204px; height: 27px; width: 30px; }
#nav6 { left: 0px; top: 232px; height: 85px; width: 30px; }
#nav7 { left: 0px; top: 377px; height: 94px; width: 30px; }

#nav1 a { height: 120px; }
#nav2 a { height: 28px; }
#nav3 a { height: 27px; }
#nav4 a { height: 27px; }
#nav5 a { height: 27px; }
#nav6 a { height: 85px; }
#nav7 a { height: 94px; }

#nav1 a:hover { background: transparent url(../gfx/nav.gif) -30px 0px no-repeat;}
#nav2 a:hover { background: transparent url(../gfx/nav.gif) -30px -121px no-repeat;}
#nav3 a:hover { background: transparent url(../gfx/nav.gif) -30px -150px no-repeat;}
#nav4 a:hover { background: transparent url(../gfx/nav.gif) -30px -177px no-repeat;}
#nav5 a:hover { background: transparent url(../gfx/nav.gif) -30px -204px no-repeat;}
#nav6 a:hover { background: transparent url(../gfx/nav.gif) -30px -232px no-repeat;}
#nav7 a:hover { background: transparent url(../gfx/nav.gif) -30px -377px no-repeat;}