@charset "utf-8";
/* RESET  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* tags  */

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	color: #F1F1EB;
	font-size: 12px;
	
	}


#container {
	margin-right: auto;
	margin-left: auto;
	width: 904px;
	margin-top: 10px;
}

.masthead {
	background-image: url(images/navbar.gif);
	background-position: 0px 0px;
	height: 140px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.masthead a {
	display: block;
	height: 140px;
}


#nav_bar {
	text-align: center;
	width:700px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	padding-left: 45px;

}
#nav_bar ul {
	width: 700px;
	display: block;
	margin-left: 106px;
}

#nav_bar  li {
	background-image: url(images/navbar.gif);
	height: 70px;
}
#nav_bar  li#photographer    {
	background-position: -85px -210px;
	height: 70px;
	width: 178px;
	float: left;
}
#nav_bar  li#me {
	background-position: -443px -210px;
	height: 70px;
	width: 100px;
	float: left;
}
#nav_bar  li#web_designer {
	background-position: -263px -210px;
	height: 70px;
	width: 180px;
	float: left;
}
#nav_bar li#photographer:hover,
#nav_bar li#photographer.selected{
	background-position: -85px -139px;
}
#nav_bar li#web_designer:hover,
#nav_bar li#web_designer.selected{
	background-position: -263px -139px;
}
#nav_bar li#me:hover,
#nav_bar li#me.selected{
	background-position: -443px -139px;
}


#nav_bar li a{
	display: block;
	height: 70px;
}

#text_box {
	width: 323px;
}
#text_box p {
	padding-top: 8px;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}


 



.clearfloat {
clear:both;
}

.grey_webdesign_areas {
	background-color: #494947;
	height: 154px;
	width: 792px;
	margin-left: auto;
	margin-right: auto;
}
.grey_webdesign_areas img {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 1px;
}
.web_designer_text {
	margin: 12px auto;
	line-height: 120%;
	width: 752px;
	padding-left: 30px;
	padding-right: 30px;
	
}
.web_designer_text a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.web_designer_text a:hover {
	text-decoration: underline;
}


.border
{
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #E5E5E5;
}


.footer {
	text-align: center;
	margin-top: 20px;
	padding-top: 3px;
	padding-bottom: 20px;
	font-size: x-small;
	color: #EBEBEB;

}
.footer a,
.footer a:hover {
	color: #CCCCCC;
}

.photographer_text {
	margin-left: auto;
	margin-right: auto;
	line-height: 120%;
	width: 430px;
	padding-left: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
}