/*--------------------------------
Basic style sheet
client: 	Sunlight Studio
date:		24/05/08
version:	2.0 redesign 1
author:		Victoria How
email:		victoria.how1@ntlworld.com (temp addy)
website:	victoriahow.com
Credits/code: Miniflex navigation from www.simplebits.com, Lightbox from http://www.huddletogether.com  Lokesh Dhakar
--------------------------------*/


/*---- lightbox stuff----*/
#lightbox	{
	background-color: #eee;
	padding: 20px 20px 0 20px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	float: left;
	}
#lightboxDetails	{
	font-size: 0.9em;
	padding-top: 1em;
	color:#778ca0;
	}	
#lightboxCaption	{ float: left; }
#keyboardMsg	{ float: right; }
#closeButton	{ top: 5px; right: 5px; }

#lightbox img	{ border: none; clear: both;} 
#overlay img	{ border: none; }

#overlay	{ background-image: url(images/overlay.png); }
*	{
	margin: 0;
	padding: 0;
	border: 0;
	}
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/*---- main body style ----*/
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #666;
	font-size: small;
	font-family: "Trebuchet MS", sans-serif;
		}

	
/*---- font & img styles ----*/
*html body {
	font-size: 80%; /* for IE5/Win */
	f/ont-size: 90%; /* for other IE version */
	}
	
h1 	{font-size: 120%; font-weight: bold; color:#333; margin:0; padding: 4px;text-align: left;}
h2 	{font-size: 110%; color:#666; margin:0; padding: 4px; text-align: left;}
h3 	{font-size: 100%; color:#778ca0; margin:0; padding: 4px;text-align: left;}
h4 	{font-size: 95%; color:#999; margin:0; padding: 0; text-align: center;line-height: 1.5em;}
h5 	{font-size: 230%; color:#ccc; margin:0; padding: 10px auto 0px auto; text-align: center;line-height: 1.5em;}
p		{font-size: 80%; color:#666; margin:0; line-height: 1.5em;padding: 4px;text-align: left;}
a:link, a:visited{text-decoration: none; color: #778ca0;font-size: 80% }
a:hover, a:active	{text-decoration: none; color: #e2a621;font-size: 80%}

img	{border: none;}	


/*---- main body divs ----*/
#blank_header	 {
width:755px;
margin:10px auto 0px auto;
height:0;
background-color:#ff0;
border: 0px solid #fff;
clear: both;
}

	#wrap	{
	width:1217px;
	height: 100%;
	margin:0px auto 0px auto;
	overflow:hidden;
	background-image: url(images/bg_strip.jpg);
	background-repeat: repeat-y;
	border: 0px solid #000;
	}
		#header_main	{
		width:1217px;
		height: 200px;
		margin: 0;
		padding:0;
		border: 0px solid #000;
		}
				
#header_row1	{
	width: 1200px;
	height:200px;
	margin: 0 8px 0 9px;
	padding: 0;
	border: 0px solid #ccc;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	}
/*---nav for home---*/

#header_row2_home	{
	width: 1200px;
	margin: 0 8px 0 9px;
	padding: 5px 0 5px 0;
	background-color: #ccc;
	border: 1px solid #999;
	float:left;
	}
	#header_row2_home li	{
	width:100%;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0 0 0 30px;
	display:inline;
	float: left;
	border: 0px solid #fff;
	}
	#header_row2_home li a:hover, a:active	{
	color: #333;
	text-decoration: none;
	display: inline;
		}
		
		/*---nav for other pages---*/
		
				#header_row1a	{
	width: 1200px;
	margin: 0 8px 0 9px;
	padding: 5px 0 5px 0;
	background-color: #333;
	border: 1px solid #999;
	float:left;
	text-align:center;
	}
	#header_row1a li	{
	text-decoration: none;
	list-style: none;
	margin: 0 20px 0 10px;
	padding: 0 5px 0 5px;
	display:inline;
	border: 0px solid #fff;
	}
	#header_row1a li a:hover, a:active	{
	color: #fff;
	text-decoration: none;
	display: inline;
		}

		
		#header_row2	{
	width: 1200px;
	margin: 0 8px 0 9px;
	padding: 5px 0 5px 0;
	background-color: #ccc;
	border: 1px solid #999;
	float:left;
	text-align:center;
	}
	#header_row2 li	{
	text-decoration: none;
	list-style: none;
	margin: 0 20px 0 10px;
	padding: 0 5px 0 5px;
	display:inline;
	border: 0px solid #fff;
	}
	#header_row2 li a:hover, a:active	{
	color: #333;
	text-decoration: none;
	display: inline;
		}
		
		
#content_main  {
	width: 1217px;
	margin: 0;
	padding: 15px 0 0 0;;
	border: 0px solid #000;
	}
	
#images_gallery_hm	{
	float: left;
	margin: 0;
	padding: 20px 0 0 30px;
	border: 0px solid #000;
	}
	
#images_gallery	{
	width:1000px;
	min-height: 550px;
	float: left;
	margin: 0;
	padding: 20px 50px 10px 220px;
	border: 0px solid #000;
	}
	
	#images_gallery_home	{
	
	height:100%;
	float:left;
	min-height: 600px;
	margin: 10px auto 0px auto;
	padding: 0;
	border: 0px solid #000;
	}

.images_gallery_row	{
	
	float: left;
	min-width:650px;
	margin: 40px auto 0px auto;
	padding: 20px 55px 0 55px;
	border: 0px solid #ccc;
	height: 150px;
	}
	
	.images_gallery_row_home	{
	height:225px;
	float: left;
	margin: 20px auto 0px auto;
	padding: 20px 0 0 250px;
	border: 0px solid #ccc;
	
	
	}
	

	
	/*---- fixed gallery pics ----*/	


.img-wrapper	{
	background: none;
	float: left;
	margin: 0;
	padding:5px;
	}
.img-wrapper img	{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0;
	}
#copy	{
	float: left;
	width: 70%;
	min-height: 650px;
	margin: 40px auto 0px 44px;
	padding: 20px 0 60px 0;
	border: 0px solid #ccc;
	padding: 20px;
	}	



.clip	{
	border: 1px solid #778ca0;
	}
	
	

#row2_footer	{
	width: 1200px;
	margin: 100px 0 40px 0;
	padding: 75px;
	border-top:0px solid #ccc;
	clear: all;
	}
	
	#footer	{
	margin: 10px 30px 10px 30px;
	text-align: center;
	padding: 15px;
	font-family: "Trebuchet MS", sans-serif;
	font-size:90%;
	line-height: 1.6em;
	color: #778ca0;
	background: none;
	clear: both;
	border-top: 1px solid #ccc;
	}

	#footer li	{
	text-decoration: none;
	display:inline;
	margin: 10px; 
	color: #ccc;
	}
	#footer li a	{
	color: #fff;
	}
	
	#footer li a:hover, a:active	{
		color: #e2a621;
		text-decoration: none;
		}
	

#textbox	{
	float: left;
	width: 400px;
	margin: 23px 50px;
	padding: 10px 50px 10px 10px;
	background-color: #000;
	}
#textbox h1 {
	text-align: left;
	}
.text1	{
	width: 350px;
	margin: 0;
	padding: 40px 0 40px 0;
	text-align: left;
	}
.empty	{
	width: 80%;
	padding: 0 0 100px 0;
	border: 0px solid #000;
	clear: both;
	}	
