/*
-----------------------------------
Intro

Company Name:  Little Ochi Island Grille
Description:  Standard Package
Last Updated:  07-21-09
Author:  Will Tarver
Author URL:  http://www.etopiawebdesign.com
-----------------------------------
*/



/*
-----------------------------------
Typography & Color Scheme
-----------------------------------
*/

body {
    font-family: Arial, Helvitica, Verdana, Sans-serif;
    font-size: 18px;
}

.center {
	text-align: center;
}

/*
-----------------------------------
End Typography & Color Scheme
-----------------------------------
*/

/*
-----------------------------------
Structure & Template
-----------------------------------
*/

html, body {
	margin: 0;
	padding: 0;
	background-image: url('../images/background.jpg'); 
	background-repeat: repeat-x;
	background-position: top center;
}

#page-container {
	width: 900px;
	position: relative;
	margin: auto;
	
}

#main-nav {
	height: 50px;
}

#header {
	height: 200px;
	background-image: url('../images/banner.gif');
}

#content {
	background-image: url('../images/border.gif');
}

#maintext {
	margin-left: 50px;
	width: 400px;
	margin-right: 450px;
}

#sidebar {
	float: right;
	margin-right: 70px;
	width: 350px;
}

#footer {
	height: 75px;
	background-image: url('../images/footer.gif');
	text-align: center;
	line-height: 8px;
	font-family: Arial, Helvitica, Verdana, Sans-serif;
	font-size: 12px;
}

#maintext .padding {
    padding: 40px 15px 1px 15px;
}

#sidebar .padding {
    padding: 70px 15px 15px 15px;
}

#footer .padding {
    padding: 40px 0px 0px 0px;
}
/*
-----------------------------------
End Structure & Template
-----------------------------------
*/


/*
-----------------------------------
Links & Navigation
-----------------------------------
*/

#main-nav { height: 50px; }
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 11px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -50px;
}

#main-nav dt#home,
#main-nav dt#home a { width: 110px; background-image: url(../images/nav/home.gif); }

#main-nav dt#about,
#main-nav dt#about a { width: 155px; background-image: url(../images/nav/about.gif); }

#main-nav dt#menu,
#main-nav dt#menu a { width: 251px; background-image: url(../images/nav/menu.gif); }

#main-nav dt#events,
#main-nav dt#events a { width: 154px; background-image: url(../images/nav/events.gif); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 190px; background-image: url(../images/nav/contact.gif); }


body.home dt#home,
body.home dt#home a,
body.about dt#about,
body.about dt#about a,
body.menu dt#menu,
body.menu dt#menu a,
body.events dt#events,
body.events dt#events a,
body.contact dt#contact,
body.contact dt#contact a {
	background-position: 0 -100px;
}

/*
-----------------------------------
End Links &Navigation
-----------------------------------
*/





/*
-----------------------------------
Misc. Tags & Classes
-----------------------------------
*/

/*
-----------------------------------
End Misc. Tags & Classes
-----------------------------------
*/