/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

#header {
	position: relative; 
	width: 960px;
	height: 140px;
	margin: 0px auto;
	background: url(/images/masthead7.png) no-repeat left top;
}

#headerhomearea { 
	position: absolute; 
	top: 12px; 
	left: 25px; 
	width: 645px; 
	height: 114px; 
	background-color: transparent; 
}
	
#headerfacebookarea { 
	position: absolute; 
	top: 24px; 
	left: 899px; 
	width: 35px; 
	height: 35px; 
	background-color: transparent; 
}
	
#headertwitterarea { 
	position: absolute; 
	top: 81px; 
	left: 899px; 
	width: 35px; 
	height: 35px; 
	background-color: transparent; 
}
	
#headeramazonarea { 
	position: absolute; 
	top: 19px; 
	left: 719px; 
	width: 152px; 
	height: 45px; 
	background-color: transparent; 
}
	
#headerbnarea { 
	position: absolute; 
	top: 76px; 
	left: 719px; 
	width: 152px; 
	height: 45px; 
	background-color: transparent; 
}
	
#headergal {
	position: relative; 
	width: 960px;
	height: 57px;
	margin: 0px auto;
	background: url(/images/galleryheader2.png) no-repeat left top;
}

#headergalhomearea { 
	position: absolute; 
	top: 5px; 
	left: 32px; 
	width: 896px; 
	height: 42px; 
	background-color: transparent; 
}
	
/** PATH */

#pathbar {
	width: 960px;
	height: 20px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;

}

#pathbar a:link {
	color:#0000FF;
	text-decoration:none;
}

#pathbar a:visited {
	color:#0000FF;
	text-decoration:none;
}

#pathbar a:hover {
	color:#0000FF;
	text-decoration:none;
	background-color:yellow;
}

#pathbar a:active {
	color:#0000FF;
	text-decoration:none;
	background-color:yellow;
}

/** MENU */

#menubar {
	width: 960px;
	height: 33px;
	margin: 0px auto;
	padding: 2px 0px 0px 0px;
}

#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menubar li {
	display: inline;
	float:left;
}

#menubar a:link {
	display:block;
	width:112px;
	height: 18px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#81A1D2;
	text-align:center;
	padding: 6px 4px 6px 4px;
	text-decoration:none;
}

#menubar a:visited {
	display:block;
	width:112px;
	height: 18px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#81A1D2;
	text-align:center;
	padding: 6px 4px 6px 4px;
	text-decoration:none;
}

#menubar a:hover {
	background-color:#597DBB;
}

#menubar a:active {
	background-color:#597DBB;
}

.mymenu {
	text-align: center;
	background-color: #E5E5E5;
}


/** CONTENT */

#content {
	width: 960px;
	margin: 0px auto;
}

#left {
	float: left;
	width: 240px;
}

#right {
	float: right;
	width: 538px;
}

/** FOOTER */

#footer {
	width: 880px;
	height: 20px;
	margin: 0px auto;
	padding: 20px 40px;
	font-size: 11px;
}

#footer p {
	margin: 0px;
}

#legal {
	float: left;
}

#copyright {
	float: right;
}

/** BOX1 */

#box1 {
	padding: 15px 35px 20px 20px;
	border-bottom: 1px solid #CCCCCC;
}

/** BOX2 */

#box2 {
	float: left;
	width: 225px;
	padding: 15px 22px 0px 20px;
}

#box2 table {
	width: 225px;
}

/** BOX3 */

#box3 {
	float: left;
	width: 220px;
	height: 330px;
	min-height: 330px;
	padding: 15px 0px 0px 20px;
	border-left: 1px solid #CCCCCC;
}

html>body #box3 {
	height: auto;
}

/** BOX4 */

#box4 {
	padding: 15px 20px 0px 30px;
	background-position: 0px 3px;
}

#box4 .text2 {
	padding: 15px 0px 0px 0px;
}

/** BOX5 */

#box5 {
	padding: 15px 35px 60px 20px;
}

/** BOX6 */

#box6 {
	padding: 25px 40px;
}

/** BOX7 */

#box7 {
	padding: 25px;
}

/** BOX8 */

#box8 {
	padding: 25px 20px;
}

/** ELEMENTS OF PHOTO PAGE */

#leftarrow {
	float: left;
	margin: 195px 75px 195px 35px;
	width: 90px;
	height: 90px;
	background-color: silver;
}

#icon {
	float:left;
	margin-top:7px;
	margin-left:15px;
	width:40px;
}

#info {
	margin-top:5px;
	margin-left:55px;
}

#rightarrow {
	float: right;
	margin: 195px 35px 195px 75px;
	width: 90px;
	height: 90px;
	background-color: silver;
}

#pic {
	float:left;
	margin-left:0px;
	width:480px;
	height:480px;
}

#caption {
	margin-left:200px;
	padding-top:10px;
	width:480px;
	clear:both;
}

#description {
	margin-left:35px;
	margin-top:25px;
	padding:15px;
	width:780px;
	border: 1px solid dimgray;
	clear:both;
}