@import url("reset.css");

body {font-family: "helvetica neue",arial,sans-serif;font-size:12px;line-height:18px;background:#ccc;}

h2 {font-size:18px;line-height:18px;color:#40bdf4;margin:0 0 18px 0;}
h2 strong {color:#999;}

h3 {font-size:18px;line-height:18px;color:#000;margin:0;}
h3 strong {color:#40bdf4;}
h3 em {color:#ccc;font-style:normal;}
.desc p {font-size:18px;line-height:18px;margin:0 0 18px 0;color:#666;}

#content {margin: 0 auto;width:928px;padding:0;background:transparent;}
.intro {font-size:22px;line-height:27px;font-weight:bold;color:#000;padding: 18px 24px;width:880px;float;left;clear:both;background:#fff;}
#brand a:link,#brand a:visited {text-indent:-5000px;width:247px;height:33px;background: transparent url('../_images/boombalogo.png') no-repeat;float:left;}

#header {background: #fff;float:left;width:880px;padding:18px 24px;}

#footer {padding:0;margin:9px 0 0 0;float:left;clear:both;background:transparent;width:928px;text-align:right;color:#999;}

#main {margin:27px 0 18px 0;float:left;padding:18px 24px 9px 24px ;background:#fff;width:880px;}
#main_simple {margin: 9px 0 0 0;float:left;padding:18px 0;}

#mainphoto {padding: 0 24px 18px 24px;background:#fff;display:block;}

#one {width:428px;float:left;}
#two {width:428px;float:right;}
#two img {float:right;}

#nav {float:right;margin: 17px 0 0 0;line-height:14px;font-weight:bold;}
#nav li {display:inline;font-size:18px;padding: 0;color:#40bdf4;}
#nav a:link,#nav a:visited {background:transparent;color:#000;font-weight:normal;}
#nav a:link.current,#nav a:visited.current {background:transparent;color:#333;font-weight:normal;}
#nav a:hover {color:#40bdf4}
#nav a:hover.current {color:#333;cursor:default;}

#primary {font-size:18px;line-height:36px;width:880px;float:left;clear:both;margin:18px 0;color:#666;}
#primary li {margin:9px 0;}

.vcard {font-size:18px;line-height:18px;}
.vcard dd {margin: 0;padding:0 0 18px 0;color:#000;}
.vcard dt {font-weight:bold;width:380px;color:#999}
.vcard dt strong {color:#40bdf4;}
.name {color:#666;}
.closed {color:#333;}

#inside {margin:0 0 18px 0;}

#products {float:left;margin:24px 0 0 255px;}
#products img {float:left;margin:0 24px;}

a:link,a:visited {text-decoration:none;background:#40bdf4;color:#fff;}
a:hover {background:#b6e5eb;color:#000;}

a:link.discrete,a:visited.discrete,a:hover.discrete {text-decoration:none;background:transparent}

#gallery {width:880px;float:left;margin-bottom:20px;margin-top:10px;}
#gallery img {float:left;}
.gal {margin-left:20px}

#notice {background:#fff;padding:0 24px 24px 24px; width:880px;}
#notice div {background:#f8f8f8;padding:9px;font-size:13px;font-weight:bold;color:#333;}
#notice div strong {color:#40bdf4;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */