html { font-size: 100%; /* IE hack */ }

body {margin:0; padding:0; font-family: arial, sans-serif; font-size: 12px; background: #282f3f url("http://www.heifervescent.com/images/global/texture.jpg") top center scroll no-repeat; color: #5a6276;}

/*  Sections  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

#background {width:100%; background: url("http://www.heifervescent.com/images/global/sphere.jpg") top center scroll no-repeat; margin: 0 auto; position:relative;}

#maincontainer {width: 960px; margin: 0 auto; position:relative; }

#top {width: 960px; height:110px; background: url("http://www.heifervescent.com/images/global/top.png") no-repeat; background-position: left; }

#contentbase {width: 960px; background: url("http://www.heifervescent.com/images/global/contentbase.png") repeat-y;}

#mainnav {width: 960px; height: 55px; margin: 0 auto; background: url("http://www.heifervescent.com/images/global/nav.png")}

#mainimage {width:950px; height: 300px; margin-left: 5px;}

#content {width: 950px; margin-left: 5px; background: url("http://www.heifervescent.com/images/global/contentgradient.jpg") repeat-x; padding-top:15px; }

#footer {width: 960px; margin: 0 auto; position:relative; background: url("http://www.heifervescent.com/images/global/footer.png") no-repeat; padding-top: 40px; text-align: center;}

#flash {width:950px; height:300px; z-index: 1; position: absolute; margin-top:0px;}

/*  Redefine HTML defaults  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

img {border: none;}

p {color: #5a6276; font-size: 12px; font-weight:100; margin-top:10px; line-height:22px;}

ul {color: #5a6276; font-size: 12px; font-weight:100; line-height:22px; margin:0; margin-left: 0px;}

ol {color: #5a6276; font-size: 12px; font-weight:100; line-height:22px; }

a {color: #5a6276; text-decoration: none; font-weight: 800;}

h1 {color: #5a6276; font-size: 34px; font-weight:100; margin-top:10px; margin-bottom:0px; }

h2 {color: #5a6276; font-size: 18px; font-weight:600; margin-top:0px; margin-bottom:0px; margin-top:10px;}

h3 {color: #5a6276; font-size: 14px; font-weight:600; margin-top:10px; margin-bottom:0px;}

h4 {color: #5a6276; font-size: 24px; font-weight:100; margin-top:0px; margin-bottom:0px;}

/*  Tables  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

table.main {width:900px;}
tr.main {vertical-align: top;}
td.main_left {width:600px;}
td.main_centre {width:50px;}
td.main_right {width: 250px;}

table.form {width:600px;}
td.form_left {width:150px;}
td.form_middle {width:20px;}
td.form_right {width:430px;}

.forminput {width: 430px; height: 20px; background: #eeeeee; border:none; padding:5px; color:#5a6276; font-size: 14px;}
.formarea {width: 430px; height: 100px; background: #eeeeee; border:none; padding:5px; color:#5a6276; font-size: 14px; }

/*  Right panel styles  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

.panel_top {height:54px; background: url("http://www.heifervescent.com/images/global/panel_01.png"); margin:0; padding-left:10px;}
.panel_middle {background: url("http://www.heifervescent.com/images/global/panel_02.png"); margin:0; padding:10px; }
.panel_bottom {height:13px; background: url("http://www.heifervescent.com/images/global/panel_03.png"); margin:0;}

.right_heading {font-size: 16px; font-weight:300; padding-top: 20px; }
.right_heading a {color: #8b91a0;}
.right_heading a:hover {color: #5a6276;}

.right_list {font-size: 14px; font-weight:300; padding-bottom: 5px; }
.right_list a {color: #8b91a0;}
.right_list a:hover {color: #5a6276;}

.panel_middle h1 {font-size: 16px; font-weight:300; padding-top: 0px; margin:0; }

.panel_middle h2 {font-size: 11px; font-weight:100; margin-top:5px; margin-bottom:10px; color:#CC0000; }

.panel_middle p {font-size: 11px; font-weight:100; line-height: 14px; margin-top:10px; color: #8b91a0;}
.panel_middle a {color: #8b91a0;}
.panel_middle a:hover {color: #5a6276;}



/*  Various  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

.dividerlarge {border-bottom: dotted; color: #8b91a0; border-width: 1px;}

.entrydate {font-size: 11px; font-weight:100; color: #CCCCCC; line-height:12px;}

.article_image { float:left; width:80px; height: 90px; display:inline-block; margin-top: 15px; margin-bottom:5px; padding-left:10px; padding-top: 10px; background: url("http://www.heifervescent.com/images/global/thumbframe.gif") no-repeat;}

.blog_image_big { float:left; display:inline-block; margin-top: 10px; margin-bottom:10px; margin-right:20px;}

.blog_image_small { float:left; display:inline-block; margin-top: 0px; margin-bottom:5px; margin-right:5px;}

.clearfix {clear: both;}

.vspacer10 {height:10px;}
.vspacer30 {height:30px;}

.marker { color: #CC0000; }

.searchinput {width: 220px; height: 20px; background: #5a6276; border:none; padding:5px; color:#CCCCCC; font-size: 14px;}
.searchsubmit {width: 230px; height:30px; background: url("http://www.heifervescent.com/images/global/button_search.png")  no-repeat; background-position: right; border:none; padding:5px; color:#CC0000; font-size: 14px; }

.contactsubmit {width: 400px; height:30px; background: url("http://www.heifervescent.com/images/global/button_submit.png")  no-repeat; background-position:right; border:none; padding:5px; color:#CC0000; font-size: 14px; }

.links {height:20px;}

/*  Albums  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

.album_large {width:170px; height:150px; vertical-align:top; float:left;}

.album_title {color: #666666; font-size: 18px; margin-bottom: 5px; margin-top:0px;}

.album_title_small {color: #666666; font-size: 12px; margin-bottom: 2px; margin-top:0px;}

.album_band {color: #CC0000; font-size: 14px; margin-top: 5px; margin-bottom:5px;}

.album_band_small {color: #CC0000; font-size: 11px; margin-top: 0px; margin-bottom:2px;}

.album_description {color: #666666; font-size: 12px; margin-top: 5px; margin-bottom:5px;}

.album_small {width:100%;  clear:left;}

.album_small img {float:left; margin-right: 10px; margin-bottom:15px;}

.other_album_title {color: #666666; font-size: 18px; margin-bottom: 15px; margin-top:0px;}

.dots {border-bottom: dotted; color: #666666; border-width: 1px; clear:left; padding-top:10px; padding-bottom:10px;}