body{
margin: 0px 0px 0px 0px; /* This sets page-wide margins - remember the clock metaphor - top: '8px'; sides: '20px'; bottom: '40px'. */
padding: 0;
text-align: center; 
background-color:#000000;
}

body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
} 

#container{
width : 100%;
behavior: url(iepngfix.htc);
}


#smallflash{
/*width : 1000px;*/
height: 310px;
background-image:url(../images/Homepage-header-smaller.jpg);
background-position:center;
background-repeat:no-repeat;
}

#smallflashSMXtoday{
/*width : 1000px;*/
height: 310px;
background-image:url(../images/SMX-today-masthead.jpg);
background-position:center;
background-repeat:no-repeat;
}

#largeflash{
/*width : 1000px;*/
height: 430px;
background-image:url(../images/Homepage-header.jpg);
background-position:center;
background-repeat:no-repeat;
}


#galleryflash{
/*width : 928px;*/
height: 430px;
background-image:url(../images/Homepage-header.jpg);
background-position:center;
background-repeat:no-repeat;
}


#navigation{
width: 928px;
/*width: 1140px;*/
height: 54px;
text-align:left;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
background-image:url(../images/navigation-background.jpg);
background-position:center;
background-repeat:no-repeat;
}

#navigation ul{
height: 45px;
width: 928px;
padding-top:9px;
}

#navigation ul li{
display: inline;
list-style-type: none;
margin-left:0px;
margin-right:19px; 
_margin-right: 22px;
height: 54px;
}

#mainhome{
width: 100%;
height:365px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}

#mainhistory{
width: 100%;
height:190px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}

#maingallery{
width: 100%;
height:240px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}


#mainwhatissmx{
width: 100%;
height:415px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}


#mainsmxtoday{
width: 100%;
height:780px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}

#smalltext{
width: 100%;
height:100px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
}

#mainprivacy{
width: 100%;
height:2960px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}

#mainterms{
width: 100%;
height:4100px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}

#mainbrewingtradition{
width: 100%;
height:540px; /* IE 7 & Firefox */
_height: auto;  /* IE 6 */
background-image:url(../images/content-bg.jpg);
background-repeat:repeat-x;
background-color : rgb(135,3,8);
padding-top:40px;
padding-bottom:40px;
}

#castle {
width:70px;
height:80px;
float:left;
}


#crosssell, #crossellpint{
margin-bottom:8px;
}

#crosssellpint{
background-image:url(../images/SMX-pint.jpg);
background-repeat:no-repeat;
background-position:right;
width:300px;
margin-bottom:6px;
}


#contentcontainer{
width:928px;
text-align: center;
background-image:url(../images/main-bg.jpg);
background-repeat:no-repeat;
background-position: bottom left;
}

#leftcontent{
text-align:left;
width: 600px;
float:left;
}

#legal{
text-align:left;
width: 920px;
float:left;
}

h1{
height: 20px;
margin-bottom: 20px;
border-left: thin outset #c0a04d;
padding-left:20px;
margin-left: -20px;
} 

h2{
margin-bottom: 20px;
} 

#rightcontent{
width: 300px;
float:right;
text-align:right;
}

#brewingthumbnail{
width:131px;
height:132px;
margin-right:10px;
margin-top:-2px;
margin-left:-2px;
float:left;

}

#footer{
text-align:left;
width : 928px;
background-image:url(../images/footer-bg.jpg);
background-position: top center;
background-repeat:no-repeat;
background-color:#000000;
clear:both;
}

#footer ul{
padding-top:10px;
}

#footer ul li{
display: inline;
list-style-type: none;
margin-right:5px;
}

.links{
float:left;
}

.footerright{
float:right;
padding-top:10px;
}



/*****************************START AJAX TABS*****************************************/

.shadetabs{
padding: 2px 0;
margin-left: 0;
margin-top: -15px;
margin-bottom: 20px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
cursor:pointer;
}

.shadetabs li{
display: inline;
margin-right: 10px;
}

.shadetabs li a{
padding: 2px 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: underline;
font-weight:bold;

}

.shadetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
text-decoration: none;
color:#999999;
}

.shadetabs li.selected{ /*selected main tab style */

}


.shadetabs li a:hover{
color: #999999;
text-decoration: none;
}



/*****************************END AJAX TABS*****************************************/