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

body {
	margin: 0 auto;
	padding: 0;
	background-color: #000;
	background-image: url(../images/full_background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#container {
    width: 1000px; /*760px*/
    margin: 0 auto;
}

#header {
	width: 1000px;
	height: 60px;
	display: inline-block;
	text-decoration: none;
	padding-top: 0px;
	position: relative; /* Needed for Safari */
}

#slider_background {
	width: 1000px;
	height: 480px;
	display: inline-block;
	text-decoration: none;
	padding-top: 0px;
	margin-top: 0px;
	/*position: relative;  /*Needed for Safari */
	background-image: url(../images/navigation_background.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#navigation {
	width: 796px;
	height: 140px;
	padding: 0px;
	margin: 0px;
	/*background-color: #0CF;*/
}

#navigation_left {
	width: 198px;
	height: 140px;
	padding: 0px;
	float: left;
	/*background-color: #3C3;*/
}

#navigation_right {
	width: 598px;
	float: right;
	/*background-color: #F6C;*/
}

#navigation_top {
	width: 598px;
	height: 60px;
	/*background-color: #00F;*/
}



#navigation_buttons {
	width: 546px;
	height: 46px;
	text-align: right;
	/*background-color: #FF6;*/
	display: inline-block;
	float: right;
	
}

#navigation_buttons_left {
	/*width: 598px;*/
	height: 46px;
	text-align: right;
	/*background-color: #C00;*/
	float: left;
	display: inline-block;
}

#navigation_buttons_right {
	height: 46px;
	width: 86px;
	text-align: right;
	/*background-color:#66F;*/
	float: right;
	display: inline-block;
	vertical-align: top;

}

#navigation_bottom {
	height: 34px;
	/*background-color: #6C6;*/
}

/*
#content {
	width: 1000px;
	height: 340px;
	margin: 0 auto;
	background-color: #006;
}
*/

#slider {
    width: 796px; /*620px*/
	height: 480px;
    margin: 0 auto;
    position: relative;
	/*background-color: #F90;*/
}

.scroll {
    height: 340px; /*250px*/
    width: 796px; /* width of scroll body 620px*/
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	/*background-color: #63F;*/
}

.scrollContainer div.panel {
	padding: 0px; /*20px*/
	height: 340px;
	width: 796px; /*580px*/
}

ul.navigation {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.navigation li {
	display: inline;
	vertical-align: top;
}

ul.navigation li.navHome a:link {
	background-image: url(../images/nav_home.png);
	vertical-align: top;
	height: 46px;
	display: inline-block;
}

ul.navigation li.navHome a:hover {
	background-image: url(../images/nav_home_rollover.png);
}

ul.navigation li.navHome a.selected {
	background-image: url(../images/nav_home_rollover.png);
}

ul.navigation li.navProducts a:link {
	background-image: url(../images/nav_products.png);
	vertical-align: top;
	height: 46px;
	display: inline-block;
}

ul.navigation li.navProducts a:hover {
	background-image: url(../images/nav_products_rollover.png);
}

ul.navigation li.navProducts a.selected {
	background-image: url(../images/nav_products_rollover.png);
}

ul.navigation li.navServices a:link {
	background-image: url(../images/nav_services.png);
	vertical-align: top;
	height: 46px;
	display: inline-block;
}

ul.navigation li.navServices a:hover {
	background-image: url(../images/nav_services_rollover.png);
}

ul.navigation li.navServices a.selected {
	background-image: url(../images/nav_services_rollover.png);
}

ul.navigation li.navContact a:link {
	background-image: url(../images/nav_contact.png);
	vertical-align: top;
	height: 46px;
	display: inline-block;
}

ul.navigation li.navContact a:hover {
	background-image: url(../images/nav_contact_rollover.png)
}

ul.navigation li.navContact a.selected {
	background-image: url(../images/nav_contact_rollover.png)
}

ul.navigation a:focus {
    outline: none;
}

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

.title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000;
}

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

#products_textleft {
	/*background-color: #669;*/
	width: 370px;
	padding-top: 25px;
	padding-left: 30px;
	float: left;
}

#products_textright {
	/*background-color: #F6C;*/
	width: 331px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 40px;
	float: right;
}

#products p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.15em;
	color: #FFF;
	margin-bottom: 11px;
}

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

#services_text {
	padding-top: 25px;
	padding-left: 32px;
	padding-right: 29px;
}

#services p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.15em;
	color: #FFF;
	margin-bottom: 9px;
	
}

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

#contact_textleft {
	/*background-color: #669;*/
	width: 410px;
	padding-top: 25px;
	padding-left: 55px;
	float: left;
}

#contact_textright {
	/*background-color: #F6C;*/
	width: 266px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 40px;
	float: right;
}

#contact p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.15em;
	color: #FFF;
	padding-bottom: 3px;
	margin-bottom: 9px;
}

.scrollButtons {
    position: absolute;
    top: 260px; /*150px*/
    cursor: pointer;
}

.scrollButtons.left {
    left: -55px; /*-20px*/
}

.scrollButtons.right {
    right: -55px;
}


.hide {
    display: none;
}

/*-------content: #wrapper, #mask, .item, .content are for scrollTo ------*/

#footer {
	width: 1000px;
	height: 190px;
	text-decoration: none;
	/* position: relative; Needed for Safari */
	/*background-color: #342112;*/
	display: inline-block;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#footer_left{
	width: 350px;
	height: 190px;
	/*background-color: #CC0;*/
	display: inline;
	float: left;
}

#footer_right {
	width: 350px;
	height: 190px;
	/*background-color: #6C3;*/
	display: inline;
	float: right;
}

#footer_middle{
	width: 300px;
	height: 190px;
	/*background-color: #309;*/
	display: inline;	
}


#credits {
	width: 1000px;
	height: 10px;
	margin: 0 auto;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative; /* Needed for Safari */
}

#credits_left {
	/*width: 500px;*/
	float: left;
	margin-left: 50px;
	display: inline;
	padding-top: 0px;
}

#credits_right {
	/*width: 500px;*/
	float: right;
	margin-right: 50px;
	display: inline;
	padding-top: 0px;
}


/*----------FOOTER copyright CJ'S LIQUOR UNLIMITED.-----------*/

h1 {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000;
}

/*---------------------*/

h2 {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

/*---------------------*/
h3 {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

/*---------------------*/

h4 {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

/*---------------------*/

h5 {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

/*----------site design by case+point:media-----------*/
h6 {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #fff;
}

/* -------------------------------------------------------------- */


p {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
}

img {
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.ad {
	border: 1px solid #000;
	margin-top: 13px;
}


/* -------------------------------------------------------------- */ 

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

#credits a:link {
	color: #000;
	text-decoration: none;
}

#credits a:visited {
	color: #000;
	text-decoration: none;
}

#credits a:hover {
	color: #fff;
	text-decoration: none;
}

#credits a:active {
	color: #000;
	text-decoration: none;
}
