/* CSS Document */

/*---------------------------------------------------------
Author:  Matthew Hansen @ Digital Design Media Ltd
Date:	2009
Description: The screen style sheet for enweddings.co.nz
----------------------------------------------------------*/
*
{
	margin:0px;
	padding:0px;
}
img
{
	border:0px;
}
/* =Structure
------------------------- Page Structure ------------------
*/

body 
{
	background-color:#fff4e8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#wrapper
{
	margin:0px auto 0px auto;
	width:980px;
	position:relative;
}
.clear
{
clear:both;
}


/* =Formating
------------------------- Formating ------------------
*/

.heading_main
{
	width:395px;
	padding-left:5px;
	height:28px;
	padding-top:12px;
	display:block;
	background:url(../images/heading_bg_400.png) no-repeat;
	font-size:1.0em;
	margin-bottom:5px;
}
.heading_testimonals
{
	width:195px;
	padding-left:5px;
	height:28px;
	padding-top:12px;
	display:block;
	background:url(../images/heading_bg_200.png) no-repeat;
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:5px;
}

/* = Links
------------------------- Links ------------------
*/
a
{
	color:#000000;
	text-decoration:none;
}
a:hover
{
	color:#484848;
}
.more a
{
	float:right;
	
}

/* = Lists
------------------------- Lists ------------------
*/
#content Ul
{
	margin-left:25px;	
	margin-top:10px;
	margin-bottom:10px;
}

/* = masthead
------------------------- masthead ------------------
*/
#masthead_top
{
	width:980px;
	height:115px;
}
#masthead_main
{
	width:980px;
	height:155px;
	background:url(../images/masthead_main.jpg) no-repeat;
	position:relative;
}

/* =Menu
------------------------- Menu ------------------
*/
#menu
{
	width:684px;
	position:absolute;
	bottom:9px;
	right:11px;
	float:right;
	text-indent:-10000px;
	overflow:hidden;
}
#menu a
{
	cursor:pointer;
}
#menu ul
{
	list-style:none;
}
#menu li
{
	float:left;
}
#menu_home a
{
	display:block;
	width:97px;
	height:32px;
	background:url(../images/menu_home.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_emma_newman a
{
	display:block;
	width:185px;
	height:32px;
	background:url(../images/why_use_emma_newman.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_wedding_services a
{
	display:block;
	width:168px;
	height:32px;
	background:url(../images/menu_wedding_services_cost.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_wedding_gallery a
{
	display:block;
	width:66px;
	height:32px;
	background:url(../images/menu_gallery.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_testimonals a
{
	display:block;
	width:93px;
	height:32px;
	background:url(../images/menu_testimonals.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_contact a
{
	display:block;
	width:75px;
	height:32px;
	background:url(../images/menu_contact.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_home a:hover, #menu_emma_newman a:hover, #menu_wedding_services a:hover, #menu_wedding_gallery a:hover, #menu_testimonals a:hover, #menu_contact a:hover
{
	background-position:bottom;
}
.menu_home a
{
	display:block;
	width:97px;
	height:32px;
	background:url(../images/menu_home.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_emma_newman a
{
	display:block;
	width:185px;
	height:32px;
	background:url(../images/why_use_emma_newman.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_wedding_services a
{
	display:block;
	width:168px;
	height:32px;
	background:url(../images/menu_wedding_services_cost.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_wedding_gallery a
{
	display:block;
	width:66px;
	height:32px;
	background:url(../images/menu_gallery.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_testimonals a
{
	display:block;
	width:93px;
	height:32px;
	background:url(../images/menu_testimonals.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_contact a
{
	display:block;
	width:75px;
	height:32px;
	background:url(../images/menu_contact.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}


/* =content
------------------------- content ------------------
*/

#content_top
{
	width:980px;
	height:20px;
	background:url(../images/content_top.gif) no-repeat;
}
#content_wrapper
{
	width:980px;
	background:url(../images/content_filler.gif) repeat-y;
	position:relative;
	padding-top:7px;
}
#content_foot
{
	/*width:980px;
	height:150px;
	background:url(../images/content_foot.gif) no-repeat;*/
	position:absolute;
	bottom:0px;*/
}
/*#content_top_testimonial
{
	width:980px;
	height:20px;
	background:url(../images/content_top-testimonial.gif) no-repeat;
}*/
/*#content_wrapper_testimonial
{
	width:980px;
	background:url(../images/content_filler-testimonial.gif) repeat-y;
	position:relative;
	padding-top:7px;
}*/
/*#content_foot_testimonial
{
	width:980px;
	height:150px;
	background:url(../images/content_foot_testimonial.gif) no-repeat;
	position:absolute;
	bottom:0px;
}*/
#testimonals
{
	width:195px;
	float:left;
	padding-left:20px;
	padding-right:25px;
}
#testimonals_page_content
{
	font-size:0.85em;
	margin-left:10px;
/*	width:685px;
	float:left;
	padding-left:20px;
	padding-right:15px;
	background:url(../images/enweddings.gif) 562px bottom no-repeat;*/
}
#content
{
	width:685px;
	float:left;
	padding-left:20px;
	padding-right:15px;
	background:url(../images/enweddings.gif) 562px bottom no-repeat;
}
#content_no_testimonial_column
{
	width:910px;
	float:left;
	padding-left:20px;
	padding-right:15px;
	background:url(../images/enweddings.gif) 562px bottom no-repeat;
}
.divider
{
	width:186px;
	height:30px;
	background:url(../images/divider.gif) center no-repeat;

}
.testimonial_photo
{
	width:260px;
	padding-right:20px;
	height:160px;
	float:left;
	margin-top:4px;
}

/* =Testimonials Page
------------------------- Testimonials Page ------------------
*/
#content_top_testimonial
{
	width:980px;
	height:20px;
	background:url(../images/content_top-testimonial.gif) no-repeat;
}
#content_wrapper_testimonial
{
	width:980px;
	background:url(../images/content_filler-testimonial.gif) repeat-y;
	position:relative;
	padding-top:7px;
}
#content_testimonial
{
	width:930px;
	float:left;
	padding-left:20px;
	padding-right:15px;
	background:url(../images/enweddings-testimonial.gif) 562px bottom no-repeat;
}
#content_foot_testimonial
{
	width:958px;
	padding-left:10px;
	padding-right:12px;
	height:20px;
	padding-top:30px;
	background:url(../images/footer-testimonial.gif) no-repeat;
	position:relative;
	bottom:0px;
}
.divider_testimonial
{
	width:930px;
	height:30px;
	background:url(../images/divider.gif) center repeat-x;

}
/* =Image Box
------------------------- Image Box ------------------
*/
#image_box
{
	width:222px;
	padding-left:20px;
	height:375px;
	/*border:#FF0000 1px solid;*/
	float:right;
	margin-top:4px;
}
#canvas1
{
	margin-top:25px;

}


/* =Footer
------------------------- Footer ------------------
*/
#content_foot
{
	width:958px;
	padding-left:10px;
	padding-right:12px;
	height:20px;
	padding-top:30px;
	background:url(../images/footer.gif) no-repeat;
	position:relative;
	bottom:0px;
}
#foot_left
{
	display:block;
	width:460px;
	font-size:0.8em;
	float:left;
}
#foot_right
{
	display:block;
	width:460px;
	font-size:0.8em;
	float:right;
	text-align:right;
}
/* =Gallery Page
------------------------- Gallery Page ------------------
*/
#gallery_buttons_wrapper
{
	padding-left:10px;
	padding-bottom:15px;
	height: 32px;
}
#gallery_menu_weddings a
{
	display:block;
	width:145px;
	height:32px;
	background:url(../images/gallery-menu-wedding-photos.jpg) no-repeat;
	background-position:top;
	position:relative;
	float:left;
}

	
#gallery_menu_media a
{
	display:block;
	width:200px;
	height:32px;
	background:url(../images/gallery-menu-media-photos.jpg) no-repeat;
	background-position:top;
	position:relative;
	float:left;
}

#gallery_menu_weddings a:hover, #gallery_menu_media a:hover
{
	background-position:bottom;
}
#gallery {

	float: left;
	width: 900px;
	padding-left:10px;
}









