/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/**/

body { font-family: Helvetica, arial, sans-serif; color: #5b5b5b; font-size: 12px;}

/* Typo */

p{padding: 5px 0px; line-height: 14px;}
p.feature {padding: 5px 20px; color: #5b5b5b; line-height: 14px;}
p.home { padding: 5px 10px;  line-height: 14px;}
h1 {font-size: 24px; padding: 10px 0; color: #5b5b5b; font-weight: normal;}
h1 a { color: #5b5b5b; text-decoration: none;}
h1.feature { color: #ea7c1f;}
h2 {font-size: 18px; padding: 5px 0px;}
h3 { font-size: 16px; padding: 5px 0px; }
img {margin:3px 5px 3px 0;}
table tr td {padding: 5px 10px; font-size: 12px;}
p a {color: #ea7c1f; text-decoration: none;}
p a:hover {color: #ea7c1f; text-decoration: underline;}
hr {border-top: 0px dotted #FFF; border-bottom: 1px dotted #999; border-left: 0px dotted #FFF; border-right: 0px dotted #FFF; margin: 10px 20px;}
.caption { font-style: italic; padding: 5px 10px; color: #666; }
/**/

/* STRUCTURE */

#home-page-wrap{background: transparent url(../images/home-header-bg.png) repeat-x;  min-height: 100%; height: auto !important; height: 100%;}
#page-wrap{background: transparent url(../images/header-bg.png) repeat-x;  min-height: 100%; height: auto !important; height: 100%;}
#content-wrap{width:986px; margin: 0 auto -250px; padding: 0 13px; }
#header{height: 133px;}
#logo{float: left; width: 258px; height: 92px; background: transparent url(../images/cdr-logo.png) no-repeat; margin: 3px 0 5px 26px; }
#nav-wrap{float: left; height: 30px; width: 988px; margin: 8px 0 0 0; text-align: center;}
#top-nav { float: right; padding-top: 10px; }
#top-nav li {display: inline; padding-right: 15px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#top-nav li a{color: #5b5b5b; text-decoration: none;}
#top-nav li a:hover {color: #000;}
#home-band{height: 222px; background: transparent url(../images/home-band2.png) no-repeat; }

.home-column{float: left; width: 300px; margin: 0 10px;}
.feature {background-color: #fafafa; padding: 5px;}

#home-content{margin-top: 32px; padding: 0 13px; }
#home-content-left{float: left; width:359px; height: 279px; padding: 10px; background: transparent url(../images/feature-bg.png) no-repeat;}
#home-content-right{float: right; width: 515px;}
#home-content-right ul.floatLeft{ width:150px; padding: 5px 10px; }
#home-content-right ul.floatLeft li {padding: 0px;}
#home-content-right a {color: #ea7c1f; font-size: 10px; text-decoration: none;}
#content{ padding: 0 10px; background: #FFF url(../images/content-bg.png) repeat-y;}
#content-left{float: left; padding: 0px; width: 180px; min-height: 300px;}
#content-left li { padding-bottom: 5px; }
#content-left li a {color: #ea7c1f; font-size: 12px; text-decoration: none; padding-left: 10px; }
#content-right{float: right; padding: 10px; width: 736px;}
#content-right li { padding-bottom: 5px; line-height: 16px; }
#content-right li a {color: #ea7c1f; font-size: 12px; text-decoration: none; padding-left: 10px; }

#twitter_div a {color: #ea7c1f; text-decoration: none;}
#twitter_div a:hover{color: #000;}
#twitter_div ul li { padding: 10px 0;}

#footer{height: 250px; padding: 20px; background-color: #fafafa; }
#footer-inside{width:986px; padding: 10px 40px; margin: 0 auto;}
#footer-nav {float: left; padding-left: 10px;}
#footer-nav li {display: inline; padding-right: 25px; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#footer-nav li a{color: #5b5b5b; text-decoration: none;}
#footer-nav li a:hover {color: #000;}
#footer-legal{float: left;}

#content-right ul {display: block; margin-left: 30px;}
#content-right ul li {padding: 5px 10px; font-size: 12px; list-style: circle;}

#push { height: 250px;}

/**/



/**/

/* Misc */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; background: none; }
.border { border: 1px solid #000; }