@charset "UTF-8";
/* CSS Document */

*{
	margin:0;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width: 940px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*text-align: left;*/ /* this overrides the text-align: center on the body element. */
	
}

#header{
	padding:15px 0px 40px 0px;
}

#redline{
	position: absolute;
	background:#F00;
	width: 100%;
	height:2px;
	top:200px;
}

#mainContent{
	margin: 0 0 50px 0;	
}


/* CODE FOR BOTTOM NAVIGATION BAR */

#navigation{
	width:100%;
	overflow:hidden;
}

ul#navbar {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    font-weight:bold;
    height:95px;
	position:relative;
	float:left;
	left:50%;
}
ul#navbar li {
	text-align:center;
    list-style:none;
    display:inline;
	position:relative;
	float:left;
	right:50%;
	
}

ul#navbar li a{
	display:block;

	float:left;
	
}

ul#navbar li a.home{
	width:81px;
	height:95px;
	background:url(images/navigation/menu_01.gif) no-repeat;
}

ul#navbar li a.home:hover{
	background-position:0 -94px;
}

ul#navbar li a.about_us{
	width:105px;
	height:95px;
	background:url(images/navigation/menu_02.gif) no-repeat;
}

ul#navbar li a.about_us:hover{
	background-position:0 -94px;
}

ul#navbar li a.hours_and_rates{
	width:83px;
	height:95px;
	background:url(images/navigation/menu_03.gif) no-repeat;
}

ul#navbar li a.hours_and_rates:hover{
	background-position:0 -94px;
}

ul#navbar li a.requirements{
	width:118px;
	height:95px;
	background:url(images/navigation/menu_04.gif) no-repeat;
}

ul#navbar li a.requirements:hover{
	background-position:0 -94px;
}

ul#navbar li a.a_spot_for_spot{
	width:102px;
	height:95px;
	background:url(images/navigation/menu_05.gif) no-repeat;
}

ul#navbar li a.a_spot_for_spot:hover{
	background-position:0 -94px;
}

ul#navbar li a.kate_morris_photography{
	width:113px;
	height:95px;
	background:url(images/navigation/menu_06.gif) no-repeat;
}

ul#navbar li a.kate_morris_photography:hover{
	background-position:0 -94px;
}
ul#navbar li a.blog{
	width:113px;
	height:95px;
	background:url(images/navigation/menu_07.gif) no-repeat;
}

ul#navbar li a.blog:hover{
	background-position:0 -95px;
}
/* END CODE FOR BOTTOM NAVIGATION BAR */