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

/* GENERAL PAGE SET UP */

html, body, ul, ol, li, p, hi, h2, h3, h4, h5, h6, form, fieldset {
	margin:0;
	padding:0;
	border:0;
}

body {
	font:100.01% Arial, Helvetica, sans-serif;
	color:#666;
	background:#FFF;
	margin:10px;
	padding:0px;
	text-align:center;

}

#wrapper {
    width:956px;
    position:relative;
	margin:auto;
	background-color:#FFF;
}

/*for the client intro page */
.wrapper_height {
	height:900px;
	
}

#header {
    width:956px;
	height:71px;
	float:left; 
    background-color:#FFF;
	border-bottom: 1px solid #9CF;
}

/*to style the box for monica wells photography */
#logo {
    width:410px;
	float:left;
	margin-top:22px;
	text-align:left;
	padding-left:38px;
	
	}
	
#logo a {
	text-decoration:none;
	color: #789;
}
	
/*to style the text for monica wells photography logo*/
h1 {
	font:normal 175% Arial, Helvetica, sans-serif;
	color:#789;
	margin:0px;
	text-align:left;
	background-color:#FFF;
}

/*to style the top navigation bar */
#topnav {
	width:450px;
	float:right;
	text-align:left;
	font:normal 80% Arial, Helvetica, sans-serif;
	color:#789;
	margin-top:43px;
}

/*to style the top navigation bar links */
#topnav a {
	color:#789;
	text-decoration:none;
}

/*to style the top navigation bar links on hover */
#topnav a:hover {
	color:#f90;
	text-decoration:underline;
}

.bold_contact {
	font: bold 100% Tahoma, Geneva, sans-serif;
}
	

/*to style the first footer box */
#footer_a {
    width:96%;
	float:left;
	text-align:left;
	font:normal 80% Arial, Helvetica, sans-serif;
	color:#789;
	padding:0px 0px 12px 38px;
	border-bottom:#9CF 1px solid;
	}
	
/*to style the first footer text links*/
#footer_a a{
	color:#789;
	text-decoration:none;
	}

/*to style the first footer text on hover*/
#footer_a a:hover {
	color:#f90;
	text-decoration:underline;
}

/*to style the second footer box*/
#footer_b {
	width:96%;
	float:left;
	text-align:left;
	font:normal 80% Arial, Helvetica, sans-serif;
	color:#789;
	padding:12px 0px 10px 38px;
	} 
	
/*to style the second footer text links*/
#footer_b a{
	color:#789;
	text-decoration:none;
}

/*to style the second footer text on hover*/	
#footer_b a:hover {
	color:#f90;
	text-decoration:underline;
}

.highlight {
	font-weight: bold;
	color: #789;
}

.italic {
  font-style:italic;
  color:#789;
}