body {
    background: url(/img/bg.jpg) repeat-x left top;
    color: #393939;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: x-small;
    line-height: 1.6em;
    margin: 0 auto;
    padding:0 0;
}

h1 {
    font-size: 30px;
    color: #3d3d3d;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #3d3d3d;
}

h3 {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #999;
}

.heading {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: bold;
}

.footer {
    height: 50px;
    margin: 0px auto;
    text-align: center;
    width: 980px;
}

    .footer a,
    .footer a:link,
    .footer a:visited {
        color: #666;
        text-decoration: none;
    }

    .footer a:hover { color: rgb(3, 90, 170); }

a {
    font-weight: bold;
    color: black;
	
}

a.img img {border:none;}

#navTop {
    width: 980px;
    height: 46px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 10.5px;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    margin: 0px auto;
    margin-top: 5px;
    background: url(/img/bg_nav.jpg) no-repeat center top;
}

#navTop a { line-height: 56px; }

#navTop a:link,
#navTop a:visited {
    color: #333;
    text-decoration: none;
    padding: 7.9px;
    display: inline;
    background: url(/img/divider.jpg) no-repeat right;
}

#navTop a:hover  { color: #a4a4a4; }
#navTop a:active { color: #333; }

a.on {
    color: #a4a4a4;
    text-decoration: underline;
    padding: 20px;
    display: inline;
    background: url(/img/divider.jpg) no-repeat right;
}

#container {
    margin: 0px auto;
    width: 980px;
    background: url(/img/bg_block.jpg) no-repeat center top;
    text-align: center;
}

#container_agescreen{margin: 0 auto; width:980px; height:609px; background:url(/img/age_screener_bg.jpg) no-repeat center top; text-align: center; margin-top:35px;}
#container_contact {margin: 0 auto; width:980px; height:596px; background:url(/img/contact_bg.jpg) no-repeat center top; text-align: center; }

#front_container{margin: 0 auto;width:980px; height: 647px; background:url(/img/frontpage_bg_block.jpg) no-repeat center top; text-align: center;}

#content {
    width: 690px;
    margin: 0px auto;
    padding-top: 120px;
    padding-top: 140px;
    text-align: left;
}

#agescreen_content{padding: 180px 0 0 200px;width:500px;margin: 0 auto;text-align: left;}

#intro {background: url(/img/bg_tabletop.jpg) no-repeat; padding: 15px; height: 225px; }
#introJoin {background: url(/img/bg_tabletopJoin.jpg) no-repeat; padding: 15px; height: 202px;}
#introAboutTown {background: url(/img/bg_tabletopAboutTown.jpg) no-repeat;padding-left: 15px;padding-right: 15px;padding-top: 32px;height: 420px;}
#introStart {background:/*transparent */url(/img/bg_tabletopStart.jpg) no-repeat scroll 0 0;padding-left:15px;padding-right:15px;padding-top:32px;}
#introMixit {background: url(/img/mixitup_table_head.jpg) no-repeat; padding-left: 15px; padding-right: 15px; padding-top: 10px;}

#introText {margin-top: 25px; width: 300px; text-align: justify;}
#joinText {margin-top: 25px; width: 410px; text-align: justify;}
#aboutText {margin-top: 25px; width: 545px; text-align: justify;}
#startWithCollisonsText {margin-top: 25px; width: 100%; text-align: justify; height: 155px;}
#articlesText {margin-top: 25px; width: 100%; text-align: justify;}

.contHeader{margin: 0 auto;width:660px;background: url(/img/bg_heading_middle.jpg) no-repeat;padding: 15px;height: 12px;text-align: left;}
.contText{width:660px;margin: 0 auto;background: url(/img/bg_tablemiddle.jpg) repeat-y;padding: 15px;text-align: justify;}
.releasesText{width:660px; height: 140px;margin: 0 auto;background: url(/img/bg_tablemiddle.jpg) repeat-y;padding: 15px;text-align: justify;}

#introStart {
	padding-bottom:10px;
}

#mixit_introText {margin-top:10px;width: 650px;text-align: justify;padding: 15px 15px 0 15px;}

#contBot {margin: 0 auto;width:690px;background: url(/img/bg_tablebot.jpg) no-repeat;height: 20px;}
#bottom {margin: 0 auto; width:980px; height: 88px; text-align: center; background: url(/img/bg_block_bot.jpg) no-repeat center top;}

#clear {clear: both;}
.spacer {height: 270px; }

table {color: #666666;}

.tableHeading {background-image: url(/img/bg_event.jpg) no-repeat center top;text-align: center;font-weight: bold;font-size: 14px;padding-top:15px;}
.tableHeading2 {background-image: url(/img/bgGallery.jpg) no-repeat left top;text-align: center;font-weight: bold;font-size: 12px;}

.tableHeadingSmall {background: url(/img/bg_tableHead.jpg) no-repeat left top;font-weight: bold;font-size: 14px;padding:15px;}
.tableHeadingSmall2 {background: url(/img/tableHead2.gif) no-repeat left top;font-weight: bold;font-size: 14px; padding-left: 15px; height: 37px;}
.tableHeadingWhite {background: url(/img/tableWhite.gif) repeat-y left top;font-weight: bold;font-size: 14px; padding-left: 15px; height: 37px;}

.tableCell {background: url(/img/tableCell.gif) repeat-y left top; padding:15px;}
.tableBot {background:url(/img/bg_tableAgeBot.gif) no-repeat center bottom; padding: 5px 15px 15px 15px}

.tdImage {padding-top: 10px;}

input {background:#eeeeee; border: 1px solid #cccccc; }
.dropdown {background:#eeeeee; border: 1px solid #cccccc; }

/*-----Mixit up------*/

.coctktail_box_bg{width:690px;margin: auto; background: url(/img/mixitup_box_bg_fade.jpg) repeat-y;text-align: justify;}

.mixit_contHeader{
margin:  0px auto;
background: url(/img/mixitup_table_mid.jpg) no-repeat;
padding: 15px 0px;
height: 12px;
width: 690px;
text-align: justify;}

.mixit_contHeader p{margin:  0px 15px;font-size: 14px;color: #3d3d3d;font-weight: bold;}

#mixit_table_bott{
background-image:url(/img/mixitup_cocktail_box_bottom.gif);
background-repeat:no-repeat;
height:23px;
width:689px;
margin:auto;
}

/*small boxes for cocktails to go in*/
.sml_table_top{
background-image:url(/img/sml_cocktail_table_top.jpg);
background-repeat:no-repeat;
height:39px;
width:215px;
}

.mixit_sml{padding-top:20px;}

#cocktail_recipe_img{width:215px;height:209px;margin: 15px 0px 0px 15px;}

#mixitup_image_strip{margin: 20px auto;}

.mixit_cocktailHeader1{
background-image:url(/img/sml_coktail_martini.jpg);
background-repeat:no-repeat;
margin: 0 auto;
width:215px;
padding-top:15px;
height: 209px;
text-align: center;
}

.mixit_cocktailHeader2{
background-image:url(/img/sml_coktail_rocks.jpg);
background-repeat:no-repeat;
margin: 0 auto;
width:215px;
padding-top:15px;
height: 209px;
text-align: center;
}

.mixit_cocktailHeader3{
background-image:url(/img/sml_coktail_lime.jpg);
background-repeat:no-repeat;
margin: 0 auto;
width:215px;
padding-top:15px;
height: 209px;
text-align: center;
}

.recipe_boxHeader{
background-image:url(/img/cocktail_recipe_top.jpg);
background-repeat:no-repeat;
margin:auto;
width:435px;
height:36px;
text-align:center;
}

.recipe_boxHeader p{
font-size: 14px;color: #3d3d3d;font-weight: bold;
padding: 15px 0px 0px 0px;
}

.recipe_box_mid{
background-image:url(/img/recipe_box_mid.jpg);
background-repeat:repeat-y;
margin:auto;
display:block;
width:435px;
}

#recipe_text {
    width: 400px;
    text-align: justify;
    padding: 10px 10px 10px 20px;
}

#mixit_wrap{
background-image:url(/img/mixit_wrap.jpg);
background-repeat:no-repeat;
width:980px;
height:161px;
margin:auto;
}

#recipe_bott{
background-image:url(/img/recipe_bott.jpg);
background-repeat:no-repeat;
height:38px;
width:435px;
}

/*agescreener content form fields etc*/

/*frontpage intro*/
#frontpage_intro{padding: 15px 15px 0 0;
/*height: 225px;*/
}

#frontpageEditable {
background-image:url(/img/frontpage_block1.jpg);
background-repeat:no-repeat;
width:690px;
height:302px;
margin:0 auto;
text-align: justify;
padding-left: 20px;
padding-top: 60px;
}



#frontpage_introText {
text-align: justify;
margin-left: 0;
width: 600px;
}

#box-link {
	position: absolute;
	top: 131px;
	left: 565px;
	width: 383px;
	height: 83px;
	background-color: transparent;
}	
#loader {
	width: 50px;
    margin: 70px auto 0 auto;
}
#gallery_container {
    background: url(/img/bg_tabletopGallery.jpg) no-repeat 0px 0px;
    padding: 0px 15px;
    min-height:300px;	
}

.clearer {
    clear: both;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
}

.address {
    text-align: center;
    background: url(/img/bg_address.gif) no-repeat center top;
    width: 653px;
    height: 45px;
    padding: 4px;
}

.left { 
    float: left;
    margin-right: 10px;
}

#message {
    background-color: #E6E6E6;
    display: none;
    margin: 10px 0px;
    padding: 10px;
}

.error {
    color: #393939;
	font-weight: bold;
    display: block;
}

.success {
	color: #393939;
	font-weight: bold;
    display: block;
}