/*
------------------------------------------------------------------------------------------------
	GENERIC CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	20-03-2007															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	Mango Photography 												
------------------------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------------- GLOBAL
															
------------------------------------------------------------------------------------------------
*/

body {
	background: #000;
	font-family: "Lucida Grande", "Gill Sans", Arial, Verdana, Sans-Serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	}
	
/*
-------------------------------------------------------------------------------- TITLES AND TEXT
														
------------------------------------------------------------------------------------------------
*/

h1 {color: #FFCC00; font-size: 2.0em; line-height: 50px; font-weight: normal; margin: 0; padding: 10px 0 0 20px;}
h2 {color: #FFCC00; font-size: 1.75em; line-height: 1.5em; font-weight: normal; margin: 0; padding: 0 0 0 20px;}

p {color: #FFF; font-size: 1.10em; line-height: 1.75em; font-weight: normal; margin: 0; padding: 5px 15px 10px 20px;}
p span {color: #FFCC00;}
p.tel {font-size: 1.25em; font-weight: bold;}

a {color: #FFCC00; margin: 0; padding: 0; text-decoration: none;}
a:hover {color: #FF9900; text-decoration: none;}

a.jump {color: #FFCC00; margin: 0; padding: 3px 25px 5px 0; font-size: 1.25em; font-weight: bold; background: url(images/bullet_arrrow.gif) right no-repeat;}
a.jump:hover {color: #FF9900; text-decoration: none;}

/*
----------------------------------------------------------------------------------------- IMAGES
														
------------------------------------------------------------------------------------------------
*/

img.site_photo {float: left; border: solid 3px #fff; margin: 0 25px 0 20px; padding: 0}

/*
----------------------------------------------------------------------------------------- LAYOUT
															
------------------------------------------------------------------------------------------------
*/

#master {width: 780px; margin: 0 auto; padding: 0;}
#header {height: 100px; margin: 0; padding: 0; text-align: right;}
#navigation {background: url(images/bg_navigation.gif) repeat-x; height: 33px; margin: 0; padding: 0; border: 1px solid #222;}

#content {margin: 0 0 30px 0; padding: 0;}

.feature {margin: 15px 0 25px 0; padding: 0;}

#footer {background: url(images/bg_footer.gif) repeat-x; height: 33px; margin: 0 0 20px 0; padding: 0; border: 1px solid #222; text-align: center;}

/*
----------------------------------------------------------------------------------------- HEADER
															
------------------------------------------------------------------------------------------------
*/

#header img.logo {float: left; margin: 0; padding: 20px 0 0 20px;}

#banner {float: right; width: 330px; height: 58px; margin: 20px 0 0 0; padding: 0 20px 0 0;}

/*
----------------------------------------------------------------------------------------- FOOTER
															
------------------------------------------------------------------------------------------------
*/

#footer p.footer_left {float: left; margin: 0; padding: 7px 0 0 20px; font-size: 1em;}
#footer p.footer_right {float: right; margin: 0; padding: 7px 20px 0 0; font-size: 1em;}
#footer span {color: #FFCC00;}

/*
------------------------------------------------------------------------------------------ MISC.
															
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; line-height: 0px;}