/* 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:url(../images/bg.jpg);
	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:255px;
	background:url(../images/header-image.jpg) no-repeat 2px 0;
	position:relative;
}
#masthead_main .click_home{
	top:15px;
	width:300px;
	height: 200px;
	left:50px;
	position:absolute;
}
/* =Menu
------------------------- Menu ------------------
*/
#menu
{
	width:777px;
	position:absolute;
	bottom:12px;
	right:14px;
	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.gif) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_emma_newman a
{
	display:block;
	width:193px;
	height:32px;
	background:url(../images/menu_why.gif) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_wedding_services a
{
	display:block;
	width:196px;
	height:32px;
	background:url(../images/menu_services.gif) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_wedding_gallery a
{
	display:block;
	width:85px;
	height:32px;
	background:url(../images/menu_gallery.gif) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_testimonals a
{
	display:block;
	width:120px;
	height:32px;
	background:url(../images/menu_testimonials.gif) no-repeat;
	background-position:top;
	text-align:center;
}
#menu_contact a
{
	display:block;
	width:85px;
	height:32px;
	background:url(../images/menu_contact.gif) 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, .menu_home a:hover
{
	background-position:bottom;
}
.menu_home a
{
	display:block;
	width:97px;
	height:32px;
	background:url(../images/menu_home.gif) no-repeat;
	background-position:top;
	text-align:center;
}
.menu_emma_newman a
{
	display:block;
	width:193px;
	height:32px;
	background:url(../images/menu_why.gif) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_wedding_services a
{
	display:block;
	width:196px;
	height:32px;
	background:url(../images/menu_services.gif) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_wedding_gallery a
{
	display:block;
	width:85px;
	height:32px;
	background:url(../images/menu_gallery.gif) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_testimonals a
{
	display:block;
	width:120px;
	height:32px;
	background:url(../images/menu_testimonials.gif) no-repeat;
	background-position:bottom;
	text-align:center;
}
.menu_contact a
{
	display:block;
	width:85px;
	height:32px;
	background:url(../images/menu_contact.gif) no-repeat;
	background-position:bottom;
	text-align:center;
}


/* =content
------------------------- content ------------------
*/

#content_top
{
	width:980px;
	height:20px;
	background:url(../images/content-top.jpg) no-repeat;
}
#content_wrapper
{
	width:980px;
	background:url(../images/content-mid.jpg) 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;
	margin-top:10px;
	height:10px;
	border-top:1px dotted;
	/*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-full-top.jpg) no-repeat;
}
#content_wrapper_testimonial
{
	width:980px;
	background:url(../images/content-full-mid.jpg) 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/content-full-bot.jpg) 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/content-bot.jpg) no-repeat;
	position:relative;
	bottom:0px;
}
#foot_left
{
	display:block;
	width:600px;
	font-size:0.8em;
	float:left;
}
#foot_right
{
	display:block;
	width:300px;
	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.gif) no-repeat;
	background-position:top;
	position:relative;
	float:left;
}
#gallery_menu_media a
{
	display:block;
	width:153px;
	height:32px;
	background:url(../images/gallery-menu-media-photos.gif) 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;
}

#make_contact
{
	float: right;
	position:relative;
	width: 210px;
}
.gallery_img {
	border: 0px solid silver;
	background-image:url(../images/image-shadow.jpg);
	background-repeat:no-repeat;
	width: 120px;
	height: 85px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 4px;
}
#gallery_back-btn a{
	display:block;
	float:left;
	position: relative;
	background-image:url(../images/gallery-back-btn.jpg);
	background-repeat:no-repeat;
	width: 33px;
	height: 32px;
	background-position:top;
	padding-left: 20px;
}
#gallery_back-btn a:hover{
	background-position:bottom;
}
#contact_images img{
	margin: 10px 30px;
	border: 1px solid #bbbbbb;
}
#why_images img{
	margin: 5px 2px;
	border: 1px solid #bbbbbb;
}