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

<!--
body {
	background: #827660;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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 */
	background-image: url(images/carlson-photo-page-bg.jpg);
	background-repeat: repeat-x;
	color: #eae7e2;
}
#container {
	width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/*	height: 800px;*/
	border: 1px solid #a2b9e0;	
	border-top: hidden;
	border-bottom: hidden;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: white;
}

a.normal{
color: #A2B8E0;
border-bottom: 1px dashed  #A2B8E0;
text-decoration: none;
}

a.normal:hover{
color: #5e481f;
border-bottom: 1px solid #5e481f;

}

#mainImg {
	height: 543px;
	
}

#nav{
width: 1004px;
height: 46px;
margin: 0px;
padding: 0px;
background-image: url(images/carlson-photo-nav-div-bg.jpg);
background-repeat: repeat-x;
background-position: top left;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
#nav a {
	display: block;
	width: 10em;
}
 
#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}
 
#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navlogo{
width: 317px;
height: 46px;
margin-left: 10px;
margin-right: 80px;
float: left;
}

#imgFoot{
height: 92px;
}

#nav a.about{
display:block;
width: 70px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-about.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a.aboutactive{
display:block;
width: 70px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-about.jpg);
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a.photo{
display:block;
width: 128px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-photography.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a.photoactive{
display:block;
width: 128px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-photography.jpg);
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
float: left;
}


#nav a.invest{
display:block;
width: 112px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-investment.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a.investactive{
display:block;
width: 112px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-investment.jpg);
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a.contact{
display:block;
width: 88px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-contact.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a.contactactive{
display:block;
width: 88px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-contact.jpg);
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a.blog{
display:block;
width: 56px;
height: 46px;
/*margin-top: -8px;*/
background-image: url(images/nav-blog.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
float: left;
}

#nav a:hover{
background-position: bottom left;
}

#bodyContent{
width: 964px;
padding-left: 20px;
padding-right: 20px;
color: #5e481f;
font-family: Helvetica, Arial;

}

/* dropdown menu styling */


#dropmenudiv{
position:absolute;
/*border:1px solid black;
border-bottom-width: 0;*/
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height:20px;
z-index:100;
text-align: left;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 7px;
color: #5e481f;
border-bottom: 1px solid #5e481f;
border-right: 1px solid #5e481f;
border-left: 1px solid #5e481f;
padding: 1px 0;
text-decoration: none;


}

#dropmenudiv a:hover{ /*hover background color*/
background-color: rgb(208, 218, 235);
}

#header{
width: 1004px;
height: 221px;
}

h1{
font-size: 18px;
text-transform: uppercase;
color: #A2B8E0;
display: block;
width: auto;
font-weight: normal;
text-align: left;
border-bottom: 1px solid rgb(92,72,31);

}

img.gallery{
border: 5px solid #A2B8E0;
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;
}

img.gallery:hover{
border: 5px solid rgb(92,72,31);
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
}