﻿/* CSS Document */

body {
	padding: 0;
	margin: 0;	
	text-align: center;
	background: #F3F3F3;	
}

* {
    font-family: Helvetica, Arial sans-serif;
	font-size: 12px;
	color: #333333; 	
}

#page_container {
    width: 800px;
	margin: 0 auto;	
	padding: 0;
	text-align: left;
}

.page_push {
    clear: both;
	width: 800px;
	height: 0;
    overflow: hidden;
}

#head_container {
    width: 800px;
	background:#FFF;
	height: 80px;
}

#carlson_logo {
    width: 125px;
	height: 80px;
	border: 0;
}

#tabs_container {
    width: 800px;
	background:#FFF;
	height: 40px;
}

#tabs_container a {
    display: block;
	float: left;
	height: 40px;
	line-height: 250%;
	padding: 0;	
	font-size: 14px;
	text-decorartion: none;    
}

#home_tab {
    width: 86px;
	background: url(images/home1.gif);
}

#home_tab:hover {
    width: 86px;
	background: url(images/home2.gif);
}

#about_tab {
    width: 140px;
	background: url(images/about_carlson1.gif);	
}

#about_tab:hover {
    width: 140px;
	background: url(images/about_carlson2.gif);	
}

#products_tab {
    width: 139px;
	background: url(images/product_index1.gif);			
}

#products_tab:hover {
    width: 139px;
	background: url(images/product_index2.gif);			
}

#applications_tab {
    width: 125px;
	background: url(images/applications1.gif);		
}

#applications_tab {
    width: 125px;
	background: url(images/applications1.gif);		
}

#applications_tab:hover {
    width: 125px;
	background: url(images/applications2.gif);		
}

#press_tab {
    width: 76px;
	background: url(images/press1.gif);		 
}

#press_tab:hover {
     width: 76px;
	 background: url(images/press2.gif);	
}

#contact_tab {
    width: 161px;
	background: url(images/contact1.gif);		
}

#contact_tab:hover {
    width: 161px;
	background: url(images/contact2.gif);		
}

#menu_container {
    position: absolute;
	width: 800px;
	top: 115px;
	z-index: 2;
}

#menu_container a {
     display: block;
	 background: #666;
     font-family: Helvetica, Arial sans-serif;
	 font-size: 12px;
	 color: #FFF; 
	 text-decoration: none;
	 padding: 6px 0px 6px 6px;
	 border-top: 1px solid #FFF;
}

#menu_container a:hover {
     text-decoration: none;
	 color: #CCCCCC;
}

.tab_menu {
    float: left;
	visibility: hidden;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.sub_menu {
    float: left;
	visibility: hidden;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#about_menu {
    position: absolute;
	left: 85px;
    width: 150px;
}

#products_menu {
    position: absolute;
	left: 226px;
    width: 170px;
}

#applications_menu {
    position: absolute;
    left: 365px;
	width: 150px;
}

#depthfilter_menu {
    position: absolute;
	left: 155px !important;
	left: 170px;
    width: 170px;
	margin: 5px 0px 0px 0px;
	z-index: 2;
}

#filtration_menu {
    position: absolute;
	left: 155px !important;
	left: 170px;
    width: 170px;
	margin: 5px 0px 0px 0px;
	z-index: 2;	
}

#beerbrewing_menu {
    position: absolute;
	left: 140px !important;
	left: 150px;
    width: 90px;
	margin: 5px 0px 0px 0px;
	z-index: 2;	
}

#beerbrweing_menu a {
    width: 90px;
}


#wines_menu {
    position: absolute;
	left: 140px !important;
	left: 150px;	
    width: 90px;
	margin: 5px 0px 0px 0px;
	z-index: 2;	
}

#wines_menu a {
    width: 90px;
}

#spirits_menu {
    position: absolute;
	left: 140px !important;
	left: 150px;
    width: 150px;
	margin: 5px 0px 0px 0px;
	z-index: 2;	
}

#spirits_menu a {
    width: 150px;
}

#softdrinks_menu {
    position: absolute;
	left: 140px !important;
	left: 150px;
    width: 90px;
	margin: 5px 0px 0px 0px;
	z-index: 2;	
}

#softdrinks_menu a {
    width: 90px;
}

#syrups_menu {
    position: absolute;
	left: 140px !important;
	left: 150px;
    width: 150px;
	margin: 5px 0px 0px 0px;
	z-index: 2;	
}

#syrups_menu a {
    width: 150px;
}

/* #press_menu {width: 76px;}
#contact_menu {width: 161px;} */

#body_container {
    width: 800px;
	height: 450px;
	background: #FFF;
	text-align: left;
}

#foot_container {
    width: 790px;
	background:#FFF;
	padding: 7px 0px 7px 10px;
	line-height: 120%;
}

#head_text {
    float: right;
	text-align: right;
	padding: 25px 25px 0px 0px;
}

#head_text a {
    font-size: 12px;
	text-decoration: none;
}

#head_text a:hover {
	text-decoration: underline;
}

#hotline_img {
	padding: 0px 0px 5px 0px;
}


