﻿/* Reset Browser Defaults */

html, body, button, 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;
}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

body{
	font:normal 13px Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#00090d url(../img/bg.gif) repeat-x;
	color:white;
}


a, a:link { color: #3ecbff; text-decoration: underline; }
/*a:visited { color: #309ec6; }*/
a:hover, a:active { color: #74d700; }

strong{ font-weight:bold; }
em{	font-style:italic; }
sup { vertical-align: super; font-size: .4em; }

p{ margin:0 0 6px; }

h1 {
	color:#76c100;
	font-size:30px;
	font-style:normal;
	font-weight:lighter;
}

h2 { color:white; font-size:15px; font-weight:bold; }
blockquote { color:#004a65; font-size:20px; padding-right:20px; margin-left: 2px; max-width: 750px; }

/* CMS Edit link */
#cms-edit-link { z-index: 9999; position: fixed; top: 75px; color: white; font-weight: bold; left: 0; border: 3px solid black; border-left: none; background: #C42622; padding: 5px;}
#cms-edit-link:hover { background: black;  border-color: #c42622; }

.container { text-align:left; width:960px; margin:0 auto; }

/*.green { 	color:#6dca00; }*/
.green { 	color:#74d700; }
.dkgreen { 	color:#549c00; }
.dkrgreen { color:#4b9e00; }
.blue { 	color:#00baff; }
.mdblue { 	color:#309ec6; }
.dkblue { 	color:#004a65; }
.grey { 	color:#acacac; }
.dkgrey { 	color:#666;}
.blue-grey {color:#2c383c; }

/*h2.green, h2.blue { color:white; margin:-12px -12px 20px -12px; padding:5px 10px; height:20px; overflow:hidden; text-transform:uppercase;}
h2.green { background:#2a4d00 url(../img/subhead-bg-green.gif) 0 0 repeat-x;}
h2.blue { background:#003346 url(../img/subhead-bg-blue.gif) 0 0 repeat-x; }*/

/*a.green, a.green:link { color: #74d700; text-decoration: underline; }
a.green:visited { color: #549c00; }
a.green:hover, a.green:active { color: #3ecbff; }*/

.box { background:#000a0e; border:1px solid #bababa; float:left; margin:0 18px 12px 0; padding:12px 12px 24px; position: relative;}
.box p { margin-left:6px; margin-right:6px; }
.box h3 { text-transform:uppercase; margin-bottom:12px; }
.box.narrow p { margin-left:0; margin-right:0; }
/*.box.narrow p, .box.narrow h3 { font-size:12px; }*/
.box.green, .box.blue { color:white; }
.box.green a, .box.blue a { text-decoration:none; }
.box.green a, .box.green a:link { color: #74d700; }
/*.box.green a:visited { color: #549c00; }*/
.box.green a:hover, .box.green a:active, .box.blue a:hover, .box.blue a:active { text-decoration:underline; }
.box.blue a, .box.blue a:link { color: #00baff; }
/*.box.blue a:visited { color: #309ec6; }*/
.box.blue a:hover, .box.blue a:active { color:#00baff; }
.box.green.white a, .box.green.white a:link { color: #5aa700; }
.box.blue.white a, .box.blue.white a:link { color: #004a65; }


.box.green h2, .box.blue h2 { color:white; margin:-12px -12px 20px -12px; padding:10px 15px; height:20px; overflow:hidden;}
.box.green h2 { background:#2a4d00 url(../img/subhead-bg-green.gif) 0 0 repeat-x; }
.box.blue  h2 { background:#003346 url(../img/subhead-bg-blue.gif) 0 0 repeat-x; }
.box.white { background:white url("../img/whiteback.gif") repeat-y; color:black; }
.box.white p { margin-left:0; margin-right:0; }
.box.white h3 { color:#4b9e00; font-size:20px; font-weight:normal; margin:30px 0 12px; }
.box.white .bottom { position: absolute; bottom: 0; left: 0; width: 958px; background: white url("../img/bottom.gif") bottom left; }
.box.white .bottom-616 { position: absolute; bottom: 0; left: 0; width: 616px; background: white url("../img/bottom-616.gif") bottom left; }
.box .pdf { border: 1px solid #96dcf7; text-align: left; padding: .5em; width: 264px; }
.box .pdf a { line-height: 1.3em; position: relative; top: -.1em; color: #007db1 !important; }
.box .pdf img { float: left; }
.box .pdf h3 { margin: .5em; padding-bottom: .5em; color: black; font-size: 12px; width: 95%; border-bottom: 1px solid #96dcf7; }
.box .pdf p { margin-left: 55px; }
.box .pdf p a img { float: none; }
.box .downloadbutton { float: right; clear: right; background: url("../img/downloadbutton.gif") top left no-repeat; 
						color: white; font-weight: bold; text-align: center; padding-left: 0; width: 195px; height: 45px; margin-top: 10px; }
.box .centercolumn { width: 420px; margin-left: 300px; }
.box .content-photos { float: left; margin-right: 10px; margin-left: 2px; }

.box ul.actual { list-style: disc; position: relative; left: 1em; margin-top: .5em; }
.box ul.actual ul { list-style: disc; position: relative; left: 1em; }
.box ul li { margin: .25em 0; }

.contentitem { clear: both; margin: 10px 120px 2em 2px; }
.contentitem h3 { margin-top: -4px !important; }
.contentitem p, .contentitem h3, .contentitem ul { margin-left: 295px !important; }

.ne-item { border-bottom: 1px solid gray; margin-bottom: 1em; padding-bottom: 1em; margin-left: 3px; }
.ne-item .date { width: 5em; float: left; }
.ne-item p { margin-left: 6em !important; }
.ne-item a { color: #007db1 !important; }
.newsvideo { border-bottom: 1px solid gray; margin-bottom: 1em; padding-bottom: 1em; }
.newsvideo h4 { margin-top: 3px !important; font-size: 16px !important; }
.newsvideo h4 a { color: #007db1 !important;  }
.newsvideo .date { margin-top: 2em; font-size: 16px; color: #007db1; }
.archivelinks { float: left; font-size: 16px; margin-right: 20px; margin-top: 0; }
.archivelinks a { text-decoration: none; }
.archivelinks li { background:transparent url(../img/arrow.gif) no-repeat scroll left center; padding-left: 18px; margin: 0; }


.caption { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; width: 290px; }

.arrowlink { padding-right: 10px; background: url("../img/link-arrow-white.gif") right no-repeat; color: #007db1 !important; }
.larrowlink { padding-left: 10px; background: url("../img/left-arrow-white.gif") left no-repeat; color: #007db1 !important; }

#teamtable { margin-top: 2em; margin-left: 3px; }
.team-member { height: 210px; width: 138px; float: left; margin-right: 13px; margin-bottom: .5em;  }
.team-member h4 { font-size: .9em; text-transform: uppercase; font-weight: bold; margin-top: .5em; }
.team-member h5 { color: #555; }
#teamlist { list-style: none; font-size: 13px; }
#teamlist li { text-transform: uppercase; font-weight: bold; margin-bottom: .5em; }
#teamlist li a { padding-left: 1em; text-decoration: underline; color: #5aa700;}
#teamlist li.selected a { color: #004a65; background: url("../img/link-arrow-white.gif") left no-repeat; }
#team-member img { float: left;  margin-right: 25px; }
#team-member h3 { color: #004a65; margin: 0; }
#team-member h4 { color: #555555; margin-bottom: 1em; }
#team-member p { width: 330px; margin-left: 225px; }

ul#awards li { border-bottom: 1px solid #999; padding-bottom: 2em; margin-bottom: 1em;  }

#mapsbutton { font-weight: bold; color: white !important; display: block; background: url("../img/maps-button.gif") top left; 
				width: 290px; height: 45px; line-height: 45px; padding-left: 135px; }


.right { margin:0 0 12px; }

.narrow { width:174px; font-size:12px; }
.medium { width:274px; }
.white.medium { background: white url("../img/whiteback-274.gif") !important;  }
.white.medium .bottom { width: 298px !important; background: white url("../img/bottom-274.gif") bottom left !important; }
.medium-wide { width:398px; }
.medium-wide-wide { width:616px; background: white url("../img/whiteback-616.gif") !important; } /*help!*/
.medium-wide-wide .bottom { width: 641px !important; background: white url("../img/bottom-616.gif") bottom left !important; }
.wide { width:716px; }
.full { width:934px; } /*not sure about this width yet...*/
.callout { background:#000a0e url("../img/callout-top-bg.gif") no-repeat; border:none; border-bottom:1px solid #00648c; color:white; min-height:74px; width:920px; padding:20px; }
.callout.small { padding: 20px 15px 15px; border-bottom: none; width: 930px; height: 35px !important; min-height: 0; background:#000a0e url("../img/callout-top-bg-small.gif") no-repeat; }
.callout h1 { margin-bottom:18px; text-transform: uppercase; }
.callout p { font-size:14px; margin-left:0; margin-right:0; width: 380px; }
.callout p.calloutnoheader { margin-top: 18px; }
.callout #carousel { height: 300px; width: 500px; float: right; position: relative; margin-top: -20px; }
.callout #carousel #caption { position: absolute; bottom: 0; left: 87px; color: white; background: black; padding: 5px; width: 310px; opacity: .8; }
.callout h2 { font-family: Helvetica, Arial, sans-serif; color: #00bbff; font-size: 26px; margin-top: 18px; font-weight: normal; }

.callout .pointbox { width: 202px; margin-left: 5px; float: right;  background: black url("../img/topboxes.jpg") top no-repeat; }
.callout .pointbox h3 { color: #76c100; font-size: 15px; margin: 1em; text-transform: none; }
.callout .pointbox ul { list-style-type: disc; margin-left: 2em; }
.callout .pointbox ul li { margin-bottom: 5px; width: 120px; }
.full #leftcol { width:530px; border-right:1px solid #aeaeae; float:left; padding:0 82px 0 2px;}
.full #rightcol { width:285px; float:left; padding:0 12px;}

#rightcol ul { list-style: none; }
#rightcol ul#tech-pics li { text-align: center; margin-bottom: 1em; }


.featurelist { border-top:1px solid #2c383c; margin:12px 0; }
.featurelist li { background:transparent url(../img/arrow.gif)  center left no-repeat; border-bottom:1px solid #2c383c; font-size:16px; font-weight:bold; padding:6px 18px; }
.box.green .featurelist li { color:#74d700; }
.box.blue .featurelist li { color:#00baff; }



/* .productlink {background:transparent url(../img/arrow.gif) 0 12px no-repeat; } */

#header { height:122px; padding-top:10px; margin-bottom:35px; }

#signup { display:block; float:right; font-size:12px; margin:6px 0 16px; width:600px; text-align:right;}
#signup input { border:1px solid #acacac; font-size:12px; /*height:18px;*/ margin:0; padding:0; }
#signup button { font-size: 11px; background:#315a00 url("../img/btn-go-bg.gif") repeat-x; border:1px solid #74d700; color:white; width:32px; height:17px; margin:0 0 0 5px; padding:0; /*position:relative; top:1px; */}
#topright { clear:right; display:block; float:right; font-size:11px; }

#footer { clear:both; color:#acacac; font-size:12px; padding:0; position: relative; }
#footer #bug { position: absolute; display: block; right: 0; top: 9px; height: 17px; width: 15px; }

#sitenav { position:absolute; top:101px; height:31px; width:960px; }
#sitenav li { float:left; width:155px; height:31px; margin-right:6px; }
#sitenav li.last { margin-right:0; }
#sitenav li a { background:transparent url("../img/nav-btn.gif") top left no-repeat; display:block; padding-top:10px; text-align:center; text-transform:uppercase; width:155px; height:21px; text-decoration:none; color:white; }
#sitenav li a:hover, #sitenav li a:active { color: #66d4f7; }
#sitenav li a.selected, #sitenav li.selected a, #sitenav la.selected:hover { background-position:0 -31px; color:#004863; }

/** homepage **/
#homeproducts { margin-left:1px; }
#homeproducts li { background:transparent url(../img/arrow.gif)  0 14px no-repeat; 
					border: none;
					float:left; font-size:13px; 
					font-weight:normal; 
					margin:0 0 12px 0; 
					padding:12px 0 32px 18px; 
					width:166px; }
					
#homeproducts li { padding-top:0; background-position: 0 2px; /*width:184px; text-indent:18px;*/ } /*this was done to make the tops align, which is different from the design, but looks better should eventually be merged with the line above */
#homeproducts li a img { margin:6px 0 0 -18px; }
#homeproducts li a:hover img { text-decoration:none; }
#homeproducts li:first-child { border-right:1px solid #2c383b; margin-right:13px; padding-right:13px; }

#news-events h3 { font-weight: bold; }
#events { border-bottom:1px solid #2c383c; margin-bottom:20px; }
#events dt { margin-bottom:6px; }
#events dd { margin-bottom:12px; }
#news { color:#cccccc; margin-left:14px; }
#news li { list-style-position:outside; list-style-type:disc; margin-bottom:6px; }

/** technology **/
/* bunch of crap for the really scary callout lists... maybe link style */

/** products **/
/* really only special list items (verticaly stacked boxes)

/** partners **/
/* nuthin special! */

/** industry **/
/* dl with background images down the left, no right column but looks like there should be. */

/** news and events **/
/* missing some stuff at the top of the page, need a special UL for the archive links */
#nearchves {  float:left; width:200px; }
#nearchves li { background:transparent url("../img/arrow.gif") center left no-repeat; padding-left:18px; margin:6px 0; display:block;}
#nearchves li a { text-decoration:none; text-transform:uppercase;  }
#newscallout { margin-left:200px }

/* news DL (reuse on events side too) */
/* continue btn style (inherit color from header links.) */

/* detail h2 link style and h3 too */

/** about us **/
ul#people { display:block; margin:24px 10px; /*padding-bottom:24px;*/ }
ul#people li { float:left; margin:0 12px 32px 0; }
ul#people li a img { display:block; }
ul#people li a:hover, ul#people li a:active { text-decoration:underline; }
ul#people li.last { margin-right:0; }
.jobtitle { display:block; text-decoration:none; }


/** About us slideshow **/
.slideCaption { background: #e2ffc1; padding: .5em; }
.activeSlide { color: black !important; }

/** overrides **/
.floatleft { float: left; margin-right: 20px; }
.floatright { float: right !important; }
.fullwidth { width: 85% !important; }
.notopmargin { margin-top: 0 !important; }
/* The all important... CLEARFIX */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}


