﻿@import 'reset.css';
@import 'defaults.css';

body { color: #323232; background: #fff; }

#container { width: 950px; margin: 0 auto; position: relative; }

#header { background: #1f3e64 url(../image/header.png) repeat-x; position: relative; }
#header h1 { background: #1f3e64 url(../image/logo.png) no-repeat; width: 280px; text-indent: -999em; }
#header h2 { background: #1f3e64 url(../image/logo2.png) no-repeat; width: 210px; text-indent: -999em; position: absolute; top: 0%; right: 0%; }
#header h1 a, #header h2 a { display: block; height: 120px; }
#header h3 { background: #1f3e64 url(../image/fb.png) no-repeat; text-indent: -999em; width: 152px; position: absolute; top: 68px; left: 473px; }
#header h3 a { display: block; height: 39px; }

#mainImage { background: #fff url(../image/gallery.png) no-repeat; margin: 14px 0 0; }

#features { background: #fff url(../image/content.png) repeat-x; margin: 13px 0 0; padding: 0; }
/* LI's have dp25 set, this is where the float/width is coming from */
#features li { list-style: none outside; font-size: .8em; }
#features li .padding { padding: 14px; }
#features li h2 { color: #234773; text-transform: uppercase; font-size: 1.1em; }

#footer { color: #fff; background: #000 url(../image/footer.png) repeat-x; text-align: right; padding: 1.5em 2em; }
#footer a { color: #fff; text-decoration: none; }