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

* {margin: 0px 0px 0px 0px;}
body {background-image: url(images/back.jpg); background-position: center top; background-attachment: fixed;}
#mainwrap {width: 1006px; height: auto; margin: auto;}
.displace {text-indent: -9999px;}

#map {width: 640px; height: 320px; margin-left: 15px;}

h4 {margin-left: 25px; font-size: 25px; color: #00C; letter-spacing: 4px; font-family: Georgia, "Times New Roman", Times, serif;}
.time {margin-left: 25px; font-size: 14px; color: #333; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px;}
.hours {text-align: center; font-size: 14px; color: #333; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px;}




hr {margin-left: 25px; color: #CCC; width: 400px; margin-bottom: 10px;}
.menuitems {margin-left: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 19px; color: #000; width: 600px; font-style: italic; margin-bottom: 15px;}
.menuitems span {color: #333;}


h6 {text-align: center; font-size: 22px; color: #00C; letter-spacing: 3px; font-family: Georgia, "Times New Roman", Times, serif;}
.call {margin-left: 25px; font-size: 14px; color: #333; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px;}


.special li{padding-bottom: 10px; font-size: 19px; letter-spacing: 2px; list-style: url(images/bullet.png); color: #00C;}
#centerlist {width: 600px; float :left; margin-top: 10px; margin-left: 40px;}
#centerlistleft {width: 270px; float: left; margin-right:25px;}
#centerlistright {width: 270px; float: left;}


#lefttop {width: 340px; height: 33px; float: left;}
#toplogo {width: 326px; height: 33px; float: left; background-image: url(images/cajun-restaurant_03.png);}
#righttop {width: 340px; height: 33px; float: left;}
#phoneheader {width: 286px; height: 158px; float: left; background-image: url(images/cajun-restaurant_06.png);}
#phoneheader:hover {background-position: -286px;}
#logoleftspacer {width: 54px; height: 158px; float: left;}
#logomain {width: 326px; height: 158px; float: left; background-image: url(images/cajun-restaurant_08.png);}
#logorightspacer {width: 33px; height: 158px; float: left;}

#storebutton {width: 307px; height: 158px; float: left; background-image: url(images/cajun-restaurant_10.png);}
#storebutton:hover {background-position: -307px;}

#bottomlogo {width: 1006px; height: 24px; float: left; background-image: url(images/cajun-restaurant_11.png);}
#tagstrap {width: 1006px; height: 61px; float: left; background-image: url(images/cajun-restaurant_12.png);}

#centerleft {width: 30px; height: 457px; float: left; background-image: url(images/cajun-restaurant_13.png);}

#centerleftmenu {width: 30px; height: 1160px; float: left; background-image: url(images/cajun-restaurant_13.png);}

#homeslider {width: 669px; height: 457px; float: left;}
#guts {width: 669px; height: 457px; float: left; background-image: url(images/whiteback.png); background-repeat: repeat;}
#gutstwo {width: 669px; height: 1500px; float: left; background-image: url(images/whiteback.png); background-repeat: repeat;}
#centerlefttwo {width: 30px; height: 1500px; float: left; background-image: url(images/cajun-restaurant_13.png);}
#undermenu {width: 288px; height: 1043px; background-image: url(images/whiteback.png); background-repeat: repeat; float: left;}



#gutsmenu {width: 669px; height: 1160px; float: left; background-image: url(images/whiteback.png); background-repeat: repeat;}

#menurightfiller {width: 288px; height: 703px; float: left; background-image: url(images/whiteback.png);}


#menuleft {width: 10px; height: 114px; float: left; background-image: url(images/cajun-restaurant_15.png);}
#btn_menu {width: 270px; height: 114px; float: left; background-image: url(images/cajun-restaurant_16.png);}
#btn_menu:hover {background-position: -270px;}
#menuright {width: 27px; height: 114px; float: left; background-image: url(images/cajun-restaurant_17.png);}
#ordersleft {width: 10px; height: 114px; float :left; background-image: url(images/cajun-restaurant_18.png);}
#btn_orders {width: 270px; height: 114px; float: left; background-image: url(images/cajun-restaurant_19.png);}
#btn_orders:hover {background-position: -270px;}
#ordersright {width: 24px; height: 114px; float: left; background-image: url(images/cajun-restaurant_20.png);}
#meatleft {width: 10px; height: 115px; float: left; background-image: url(images/cajun-restaurant_21.png);}
#btn_meat {width: 270px; height: 115px; float: left; background-image: url(images/cajun-restaurant_22.png);}
#btn_meat:hover {background-position: -270px;}
#meatright {width: 27px; height: 115px; float: left; background-image: url(images/cajun-restaurant_23.png);}
#contactleft {width: 10px; height: 114px; float: left; background-image: url(images/cajun-restaurant_24.png);}
#btn_contact {width: 270px; height: 114px; float: left; background-image: url(images/cajun-restaurant_25.png);}
#btn_contact:hover {background-position: -270px;}
#contactright {width: 27px; height: 114px; float: left; background-image: url(images/cajun-restaurant_26.png);}
#bottomstrap {width: 1006px; height: 35px; float :left; background-image: url(images/cajun-restaurant_27.png); }

#hotbox1 {width: 340px; height: auto; float: left;}
#hotbox2 {width: 326px; height: auto; float: left;}
#hotbox3 {width: 340px; height: auto; float: left;}
.hottext {font-size: 14px; color: #FFF; width: 280px; margin: auto; line-height: 19px; text-align: justify;}

#footer {width: 1006px; height: 50px; float: left; margin-top: 15px;}
#footer p {font-size: 13px; color: #FFF; margin-left: 20px;}
#footer p span {text-decoration: underline; font-weight: bold;}

/******* HOMEPAGE SLIDESHOW ******/
div#slideshow {
	width: 669px; height: 457px; padding: 0px 0px 0px 0px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}


div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: relative; top: 170px; z-index: 15;
}
	div#slideshow ul#nav li#prev {
		float: left; margin: 0 0 0 -30px;
	}
	div#slideshow ul#nav li#next {
		float: right; margin: 0 10px 0 0;
	}
	div#slideshow ul#nav li a {
		display: block; width: 80px; height: 80px; text-indent: -9999px;
	}
		div#slideshow ul#nav li#prev a {
			background: url(images/prev.png);
		}
		div#slideshow ul#nav li#next a {
			background: url(images/next.png);
		}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 20px 0;
		}