body {
 font-family: helvetica, arial, sans-serif;
 font-size:100%;
 color: #333;
 padding: 0;
 margin: 0 auto;
 text-align: left;
 vertical-align: top;
 border: 0;
}

img {
 border: 0;
}

a, a:link, a:visited {
 color: #09c;
 text-decoration: none;
}

a:hover {
 color: #c5e1ed;
 text-decoration: underline;
}

/***------------------------------------
LAYOUT
------------------------------------***/

#container {
 width: 960px;
 margin: 0 auto;
 padding: 0;

}

#header {
 margin: 0;
 padding: 10px 0px 0px 0px;
 background: url(images/topbar.gif) top left no-repeat;
}

#header-left { 
 width: 280px;
 margin: 0;
 padding: 0;
 float: left;
}

#header-right {
 width: 640px;
 margin: 0px 0px 0px 40px;
 padding: 0;
 float: right;
 text-align: right;
}

#header-right .inner {
}

#header-right ul {
 list-style: none;
 margin: 10px 0px 0px 0px;
 padding: 0;
}

#header-right li {
 margin: 0px 0px 0px 5px;
 padding: 0;
 display: inline;
}

#title {
 margin: 80px 0px 0px 0px;
 padding: 0;
}

#main {
 width: 960px;
 margin: 0px 0px 40px 0px;
 padding: 0;
}

#left {
 float: left;
 width: 280px;
 margin: 0px 40px 0px 0px;
 padding: 0;
}

#right {
 float: left;
 width: 640px;
 margin: 0;
 padding: 0;
}

#descrip {
 margin-top: 10px;
 margin-left: 2px;
}

#footer {
 float: left;
 width: 960px;
 margin: 40px 0px 0px 0px;
 padding: 0;
}

.footer-img {
 float: left;
}

.callout {
 width: 340px;
 float: left;
}

.callout-title {
 width: 300px;
 margin: 8px 0px 0px 40px;
 background-color: #ebebeb;
}

.callout-title .inner {
 height: 5px;
 line-height: 33px;
 padding-right: 10px;
 padding-left: 4px;
 text-align: left;
 font-size: 0.75em;
 font-weight: bold;
}

.callout-text {
 width: 300px;
 margin: 0px 0px 0px 40px;
 padding: 0px;
}

#bottom {
 float: left;
 display: block;
 width: 960px;
 height: 33px;
 background-color: #ebebeb;
 clear: both;
 padding: 4px;
 font-size: .75em;
 margin-top: 40px;
}

/***------------------------------------
TYPOGRAPHY
------------------------------------***/

h1 {
 font-size: 2.25em; /* 36px */; 
 margin: 0px 0px 10px 0px;
}

h2 {
 font-size: 1.5em; /* 24px */
 margin: 0;
 padding: 0;
}

h3 {
 font-size: 1.125em; /* 18px */
 font-weight: bold;
 background: #ebebeb;
 margin: 0;
 padding: 5px 0px 5px 10px;
}

h4 {
 font-size: 0.875em; /* 14px */
 margin: 0;
 padding: 0;
 line-height: 1.75;
 font-weight: normal;
}

#header h4 {
 font-size: 0.875em; /* 14px */
 margin: 0;
 padding: 0;
 line-height: 1.75;
 font-weight: bold;
}

p {
 font-size: 0.75em; /* 12px */
 line-height: 1.75;
}

strong {
 font-weight: bold;
}

h4 span {
 color: #09c;
}

/***------------------------------------
LINKS
------------------------------------***/

#title a, #title a:link, #title a:visited {
 text-decoration: none;
 color: #333;
}

#title a:hover {
 text-decoration: none;
 color: #09c;
}

#header-right a, #header-right a:link, #header-right a:visited {
 text-decoration: none; 
 background-color: #ebebeb;
 padding: 10px 20px 10px 20px;
 color: #333;
 font-size: 0.75em;
}

#header-right a:hover {
 text-decoration: none;
 background-color: #09c;
 color: #fff;
 padding: 10px 20px 10px 20px;
 font-size: 0.75em;
}