/* -----------------------------------------------------------------------

	Screen CSS
	Design and Dev by New Way Design LLC
	http://www.newwaydesign.com; hooray@newwaydesign.com
	copyright 2009 Piscis Security

------------------------------------------------------------------------- */

/* ----- Generic styles --------------------------------------------------*/
html { margin:0px; padding:0px; background-color: #deedf5;}
body { background-color: #deedf5; width: 100%; min-height: 1000px; text-align: center; font: normal 74%/1 "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #2d2d2d; line-height: 1.6em; }

/* ----- Generic classes -------------------------------------------------*/
.alt { position: absolute; left: -9999px; }
.clear { zoom: 1; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
hr { display:none; }
.padding {padding-bottom: 15px;}


/* ----- Base layout -----------------------------------------------------*/
.wrap { width: 910px; margin: 0 auto;}
.wrap-about { width: 850px; margin: 0 auto;}

/* ----- Header Home-----------------------------------------------------*/

div#header {background: url('../images/bg-top.jpg') repeat-x 50% 0; margin: 0 auto; clear:both;}
div#header-wrap {background: url('../images/bg-top.jpg') repeat-x 50% 0; margin: 0 auto; width: 960px; height: 419px; overflow: hidden;}
div#logo-header {margin: 0; width: 214px;}
h1#logo a {float: left; width: 214px; background: transparent url('../images/logo.png') no-repeat scroll 0 0; margin: 25px; display: block; height: 64px;  text-indent: -9999px; }
div#intro {margin:0; width: 515px; height: 210px; text-align: left; margin-top: 210px; margin-left: 415px;}
.intro-text {font-size: 1.3em; letter-spacing: 1px; line-height: 1.7em; color:#fff; text-align: left; padding-bottom: 10px;}
.button {margin-top:10px;}
.beyond-tools {background: url('../images/intro-text.gif') no-repeat scroll 0 0;}
.services-button {background: url('../images/btn-services.gif') no-repeat scroll 0 0; }

/* ----- Header Interior-----------------------------------------------------*/

div#header-interior {background: url('../images/bg-interior-header.jpg') repeat-x 50% 0; margin: 0 auto; clear:both;}
div#header-interior-wrap {background: url('../images/bg-interior-header.jpg') repeat-x 50% 0; margin: 0 auto; width: 960px; height: 210px; overflow: hidden;}

div#intro-interior {margin:0; text-align: left; margin-top:150px;margin-left: 25px; }
.headerTitle { margin: 0 0 120px; display: block; }
.about {background: url('../images/about.png') no-repeat 0 0; width:841px; height: 27px;}
.news-and-events {background: url('../images/news.png') no-repeat 0 0; width:675px; height: 30px;}
.services {background: url('../images/services.png') no-repeat 0 0; width:601px; height: 29px;}
.contact {background: url('../images/contact.png') no-repeat 0 0; width:891px; height: 25px;}



/* ----- Prim Nav -----------------------------------------------------*/
	ul#nav-primary {position: absolute; padding-left:420px; top: 72px;}
	ul#nav-primary li {float: left; margin-right: 15px;}
	ul#nav-primary li a { display: block; height: 22px; background-repeat: no-repeat; background-position: 0 0; border: none; }
	ul#nav-primary li a:hover, ul#nav-primary li a.current { background-position: 0 -22px; }

		/* ----- HOME -----------------------------------------------------*/
		li#nav-home a { width: 69px; background-image: url("../images/nav-home.gif"); border: none; }
 
 		/* ----- ABOUT -----------------------------------------------------*/
 		li#nav-about a  { width: 69px; background-image: url("../images/nav-about.gif"); border: none;}
		li#nav-about-active  { width: 69px; background-image: url("../images/nav-about-active.gif"); border: none;}
						
		/* ----- Services -----------------------------------------------------*/
		li#nav-services a { width: 102px; background-image: url("../images/nav-services.gif"); border: none;}
		li#nav-services-active { width: 102px; background-image: url("../images/nav-services-active.gif"); border: none;}
		
		/* ----- News -----------------------------------------------------*/
		li#nav-news a { width: 139px; background-image: url("../images/nav-news.gif"); border: none;}
		li#nav-news-active { width: 139px; background-image: url("../images/nav-news-active.gif"); border: none;}
		
		/* ----- CONTACT -----------------------------------------------------*/
		li#nav-contact a { width: 86px; background-image: url("../images/nav-contact.gif"); border: none;}
		li#nav-contact-active { width: 86px; background-image: url("../images/nav-contact-active.gif"); border: none;}
		

/* ----- Secondary Nav -----------------------------------------------------*/
	ul#nav-secondary {background-image: url("../images/bg-sec-nav.png"); width:251px; height:391px;}
	ul#nav-secondary li {float: left; margin-right: 15px;}
	ul#nav-secondary li a { display: block; height: 37px; background-repeat: no-repeat; background-position: 0 0; border: none; }
	ul#nav-secondary li a:hover, ul#nav-secondary li a.current { background-position: 0 -37px; }

		/* ----- Assessment -----------------------------------------------------*/
		li#nav-sec-assessment a { width: 249px; background-image: url("../images/nav-sec-assessment.gif"); border: none; }
		li#nav-sec-assessment-active { width: 249px; background-image: url("../images/nav-sec-assessment-active.gif"); border: none; }
 
 		/* ----- Pen Test -----------------------------------------------------*/
 		li#nav-sec-pentest a  { width: 249px; background-image: url("../images/nav-sec-pentest.gif"); border: none;}
		li#nav-sec-pentest-active  { width: 248px; background-image: url("../images/nav-sec-pentest-active.gif"); border: none;}
						
		/* ----- Program Improvement -----------------------------------------------------*/
		li#nav-sec-prg a { width: 249px; background-image: url("../images/nav-sec-prg.gif"); border: none;}
		li#nav-sec-prg-active { width: 248px; background-image: url("../images/nav-sec-prg-active.gif"); border: none;}
		
		/* ----- Secure Development -----------------------------------------------*/
		li#nav-sec-secure a { width: 249px; background-image: url("../images/nav-sec-secure.gif"); border: none;}
		li#nav-sec-secure-active { width: 249px; background-image: url("../images/nav-sec-secure-active.gif"); border: none;}
		
		/* ----- Gov't Services -----------------------------------------------------*/
		li#nav-sec-gvt a { width: 249px; background-image: url("../images/nav-sec-gvt.gif"); border: none;}
		li#nav-sec-gvt-active { width: 249px; background-image: url("../images/nav-sec-gvt-active.gif"); border: none;}
		
		/* ----- Help -----------------------------------------------------*/
		li#nav-sec-help a { width: 249px; background-image: url("../images/nav-sec-help.gif"); border: none;}
		li#nav-sec-help-active { width: 249px; background-image: url("../images/nav-sec-help-active.gif"); border: none;}
		
		
/* ----- Main Body -----------------------------------------------------*/
div#push {background: url('../images/bg-body.jpg') repeat-y 50% 0; margin: 0 auto; text-align: left; padding:20px; clear: both;}
div#push-left {width: 280px; padding-right: 30px; float: left;}
div#push-mid {width: 280px; padding-right: 20px; float: left;}
div#push-right {width: 290px; float: right;}
.divider {border-bottom: 1px solid #b1d1de; margin-bottom: 20px; margin-top: 10px;}		
.arrow {padding-left: 3px; padding-bottom: 1px;}
.img {border: 1px solid #b1d1de; margin-bottom: 15px;}
.portrait {border: 2px solid #fff; margin-bottom: 15px;}
.floatLeft {float: left; width:400px;}		

div#left-column {width: 250px; margin-top:20px; float: left;}	
div#right-column {width: 560px; margin-bottom:50px; float: left;}
div#right-column-services {width: 620px; margin:10px 0 0 25px; float: left;}
div#right-column-help {width: 600px; margin:10px 25px; float: left;}	
		
ul#list {margin: 0; padding-bottom: 10px;}
ul#list li {list-style-type: disc; list-style-position: outside; margin-left: 15px; padding-bottom: 10px;}
ul#list li li{list-style-type: disc; list-style-position: outside; margin-left: 25px; padding-bottom: 5px; padding-top: 5px;}

div#push-marketing-contact {float: right; width:190px; margin-top:10px;}
div#push-marketing-contact h4 {background: url('../images/push-need-help.gif') no-repeat scroll 0 0; height: 43px; width: 190px; }
.push { background: transparent url('../images/push-body.gif') no-repeat scroll 0 0; height: 125px;}
div#push-marketing-contact p {padding:10px 20px 10px 20px; text-align: center;}

.button-email {margin-top:15px;}
.opening-paragraph {font-size: 1.2em; font-style: oblique Helvetica, Arial, Verdana, sans-serif; color: #2d2d2d; }

div#left-help { width:240px; float: left; border-right: 1px solid #bedbe7;}
div#right-help { width:260px; float: left; margin-left: 35px;}
div#left-help li {list-style-image: url('../images/help-arrow.jpg'); list-style-position: outside; margin-left: 15px; padding-bottom: 5px;}
div#right-help li {list-style-image: url('../images/help-arrow.jpg'); list-style-position: outside; margin-left: 15px; padding-bottom: 5px;}


/* ----- Footer -----------------------------------------------------*/
div#footer {background: url('../images/bg-footer.jpg') repeat-x 50% 0; margin: 0 auto; text-align: left;height: 154px;clear: both;}		
div#right{float: right; margin-top:15px;}
div#right a {color:#fff; text-decoration: none;}
div#right a:hover {color:#dd1a22;}
div#left {float: left; margin-top: 15px;}
div#left p {color: #fff;}

/* ----- Typography -----------------------------------------------------*/
h1 {font: 2em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; line-height: 1.5em; }

h2 {font: 28px 'avenir', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#002383; padding-top: 15px;}

h3 {font: 24px 'avenir', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2150ad;  padding: 10px 0 5px; }

h4 {font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #002784; }

h5 {font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #dd1a22; padding-bottom: 10px; }

p {font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d2d2d; line-height: 1.5em; padding-bottom: 15px;}

a { color: #002784; text-decoration: underline; border:none; }
a:hover { color: #dd1a22; text-decoration: none;}