@charset "utf-8";
/* CSS Document */

body {
	background-color: #999999;
	background-image: url(images/julios_bg.gif);
	background-repeat: repeat;
}
h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:30px;}

h1, h2, h3 {
	font-weight:normal;
	font-family:"adage-script-1","adage-script-2",sans-serif;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	}
	
	
#splash{
	position:relative;
	width:900px;
	height:540px;
	margin: 0 auto;
	top:30px;
	
	
	}

#header{
	margin: 0 auto;
	width: 1024px;
	height:150px;
	}

#main{
	margin: 0 auto;
	width:1024px;
	height:500px;
	background:url(images/main_bg.jpg);
	}
	
	#index_main{
	margin: 0 auto;
	width:975px;
	height:500px;
	background:url(images/main_bg.jpg);
	}

#main_content{
	float:right;
	width:750px;
	margin-right:5px;
	}

#menu{
	position:relative;
	float:left;
	top: 5px;
	width: 240px;
	height: 485px;
	padding-right:20px;
	margin-left:5px;
	background-color: #444444;
	text-align:right;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	}

#image{
	position:relative;
	float:left;
	top:5px;
	width: 330px;
	height: 485px;
	background-color:#FFF;
	}

#content{
	position:relative;
	float:right;
	top:5px;
	left:0px;
	width: 400px;
	height: 485px;
	margin-right:5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #bababa;
	text-align:center;
	overflow:auto;
	}
	
#footer{
	width:1024px;
	height:60px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

table{
	border:hidden;
	width:1024px;
	}

table.content{
	border:hidden;
	width:340px;
	margin:0 auto;
	}

table.wine{
	border:hidden;
	width:370px;
	margin:0 auto;
	}
table.gallery{
	border:hidden;
	width:735px;
	margin:0 auto;
	}
	

a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/* Text Styles */

.content_heading {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


.content_title {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.content_header {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.content_text {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:justify;
}

.content_form {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
}

.content_padding {
	padding-left: 5px;
}


.footer {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.special {
	color: #FFFFFF;
}

a.special:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.special:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	text-decoration: none;
}
	
#index{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
	    color: #444444;
		text-align:right;
		}


/* Change Gallery Settings Here */

	/* The containing box for the gallery. */
#container {
	position:relative;
	float:left;
	top:5px;
	width:745px;
	height:390px;
	margin:0px auto 0 auto;
	visibility: visible;
	z-index: 8;
	left: 5px;
    }
	
	/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
	/* Remove the images */
#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	background:#fff;
	visibility: visible;
	top: -5px;
    }
	
	/* Add the thumbnail images */
#container a.gallery, #container a.gallery:visited{
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:2px 2px 1px 1px; 
    text-align:left; 
	top: 0px;
	left:0px;
    cursor:default;
    }
#container a.slidea {
    background:url(images/gallery/thumbs/thumb1.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slideb {
    background:url(images/gallery/thumbs/thumb2.jpg); 
    height:45px; 
    width:45px;	
    }
#container a.slidec {
    background:url(images/gallery/thumbs/thumb3.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slided {
    background:url(images/gallery/thumbs/thumb4.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slidee {
    background:url(images/gallery/thumbs/thumb5.jpg); 
    height:45px; 
    width:45px;

    }
	
#container a.slidef {
    background:url(images/gallery/thumbs/thumb6.jpg); 
    height:45px; 
    width:45px;
    }
	
	#container a.slideg {
    background:url(images/gallery/thumbs/thumb7.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slideh {
    background:url(images/gallery/thumbs/thumb8.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slidei {
    background:url(images/gallery/thumbs/thumb9.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slidej {
    background:url(images/gallery/thumbs/thumb10.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slidek {
    background:url(images/gallery/thumbs/thumb11.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slidel {
    background:url(images/gallery/thumbs/thumb12.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slidem {
    background:url(images/gallery/thumbs/thumb13.jpg); 
    height:45px; 
    width:45px;
    }

#container a.sliden {
    background:url(images/gallery/thumbs/thumb14.jpg); 
    height:45px; 
    width:45px;
    }
	
#container a.slideo {
    background:url(images/gallery/thumbs/thumb15.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slidep {
    background:url(images/gallery/thumbs/thumb16.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slideq {
    background:url(images/gallery/thumbs/thumb17.jpg); 
    height:45px; 
    width:45px;
    }

#container a.slider {
    background:url(images/gallery/thumbs/thumb18.jpg); 
    height:45px; 
    width:45px;
    }
	
#container a.slides {
    background:url(images/gallery/thumbs/thumb19.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidet {
    background:url(images/gallery/thumbs/thumb20.jpg); 
    height:45px; 
    width:45px;
    }

	/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:250px; 
    height:390px;

    }
#container li {
    float:left;
    }
	
	/* move the thumbnails into the correct position: margins do height from the top of the screen, left or right etc */
#container ul {
    margin:20px 70px -45px; 
    float:right;
	
    }
	
	/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
	
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:330px; 
    height:485px; 
    top:0px; 
    left:250px;
    color:#000; 
    background:#fff;
    }
	
	#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
	
	#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }