body {
 margin: 0px;
}

/* clear classes for content */

.clearleft { clear: left; }

.clearright { clear: right; }

.clearboth { clear: both; }

/* Float classes for images */

.floatleft { float: left; margin: 0 10px 5px 0 !important; }

.floatright { float: right; margin: 0 0 5px 10px !important; }

.floatleft .caption { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-top: 5px; }


/* New CSS */

#header {
}

#logo-title {
 padding: 10px;
 height: 65px;
 background: #00aeef url(/themes/creativebox/images/header_bg.gif) repeat-x bottom left;
}

#navigation, #footer {
 padding: 10px;
 background-color: #000;
}

#navigation a {
 color: #fff;
}

#navigation a:hover {
 color: #fff200;
}

#main {
 background-color: #fff;
 padding: 15px 0px 15px 15px;
 min-height: 400px;
}

h1, h2, h3 {
 font-family: Helvetica, Arial;
}

#creative-box h1 {
  font-size: 30px;
  font-weight: normal;
  color: #00AEEF;
  margin-bottom: 2px;
}

h2 {
 font-size: 20px;
 margin-bottom: 2px;
}


h2 a:link, h2 a:visited {
 color: #00aeef;
 font-weight: normal;
}

.submitted {
 color: #666;
 margin-bottom: 5px;
 font-size: 11px;
}

ul.links .first {
 padding-left: 0px;
}

.node .content {
 margin-bottom: 7px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}