﻿#Gallery {}
.fullScreen {width: 980px; }

#Gallery .essential {float: left; width: 450px; padding: 10px; }
#Gallery .gutter {float:left; display: inline-block; width: 60px; }
 
#Gallery .detailed { }

#Gallery .header { margin: 20px 0px 20px 0px; padding: 0px; border: solid 1px #5C7F99; width: auto; background-image: url(/images/bluegradient.gif); background-repeat:repeat-x;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#Gallery .header h2 { font-size: 21px; font-weight: normal; color: #322328; margin-left:10px; margin-top: 10px; padding: 0; float:left; }

#Gallery .essential .header h2{ font-size: 16px;}

#Gallery .header .buttons {float: right; text-align: right; height: inherit; margin: 0;padding: 10px; }
#Gallery .essential .header .buttons { text-align: right;}
#Gallery .detailed .header .buttons { width: 320px;}

#Gallery .item {margin: 0;padding: 0; border: solid 0px #000;}

#Gallery h3 { margin: 4px 0px 4px 5px; padding: 0; letter-spacing: .14em; font-weight: normal; color: #5C7F99; border-bottom: 0;} 
#Gallery .detailed h3 {font-size: 20px; }
#Gallery .essential h3 { font-size: 16px; } 


#Gallery .thumbnail { padding: 5px; display: inline-block; float: left; background-color: #5C7F99;-moz-border-radius: 10px; -webkit-border-radius: 10px;-webkit-box-shadow:0 0 2px 2px rgba(34,34,34,0.3); -moz-box-shadow:0 0 2px 2px rgba(34,34,34,0.3);}
#Gallery .thumbnail img { border: solid 0px #5C7F99; margin-top: 4px;}
#Gallery .essential .thumbnail { width: 258px; height: 208px; }
#Gallery .essential .thumbnail img { margin-left: 4px; }
#Gallery .detailed .thumbnail img { margin-left: 2px; }
#Gallery .detailed .thumbnail { width: 410px; height: 408px; }

#Gallery .description { float: left; text-align: left; background: #FFF url(/images/bluegradient.gif) repeat-x; border: solid 2px #D5DCDF; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#Gallery .essential .description { width: 155px; height: 220px; }
#Gallery .detailed .description { width: 326px; height: 415px; }

#Gallery .description ul, #Gallery .description table {margin: 5px 0px 0px 10px; padding: 0;}
#Gallery .description ul {list-style-type: none; }
#Gallery .description li, #Gallery .description table td { padding-left: 15px; background-image: url(/images/list-item-blue.gif); background-repeat: no-repeat; background-position: left;  margin: 0; line-height: 1.6em; font-family: Arial, Sans-Serif; font-size: 12px !important;}
#Gallery .description label { font-weight: normal; color: #322328; font-size: 14px; font-family: Arial, Sans-Serif; width: 65px; text-align: left; display: inline-block; margin-left:10px; }
#Gallery .description .info { color: #322328; font-family: Arial, Sans-Serif; font-size: 14px; font-weight: bolder; }
#Gallery .description p { font-size: 12px; line-height:1.6em; margin: 12px; font-family: Arial, Sans-Serif; font-weight: normal; }

#Gallery .item .pointLeft { margin-left: 0px; }
#Gallery .item .pointRight {margin-right: 20px;}
#Gallery .item .gutter
{
    width: 20px; height: 50px; padding: 10px 0;
    float: left; text-align: right;
    font-size: 22pt; font-weight: bolder; color: #322328;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color: #FFFFFF;
	
	width:750px;
	height:550px;	
	padding: 25px;
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* some styling for triggers */
#triggers {
	text-align:center;
}
 
#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
 
 
/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}
 
.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}
