/*
Restaurant Gusto Stylesheet
Matthew Wiles
*/

body {
	background-image: url(images/Bkg.png);
	background-repeat: repeat;
}

/*
Link Formatting
*/

a:link {
	color: #E5781D;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #E5781D;
}
a:hover {
	text-decoration: underline;
	color: #E5781D;
}
a:active {
	text-decoration: none;
	color: #E5781D;
}

/*
Layout Design
*/

#Content_ {
	position:relative;
	width:732px;
	height:500px;
	background-color: #FFFFFF;
}

#Logo_ {
	position:absolute;
	left:20px;
	top:0px;
	width:283px;
	height:139px;
}

#Left_ {
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	height:485px;
	background-image: url(images/Left.gif);
}

#Right_ {
	position:absolute;
	left:723px;
	top:0px;
	width:9px;
	height:485px;
	background-image: url(images/Right.gif);
}

#Header_ {
	position:absolute;
	left:20px;
	top:139px;
	width:703px;
	height:1px;
	background-image: url(images/Header.gif);
}

#Nav_ {
	position:absolute;
	left:303px;
	top:0px;
	width:420px;
	height:139px;
	background-color: #7F292A;
}

#Nav2_ {
	position:absolute;
	left:0px;
	top:0px;
	width:210px;
	height:139px;
	z-index: 2;
}

#SecNav_{
	position:absolute;
	left:20px;
	top:140px;
	width:474px;
	height:21px;
	background-color:#FFFFFF;
}

#SidePic_ {
	position:absolute;
	left:494px;
	top:140px;
	width:229px;
	height:345px;
	background-image: url(images/Pic.gif);
}

#Main_ {
	position:absolute;
	left:20px;
	top:161px;
	width:474px;
	height:305px;
	overflow:auto;
	background-color:#FFFFFF;
}

#Bottom_ {
	position:absolute;
	left:20px;
	top:466px;
	width:474px;
	height:19px;
	background-image: url(images/Bottom.gif);
}

#Footer_ {
	position:absolute;
	left:0px;
	top:485px;
	width:732px;
	height:15px;
}

/*
Text Formatting
*/

.Nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #E5781D;
	font-weight: bold;
	vertical-align: middle;
}

.Heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: normal;
	text-align: left;
	color: #E5781D;
	font-weight: bold;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	color: #000000;
}

.sign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	color: #000000;
	font-style: oblique;
}

.Small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	text-align: left;
	color: #000000;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5px;
	line-height: normal;
	text-align: center;
	color: #000000;
}
/* Photos */

#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}	

#lightboxCaption { 
	float: left; 
}

#keyboardMsg { 
	float: right; 
}

#closeButton {
	top: 5px; 
	right: 5px; 
}

#lightbox img { 
	border: none; 
	clear: both;
} 

#overlay img { 
	border: none; 
}

#overlay{ 
	background-image: url(images/overlay.png);
}

#html #overlay{
	background-color: #333;
	back\ground-color: transparent;
}
	


/*
END CSS
*/