/* This is style sheet is for coding style of the main photo album pages*/
/* Copyright Protected:  This style sheet is protected by copyright c 2009  www.sitges-tourist-guide.com all rights reserved */



/* Main Selectors */

BODY { /* Default settings for the page */
	margin: 0px;
	font-size: medium;
	color: #ffffff;
	font-family: arial, helvetica, sans-serif; 
	background-color: #425164; 
	TEXT-ALIGN: left;
}

/* Header */

.hb { /* this sets the background color of the SSI header */
	background-color: #f1f6f9;
	border:none;
	
}

.hlink { /* applied to the cell on the SSI header where the link is located - upper right side */
	background-color:#ffffff;
	border:none;
	
}

/* Body */

.navfont { /* this is the font for the navigation - prev | next | home */
font-size: medium;
text-align:center;
}

.downtext { /* this is applied to the table that contains text below the image in the photo album pages. Sets margin on both sides of the table */
margin-left: 4px; 
margin-right: 4px;
}

.sidetext { /* applied to the text on the right side of the picture in order to have margin on the right side of the text */
	margin-right: 4px;
}

h2 { /* style for the name of the gallery icluding the picture number */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:center;
	font-weight: bold;
	font-style: normal;
}

.picborder { /* applied to the picture in the photo album pages. creates the border of the picture */
	border:1px solid; 
	border-color:#ffffff;
} 

.mainborder { /* style for the border around the body, header, and footer */
	border:1px solid; 
	border-color:#dbe9ef;
} 

a, a:visited { /* style for the links in the body of the page */
	background-color: transparent;
	color: #9baab3;
}

a:hover {
	background-color: transparent;
	color: #d0d6dd;
}

/* Header and Footer links or text */

.boxtitle { /* style for the links or text on the SSI header and footer */
	font-weight: bold; 
	font-size: medium;
	color: #21698d; 
	font-family: arial, helvetica, sans-serif;
}

.boxtitle a:hover { 
	color: #21698d; 
	text-decoration: underline;
}
.boxtitle a:link {
	color: #21698d; 
	text-decoration: underline;
}

.boxtitle a:visited {
	color: #21698d; 

}
.boxtitle a:active {
	color: #21698d; 
	text-decoration: underline;
}

/* Photograph Caption */

p.caption, p.description {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: medium;
	display: block;
	width: 640px;
	margin: auto;
}

.mainWrapper {
	margin: auto;
	width: 725px;
	border: 1px solid #dbe9ef;
	margin-bottom: 10px;
	position: relative;
	display: table; 
	overflow: auto;

}
.headerContainer {
	clear: right;
	float: left;
	height: 47px;
	width: 725px;
}
.photoTitleContainer {
	float: left;
	min-height: 100px;
	width: 519px;
	clear: left;
}
.photoContainer {
	float: left;
	width: 70%;
	padding: 0px 10px 10px 10px;
	text-align: center;
}
.photoDescription1 {
	clear: right;
	float: left;
	width: 25%;
	padding-right: 10px;
}

.photoDescription2 {
	clear: both;
	width: 705px;
	padding: 0px 10px 15px 10px;
}

.copyrightContainer {
	float: left;
	width: 522px;
	text-align: center;
	
}
.footerContainer {
	clear: left;
	float: left;
	width: 725px;
	text-align: center;
	height: 30px;
	margin-top: 50px;
	background: #DBE9EF;
	font-weight: bold; 
	font-size: 12px; 
	color: #21698d; 
	font-family: arial, helvetica, sans-serif;
}

.lineTopThick{
	width: 100%;
	height: 4px;
	background: #84BDDA;
	overflow: hidden;
}

.lineTopThin{
	width: 100%;
	height: 2px;
	background:#216C8C;
	margin-bottom: 4px;
}

.footerContainer a:hover { 
	color: #21698d; 
	text-decoration: underline;
}
.footerContainer a:link {
	color: #21698d; 
	text-decoration: underline;
}

.footerContainer a:visited {
	color: #21698d; 

}
.footerContainer a:active {
	color: #21698d; 
	text-decoration: underline;
}
.copyrightImage {
	background: url(http://www.valencia-tourist-guide.com/images/icon/copyright/copyright-protection-logo.gif);
	width: 234px;
	height: 16px;
	margin: auto;
}
.headerContainer .headerLineTopB {
	background: #216C8C;
	height: 2px;
	width: 100%;
}
.headerContainer .headerLineTop {
	height: 4px;
	width: 100%;
	background: #84BDDA;
}
.headerContainer .headerWrapper {
	background: #f1f6f9;
	float: left;
	width: 100%;
}
.headerContainer .headerWrapper .headerLogo {
	height: 38px;
	width: 140px;
	margin-left: 9px;
	float: left;
}
.headerContainer .headerWrapper .hotelIcon {
	float: left;
	height: 38px;
	width: 30px;
	margin-left: 222px;
}
.headerContainer .headerWrapper .headerText {
	float: left;
	height: 38px;
	width: 320px;
}


/***Album pages Wide***/

.mainWrapperPan{
	display: table; 
	overflow: auto;
	border: 1px solid white; 
	margin: 0 auto;
}

.mainWrapperPan .headerWrapperPan{
	width: auto; 
	margin: auto; 
	height: 49px;
}

.mainWrapperPan .headerWrapperPan .headerLineTop{
	float: left;
	background: #84BDDA;
	height: 4px;
	width: 100%;
	overflow: hidden;
}
	

.mainWrapperPan .headerWrapperPan .headerLineTopB{
	float: left;
	background: #216C8C;
	height: 2px;
	width: 100%;
	overflow: hidden;
}
	

.mainWrapperPan .headerWrapperPan .headerWrapper{
	float: left;
	background: #f1f6f9;
	width: 100%;
}

.mainWrapperPan .headerWrapperPan .headerLogo{
	float: left; 
	height: 38px;
	width: 140px;
	
}

.mainWrapperPan .headerWrapperPan .hotelIcon{
	float: right;
	height: 38px;
	width: 30px;
	
	
}


.mainWrapperPan .headerWrapperPan .headerText{
	float: left;
	height: 38px;
	width: 44%;
	
}

.mainWrapperPan .navigationWrapper{
	width: 725px;
	display: table;
	text-align: center;
	margin:0 auto;
	
}

.mainWrapperPan .navigationWrapper *{
	width: 100%;
	
}

.mainWrapperPan .imageWrapper{
	width: 100%; 
	margin: 0 auto; 
	height: auto;
	text-align: center
}



.mainWrapperPan .imageDescriptionPan{
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
}







.mainWrapperPan .copyrightWrapper{
	width: auto; 
	margin: auto; 
	height: auto;
	overflow: hidden;
}

.mainWrapperPan .copyrightImageWrapper{
	width: 234px;
	height: 16px;
	margin: auto;
}

.mainWrapperPan .footerWrapper{
	width: auto; 
	margin: 5px auto 0px auto; 
	height: auto;
	text-align: center;
	background: #DBE9EF;
	font-weight: bold; 
	font-size: 12px; 
	color: #21698d; 
	font-family: arial, helvetica, sans-serif;
}
	
.mainWrapperPan .footerWrapper a{
	font-size: 12px; 
	color: #21698d; 
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
}

.mainWrapperPan .footerWrapper a:hover { 
	color: #21698d; 
	text-decoration: underline;
}


.mainWrapperPan .footerWrapper a:visited {
	color: #21698d; 

}

.mainWrapperPan .footerWrapper a:link {
	color: #21698d; 
	text-decoration: none;
}