

*{ margin:0;
	padding:0;
	}

#background {
	 
	margin:0px auto 0px auto; padding:0;
	 width:800px;
	
	
	
	 background: 	#ffffff url('line_bg.jpg') no-repeat ;
	 overflow: hidden;
}

#boxout {
background: #e6e6e6 url(boxout_corner.gif) top left no-repeat;
float:right;
width: 200px;
margin-left: 30px;
margin-bottom: 20px;
padding-top: 20px;
}

#boxout img {
border: 1px solid #818181;
margin-bottom: 1em;
}

#boxout img, #boxout p
{
margin-left: 10px;
margin-right: 10px;
}

#boxout p {
font-weight: bold;
font-size: 80%;
line-height: 1.2em;
color: #333333;
}

#navigation ul {
font: bold 12px Arial, Helvetica, sans-serif;
list-style-type:none;
margin: 30px 0px 0px 60px;
padding: 0px;
color:#000000;
text-decoration: none;

}

#navigation li {
list-style-type:none;
margin: 20;
padding: 20;
color:#000000;
text-decoration: none;

}



#navigation a:visited {
color:#FFCC00;
text-decoration: none;
}
#navigation a:hover {
color:#ffffff;
text-decoration: underline;
}
#navigation a:active {
color:#000000;
text-decoration: none;
}


/* ================================================================ 

#navigation a:hover {
background: url(../images/rollover.gif) 0px -40px;
}
#navigation a:active {
background: url(../images/rollover.gif) 0px -80px;
}
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.
=================================================================== */

#gallery {width:800px; height:360px; position:relative; border:1px solid #ddd; background:#f8f8f8;overflow: hidden;}
#gallery ul {list-style:none; padding:5px; margin:0; width:195px; float:right; height:219px; overflow:hidden;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}
#gallery ul li span {display:none; position:absolute; left:547px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; 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:320px; height:240px; 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 i {position:absolute; left:0; top:0; width:545px; height:355px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display:block;}

