/*	RESET: Standard overrides for common elements
	-------------------------------------------------- */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
	
/*	CLEARFIX: Clear any float issues
	-------------------------------------------------- */
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {
		height:1%;
	}
	.clearfix {
		display:block;
	}


/*	BASE: Default font & colour styles
	-------------------------------------------------- */	
	body {
		font: normal normal normal 75% Verdana, Geneva, sans-serif;  /* 11px */
		font-size: 0.8em;
		background: #FFFFFF;
		background-image: url(../images/layout/bg-body.jpg);
		background-position: center top;
		background-repeat: repeat-y;
		text-align: center;
		color: #333333;	
		padding: 0 0 100px;
	}		
	
	/* Right margins for column alignment */
	.m-20	{margin-right: 20px;}
	.m-10	{margin-right: 10px;}
	
	
/*	TYPOGRAPHY: Headings, paragraphs & links
	-------------------------------------------------- */	
	h1 {
	padding: 0;
	font-size: 2.14em;
	font-weight: normal;
	color: #757777;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 3px; 
	}
	h2 {
	padding: 0;
	font-size: 1.65em;
	font-weight: normal;
	}
	h3 {
	padding: 0;
	font-size: 1.25em;
	font-weight: normal;
	margin-bottom: 3px; 
	} 
	h4 {
		padding: 0; 
 		font-size: 1.17em;
		font-weight: bold;
	} 
	h5 {
		padding: 0; 
 		font-size: 1.17em;
		font-weight: normal;
	}  
	h6 {
		padding: 10px 0; 
 		font-size: 1em;
		font-weight:n ormal;
	}  
	
	p {
		font-size: 1em; 
		line-height: 1.3em;
		margin: 5 0 10px;
		margin-bottom: 4px;
	}

    
a:link{
	color: #3EADA7;
    }
a:visited{
	color: #3EADA7;
    }
	
	a:hover{
	color:#F00
}
	
	
/*	LISTS: General content copy lists
	-------------------------------------------------- */
	ul, ol {
		margin: 0;
		padding: 0;
		list-style:none;
	}




/*	HEADER STYLES
	-------------------------------------------------- */
	#header {
		height: 48px;
		margin: 20px 0;
		background-color: #FFF;
	}
		#header a img {
	float: left;
}

	#header h1 {
	text-align: right;
	font-weight:bold;
	position: relative;
	top: 25px;
	}


/*	NAVIGATION STYLES
	-------------------------------------------------- */

	#mainnav {
		width:980px;
		height: 38px;
		margin: 0 auto;
	}
	#mainnav li { float: left;display:block; }
	#mainnav li a { display:block; width: 196px; height: 0; padding-top: 38px; overflow: hidden; }
	#mainnav li a, #mainnav { background: url(images/navigationbar1.jpg) no-repeat; }
	
	#mainnav li#wedding-photography a { width: 196px; background-position: 0 0; }
	#mainnav li#wedding-gallery a { width: 196px;  background-position: -196px 0;}
	#mainnav li#wedding-about a { width: 196px; background-position: -392px 0;}
	#mainnav li#client-area a { width: 196px; background-position: -588px 0; }
	#mainnav li#wedding-contact a { width: 196px; background-position: -784px 0;}
	
	/* OVER STATES */
	#mainnav li#wedding-photography a:hover { background-position: 0 -38px; }
	#mainnav li#wedding-gallery a:hover { background-position: -196px -38px; }
	#mainnav li#wedding-about a:hover { background-position: -392px -38px; }
	#mainnav li#client-area a:hover { background-position: -588px -38px; }
	#mainnav li#wedding-contact a:hover { background-position: -784px -38px; }
	
	/* ON STATES */
	.wedding-photography #mainnav li#wedding-photography a{ background-position: 0 -114px; }
	.wedding-gallery #mainnav li#wedding-gallery a { background-position: -196px -114px !important; }
	.wedding-about #mainnav li#wedding-about a { background-position: -392px -114px !important; }
	.client-area #mainnav li#client-area a { background-position: -588px -114px !important; }
	.wedding-contact #mainnav li#wedding-contact a { background-position: -784px -114px !important; }


/*	GALLERY STYLES
	-------------------------------------------------- */
	
#container{
	width:992px;
	margin:auto;


}
	#gallery{
	position:absolute;
	float: left;
	top: 180px;
	left: 5px;
	}
	
	#container #maincontainer #main_image_holder #main_images li img {
	float: left;
	
}
#container #maincontainer #main_image_holder #main_images li #maintext {
	height: 250px;
	width: 650px;
}
    #container #maincontainer #main_image_holder #main_images li #innerleft {
	float: left;
	width: 245px;
	padding-right: 5px;
}
#container #maincontainer #main_image_holder #main_images li #innerbottom {
	float: left;
	width: 650px;
	padding-top: 5px;
}

	#main_image_holder{
	width:670px;

	overflow:hidden;
	text-align:left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	}
	ul#main_images{width:9000px;}
	ul#main_images li{display:block;float:left;width:670px}
	

	ul#main_images1 li{
	display:block;
	float:left;
	width: 260px;
	padding-right: 5px;
	
}
		
	
	#gallery a#thumbs_right:hover{
		background:transparent url(images/slidergallerymenu/right.png) no-repeat 0 -55px;
	}
	#gallery #thumb_container{
	float: left;
	width: 270px;
	font-size: 16px;
	top:50px;
	margin-right: auto;
	margin-left: auto;
	}
	#gallery ul#thumbnails{
	width:268px;
	border: 1px solid #CCC;	
	}
		#gallery ul#thumbnails li img{
			cursor:auto
		}

		#gallery ul#thumbnails li{
	display:block;
	width:270px;
	text-align:center;
	padding-top:8px;
		}
		
		#gallery ul#thumbnails li.active{
	background-color: #D8D8D8;
		}

		
#container #maincontainer #quotecontainer {
	overflow: hidden;
	width: 270px;
	float: left;
	color: #FFF;
	margin-right: 5px;
	margin-left: 5px;
	
}
#container #maincontainer #main_image_holder #main_images li #maintext {
	height: 150px;
	width: 670px;
	float: left;
	padding-top: 10px;
}
#container #main_image_holder #main_images li form {
	position: relative;
	top: 5px;
}


#maincontainer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	top: 10px;
	position: relative;
	
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
ul#main_images1 {
	float: left;
	width: 9000px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;	
}


#container #maincontainer #stuffing {
	float: left;
	height: 500px;
	width: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
#container #maincontainer #main_image_holder #main_images li img {
	padding-bottom: 2px;
	padding-right: 10px;
	
}
#container #maincontainer #quotecontainer #main_images1 li #heading {
	float: left;
	width: 260px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #999;
	
}
#container #maincontainer #quotecontainer  h2 {
	color: #FFF;
}
#container #maincontainer #quotecontainer #main_images1 li #qoute {
	background-color: #3EACA7;
	float: left;
	width: 260px;
	height: 150px;
	padding-right: 5px;
	padding-left: 5px;
}
#container #maincontainer #quotecontainer #main_images1 li #heading2 {
	float: left;
	width: 260px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #999;
	
}


#container #maincontainer #quotecontainer #main_images1 li #qoute2 {
	background-color: #3EACA7;
	float: left;
	width: 260px;
	height: 150px;
	padding-right: 5px;
	padding-left: 5px;
}
#container #maincontainer #quotecontainer #main_images1 li #heading3 {
	background-color: #999;
	float: left;
	width: 260px;
	padding-right: 5px;
	padding-left: 5px;

}


#container #maincontainer #quotecontainer #main_images1 li #qoute3 {
	background-color: #3EACA7;
	float: left;
	width: 260px;
	height: 150px;
	padding-right: 5px;
	padding-left: 5px;
}
#container #header #logo {
	float: left;
	height: 45px;
	width: 180px;
}



