/* CSS Document */

html body {
	margin: 50px 0px 50px 0px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%; /* Defaults of all browsers 16px */
	color: #000;
	background-color: #b6ab90;
	background-image: url(../images/bkg.jpg);
	text-align: center; /* For IE */ 
}
div p {
	padding: 0px;
	margin: 0px;
}
#footer {
	width: 936px;
	font-size: 0.625em; /* 0.625 x 16 = 10px */
	line-height: 1.4em; /* 1.4 x 10 = 14px; */
	text-align: center;
}
.text {
	font-size: 0.75em; /* 0.75 x 16px = 12px */
	line-height: 1.5em; /* 1.5 x 12px = 18px */
}

/* PHOTOS ELEMENTS */
#container-photos {
	margin-left: auto;
	margin-right: auto;
	width: 936px;
	text-align: left;
	clear: both;
}
#photos-top {
	width: 936px;
	background-image: url(../images/paper-bkg.jpg);
	background-repeat: repeat-y;
	margin-bottom: 20px;
	float: left;
	clear: both;
}
#photos-header {
	width: 936px;
	height: 171px;
	background-image: url(../images/photos-top-bkg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	clear: both;
}
p.photos-nav {
	margin: 48px 0px 0px 303px;
}
#photos-bottom {
	width: 936px;
	background-image: url(../images/paper-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 48px;
	float: left;
	clear: both;
}
#photos-sidebar {
	margin-left: 48px;
	width: 244px;
	float: left;
	display: inline;
}
#photos-sidebar ul {
	list-style-type: none;
	font-size: 0.687em; /* 0.687 x 16 = 11px */
	line-height: 1.27em; /* 1.27 x 11 = 14px */
	margin: 0px;
	padding: 15px 0px 10px 18px;
}
#photos-sidebar li {
	list-style-image: url(../images/photos-bullet.gif);
	margin-bottom: 4px;
}
#photos-content {
	width: 596px;
	float: left;
	display: inline;
	clear: right;
}
div.photos-gallery1 {
	width: 291px;
	height: 151px;
	margin: 0px 14px 14px 0px;
	background-image: url(../images/photos-grid-bkg.jpg);
	background-repeat: no-repeat;
	display: inline;
	float: left;
}
div.photos-gallery2 {
	width: 291px;
	height: 151px;
	margin-bottom: 14px;
	background-image: url(../images/photos-grid-bkg.jpg);
	background-repeat: no-repeat;
	display: inline;
	float: right;
	clear: right;
}
div.photos-gallerypic {
	width: 129px;
	height: 129px;
	margin: 11px;
	overflow: hidden;
	display: inline;
	float: left;
}
div.photos-gallerytext {
	width: 129px;
	height: 129px;
	margin: 11px 11px 11px 0px;
	font-size: 0.687em; /* 0.687 x 16 = 11px */
	line-height: 1.27em; /* 1.27 x 11 = 14px */
	font-weight: bold;
	overflow: hidden;
	display: inline;
	float: right;
	clear: right;
}
.gallerytable {
	height:100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	text-align: left;
	vertical-align: middle;
	width: 129px;
}
div.photos-gallerytext td {
	font-size: 0.687em; /* 0.687 x 16 = 11px */
	line-height: 1.27em; /* 1.27 x 11 = 14px */
}
p.gallerytitle {
	font-weight: bold;
	margin-bottom: 4px;
}
p.galleryqty {
	margin-bottom: 10px;
}
#gridtitle {
	width: 298px;
	margin-bottom: 10px;
	font-size: 0.875em; /* 0.875 x 16 = 14px */
	line-height: 1.36em; /* 1.36 x 14 = 19px */
	font-weight: bold;
	display: inline;
	float: left;
}
#gridpages {
	width: 298px;
	font-size: 0.75em; /* 0.75 x 16 = 12px */
	line-height: 1.25em; /* 1.25 x 12 = 15px */
	text-align: right;
	display: inline;
	float: right;
	clear: right;
}
#griddescription {
	width: 590px;
	margin-bottom: 20px;
	font-size: 0.688em; /* 0.688 x 16 = 11px */
	line-height: 1.273em; /* 1.273 x 11 = 14px */
	text-align: left;
	display: inline;
	float: left;
}
#grid {
	width: 596px;
	padding: 15px 0px 15px 0px;
	text-align: left;
	border-top: 1px solid #000;
	float: left;
	clear: both;
}
#grid img {
	margin: 7px;
	padding: 2px;
	border: 1px dotted #000;
	vertical-align: middle;
}
div.gridjump {
	width: 596px;
	padding-top: 20px;
	border-top: 1px solid #000;
	float: left;
	clear: both;
}
div.gridjump td {
	font-size: 0.75em; /* 0.75 x 16 = 12px */
	line-height: 1.25em; /* 1.25 x 12 = 15px */
}


/* LINK ELEMENTS - PHOTOS */
div A:link {
	color: #2d7220;
	text-decoration: none;
}
div A:active {
	color: #000;
	text-decoration: underline;
}
div A:hover {
	color: #000;
	text-decoration: underline;
}
div A:visited {
	color: #000;
	text-decoration: underline;
}
div A:visited:hover {
	color: #2d7220;
	text-decoration: underline;
}


