/* LAYOUT CSS Document				 	*/
/* New Homepage Layout for www.chrismackenzie.com	*/
/* This a separate styleshhet just for the homepage	*/

/* COLOURS

DEFAULT		- PURPLE	- #672A66	
WEDDINGS	- GREY		- #6A6E71
LIFESTYLE	- RED		- #742A29
PLACES		- GREEN		- #717C5E
MY STORIES	- PURPLE	- #672A66

*/

/* Common
------------------------------------------------------------------------*/
* {
    font-style: normal;
    list-style-type: none;
    list-style-position: outside;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	color:#000000;
	min-width:960px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

.left { float: left; width: 479px;}
.right{ float: right; width: 479px;}

/* GENERIC CLEAR FOR FLOATED ELEMENTS
------------------------------------------------------------------------*/
.floatclear{
	clear: both;
}

.leftclear{
	clear: left;
}

.fakeheight {
	height: 2px;
}


/* WRAPPER AND HEADER
------------------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 2px 0px 0px 0px;
}

#slideshow {
	background: url(../images/homepage/image01.jpg) top left no-repeat;
	width: 960px;
	height: 400px;
}


/* BOXES
------------------------------------------------------------------------*/
#boxes {text-align: left;}

#boxes p {width: 220px; padding: 0px 0px 10px 10px; color:#ffffff;}

#boxes h1 span {display: none;}

#toptwo { background: url(../images/homepage/titles/top.jpg) repeat-y top left; margin: 2px 0px 0px 0px;}
#bottomtwo {background: url(../images/homepage/titles/btm_rpm.jpg) repeat-y top left; margin: 2px 0px 0px 0px;}

#wedding {width: 958px;margin: 0 auto}
#wedding h1 {
	background: url(../images/homepage/titles/chris-mackenzie-photography_halved.png);
	width: 958px;
	height: 150px;
	display: block;
	text-align:center;
}

#address { width: 300px; text-align: left; color: #fff; margin-top: 30px; font-size: 12px; line-height:150%; }
#address a { text-decoration: none; font-size: 1em; color: #fff; }
#address a:hover { color: #fff; border-bottom: 1px dotted #aaa; }


#business {width: 479px;}
#business h1 {
	background: url(../images/homepage/titles/title_business.jpg);
	width: 240px;
	height: 53px;
	display: block;
}
#business a:link, #business a:visited { color: #BCD039; text-decoration: none; }
#business a:hover, #business a:active { color: #ffffff; text-decoration: underline; }

#families {width: 479px;}
#families h1 {
	background: url(../images/homepage/titles/title_families.jpg);
	width: 240px;
	height: 53px;
	display: block;
}
#families a:link, #families a:visited { color: #BCD039; text-decoration: none; }
#families a:hover, #families a:active { color: #739EFF; text-decoration: underline; }

#fashion {width: 479px;}
#fashion h1 {
	background: url(../images/homepage/titles/title_fashion.jpg);
	width: 240px;
	height: 53px;
	display: block;
}
#fashion a:link, #fashion a:visited { color: #BCD039; text-decoration: none; }
#fashion a:hover, #fashion a:active { color: #ffffff; text-decoration: underline; }

#places {width: 479px;}
#places h1 {
	background: url(../images/homepage/titles/babies.jpg);
	width: 240px;
	height: 53px;
	display: block;
}
#places a:link, #places a:visited { color: #BCD039; text-decoration: none; }
#places a:hover, #places a:active { color: #ffffff; text-decoration: underline; }

#blog {width: 479px;}
#blog h1 {
	background: url(../images/homepage/titles/title_my_stories.jpg);
	width: 240px;
	height: 53px;
	display: block;
}
#blog a:link, #blog a:visited { color: #BCD039; text-decoration: none; }
#blog a:hover, #blog a:active { color: #ffffff; text-decoration: underline; }

#blog h2 {width: 220px; padding: 0px 0px 0px 10px; color:#ffffff; font-size: 120%;}


/* FOOTER STYLES
------------------------------------------------------------------------*/
#bottom-contener {
	width: 960px; height: 20px; margin: 0px 0px 5px 0px; text-align:left; 
	}
#bottom-contener p {
	margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #939597; text-decoration: none;
	}
#bottom-contener a,#bottom-contener a:visited {
	font-weight: normal; color: #939597; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	}
#bottom-contener a:hover {
	text-decoration: underline; 
	}