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


/*-----------------------------------------------------------------------------
 The body has a top and bottom margin of 0, and left/right of auto. The auto is to center the layout.
 A gradient background is applied.
*/
body {
	background-color: #666;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-image: url(Milano1/images/bg_main3.jpg);
	background-attachment: fixed;
}


/*-----------------------------------------------------------------------------
 The Thumbnails styles.
 The norm state has a 1px solid black border.
 The over state has a 1px yellow color.
 The down state has a 1px white color.
*/
.thumbNorm {/* Norm state*/
	margin: 1px;
	padding: 0px;
	background-color: #FFF;
	border: 1px solid #000;
}
.thumbOver {/* Over state*/
	margin: 1px;
	padding: 0px;
	background-color: #E2E2C7;
	border: 1px solid #FFF0AA;
}
.thumbDown {/* Down state*/
	margin: 1px;
	padding: 0px;
	background-color: #9C977C;
	border: 1px solid #FFF;
}


/*-----------------------------------------------------------------------------
 The Nav Links styles.
 The norm state has a solid white border and light gray background with dark gray text.
 The over state has a solid gray border and yellow background with black text.
 The down state has a solid gray border and yellow background with gray text.
*/
.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: #99CC00;
	border: 1px solid #999;
	margin: 0 2px;
	padding: 0 6px;
}
.linksDown {/* Down state*/
	color: #FFF;
	text-decoration: none;
	background-color: #99CC00;
	border: 1px solid #FFF;
	margin: 0 2px;
	padding: 0 6px;
}


/*-----------------------------------------------------------------------------
 The thumbnavlinks div contains the nav links. Font styles, and padding.
 The font weight and size for the nav links is determined here.
*/
#thumbnavLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 4px 0;
	color: #FFF;
	background-color: #D8D6CA;
	background-image: url(Milano1/images/bg_navlinks.jpg);
}


/*-----------------------------------------------------------------------------
 The thumbnavlinks <a> tags.
 This rule determines the size of the nav link "buttons" effect.
 An 8px padding left/right for padding the button horizontally. Larger numbers make the buttons wider.
*/
#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.
*/
#gallerytitle {
	position:absolute;
	left:11px;
	top:2px;
	width:260px;
	z-index:100;
	margin:0;
	padding: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #D8D6CA;
}


/*-----------------------------------------------------------------------------
 The container div contains the full image and caption div.
 To change the width of the entire layout, change the width value here.
 "auto" sets the left and right margin for centering the entire layout.
*/
#container {
	width: 700px;
	margin: 0 auto;
	padding: 0;
}


/*-----------------------------------------------------------------------------
 The div that contains the big "full size" image. Nothing much to style here.
*/
#fullimage {
	margin: 0;
	padding: 0;
}


/*-----------------------------------------------------------------------------
 The thumbimages div contains the thumb images. A padding of 10px is set for top/bottom
 and 0 for left/right. By default this div has the gray gradient background image.
*/
#thumbimages {
	margin: 0;
	padding: 30px 0 10px 0;
	background-color: #666;
	background-image: url(Milano1/images/bg_masthead.jpg);
}


/*-----------------------------------------------------------------------------
 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 via the settings in the Property Inspector.
 This div contains the "Image Loading" message. You can change this text to whatever you like
 in the gallery page ( code view ).
*/
#wait {
	position:absolute;
	left:20px;
	top:101px;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 10px;
	color: #666;
	visibility: visible;
	border-top: 1px solid #666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #666;
}


/*-----------------------------------------------------------------------------
 This style is applied directly to the full image.It's purpose is to provide a border around the full image.
 Adjust to suit the borders thickness and border style if desired.
*/
.imgwrap {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ECE9D8;
	border-right: 6px solid #ECE9D8;
	border-bottom: 12px solid #ECE9D8;
	border-left: 6px solid #ECE9D8;
	background-color: #ECE9D8;
}


/*-----------------------------------------------------------------------------
 This div contains your caption text.
 By default, just simple font styles and letter spacing for an interesting effect.
*/
#caption {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-align: left;
	letter-spacing: 3px;
	margin: 0px auto;
	padding: 6px;
	color: #666;
}


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