@charset "UTF-8";
/* CSS Document for Beamtwenty3*/

/* eric meyer's css reset code */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}

body {
font-family: Helvetica, Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
padding: 0;
margin: 0;
text-align:left;
}

p { 
font-weight: normal;
font-size:12px;
line-height:18px;
letter-spacing: 0.2px;
color:#333333;
}

ul {
padding:12px 0px 5px 0px;
}

.list li {
font-weight: normal;
font-size: 14px;
color:#333333;
list-style:url(bluedot.gif);
line-height:150%;
}

#bullets {
padding-left: 25px;
}

.photocredit {
font-size:10px;
line-height:1.5;
color:#333333;
text-align:right;
margin: 3px 0px 3px 0px;
padding-right:15px;
}

a {
font-size:12px;
text-decoration: none;
color:#0082C7;
}

a:link, a:visited {
color:#0082C7;
}

a:hover, a:focus {
color:#eb5a05;
}

h1.h1yellow {
color:#fed701;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

h1.h1orange {
color:#ff6633;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

h1.h1pink {
color:#FF0066;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

h1.h1blue {
color:#0099cc;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

#head1 {
color:#E854A1;
font-size: 18px;
font-weight:bold;
padding: 0px;
}



#links {
width: 820px;
margin: 0 auto;
padding: 0px 0px 0px 20px;
}

#links li {
display:inline;
list-style: none;
margin:0;
float: left;
padding: 10px 0px 0px 14px;
}

#links a {
font-size: 10px;
text-decoration: none;
}

#links a:link, #links a:visited {
color:#333333;
}

#links a:hover, #links a:focus {
color:#FF0066;
}

#links a#current {
color:#FF0066;
}

li {
font-weight: normal;
font-size:12px;
line-height:1.5;
color:#333333;
list-style:none;
}

#container {
width: 820px;
margin:0 auto;
background-image:url(bg.gif);
background-repeat:repeat-y;
}

#flashcontent {
width: 820px;
height: 500px;
margin:0px;
}

#noflash {
width: 780px;
margin: 25px;
}

#noflash h1 {
color:#FF0066;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

#content {
width: 800px;
margin: 0 auto;
padding: 0px 10px 0px 10px;
}

#top {
width: 800px;
height: 480px;
margin: 0 auto;
}

#bottom {
width: 800px;
height: 490px;
margin: 0 auto;
clear:both;
}

#topleft {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

#topcenter {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

#topright {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

#bottomleft {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

#bottomcenter {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

#bottomright {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}



#footer {
width: 820px;
height: 40px;
clear: both;
background-color:#CCCCCC;
background-image:url(foot.png);
background-repeat:no-repeat;
}

#left2 {
float: left;
width: 490px;
background-color:#FFFFFF;
padding: 10px 0px 10px 20px;
}

#bubbleleft {
float: left;
width: 760px;
background-color:#FFFFFF;
padding: 10px 20px 10px 20px;
}

#right2 {
float: left;
width:260px;
background-color:#FFFFFF;
padding: 68px 0px 10px 20px;
}

strong {
font-weight:500;
}

.list li strong {
font-weight:600;
}

/* red bubble */

div#rb-redbubble-art img
  {
    border: none;
  }
div#rb-redbubble-art
  {
    width: 100%;
    float: left; 
    clear: both;
  }
div#rb-redbubble-art ul
  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
  }
div#rb-redbubble-art ul li
  {
    display: block;
    float: left;
    width: 139px;
    height: 180px;
    margin: 0 8px 8px 0;
    padding: 0 0 8px 0;
  }
div#rb-redbubble-art ul li a.rb-thumbnail img
  {
    width: 135px;
    height: 135px;
    padding: 2px;
    background: white;
    border: 1px solid #ccc;
  }
div#rb-redbubble-art ul li a
  {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
  }