/*	===============================================================
	© Jo McLeoad Photography

	Type:				Structural Styles
	Build by:			Shoreline Design
	Document Author:	James Lester
	Author Email:		james@shorelinedesign.co.uk
	Creation Date:		1st February 2008
	---------------------------------------------------------------
	Version number: 	1.0
	Last edited:		NA - Still in developement
	============================================================ */


/*	===============================================================
	DOCUMENT CONTENTS
	
	1.	Global settings
	2.	Positioning & Structure rules
	3.	Primary navigation
	4.	Secondary Navigation
	5.	Footer
    6.	Extra Elements 
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #666666;
}







/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */



#main-block {
	display: block;
	background: #000000 url(../images/global/bg-top-dark.gif) no-repeat bottom;
	width: 799px;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	margin: 53px auto 0px auto;
}

#main-block.home { background: #000000 url(../images/global/bg-top-bright.gif) no-repeat bottom; }


#title-block {
	display: block;
	background: #ffffff;
	width: 799px;
	min-height: 89px;
	height: auto !important;
	height: 89px;
	margin: 0px auto 0px auto;
	position: relative;
}


#logo{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#logo a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 350px;
	height: 27px;
	background: Transparent url(../images/global/logo.gif) no-repeat;
	padding-top: 27px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
	left: 16px;
	top: 15px;
}

#calltoaction {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 165px;
	height: 28px;
	background: Transparent url(../images/global/phonenumber.gif) no-repeat;
	padding-top: 28px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
	right: 13px;
	top: 15px;
}



#text-container {
	float: right;
	width: 369px;
	margin: 35px 19px 15px 0px;
}

#text-container.home  {
	display: none;
}


#text-container h3 { margin: 0px 0px 0px 0px; }

.package-intro { margin-top: 0px; }



#pagetitle {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 343px;
	height: 20px;
	padding-top: 20px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
	display: block;
}
#pagetitle.about-title { background: Transparent url(../images/titles/title-aboutus.gif) no-repeat; }
#pagetitle.accessibility-title { background: Transparent url(../images/titles/title-accessibility.gif) no-repeat; }
#pagetitle.contactus-title { background: Transparent url(../images/titles/title-contactus.gif) no-repeat; }
#pagetitle.lifestyle-title { background: Transparent url(../images/titles/title-layoutportraits.gif) no-repeat; }
#pagetitle.packages-title { background: Transparent url(../images/titles/title-packages.gif) no-repeat; }
#pagetitle.prewed-title { background: Transparent url(../images/titles/title-prewed.gif) no-repeat; }
#pagetitle.privacy-title { background: Transparent url(../images/titles/title-privacypolicy.gif) no-repeat; }
#pagetitle.thankyou-title { background: Transparent url(../images/titles/title-thankyou.gif) no-repeat; }
#pagetitle.websiteterms-title { background: Transparent url(../images/titles/title-websiteterms.gif) no-repeat; }
#pagetitle.weddings-title { background: Transparent url(../images/titles/title-weddings.gif) no-repeat; }

/*	---------------------------------------------------------------
	#3 PRIMARY NAVIGATION
	---------------------------------------------------------------
	Outlines the primary navigational elements of the website
	------------------------------------------------------------ */


#nav-block {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 60px;
	left: 16px;
}

#nav-block li { float: left; list-style: none; }
#nav-block li a { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 350px;
	height: 15px;
	background: Transparent url(../images/navigation/nav.gif) no-repeat;
	padding-top: 15px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#nav-block li.about-nav a { background-position: 0px 0px; width: 90px; }
#nav-block li.about-nav a:hover { background-position: 0px -15px; width: 90px; }
#nav-block li.about-nav a.on { background-position: 0px -15px; width: 90px; }

#nav-block li.prewed-nav a { background-position: -90px 0px; width: 86px; }
#nav-block li.prewed-nav a:hover { background-position: -90px -15px; width: 86px; }
#nav-block li.prewed-nav a.on { background-position: -90px -15px; width: 86px; }

#nav-block li.wedding-nav a { background-position: -176px 0px; width: 91px; }
#nav-block li.wedding-nav a:hover { background-position: -176px -15px; width: 91px; }
#nav-block li.wedding-nav a.on { background-position: -176px -15px; width: 91px; }

#nav-block li.packages-nav a { background-position: -267px 0px; width: 96px; }
#nav-block li.packages-nav a:hover { background-position: -267px -15px; width: 96px; }
#nav-block li.packages-nav a.on { background-position: -267px -15px; width: 96px; }

#nav-block li.lifestyle-nav a { background-position: -363px 0px; width: 180px; }
#nav-block li.lifestyle-nav a:hover { background-position: -363px -15px; width: 180px; }
#nav-block li.lifestyle-nav a.on { background-position: -363px -15px; width: 180px; }

#nav-block li.contact-nav a { background-position: -543px 0px; width: 110px; }
#nav-block li.contact-nav a:hover { background-position: -543px -15px; width: 110px; }
#nav-block li.contact-nav a.on { background-position: -543px -15px; width: 110px; }

#nav-block li.clients-nav a { background-position: -653px 0px; width: 124px; }
#nav-block li.clients-nav a:hover { background-position: -653px -15px; width: 124px; }
#nav-block li.clients-nav a.on { background-position: -653px -15px; width: 124px; }

/*	---------------------------------------------------------------
	#4 SECONDARY NAVIGATION
	---------------------------------------------------------------
	Outlines the secondary navigational elements of the website
	------------------------------------------------------------ */




/*	---------------------------------------------------------------
	#5 SIDEBAR
	---------------------------------------------------------------
	Outlines the sidebar elements of the website
	------------------------------------------------------------ */
	


/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */
	
	
#footer-block {
	display: block;
	background: #000000 url(../images/global/bg-bot-dark.gif) no-repeat bottom;
	width: 783px;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	margin: 0px auto 0px auto;
	padding: 8px 0px 0px 16px;
}

#footer-block.home { background: #000000 url(../images/global/bg-bot-bright.gif) no-repeat bottom; }


#footer-copywrite {
	display: block;
	width: 783px;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	margin: 0px auto 0px auto;
	padding: 8px 0px 0px 16px;
}


/*	---------------------------------------------------------------
	#7 EXTRA ELEMENTS
	---------------------------------------------------------------
	Outlines the extra elements of the website
	------------------------------------------------------------ */

.formlabel { width: 41px; float: left; }
.formbutton { width: auto; height: auto; margin: 0px 0px 0px 296px; border: none; }
.breakpoint { height: 0px; line-height: 0px; margin: 0px; padding: 0px; }
p.intro {margin-top:3px; }