/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body {
	background:#000;
	margin:20px;
}
#gallery {width:900px; height:480px; position:relative; border:1px solid #ddd; }
#gallery h1 {background:#fff; font-size:18pt; font-weight:normal; padding-left:210px; margin:60px 0 0 300px; height:60px; line-height:60px; text-transform:lowercase; color:#ec008c; }
#gallery h1 .info {text-align:right; font-size:12pt;	color:#ec008c;	text-transform:uppercase; padding-left:50px; }
#gallery ul {list-style:none; padding:15px; margin:0 0 0 0; width:350px; float:right; height:300px; overflow:auto; background:#black; }
#gallery ul li {display:inline; float:left; margin:0 4px 4px 0; cursor:pointer;}
#gallery ul li img {display:block; padding:5px; width:auto; height:auto; max-width:107px; max-height:107px; background:#fff;}
#gallery ul li span {display:none; position:absolute; left:510px; top:2px; width:380px;font-family:verdana, arial, sans-serif; color:#fff; font-weight:bold; font-size:10px; line-height:11px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:auto; height:auto; max-width:450px; max-height:450px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click a {position:absolute; left:0; top:0; width:545px; height:355px;}

#gallery ul li.click a img {margin:5px auto 0 auto; width:auto; height:auto; max-width:450px; max-height:438.5px; border:1px solid #fff; background:#fff; }

#gallery ul li.click span {display:block;}

/******************************
* Gallery CSS by Kelli Shaver *
* http://www.kellishaver.com  *
******************************/
* {
	font-family:arial, helvetica, sans-serif;
}
body {
	background:#000;
	margin:20px;
}

#container {
	clear:both;
	width:900px;
	height:auto !important;
	height:480px !important;
	min-height:480px;
	border:1px solid #fff;
	margin:0 auto;
	background:url('../images/bg.jpg') repeat-x top left;
}

#header {
	width:900px;
	margin:0 auto 0 auto;
}

#header h1 {
	margin:0;
	padding:20px 0 0 0;
	font-size:24pt;
	color:#fff;
	font-weight:normal;
	width:500px;
	float:left;
}

#nav {
	float:right;
	display:inline;
	padding-top:30px;
}

#nav a {
	margin:0 10px 0 10px;
	padding:0 2px 0 2px;
	border-top:2px solid #555;
	color:#fff;
	text-decoration:none;
	font-size:10pt;
	text-transform:lowercase;
}

#nav a:hover {
	border-top:2px solid #ec008c;
}

#left {
	width:480px;
	height:auto !important;
	height:480px;
	min-height:480px;
	background:#fff;
	float:left;
}

#left .click {
    position:absolute;

}

#left img {
	margin:15px;
}

#right {
	float:right;
	width:420px;
}

#right h1 {
	background:#fff;
	font-size:16pt;
	font-weight:normal;
	margin:60px 0 0 0;
	height:60px;
	line-height:60px;
	text-transform:lowercase;
	color:#ec008c;
}

#right h1 .info {
	text-align:right;
	font-size:8pt;
	color:#999;
	text-transform:uppercase;
	padding-left:90px;
}

#right .thumb {
	display:inline;
	width:110px;
	height:112px;
	padding:15px;
	float:left;
}

#right .text2 {
    display:inline;
	width:110px;
	height:112px;
	padding:15px;
	float:left;
    color:#999;
}

#right .thumb img {
	padding:5px;
	background:#fff;
	border:0px none;
}

#right h3 {
	background:;
	font-size:9pt;
	font-weight:bold;
	padding:5px;
        margin:;
	height:60px;
	line-height:14px;
	text-transform:lowercase;
	color:Black;
}

#copyright {
	clear:both;
	height:1em;
	border-top:1px solid #fff;
	background:#ec008c;
	color:#fff;
	font-size:8pt;
	text-align:right;
	padding:1px 10px 1px 0;
}

#copyright .left { text-align:left; font-size:8pt; }

a {
	color:#ec008c;
	text-decoration:none;
}

a:hover {
	color:#333;
}