/* CSS Document */
body {margin:0; padding:0; background:#fff; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body.mceContentBody {background:#fff; font-size:11px; color:#333}

a {text-decoration:none; color:inherit}

h1, h2, h3, h4, h5, p {margin:0; padding:0 0 10px 0;}
h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:20px; padding:0 0 5px 0;}
h5 {font-size:12px;}
p { line-height:18px}
p a {color:#999; text-decoration:underline}
p a:hover {color:#CC0000; text-decoration:none}
p a img{text-decoration:none; border:1px solid #ccc}
small {font-size:10px;}
blockquote {margin:8px; padding:20px; background:#f7f4ec; font-style:italic; font-size:12px; line-height:18px;}

.left {width:45%; padding:5px;}
.right {width:45%; float:right; padding:5px}

.caption {color:#000; font-size:12px}

div.clear { clear: both; }

#container {width:956px; margin:13px auto 0 auto;}

h1#logo {margin-bottom:8px; padding-top:7px;}
h2#cta {float:right; margin:0; padding:0; color:#cc0000; margin-bottom:10px; }

ul#nav {list-style:none; margin:0px 0 0 0; padding:0; float:right; font-size:14px; font-weight:bold; clear:right; }
ul#nav li {display:inline-block; height:20px; padding:11px 10px 13px 10px; float:left}
ul#nav li:hover {background:#d53c14; color:#fff; cursor:pointer}
ul#nav li:hover a {color:#fff;}
ul#nav li.on {background:#cc0000; color:#fff;}

#header {height:320px; background:url(../images/header_rbg.jpg) repeat-x; padding:30px 30px 0 30px; color:#fff;}
#header.black {background:url(../images/header_bbg.jpg) repeat-x;}
#header img {float:right}
#header .title {height:220px; padding-top:20px; width:500px}
#header .breadcrumb {color:#333; margin-left:-30px; font-size:11px}
#header .breadcrumb a {color:#000; font-weight:bold;}
#header .breadcrumb a:hover {color:#cc0000;}
#header .breadcrumb span.divider {margin:0 4px}

#mainpanel {width:896px; margin:10px auto}
#mainpanel p {color:#444;}
#maincontent.sub #mainpanel {width:636px; margin:0px 20px 10px 0; float:right}

.polaroid {position:absolute; margin:-15px 0 0 513px;}

#sectionnav {width:230px;}
#sectionnav ul {list-style:none; padding:0 0 8px 0; margin:0; border-top:2px solid #ebebeb; color:#cc0000; font-weight:bold;}
#sectionnav ul a {color:#cc0000;}
#sectionnav ul li {border-bottom:2px solid #ebebeb; padding:8px 0;}
#sectionnav ul li:hover {background:#f7f7f7; padding-left:5px;}
#sectionnav ul ul {margin:0 0 0 20px; padding:0; border-top:none; color:#747474}
#sectionnav ul ul li {border-bottom:none;}
#sectionnav ul ul li:hover {padding-left:0}
#sectionnav ul ul ul li {list-style:circle}
#sectionnav ul ul ul ul {color:#4f94c5; font-size:11px}

ul#news li h5 {padding:0 0 3px 0; color:#cc0000;}
ul#news p {font-weight:normal; font-size:11px}
ul#news a p {color:#444}

ul#casestudies {margin:0; padding:0}
ul#casestudies li.casestudy {padding:5px 0; margin:5px 0; border-bottom:1px dashed #ccc; list-style:none}
ul#casestudies li.casestudy img {float:right; margin-left:10px;}
ul#casestudies li.casestudy h3 {font-size:14px; color:#000;}
ul#casestudies li.casestudy p {font-size:11px;}
ul#casestudies li.casestudy a {color:#cc0000;}

#footer {background:#f7f4ec; padding:30px; color:#535152}
#footer .col1 {float:left; width:180px;}
#footer .col2 {margin-left:200px; width:245px;}
#footer .col3 {float:right;	width:340px}
#footer .col3 li {display:inline-block; border:3px #fff solid; border-bottom:7px solid #fff; width:91px; height:83px; float:left; margin-right:15px}

#footer ul {list-style:none; margin:0; padding:0}
#footer ul li {}

ul#footernav {list-style:none; margin:10px 0; padding:0; font-size:10px}
ul#footernav li {display:inline; margin:0 10px 0 0; padding:3px 6px}
ul#footernav li:hover {background:#cc0000; color:#fff}