@charset "utf-8";
/*
'======================================================================================
' CSS RESET
'======================================================================================
*/

/*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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a { color:#bbab30; text-decoration:none; }
a:hover { color:#8b7406; }

/*
'======================================================================================
 * CSS FILE 
 * @CLIENT		   ENJOY PHOTOGRAPHY
 * @TYPE		   GLOBAL
 * @DATE_CREATED   16/10/2008
 * @AUTHOR		   QT CREATIVE (STEVE COE)
'======================================================================================
*/

body, html { width:100%; height:100%; font-family:Century Gothic, Arial, Verdana, Helvetica; }

#wrapper
{
width:940px;
margin:0 auto;
padding:0;
position:relative;
}

#wrapper #header_wrapper
{
width:100%;
height:142px;
background:transparent url('http://www.enjoyphotography.co.uk/image/header_bg.gif') no-repeat scroll right top;
}

				#header_wrapper h1 a
				{
				width:233px; height:142px;
				background:transparent url('http://www.enjoyphotography.co.uk/image/header.gif') no-repeat scroll right top;
				text-indent:-10000px;
				display:block;
				}
				
				#header_wrapper p.strap { width:0px; height:0px; text-indent:-10000px; }

#wrapper #content_wrapper
{
/* height:406px; */
margin:5px 0px 5px 0px;
padding:0;
border:solid 1px #aea23e;
position:relative;
}

#wrapper #footer_wrapper
{
width:100%;
height:20px;
margin:15px 0px 0px 0px;
}

				#footer_wrapper #footer_l { width:50%; float:left; }
				#footer_wrapper #footer_r { width:50%; float:left; text-align:right; }
				
				#footer_wrapper #footer_l p
				{
				font-size:10px;
				color:#7d7d7d;
				float:left;
				}
				
				#footer_wrapper #footer_r p
				{
				font-size:10px;
				color:#7d7d7d;
				}
				
				#footer_l a.home_link
				{
				margin-left:50px;
				color:#7d7d7d;
				text-decoration:none;
				font-size:10px;
				float:left;
				}
				
								#footer_l a.home_link:hover
								{
								color:#a99c32;
								}

#content_wrapper #globalnav
{
	width:488px;
	height:12px;
	margin:0;
	padding:0;
	position:absolute;
	left:325px;
	top:-6px;
	background-color:#ffffff;
	font-size:80%;
}

				#globalnav ul.gn { }
				
				#globalnav ul.gn li { display:inline; }
				
								ul.gn li.gn1,
								ul.gn li.gn1 a
								{
								width:97px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/weddings.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px;
								}
								
								ul.gn li.gn2,
								ul.gn li.gn2 a
								{ 
								width:140px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/civilp.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px; 
								}
								
								ul.gn li.gn3,
								ul.gn li.gn3 a
								{
								width:83px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/portraits.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px;
								}
								
								ul.gn li.gn4,
								ul.gn li.gn4 a
								{
								width:68px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/advice.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px; 
								}
									
								ul.gn li.gn5,
								ul.gn li.gn5 a
								{
								width:96px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/availability.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px; 
								}
				
								ul.gn li.gn1 a:hover,
								ul.gn li.gn1 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/weddings_on.gif') no-repeat scroll left top; }
								ul.gn li.gn2 a:hover,
								ul.gn li.gn2 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/civilp_on.gif') no-repeat scroll left top; }
								ul.gn li.gn3 a:hover,
								ul.gn li.gn3 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/portraits_on.gif') no-repeat scroll left top; }
								ul.gn li.gn4 a:hover,
								ul.gn li.gn4 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/advice_on.gif') no-repeat scroll left top; }
								ul.gn li.gn5 a:hover,
								ul.gn li.gn5 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/availability_on.gif') no-repeat scroll left top; }

#content_wrapper #subnav
{
	width:410px;
	height:12px;
	margin:0;
	padding:0;
	position:absolute;
	left:18px;
	bottom:-6px;
	background-color:#ffffff;
	font-size:80%;
}

				#subnav ul.sn li { display:inline; }
								
								ul.sn li.sn0,
								ul.sn li.sn0 a
								{
								width:100px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/about.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px;
								
								}
								
								ul.sn li.sn1,
								ul.sn li.sn1 a
								{
								width:100px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/contact.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px; 
								}
									
								ul.sn li.sn2,
								ul.sn li.sn2 a
								{
								width:100px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/testimonials.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px;
								}
								
								ul.sn li.sn3,
								ul.sn li.sn3 a
								{
								width:100px; height:12px;
								background:transparent url('http://www.enjoyphotography.co.uk/image/nav/clientarea.gif') no-repeat scroll left top;
								float:left; display:block;
								text-indent:-10000px;
								}
								
								ul.sn li.sn0 a:hover,
								ul.sn li.sn0 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/about_on.gif') no-repeat scroll left top; }
								ul.sn li.sn1 a:hover,
								ul.sn li.sn1 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/contact_on.gif') no-repeat scroll left top; }
								ul.sn li.sn2 a:hover,
								ul.sn li.sn2 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/testimonials_on.gif') no-repeat scroll left top; }
								ul.sn li.sn3 a:hover,
								ul.sn li.sn3 a.on { background:transparent url('http://www.enjoyphotography.co.uk/image/nav/clientarea_on.gif') no-repeat scroll left top; }
				

#content_wrapper #content_area
{
margin:20px 18px 20px 18px;
clear:both;
}
/*
#content_wrapper #content_area
{
margin:24px 18px 20px 18px;
clear:both;
}
*/
				#content_area h2 { font-size:90%; color:#7d7d7d; margin-bottom:26px }
				#content_area h3 { font-size:80%; color:#bbab30; font-weight:bold; margin-bottom:14px }
				#content_area h4 { font-size:70%; color:#000000; font-weight:bold; margin-bottom:14px }
				#content_area p { font-size:11px; color:#7d7d7d; margin-bottom:12px; line-height:14px; }
				#content_area li { font-size:75%; }
				
				#content_area #left
				{
				width:254px;
				margin:0;
				padding:0;
				float:left;
				}
				
				#content_area #right
				{
				margin:0px 0px 0px 50px;
				padding:0;
				float:left;
				}

/******************************************************************
* ADDTIONAL STYLE FOR RIGHT PANEL IF NO IMAGE GALLERY OR SLIDESHOW
******************************************************************/
#right_content { margin-top: 25px; }

/******************************************************************
* STYLES FOR IMAGE GALLERY PAGES
******************************************************************/
p.thumb_txt { margin-bottom:0px; padding-bottom:0px; }
#thumb_container { display:block; margin-bottom:6px; margin-top:0px; padding-top:0px; }
#section_links { clear:both; display:block; }

ul.gallery
{
margin-top:4px;
}

/******************************************************************
* STYLES FOR IMAGE GALLERY PAGES
******************************************************************/
#right #slideshow_container
{
width:240px;
float:left;
}

#right #text_container
{
width:300px;
float:left;
margin-left:20px;
}

/******************************************************************
* STYLES FOR LEFT MENUS
******************************************************************/

ul.services_packages,
ul.advice_list
{
margin-bottom:20px;
}

ul.services_packages li,
ul.advice_list li
{
margin-bottom:4px;
margin-left:8px;
}

			ul.services_packages li a.on,
			ul.advice_list li a.on
			{
			margin-left:12px;
			color:#958a2e;
			font-weight:bold;
			}
			
ul.gallery_links
{
padding:20px 0px 10px 0px;
}

ul.gallery_links li
{
margin-bottom:4px;
margin-left:8px;
}

			ul.gallery_links li a.on
			{
			margin-left:12px;
			color:#958a2e;
			font-weight:bold;
			}

/*
*****************************************************
* CONTACT PAGE STYLES
*****************************************************
*/

#left #form_container { }

#right_content #map_container { float:left; }

#right_content #addr_container { margin-left:12px; float:left; }

			#addr_container #contact_info {
	width:238px;
	position:absolute;
	bottom:35px;
	right:8px;
}
			
						#contact_info p { margin:0px 0px 8px 0px; }
						
						#contact_info p span.green { color:#bbab30; }

#form_container .formfield { margin-bottom:4px; }

			.formfield label { width:70px; margin-top:4px; margin-right:10px; float:left; display:block; font-size:11px; text-align:right; color:#7d7d7d; }
			
			.formfield .textbox { width:144px; height:16px; font-family:Century Gothic, Verdana, Arial, Helvetica; font-size:11px; }
			
			.formfield .textarea { width:144px; height:116px; font-family:Century Gothic, Verdana, Arial, Helvetica; font-size:11px; }
			
			.formfield .submit { width:125px; height:25px; margin-left:90px; background:transparent url('http://www.enjoyphotography.co.uk/image/form_button.gif') no-repeat scroll left top; text-indent:-10000px; display:block; cursor:pointer; border:none; }

p.warning_notice { color:#aea23e; margin:0px; padding:0px; }

.required_field { background-color:#ece6be; border:solid 1px #999999; }

.required_note { color:#aea23e; font-family:Century Gothic, Verdana, Arial, Helvetica; font-size:80%; margin-bottom:6px; }

/*
*****************************************************
* SLIDESHOW STYLES (NO FLASH)
*****************************************************
*/

#noflash_home
{
width:591px;
height:363px;
background:transparent url('http://www.enjoyphotography.co.uk/image/home/home1.jpg') no-repeat scroll left top;
position:relative;
}

#noflash_weddings
{
	width:240px;
	height:363px;
	background:transparent url('http://www.enjoyphotography.co.uk/image/slideshow/wedding/wedding1.jpg') no-repeat scroll left top;
	position:relative;
	background-image: url('http://www.enjoyphotography.co.uk/image/slideshow/wedding/wedding1.jpg);
}

#noflash_portraits
{
width:240px;
height:363px;
background:transparent url('http://www.enjoyphotography.co.uk/image/slideshow/portrait/portrait1.jpg') no-repeat scroll left top;
position:relative;
}

#noflash_civilp
{
width:240px;
height:363px;
background:transparent url('http://www.enjoyphotography.co.uk/image/slideshow/civilpartnerships/civilp_index.jpg') no-repeat scroll left top;
position:relative;
}

#noflash_home #getFlash,
#noflash_weddings #getFlash,
#noflash_portraits #getFlash,
#noflash_civilp #getFlash
{
	width:222px;
	padding:4px;
	background-color:#ffffff;
	position:absolute;
	bottom:1px;
	left:5px;
	text-align:center;
	border:solid 1px #9c881d;
}

#noflash_home #getFlash p,
#noflash_weddings #getFlash p,
#noflash_portraits #getFlash p,
#noflash_civilp #getFlash p
{
margin-bottom:4px;
}

a.block { display:block; }

/*
*****************************************************
* TESTIMONIAL PAGE STYLES
*****************************************************
*/

#testimonial_container
{
width:581px;
height:353px;
padding:5px;
background:transparent url('http://www.enjoyphotography.co.uk/image/testimonial_bg.jpg') no-repeat scroll left top;
}

				#testimonial_container p
				{
				margin:0px 0px 6px 0px;
				}
				
								#testimonial_container p.sig
								{
								margin:0px 0px 10px 0px;
								font-weight:bold;
								}
								
/*
*****************************************************
* PRODUCT/PRICE GUIDE PAGE STYLES
*****************************************************
*/

#productprice_container
{
width:581px;
height:353px;
padding:5px;
}

		p.subsection { font-weight:bold; }
		
/*
*****************************************************
* MISC. PAGE STYLES
*****************************************************
*/

.extra_margin
{
margin-top:30px;
}

p span.bold
{
font-weight:bold;
}