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

/* 2010 Owen Junior Photography:  Wedding photographer in Houston, Texas U.S.A */

html{
	width: 100%;
	height:100%;
	padding:0px;
}

body{
	width: 100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#e7e8e6;
	background-image:url(images/gallery_background.gif);
	background-repeat:repeat;
}

#container {
	width:100%;
	height:100%;
	position:relative;
	z-index:11;

}

#top {
	width:100%;
	height:43px;
	border-top: dotted 1px #636566;
	border-bottom: dotted 1px #636566;
	position:absolute;
	background-image:url(index_image/header.gif);
	background-repeat:repeat;
	top:0;
	left:0;
	background-color:#e9eae8; 
	z-index:9;
}

#avatar {
	width:230px;
	height:43px;
	float:left;
	border-right:dotted 1px #636566;
	margin-left: 5px;
	display: inline;  /* <---Solution for bug IE6 */
	z-index:7;
}

#avatar img {
	border:0px;
}

#view_port_area {

	width: 475px;
	height:43px;
	float:left;
	position:absolute;
	bottom:0px;
	margin-left: -237px;
	left: 50%;
	z-index:8;
	background-image:url(index_image/header.gif);
	background-repeat:repeat;
	
	
}

#navigation_area {
	width:auto;
	height:22px;
	clear:both;
}

#navigation_line{
	width:auto;
	height:21px;
	clear:both;
	margin-bottom:4px;
}



.numbers {
	float:left;
	font-family: 'tahoma';
	font-size:10px;
	color:#604a45;
	text-align:center;
	margin-left:3px;
	display:inline; /* <---Solution for bug IE6 */ 
	
}

.navigation {
	float:left;
	font-family: 'tahoma';
	font-size:12px;
	text-align:center;
	font-weight:bold;
	
}


#contact {
	float:right;
	width:260px;
	height:43px;
	border-left:dotted 1px #636566;
	margin-right:5px;
	z-index:7;
}

#contact img {
	border:0px;
}


#btn_holder {
	width:148px;
	height:32px;
	position:absolute;
	top:53px;
	margin-left: -74px;
	left: 50%;
	z-index:8;

}

#prev_btn_holder {
	width:72px;
	height:32px;
	float:left;
	margin-right:4px;
}
#prev_btn_holder {
	border:0px;
}

#next_btn_holder {
	width:72px;
	height:32px;
	float:left;
}

#next_btn_holder  {
	border:0px;
}

#photo_holder {
	height:100%;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	z-index:6
	
}
#photo_holder img  {
	display: block;
    margin-left: auto;
    margin-right: auto 
}


#mypic {
	width:auto;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#mypic2 {
	width:100%;
	height:auto;
}


a {
	outline:none;
	color:#009eff;
	display: inline-block; /*removes white space in links bug for drop donw menu*/
} /*removes links especially for next and previous arrows outline*/
	
	
	
a: link {
	color:#0578bf;
	text-decoration:underline;
	
}

 a:visited {
	color:#0578bf;
	text-decoration:underline;
}

 a:hover{
	
	color:#4a4a4d;
	text-decoration:underline;
}

 a:active {
	color:#0578bf;
	text-decoration:underline;
}

/* Drop down menu  */

ul {
	
	list-style:none;
	margin:0px;
	padding:0px;
	z-index:15;
	
}

ul li {
	
	list-style-image:none;
	position:relative;
	
	
}


ul li a {
	display:block;
	text-decoration:none;
	font-family: 'tahoma';
	font-size:11px;
	color:#775e58;
	text-align:left;
	font-weight:bold;
	text-decoration:underline;
	
}


ul li ul {
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	margin-top:0px;
	width:85px;
	background-color:#ffffff;
	
	
}

ul li ul li { 
	display:block;
	
	}

ul li ul li a { 
		text-decoration:none;
		text-align:center;
}


ul li ul li a: link {
	color:#775e58;
	text-decoration:none;
}

ul li ul li a:visited {
	color:#775e58;
	text-decoration:none;
}

ul li ul li a:hover{
	background-color:#009eff;
	color:white;
	text-decoration:none;
	
}

ul li ul li a:active {
	color:#775e58;
	text-decoration:none;
}

li:hover ul { 
	display: block; 			

}