/* -----------------------------------------------------------------------
Project Name: Procyon
Filename: screen.css
Author: Cory Schadt | Cornerstone Technologies
----------------------------------------------------------------------- */
@import url("reset.css");
/* -------------------- General Selectors ----------------------------- */
html { font-size:100.01%; }
body { color:#65767f; background:#19379E url(../images/bg.gif) repeat-x top; font: 75%/1.5em Arial, Helvetica, sans-serif; }
p { padding: 0px; margin-top: 0; margin-right: 0; margin-bottom: 1.5em; margin-left: 0; }
a { color:#2583ad; text-decoration:none; }
a:focus, a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: -1px; }
h1, #sidebar h3 { font-size: 1.5em; line-height: 1em; margin-bottom: .95em; color: #a12f1c; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.3em; }
h2 { font-size: 1.25em; margin-bottom: 0.75em; color: #333; line-height: 1em; }
h3 { font-size: 1.25em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.25em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
.clear { clear: both; }
.skip-nav { display: none; }
.right { float: right; }
.left { float: left; }
#wrapper { margin: 0px auto; padding: 0px; width: 840px; margin: 0px auto; }
#masthead { height: 118px; position: relative; height: 118px; background: url(../images/logo.png) no-repeat -15px 5px;
}

body#page-home #sidebar { float: right; width: 228px; margin: 0px; padding: 0px; border-style: none; }
body#page-home #sidebar p { font-size: 11px; border-style: none; padding: 0px; margin: 0px 0px 1em 45px; line-height: 15px; color: #65767f; }
body#page-home #sidebar ul li { font-size: 11px; border-style: none; padding: 0px 0px 0px 20px; margin: 0px 0px 5px 20px; line-height: 20px; color: #65767f; background: url(../images/arrow.gif) no-repeat left 1px; list-style: none; }
div.cal { background: url(../images/cal.gif); height: 36px; width: 35px; color: #333; text-align: center; float: left; }
div.cal .month { display: block; font-size: 11px; margin: 0px; padding: 0px; line-height: 15px; }
div.cal .day { font-size: 12px; margin-top: 0px; display: block; }
#banner { height: 300px; background: #FFF; margin: 0px; padding: 18px 18px 0px; position: relative; }
body#page-home #content-wrapper { background: #FFF; margin: 0px 0px 18px; padding: 18px 18px 0px; background: #FFF; min-height:200px; _height: 200px; }
body#page-home #content { float: left; width: 534px; float: left; margin: 0px; padding: 0px; }
ul#nav { float:left; width:495px; height:27px; background:url(../images/nav.gif) no-repeat left top; position:absolute; top:91px; left:345px; text-indent:-9999px; margin:0px; padding:0px; overflow: hidden; }
#nav li { display:block; position:absolute; list-style:none; }
#nav li, #nav a { display:block; height:27px; margin: 0px; padding: 0px; }
#nav a, #nav a:hover { text-decoration:none; }
#nav-home { left:0px; width:123px; }
#nav-team { left:124px; width:123px; }
#nav-operations { left:248px; width:123px; }
#nav-contact { left:372px; width:123px; }
#nav-home a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: 0px -27px; }
#nav-team a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -124px -27px; }
#nav-operations a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -248px -27px; }
#nav-contact a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -372px -27px; }
#page-home #nav-home, #page-home #nav-home a:hover { background:url(../images/nav.gif) 0px -54px no-repeat; }
#page-team #nav-team, #page-team #nav-team a:hover { background:url(../images/nav.gif) -124px -54px no-repeat; }
#page-operations #nav-operations, #page-operations #nav-operations a:hover { background:url(../images/nav.gif) -248px -54px no-repeat; }
#page-contact #nav-contact, #page-contact #nav-contact a:hover { background:url(../images/nav.gif) -372px -54px no-repeat; }
.pics { height: 282px; width: 804px; padding:0; margin:0; overflow: hidden }
.pics img { height: 282px; width: 804px; top:0; left:0 }
#pager { position: absolute; top: 274px; z-index: 10; right: 32px; }
#pager a { line-height: 15px; background: url(../images/square.gif) 0px; height: 15px; width: 15px; margin-right: 3px; margin-left: 3px; display: block; float: left; font-size: xx-small; text-indent: -999999px; }
#pager a.activeSlide, #pager a.activeSlide:hover { background: url(../images/square.gif) -15px; height: 15px; width: 15px; }
#pager a:hover { background: url(../images/square.gif) -30px; height: 15px; width: 15px; }
#content-wrapper { background: #FFF; margin: 0px 0px 18px; padding: 36px 18px 0px; background: #FFF; min-height: 300px; _height: 300px; }
#content { float: left; margin: 0px; padding: 0px 0px 18px; width: 480px; float: left; }
#sidebar { float: right; width: 264px; margin: 0px; padding: 2px; border: 1px solid #CCC; }
#sidebar p { margin: 8px 5px; padding: 8px 0px 0px; border-top: 1px dotted #CCC; font-size: 11px; line-height: 11px; }
#footer { background: #FFF; margin: 0px 0px 18px; padding: 0px; height: 100px; background: #FFF url(../images/footer-bg.gif); width: 840px; position: relative; }
#footer p { position: absolute; left: 238px; top: 19px; width: 450px; font-size: 11px; line-height: 16px; }
#footer ul { position: absolute; margin: 0px; padding: 0px; list-style: none; left: 719px; top: 19px; }
#footer ul li { font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; line-height: 16px; }
#logo { font-size: xx-small; text-indent: -9999px; overflow: hidden; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: absolute; z-index: 10; top: 40px; }
#logo a { display: block; width: 420px; height: 25px; }
div.summary { border: 1px none #CCC; padding: 50px 15px 0px 0px; height: 200px; }
div.summary img { float: left; margin-right: 15px; padding: 1px; border: 1px solid #999; margin-top: -50px; }
/* the overlayed element */
.simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#fff; width:675px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
/* close button positioned on upper right corner */
.simple_overlay .close { background-image:url(../images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }