/*
**	File: screen.css
**	Media: screen
**	Copyright: (c) 2008 Revive Communications, LLC www.reviveusa.com
**	Author: Brandon Neil Richards
**	Notes: 
*/
/* Reset Defaults */
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, font, img, ins, kbd, q, s, samp, small, strike, 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;}
:focus { outline: 0;}
ul { list-style: none;}
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: normal 62.5% Arial, Verdana, Helvetica, sans-serif; color: #000; height: 100%; background: #012233 url(../images/body_bg.png) repeat-x;}

h1, dt{font: bold 1.8em/1.8em Arial, Verdana, Helvetica, sans-serif; color: #003D58; }
h2{font: bold 1.6em/1.6em Arial, Verdana, Helvetica, sans-serif; color: #003D58; }
h3{font: bold 1.4em/1.4em Arial, Verdana, Helvetica, sans-serif; color: #012233; margin: 0 0 10px 0;}
h4{font: bold 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif; color: #000;}
h5{}
h6{}
p{font: normal 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif; margin: 0 0 12px 0;}

a:link, a:visited, a:active{ color: #176B90; text-decoration: none;}
a:visited:hover, a:hover, a:focus{ color: #176B90; text-decoration: underline;}

blockquote{}
dl{padding: 4px 0;}
ul{}
ol{}
dt{margin: 10px 0 0 0;}
dd{font: normal 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif;}
li{font: normal 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif;}

.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center{text-align: center;}
.float-left{float: left;}
.float-right{float: right;}
.hide{display: none;}
.clear-left{clear: left;}
.clear-right{clear:right;}
.push{clear:both;}
.no_margin_bottom { margin-bottom: 0;}
.container{margin: 0 auto; width: 800px;}

.overflow { width: 100%; overflow: hidden; }
.margin-top { margin-top: 20px; }
.panel_photos { float: left; width: 25%; display: inline; }
.p_image img { background: #fff; padding: 8px; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; border-right:3px solid #e8e8e8; border-bottom:3px solid #e8e8e8; margin-bottom:15px; }
.panel_content { float: right; width: 65%; display: inline; }

#wrapper{}
#masthead{background: #E8E8E8 url(../images/body_bg.png) repeat-x;}
#masthead .logo{width: 202px; height: 100px;}
#masthead .moreinfo{height: 35px; margin:0 20px 0 0; font: italic 1.1em/3.1em Georgia, "Times New Roman", Times, serif; color: #888888;}
#navigation{height: 70px; width:562px;}
#navigation ul{height: 35px;}
#navigation li{display: inline; margin: 0 0 0 28px; float: right;}
#navigation a:link, #navigation a:visited, #navigation a:active{display: block; font-weight: bolder; line-height: 3.5em;float: left; height: 35px; text-transform: uppercase; color:#3D3D3D;}
#navigation a:visited:hover, #navigation a:hover, #navigation a:focus{text-transform: uppercase; color:#FFF; text-decoration: none;}

body.home #navigation a#home,
body.aboutus #navigation a#aboutus,
body.press #navigation a#press,
body.learnmore #navigation a#learnmore,
body.casestudies #navigation a#casestudies,
body.contactus #navigation a#contactus{ color: #FFF;}

body.home #navigation a#home:hover,
body.aboutus #navigation a#aboutus:hover,
body.press #navigation a#press:hover,
body.learnmore #navigation a#learnmore:hover,
body.casestudies #navigation a#casestudies:hover,
body.contactus #navigation a#contactus:hover{ color: #FFF;}

#maincontainer{background: #E8E8E8;}
#maincontainer .container.sub{padding: 0 0 17px 0; background: transparent url(../images/main_sub_bg.png) -7px bottom no-repeat;}
#main{border: 1px solid #CCC; width: 526px; min-height: 274px; padding: 15px 20px; background: #FFF;}
#mainhome{border: 1px solid #CCC; width: 536px; height: 274px; padding: 15px; background: #FFF;}
#mainhome ul#rotate{list-style-type: none; height: 274px; margin: 0; padding: 0; overflow: hidden;}
#main ul{margin: 0 0 10px 0; }
#main ul li {margin: 0 0 0 32px; margin-bottom: 6px; list-style: disc; padding-left: 4px; }
#main ol li {margin: 0 0 0 38px; margin-bottom: 6px; display: list-item; padding-left: 4px;}
#main ol{list-style-position: outside; margin: 0 0 10px 0; }

#sidebar{width: 224px;padding: 0 0 0 8px;}
#sidebar h1{margin: 28px 0 14px 0;}
#sidebar h2{margin: 28px 0 14px 0;}
#sidebar p{font: 1.4em/1.4em Arial, Verdana, Helvetica, sans-serif; color: #666; padding: 0 10px 0 0;}
#sidebar ul{margin: 20px 0 0 0;}
#sidebar li{border-bottom: 1px solid #CCC;}
#sidebar a:link, #sidebar a:visited, #sidebar a:active{display: block; color: #777; font: bolder 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif; padding: 6px 0 6px 10px;}
#sidebar a:visited:hover, #sidebar a:hover, #sidebar a:focus{color: #3B3B3B; text-decoration: none;}
#sidebar .dd_email a:link, #sidebar .dd_email a:visited, #sidebar .dd_email a:active{ color: #176B90; text-decoration: none; font-size:.875em; padding:0;}
#sidebar .dd_email a:visited:hover, #sidebar .dd_email a:hover, #sidebar .dd_email a:focus{ color: #176B90; text-decoration: underline;}

#leadin{ height: 165px;}
#leadin .container{padding: 25px 0; border-top: 3px solid #D6D6D6;}
#leadin ul{}
#leadin li{float: left; width: 275px;}
#leadin li.last{ width: 246px;}

#viral{background: #176B90; height: 140px;}
#viral .container{ padding: 25px 25px 0 25px; }
#viral .section{ width: 388px; height: 95px; }
#viral .section.septum{background: transparent url(../images/viral_section_septum.png) right repeat-y; padding: 0 15px 0 0;}
#viral .icon{ padding: 0 11px;}
#viral .content{width: 300px;}
#viral h3 {color: #FFF;}
#viral p{color: #8ECAE6;}
#viral a:link, #viral a:visited, #viral a:active{font-size: 1em; color:#FFF;}
#viral a:visited:hover, #viral a:hover, #viral a:focus{color:#FFF;}

#footer{}
#footer .container{margin: 20px auto 0 auto; width: 800px;}
#footer p{font-size: 1.1em; color:#556F7C;}
#footer a:link, #footer a:visited, #footer a:active{color:#ffffff;}
#footer a:visited:hover, #footer a:hover, #footer a:focus{color:#ffffff;}

#inactive {color: red;}
#video {margin: 15px auto 20px auto; width: 100%; overflow: hidden; text-align: center;}
.email {width: 46px; margin: 0 0 0 -10px;}
#animation p div{display: inline;}