html, body  { 
	margin:0;
	padding:0;
	height:100%;
	height: auto !important;
	color:#000000;
	text-align: center;
	font:normal 14px Arial, san-serif;
	background:#3c3a26 url(../img/bgpix.jpg) repeat top center;
}
* {margin:0;padding:0}
/* basic elements */
a:link, a:visited {color:#ad5f0a;}
a:hover, a:active {color:#4c006e;}

h1, h2, h3 {margin:0;padding:0;font-family:Arial, san-serif;font-weight:normal;}

h1 {
    color: #AD5F0A;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px
	}

h2 {
    color: #462D0D;
    font-size: 17px;
	font-weight:bold;
}

h3 {
    color: #ad5f0a;
    font-size: 22px;
    font-weight: bold;
}

hr {
	margin:0;
	padding:0;
	height: 0px;
	border: solid #999999 0px;
	border-top-width: 2px; 
}

ul {
    font-size: 12px;
    list-style-type: none;
    margin-bottom: 35px;
    margin-left: 40px;
    margin-top: 15px;
}

li{
	padding-left: 0px;
	padding-bottom: 10px;
	font-weight: bold;
}

strong{
	color: #ad5f0a;
}
	
div {
	margin:0;
	padding:0;
}

.events {
    float: left;
    width: 359px;
	padding-right: 10px;
}

.events2 {
    border-left: 1px solid tan;
    float: right;
    padding-left: 20px;
    width: 480px;
}
.clearall {clear:both;margin:0;padding:0;}

/* ///////////////////////////////
Body and container styles
///////////////////////////////*/

#top {width:100%;height:30px;background:#825f38;}

#container {
	position:relative;
	margin:-30px 0 0 0;
	padding:0;
	width:1000px;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/navbg.png) no-repeat 0 135px;
	min-height:300px;	
}

#logo {
	position:absolute;
	top:17px;
	left:95px;
	width:1000px;
	height:136px;
	background: url(../img/logo-teakwoodstavern.png) no-repeat  top left;
	z-index:98;
}

#awardHome {
	position:absolute;
	top:250px;
	left:43px;
	width:150px;
	height:95px;
	z-index:90
}

#award {
	position:absolute;
	top:232px;
	left:43px;
	width:150px;
	height:95px;
	z-index:90
}

#spec-event{
	width: 860px;
	border-radius:10px;
	border: 1px solid #999;
	background-color: #CCC;
	padding: 15px;
	text-align: center;
	font-size: 16px;
	margin: 0 auto;
}

/*///////////////////////////////
global navigation
///////////////////////////////*/
#glnavcontainer {
	position:absolute;
	top:6px;
	right:95px;
	margin:0;
    padding:0;
/*	width:500px;
*/	height:24px;
	z-index:99;
	}
#glnav ul {
    margin:0;
    padding:0;
    list-style:none;
}
#glnav li {
  border-right-color:#523613;
  border-right-style:solid;
  border-right-width:1px;
  float:left;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:4px;
  padding-right:0;
  padding-top:0;
}

#glnav a {padding:3px 15px 3px 15px;color:#c7a976;font:bold 14px arial, san-serif;text-decoration:none}
#glnav a:hover {color:#fff;}

#glnav li#nobr {border-right:2px #825f38 solid;}

/*///////////////////////////////
navigation
///////////////////////////////*/
#navcontainer {
	margin:0;
    padding:190px 0 55px 0;
	width:1000px;
	height:0;
	}
#nav ul {
    margin:-44px 0 0 0;
    padding:0 0 0 42px;
    list-style:none;
}
#nav li {
	float:left;
    margin:0;
    padding:0;
}
/* sets positioning for navigation graphic default state */
#nav-OurMenus a, #nav-Locations a, #nav-Photos a, #nav-HappyHourSpecials a, #nav-CalendarEvents a {float:left;display:block;margin:0;padding:0;height:67px;}

#nav-OurMenus a {width:146px;background: url(../img/b_ourmenus.png) no-repeat top left;}
#nav-Locations a {width:134px;background: url(../img/b_locations.png) no-repeat top left;}
#nav-Photos a {width:109px;background: url(../img/b_photos.png) no-repeat top left;}
#nav-HappyHourSpecials a {width:251px;background: url(../img/b_happyhourspecials.png) no-repeat top left;}
#nav-CalendarEvents a {width:256px;background: url(../img/b_specialeventscalendar.png) no-repeat top left;}

#Facebook a {position:absolute;top:0;right:0;width:44px;height:34px;background: url(../img/ico-facebook.png) no-repeat top right;z-index:100}
#Facebook a:hover {background-position: right -34px;}

#Twitter a {position:absolute;top:0;right:46px;width:44px;height:34px;background: url(../img/ico-twitter.png) no-repeat top right;}
#Twitter a:hover {background-position: right -34px;}

#nav-OurMenus a:hover, #nav-Locations a:hover, #nav-Photos a:hover, #nav-HappyHourSpecials a:hover, #nav-CalendarEvents a:hover {background-position: 0 -67px;}

#OurMenus #nav-OurMenus a, #LocationsUs #nav-Locations a, #Photos #nav-Blog a, #HappyHourSpecials #nav-HappyHourSpecials a, #CalendarEvents #nav-CalendarEvents a {background-position: 0 -36px;}

#nav li span, #Facebook span {display:none}

/* ///////////////////////////////
body styles
///////////////////////////////*/

#main {
	position:relative;
	margin:0;
	padding:0;
	width:1000px;
	height:100%;
}

/* body div */

#columnmain {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:inherit;
	min-height:250px;
	background: url(../img/bodybg.png) repeat-y top left;
}

#columnmain2 {
    background: url("../img/bodybg.png") repeat-y scroll left top transparent;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    width: inherit;
}



	
#columnright {
	position: absolute; 
	top:-6px;
	left:662px;
	margin:5px 0 0 0;
	padding:0;
	width:302px;
	height:auto;
}
.colmainleft {float:left;margin:0;padding:0;width:295px}

.colmainright {
    -moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
    background-color: #EBE9D0;
    float: left;
    margin: 10px 0 0 38px;
    min-height: 150px;
    padding: 15px;
    width: 895px;
	box-shadow: 0 0 6px #444444;
	-moz-box-shadow: 0 0 6px #444444;
}
#columnmain span, .rightcoltxt h2 {color:#78173F;font-size:16px;;font-weight:bold}
#colmainright h2 {padding:2px 0 8px 0;font:normal #28px;text-transform:uppercase}

.bodytxt {
	padding:10px 0 0 0;
	min-height: 350px;
}

.bodytxt h2 {
	padding:0 0 0px  0;
}

p.boxwpic {padding:0 0 0 0;}
.boxwpic img {float:left;padding:0 15px 12px 0;}	

/* locations */

#locations {width:298px;height:141px;}

#localnav ul {
    list-style:none;
}
#localnav li {
	float:left;
    margin:0;
    padding:0;
}

#local-phoenix a, #local-chandler a, #local-gilbert a, #local-maricopa a {float:left;background: url(../img/locations-all.png) no-repeat top left;}

#local-phoenix a {display:block;width:121px;height:75px;}
#local-chandler a {display:block;width:177px;height:75px;background-position:-121px 0}
#local-gilbert a {display:block;width:112px;height:65px;background-position:-186px -218px}
#local-maricopa a {display:block;width:186px;height:65px;background-position:0 -218px}

#local-phoenix a:hover {background-position:0 -141px}
#local-chandler a:hover {background-position:-121px -282px}
#local-gilbert a:hover {background-position:-186px -500px}
#local-maricopa a:hover {background-position:0 -641px}


#locations li span {display:none}

/* events calendar */

#eventscalendar {margin:10px 0 0 0;padding:2px;width:302px;height:235px;background: url(../img/calendarbg.png) no-repeat top left;color:#ad5f0a}
#eventscalendar h2 {margin:0;padding:12px 0 0 0;font:normal 18px arial;color:#857b07;text-align:center}
#eventscalendar h3 {margin:0;padding:12px 0 10px 20px;font:bold 18px arial;color:#b3b29e;}

.eventcontainer {clear:both;margin:0;padding:0}
.icodate, .event {float:left}
.icodate {padding:10px 0 0 10px;width:36px;height:35px;font:bold 18px arial;background: url(../img/datebg.png) no-repeat top left;text-align:left}
.event {margin-left:10px;width:235px;}
.event a { /*/// wraps long urls ///*/
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

#ctacol {
	margin:10px 0 0 0;
	padding:9px 0 0 0;
	height:670px; 
	background:url(img/rightcolbg.png) no-repeat;
}
#ctabttns {padding-left:8px}
#ctabutton1 a {display:block;width:281px;height:95px;background: url(../img/b_teakseclub.png) no-repeat top left;}
#ctabutton1 a:hover {background-position: right -95px;}

#ctabutton2 a, #ctabutton3 a, #ctabutton4 a, #ctabutton5 a, #ctabutton6 a, #ctabutton7 a, #ctabutton8 a {display:block;width:281px;height:93px;}
#ctabutton2 a {background: url(../img/b_press.png) no-repeat top left;}
#ctabutton3 a {background: url(../img/b_happyhour.png) no-repeat top left;}
#ctabutton4 a {background: url(../img/b_pariescatering.png) no-repeat top left;}
#ctabutton5 a {background: url(../img/b_bandbooking.png) no-repeat top left;}
#ctabutton6 a {background: url(../img/b_employeeapplication.png) no-repeat top left;}
#ctabutton7 a {background: url(../img/b_fundraising.png) no-repeat top left;}
#ctabutton8 a {background: url(../img/b_comments.png) no-repeat top left;}

#ctabutton2 a:hover, #ctabutton3 a:hover, #ctabutton4 a:hover, #ctabutton5 a:hover, #ctabutton6 a:hover, #ctabutton7 a:hover, #ctabutton8 a:hover {background-position: right -93px;}

#ctacol span {display:none}


/*///////////////////////////////
footer
///////////////////////////////*/

.footer {
    background: url("../img/footerBG.png") no-repeat scroll center top transparent;
    clear: both;
    font: 12px arial,san-serif;
    min-height: 200px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}

.footer a {
	padding:0 8px 0 8px 0;
	color:#5a4f3e;
	text-decoration:none;
}
.footer a:hover {
	color:#4c006e;
	text-decoration:underline
}

.image {
  left:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  position:relative;
  top:9px;
}

.image:hover{ top:5px; }

	

.ftrbxl {
    margin: 0 auto;
    padding: 209px 0 0;
    text-align: center;
    width: 1000px;
}

.ftrbxr {
    margin: 10px auto;
    text-align: center;
    width: 1000px;
}

.ftrbxr a {display:inline-table;width:64px;height:64px;}
.ftrbxr a:hover {background-position: right -3px;}
.ftrbxr span {display:none}

/*///////////////////////////////
slide show
///////////////////////////////*/

*{outline: none;}
img {border: 0;}
.folio_block {
	width: 588px;
	height: 393px;
	padding: 0;
	margin:0 0 0 -20px;
}

/*--Window/Masking Styles--*/
.window {
	width:588px;
	height:393px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0px;/*left: 38px;*/
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top:330px; 
	left:440px;
	/*width:178px;
	height:47px; */
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	/*background: url(paging_bg2.png) no-repeat;*/	
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #734595;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


<!-- litebox -->