/* ezeegallery.css 
   by 4LevelWebs http://www.fourlevel.com
   copyright 2006
   Theme: Milano Vertical
 */


/*-----------------------------------------------------------------------------
 The body has a margin of 0px and has background image. The background image
 is set to "fixed" which allows the background to stay in place if window is scrolled.
*/
body {
	background-color: #666;
	margin: 0;
	padding: 0;
	background-image: url(Milano2/images/bg_main3.jpg);
	background-attachment: fixed;
}


/*-----------------------------------------------------------------------------
 The masthead div sits at the very top of the page and spans the width of the browser.
 It has a background image providing the look of the top area. A height of 65px and padding are set.
*/
#masthead {
	margin: 0;
	height:65px;
	padding: 8px 0 4px 0;
	color: #FFF;
	background-color: #666;
	background-image: url(Milano2/images/bg_masthead.jpg);
	border-bottom: 0px solid #FFF0AA;
}


/*-----------------------------------------------------------------------------
 The Thumbnails styles.
 The norm state is a solid white border.
 The over state has a black color.
 The down state has white dotted borders on the left/right and solid borders for the top/bottom.
*/
.thumbNorm {/* Norm state*/
	margin: 3px;
	padding: 0px;
	background-color: #FFF;
	border: 2px solid #FFF;
}
.thumbOver {/* Over state*/
	margin: 3px;
	padding: 0px;
	background-color: #E2E2C7;
	border: 2px solid #000;
}
.thumbDown {/* Down state*/
	margin: 3px;
	padding: 0px;
	background-color: #666;/*#ECE9D8;*/
	border-top: 2px solid #FFF;
	border-right: 2px dotted #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 2px dotted #FFF;
}


/*-----------------------------------------------------------------------------
 The Nav Links styles. Just simple text colors, bg color and no underlines.
 Background colors provide the nav link button colors.
 The margin sets the distance between the thumbnails.
*/
.linksNorm {/* Norm state*/
	color: #999;
	text-decoration: none;
	background-color: #ccc;
	border: 1px solid #fff;
	margin: 0 2px;
	padding: 0 6px;
}
.linksOver {/* Over state*/
	color: #000;
	text-decoration: none;
	background-color: #BADC98;
	border: 1px solid #FFF;
	margin: 0 2px;
	padding: 0 6px;
}
.linksDown {/* Down state*/
	color: #FFF;
	text-decoration: none;
	background-color: #97A0A8;
	border: 1px solid #FFF;
	margin: 0 2px;
	padding: 0 6px;
}


/*-----------------------------------------------------------------------------
 The thumbnavlinks div contains the nav links. Font styles, and padding.
 This div spans the entire width of the browser.
 By default a background image is applied and padding to set the height, or the spacing at the
 top and bottom of the nav links.
*/
#thumbnavLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	text-align: left;
	padding: 10px 0 4px 170px;
	color: #FFF;
	background-color: #D8D6CA;
	background-image: url(Milano2/images/bg_navlinks.jpg);
}


/*-----------------------------------------------------------------------------
 The thumbnavlinks <a> tags. A 8px padding left/right for space between the links.
*/
#thumbnavLinks a {
	padding: 0 8px;
	margin: 1px;
}

/*-------------------------------------------------------------------------------
 The Gallery Title div.
 The wait div. This div is positioned "absolute", meaning it will always stay put.
 To move this div you can select it in Dreamweaver Design View and move it with your mouse or keyboard arrows,
 or via the settings in the Property Inspector.
 This div uses the same bg image as the body and borders are set to give a recessed look.
*/
#gallerytitle {
	position:absolute;
	left:146px;
	top:107px;
	z-index:100;
	margin:0;
	padding: 0 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 4px;
	font-size: 14px;
	font-weight: normal;
	background: #999;
	color: #FFF;
	background-image: url(Milano2/images/bg_main3.jpg);
	border-top: 1px solid #666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #666;
	visibility: visible;
}	 


/*-----------------------------------------------------------------------------
 The container div holds all of the pages divs and elements with the exception
 of the logo and wait divs. Moving this div positions the full size image on the page.
 To move this div you can select it in Dreamweaver Design View and move it with your mouse or keyboard arrows,
 or via the settings in the Property Inspector.
*/
#container {
	position:absolute;
	left:141px;
	top:104px;
	width:130px;
	z-index:1;
	margin: 0;
	padding: 0 0 20px 0;
}


/*-----------------------------------------------------------------------------
 The div that contains the big "full" image.
*/
#fullimage {
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
	margin: 0;
	padding: 0;
	background-color: #ECE9D8;
}

/*-----------------------------------------------------------------------------
 This style is applied directly to the full image. It's purpose
 is to provide a border around the full image. The padding allows
 the background color to show around the edges. Only the top border
 is set to give additional space at the top of the full size image.
*/
.imgwrap {
	margin: 0;
	padding: 5px;
	border: 0px solid #666;
	background-color: #ECE9D8;
	border-top: 20px solid #ECE9D8;
	border-right: 0px solid #666;
	border-bottom: 0px solid #666;
	border-left: 0px solid #FFF;
}


/*-----------------------------------------------------------------------------
 The thumbimages div contains the thumb images. This div is positioned "absolute", meaning it will always stay put.
 To move this div you can select it in Dreamweaver Design View and move it with your mouse or keyboard arrows.
*/
#thumbimages {
	position:absolute;
	left:21px;
	top:81px;
	width:98px;
	z-index:1;
	margin: 0;
	padding: 40px 1px 5px 0;
	border-top: 1px solid #ECE9D8;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #8F8F8F;
	border-left: 1px solid #fff;
	background-color: #ECE9D8;
}

/*-----------------------------------------------------------------------------
The wait div. This div is positioned "absolute", meaning it will always stay put.
To move this div you can select it in Dreamweaver Design View and move it with your 
mouse or keyboard arrows, or via the settings in the Property Inspector.
This div contains the "Image Loading" message. You can change this text message to 
whatever you like in the gallery page ( code view ).
*/
#wait {
	position:absolute;
	left:153px;
	top:135px;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 10px;
	color: #FFF;
	visibility: visible;
	border-top: 1px solid #666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #666;
}


/*-----------------------------------------------------------------------------
The caption div styles. Sets the caption div properties.
*/
#caption {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-align: left;
	letter-spacing: 3px;
	margin: 0;
	padding: 3px 6px 3px 6px;
	color: #666;
}


/*-----------------------------------------------------------------------------
 The caption text is encased in a <p> tag. No margin and 2px padding
 by default the copyright info.
*/
#caption p {
	margin: 0;
	padding: 2px 2px 2px 10px;
}


/*-----------------------------------------------------------------------------
 The Milano logo div. It contains the logo in the upper left hand corner.
 You can replace the image with your own or delete this div alltogether.
*/
#logo {
	position:absolute;
	left:18px;
	top:28px;
	width:60px;
	height:44px;
	z-index:101;
}