html, body
{
	font-family: Arial,Verdana,sans-serif;
	font-size: 16px;
	color: #333;
}

h1, h2, h3 { font-family: 'Trebuchet MS',Arial,Verdana,sans-serif; }
h1 { font-size: 25px; color: #000; }
h2 { font-size: 19px; color: #333; }
h3 { font-size: 15px; color: #333; }

img { border: none }

body, div { margin: 0px; padding: 0px; }
body { background-color: #000; color: #fff; }

dt { font-weight: bold }

a { text-decoration: none }

a:link { color: #0000ff }
a:active { color: #990000 }
a:hover { color: #000066 }
a:visited {  color: #0000ff }

#maincontainer { position: relative; }
#rinkholder { position: absolute; left: 10px; top:0px; }
#logocontent { position: absolute; left: 0px; top: 16px; z-index: 2; }

#contentsole { position: absolute; left: 168px; top: 0px; background-color: #000; }
#content { background-color: #fff; color: #000; margin-bottom: 15px; }
#rinkbackdrop { position: absolute; left: -69px; top: 0px; width: 69px; height: 512px; background-color: #fff; }
#rinkcontent { position: absolute; left: -69px; top: 0px; width: 221px; height: 512px; background: url("../images/blackrink_221x512.gif") no-repeat left top; z-index: 1; }
#bodycontent { position: relative; width: 750px; padding: 10px 15px 0px 15px; z-index: 2; }

/* Dots
#bulletmask { position: absolute; }
#bulletmask { position: absolute; left: 964px; top: 0px; width: 21px; height: 200px; background-color: #000; }
#content { background: #fff url("images/grey-dot-wide.gif") repeat-y right top; }
#bodycontent { margin-right: 34px; }
*/

#servicelist { margin: 0 0 0 80px; height: 150px; overflow: auto; position: relative; }
/*#servicelist { position: relative; left: 80px; top: 10px; height: 150px; overflow: auto; }*/
.service { float: left; text-align: center; margin: 0 3px; }
.service h3 { margin: 3px 0; }
/*.servicerow { text-align: center; clear: left; }*/
/* minimum: 520px */
.servicerow { text-align: center; clear: left; position: relative; width: 620px; }


div.nav { background-color: transparent; position: absolute; left: 25px; top: 180px; opacity: 0.85; z-index: 30; }
div.nav .t { background: url("../images/nav/nav_t.gif") repeat-x left top; position: relative; top: -24px; }
div.nav .b { background: url("../images/nav/nav_b.gif") repeat-x left bottom; position: relative; top: 49px; }
div.nav .l { background: url("../images/nav/nav_l.gif") repeat-y left top; position: relative; left: -24px; top: -25px; }
div.nav .r { background: url("../images/nav/nav_r.gif") repeat-y right top; position: relative; left: 48px; }
div.nav .tr { background: url("../images/nav/nav_tr.gif") no-repeat right top; position: relative; top: -24px; }
div.nav .br { background: url("../images/nav/nav_br.gif") no-repeat right bottom; position: relative; top: 49px; }
div.nav .bl { background: url("../images/nav/nav_bl.gif") no-repeat left bottom; position: relative; left: -48px; }
div.nav .tl { background: url("../images/nav/nav_tl.gif") no-repeat left top; position: relative; top: -49px; }
div.nav .inside { background-color: #000033; position: relative; left: 24px; top: 24px; min-width: 24px; min-height: 25px; }
div.nav .inside { min-width: 80px; min-height: 25px; }

#djb_nav { list-style: none; margin: 0px; padding: 0px; }
#djb_nav li { padding: 2px 0px; width: 110px; }
#djb_nav, #djb_nav li { color: #ffffff; font-weight: bold; font-family: 'Trebuchet MS',Arial,Verdana,sans-serif; font-size: 15px; }
#djb_nav li { background-color: #000033; } /* IE 7 / mootools */
#djb_nav a { color: #ffffff;  }
#djb_nav a.active { color: #4F7AE3; }

#mainbodycontent { min-height: 330px; margin-left: 10px; } /* ideal */
/* #mainbodycontent { height: 330px; margin-left: 10px; } For IE 6 */

#footer { margin-top: 50px; padding-bottom: 1px; font-family: 'Arial Black',Arial,sans-serif; font-size: 14px; }
#footer p { margin: 8px 0; }

#footercolumns { overflow: hidden }
#footercolumns .footleftcolumn33 { width: 33%; float: left; text-align: center; }
#footercolumns .footcentercolumn33 { width: 33%; float: left; vertical-align: bottom; padding-top: 87px; text-align: right }
#footercolumns .footrightcolumn33 { width: 33%; float: left; vertical-align: bottom; padding-top: 75px; text-align: center }
#footercolumns .columncontent { padding: 0; margin-right: 10px }
#footercolumns .last { margin-right: 0 }

/* General */

.clr { clear: both; }
.small { font-size: smaller; }
.asterix { font-size: 24px; }
.subject_title { font-weight: bold; font-style: italic; }

.visible { visibility: show; visibility: visible; }
.invisible { visibility: hide; visibility: hidden; }

/* Page Styles */

ul.aboutus li { padding: 6px 0px; }
.locationmap { border: 1px solid #000; }
.reference { float: left; width: 365px; padding: 22px 0px; }

/*.pricingtabber { padding: 0px 8px; border-bottom: 1px solid blue; }
.pricingtab { padding: 6px; margin: 0 4px; border: 1px solid blue; border-bottom: none; }
*/


.pricingtab { float: left; padding: 8px; padding-bottom: 0; border-bottom: 1px solid blue; }
.pricingtab .inner { padding: 6px; border: 1px solid blue; border-bottom: none; }



.tabber_container { width: 100%; font-size: 14px; }
.tabber_menu {color: #000; border-bottom: 1px solid #330066; margin: 12px 0px 0px 0px; z-index: 1; padding: 0 0 2px 10px; }
.tabber_menu li {display: inline; overflow: hidden; list-style-type: none; border: 1px solid #330066; padding: 5px; margin-left: 5px; }
.tabber_menu li.selected {display: inline; overflow: hidden; list-style-type: none; border: 1px solid #330066; border-bottom: 3px solid #ffffff; padding: 5px; margin-left: 5px; background-color: #fff; }
.tabber_menu li.selected h1 { display: inline; font-weight: normal; font-size: 14px; font-family: inherit; }
.tabber_folder { background-color: #fff; border: 1px solid #330066; border-top: none; padding: 10px; overflow: auto; height: 150px; }
.tabber_menu li:hover { background-color: #7192EC; }
.tabber_menu li h1, .tabber_menu li a { color: #003399; }

.tabber_container { width: auto; margin: 0 10px; }
/*
.pricing .tabber_container .tabber_folder { border: none; height: 4px; padding: 4px; overflow: hidden; }
*/

.pricing .tabber_container .tabber_folder { border: none; height: auto; padding: 15px 0 20px 15px; overflow: hidden; }


.subtext { font-style: italic; }

.pricepackage .price { color: #ffffff; font-size: 21px; font-weight: bold; }
.pricepackage h2 { font-size: 25px; font-variant: small-caps; }
.pricepackage h2.threestar { color: #FF6633; }
.pricepackage h2.fourstar { color: #4D88FF; }
.pricepackage h2.fivestar { color: #FECC33; }
div.yellowstar { float: left; background: #000000 url("../images/icons/star-yellow.jpg") no-repeat center; width: 51px; height: 51px; }
div.bronzestar { float: left; background: #000000 url("../images/icons/star-bronze.jpg") no-repeat center; width: 51px; height: 51px; }
div.glossstar { float: left; background: #000000 url("../images/icons/star-gloss.jpg") no-repeat center; width: 51px; height: 51px; }
div.sunburnstar { float: left; background: #000000 url("../images/icons/star-sunburn.jpg") no-repeat center; width: 51px; height: 51px; }

table.pricepackage { background-color: #000000; width: 100%; margin: 8px 0px; }
table.pricepackage td { padding: 4px 12px; }
table.pricepackage td.titlecol { width: 290px; }
table.pricepackage h2 { margin: 0; padding: 0;  }

.packagedetails { font-size: 15px; }
.packagedetails .column { float: left; width: 50%; }
.packagedetails .column .inner { padding: 10px; }