/* --------------------------------------------------------------
RGB Design Studio CSS Framework
Based on various bits of web frameworks. 960, Blue Print and Eric Meyers Reset.
http://www.rgbdesignstudio.com
Version: 1.0
Date: 09.03.08

Eric Meyer's Reset
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
-------------------------------------------------------------- */
html {height:100%;} /*not sure if this is needed, added by rgb*/
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
td {vertical-align:top;}


/* Site General Font Treatment
-------------------------------------------------------------- */
body {
	font: 11px/1.6  Verdana, Arial, sans-serif;
	color: #50585c;
	text-rendering: optimizeLegibility;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #7F9199;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h1 {font: 2.4em/1em Arial;text-transform: uppercase;}
h2 {font: 2em/1em Arial;}
h3 {font: 1.8em/1em Arial;text-transform: uppercase;}
h4 {font: 1.5em/1em Arial;color: #11516D;}
h5 {font: 1.5em/1em Arial;}
h6 {font: bold 1.1em/1em Arial;}


/* Text elements
-------------------------------------------------------------- */
a:focus,
a:hover     {color: #000; }
blockquote  {
	margin: .5em 0;
	padding: .2em 2em;
	font-style: italic;
	color:#777;}
blockquote p {margin: .75em 0;}
strong,b      {font-weight: bold; }
em,dfn,i,address,cite {font-style: italic; }
dfn         {font-weight: bold; }
sup, sub    {line-height: 0; }
abbr,
acronym     {border-bottom: 1px dotted #666; cursor:help;}
del         {color:#666; text-decoration:line-through; }
pre,code    {white-space: pre; }
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
sub {font-size: .8em;vertical-align: sub;}
sup {font-size: .8em;vertical-align: super;}

/* Lists
-------------------------------------------------------------- */
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
li ul,
li ol       {margin:0 1.5em; }
ul, ol      {margin: 0 1.5em }

/* Tables
-------------------------------------------------------------- */
th          { font-weight: bold; text-align:left;}
th,td       { padding: 0; margin:0; }
tfoot       { font-style: italic;}

/* HR
-------------------------------------------------------------- */
hr {
	border-color: #dfe9ef;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;}

/* Bottom Margins (set in pixels instead of em so all headings have the same bottome margin)
-------------------------------------------------------------- */
p,dl,hr,ol,ul,pre,table,address,fieldset {margin-bottom: 1.8em;}
h1,h2,h3,h4,h5,h6 {margin-bottom: .4em;}

/* Margin and Style Overides
-------------------------------------------------------------- */

.top0 {margin-top: 0 !important;}
.top4 {margin-top: 4px !important;}
.top8 {margin-top: 8px !important;}
.top12 {margin-top: 12px !important;}
.top16 {margin-top: 16px !important;}
.top24 {margin-top: 24px !important;}
.top36 {margin-top: 36px !important;}
.top48 {margin-top: 48px !important;}

.bot0 {margin-bottom: 0px !important;}
.bot4 {margin-bottom: 4px !important;}
.bot6 {margin-bottom: 6px !important;}
.bot8 {margin-bottom: 8px !important;}
.bot12 {margin-bottom: 12px !important;}
.bot16 {margin-bottom: 16px !important;}
.bot24 {margin-bottom: 24px !important;}
.bot48 {margin-bottom: 48px !important;}

.imgLeft{float:left; margin:4px 13px 8px 0;}
.imgRight{float:right; margin:4px 0 8px 13px;}
.cAlign {text-align:center;}
.lAlign {text-align:left;}
.rAlign {text-align:right;}
.clear {clear:both;}
.alignleft {float: left; margin:5px 15px 3px 0;}
.alignright {float: right; margin:5px 0 3px 15px;}
.bottomLine {border-bottom: 1px solid #eee;margin-bottom:.3em;}
.blackText {color:#000;}
.darkBlue {color:#11516D;}

/* Site Structure
-------------------------------------------------------------- */
html,body {
		margin:0;
    	padding:0;
		height: 100%;
    	border:none}


body {background: url('../i/intHeaderBackground.png') repeat-x #fff;}
body.home {background: url('../i/homeHeaderBackground.png') repeat-x #fff;}

#stageBackground {
	width: 930px;
	position:relative;
	margin:0 auto;}
#mainStage {
	margin:0 0 0 0;
	position:relative;
	z-index:100;
	width:930px;}
#leftColumn {
	position:relative;
	float:left;
	display:inline;
	margin:-8px 0 50px 0;
	width:370px;}
#rightColumn {
	position:relative;
	float:left;
	display:inline;
	width:520px;
	margin:0 0 40px 40px;}
.legalFooter {
	background: url('../i/footerGradient.png') no-repeat;
	padding:60px 0 0 0;
	width: 1100px;
	height:100px;
	z-index:1;
	text-align: center;
	margin:0 auto;
	margin-top:-70px;}
.legalSubFooter {
	width: 1100px;
	z-index:1;
	text-align: center;
	margin:0 auto;
	margin-top:-40px;
	font-size:9px;
	color:#aaa;}




/* Header
-------------------------------------------------------------- */
#homeHeader {
	position: relative;
	height: 333px;
	background: url('../i/headerLensFlare.jpg') no-repeat top right #010f18;
	width: 930px;
	margin:0;}
	#homeHeader ul {list-style-type:none;margin:0;padding:0;}
	#homeHeader li {text-transform:uppercase;}
#intHeader {
	position: relative;
	height: 149px;
	background: url('../i/headerLensFlare.jpg') no-repeat top right #010f18;
	width: 930px;
	margin:0;}
	#intHeader ul {list-style-type:none;margin:0;padding:0;}
	#intHeader li {text-transform:uppercase;}
#headerLogo {
	position:absolute;
	left:20px;
	top:47px;}



/* secondary menu submenu styles */ 
.headerSecondaryMenu {
	height:18px;
	position:absolute;
	z-index: 1500 !important;
	right:0;
	top:20px;}
.headerSecondaryMenu ul{
	margin: 0;
	z-index: 1400 !important;
	list-style-type: none;}
.headerSecondaryMenu ul li {
	float:left;
	padding:0 7px;
	margin:0;
	position:relative;}
.headerSecondaryMenu a {
	font:.9em/1em Verdana;
	display:block;
	height:18px;
	line-height: 1em;
	float:right;}
.ie6 .headerSecondaryMenu li a {display: inline-block;}			

.headerSecondaryMenu ul.sub-menu {
	position: absolute;
	display: none;
	background:#10b0da;
	left:5px;
	top: 18px;
	padding:0;
	width: 140px;
	margin:0;}
.headerSecondaryMenu ul.sub-menu li {
	color:#fff;
	font-size: 12px;
	line-height: 1em;
	background: none;
	height:24px;
	float: none;
	margin:0;}
.headerSecondaryMenu ul.sub-menu li a {
	padding: 0;
	text-align: left;
	line-height: 2.2em;
	font-size: 11px;
	min-height:24px;
	float:none;
	color:#fff;
	display: block;}
.headerSecondaryMenu ul.sub-menu li:last-child a {border:none;}
		
		
		
		
.headerMainMenu {
	position:absolute;
	left:20px;
	top:178px;}
.headerMainMenu li{font:1.5em/2.0em Arial;}

.homeHeaderPhone {
	position:absolute;
	right:5px;
	top:246px;}
.homeHeaderPhone h2 {color:#fff;}
#homeQuoteButton {
	top:280px;
	right:0px;
	position: absolute;}

.intHeaderPhone {
	position:absolute;
	right:5px;
	top:69px;}
	.intHeaderPhone h2 {color:#fff;}
#intQuoteButton {
	top:101px;
	right:0px;
	position: absolute;}

#inc500Line {
	position: relative;
	z-index: 10000;
	margin:2px 0 5px 80px;}	
	
	
/* Home Styles
-------------------------------------------------------------- */
#homeTextBlurb {font-size: 1.2em;}
#homeTextBlurb p {line-height: 23px;}

.homeClientBox {
	position:relative;
	width:270px;
	height:161px;
	background:url('../i/clientsBoxBackground.png') no-repeat;
	float:left;
	margin:15px 25px 0 115px;}
	.requestProposalBox {margin:21px 0 0 0;}
	
	.requestProposalBoxHome {
		position: absolute;
		top:395px;
		left:30px;
		margin:0;}
	
	.homeClientBoxImage {
		top:39px;
		left:13px;
		width:246px;
		height:107px;
		position:absolute;}
			.homeLogosEight {background: url('../i/home/logosEight.jpg') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}
			.homeLogosNine {display:none;background: url('../i/home/logosNine.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}
			.homeLogosOne {display:none;background: url('../i/home/logosSeven.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}
			.homeLogosTwo {display:none;background: url('../i/home/logosTwo.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}	
			.homeLogosThree {display:none;background: url('../i/home/logosThree.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}
			.homeLogosFour {display:none;background: url('../i/home/logosFour.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}
			.homeLogosFive {display:none;background: url('../i/home/logosFive.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}	
			.homeLogosSix {display:none;background: url('../i/home/logosSix.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}
			.homeLogosSeven {display:none;background: url('../i/home/logosOne.png') no-repeat #fff;width:246px;height:107px;z-index: 1 !important;}
			
	
/* Right Side Styles
-------------------------------------------------------------- */
.ivlBoxImage{width:520px;height: 296px;margin:0;}
.ivlTable {width:520px}
.ivlTable td {padding:5px 20px 5px 0; width:250px;}
.ivlTable h3 {font-size: 14px;}
.ivlTable p {font-size: 11px;line-height: 1.3em;}

.rightSideBoxContent {}
.rightSideBoxContent {
	position:relative;
	width:520px;}
.rightSideBoxContent {
	position:relative;
	width:478px;
	border:1px solid #dfdfdf;
	border-width:0 1px;
	background:#fff;
	padding:20px;}
	.rightSideBoxContent h5 {margin:0 0 10px 0;}
.rightSideButtonLine {margin:19px 0 12px 0;width:570px;}
.rightSideButtonLine img{
	float:left;
	margin:0 25px 0 0;}
.jobListings ul {
	float:left;
	display:inline;
	position:relative;
	width:215px;
	padding:0;
	list-style-type:none;
	margin:0 20px 0 0;}
.jobListings ul li {
	list-style-type:none;
	display:inline-block;
	margin:0 0 10px 0;}
	
.projectsTable {margin:30px 0 0 0;}
.projectsTable td {padding:0 0 25px 0;}

.eventsTable {margin:30px 0 0 0;}
.eventsTable td {padding:0 0 25px 0;}
.eventsTable img {border:1px solid #ccc;}

.eventDetailTable {
	float:left;
	display:inline;}
.eventDetailMap	{
		float:left;
		display:inline;}

.downloadList {margin:20px 0 0 0;padding:0;}
.downloadList li {
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0 0 0 38px;
	background:url('../i/pdfIcon.png') no-repeat;}
.pressReleaseList {margin:5px 0 30px 0;padding:0;}
.pressReleaseList li {
	list-style-type:none;
	margin:0 0 10px 0;}
.imtList {list-style-type: none;}
.sectionHeader {font-weight: bold;text-transform: uppercase;}
.bottomePhoneNumber {
	width:100%;
	text-align: right;
	font: 18px Arial;
	margin:40px 0;}

/* Left Side Box Styles
-------------------------------------------------------------- */
.leftSideBox {
	position:relative;
	width:370px;}
.leftSideBoxContent {
	position:relative;
	width:328px;
	border:1px solid #dfdfdf;
	border-width:0 1px;
	background:#fff;
	padding:18px 20px;}
	.leftSideBoxContent h5 {margin:0 0 10px 0;}
	.leftSideBoxContent ul {
		list-style-type:none;
		margin:0;
		padding:0;}
.leftSideBoxUpperRightFloat {
	top:23px;
	right:20px;
	position:absolute;}
	.leftSideBoxUpperRightFloat a {text-transform:uppercase;font-size:10px;}
.fullLengthList li {margin:15px 0 0 0;}
.fullLengthList li:first-child {margin:0;}
.leftSideButtons {width:370px;text-align:center;margin:10px 0;}
.leftSideButtons img { margin:0 7px;}
.leftSideButtons img.leftSideButtonsTight { margin:0 5px;}
.interiorNavMenu {width:338px;}
.interiorNavMenu .current_page_item a{color: #0D84A0 !important;}
.interiorNavMenu li {font:1.5em/1.75em Arial;text-transform: uppercase;}
.interiorNavMenu li a {display:block;}
.interiorNavMenu li ul li{
	font:12px/1.3em Arial;
	margin:2px 0;
	float:left;
	text-transform: capitalize;
	display:block;
	width:145px;}
.interiorNavMenu ul {
	float:left;
	display:inline;
	margin:0 22px 9px 0;
	width:155px;}
.interiorNavMenu ul.last {margin:0 0 9px 0;}
.selectedMenuItem {color:#11516D !important;}
.contactTable {margin:0;}
.contactTable td{padding:15px 0 0 0;}
.contactTableNoPad {padding:0 !important;}
.contactTechBox {
	background:url('../i/techSupportFullIcon.png') no-repeat;
	padding:0 0 0 42px;
	margin:10px 0;
	height:30px;
	width:500px;}
.contactTechBox h5 {margin:5px 0 0 0;}
li.pagenav {font-weight:bold !important;}

.blogExcerpt {margin:0 0 35px 0;}
.blogSideSection {margin:20px 0; text-align: right;}
.blogSideSection ul {list-style-type: none;margin:0;padding:0;}

.blogSideSection ul li{padding:0;}
.blogSideSection ul li.blogRSS {
	background:url(../i/rss_16.png) no-repeat  right 9px ; 
	padding:7px 23px 7px 0;}
.blogSideSection ul li.blogTwitter {
	background:url(../i/twitter_16.png) no-repeat right 9px ; 
	padding:7px 23px 7px 0;}
.blogSideSection ul li.blogFacebook {
	background:url(../i/facebook_16.png) no-repeat right 9px ; 
	padding:7px 23px 7px 0;}
.blogSideSection ul li.blogLinkedin {
	background:url(../i/linkedin_16.png) no-repeat right 9px ; 
	padding:7px 23px 7px 0;}
.blogSideSection ul li.blogYouTube {
	background:url(../i/youtube_16.png) no-repeat right 9px ; 
	padding:7px 23px 7px 0;}
.blogSideSection ul li.blogNewsletter {
	background:url(../i/email_16.png) no-repeat right 9px ; 
	padding:7px 23px 7px 0;}


.sideSocialMedia li {display:inline;}
.sideSocialMedia li.blogTwitter {
	background:url(../i/twitter_16.png) no-repeat left 9px ; 
	padding:8px 12px 7px 21px;

	}
.sideSocialMedia li.blogFacebook {
	background:url(../i/facebook_16.png) no-repeat left 9px ; 
	padding:8px 12px 7px 21px;
}
.sideSocialMedia li.blogLinkedin {
	background:url(../i/linkedin_16.png) no-repeat left 9px ; 
	padding:8px 12px 7px 21px;
}
.sideSocialMedia li.blogYouTube {
	background:url(../i/youtube_16.png) no-repeat left 9px ; 
	padding:8px 0 7px 21px;}
.sideSocialMedia li.blogNewsletter {
	background:url(../i/email_16.png) no-repeat left 9px ; 
	padding:8px 0 7px 21px;}	
	

/* Footer Styles
-------------------------------------------------------------- */
.legalFooter {color:#aaa;}
.legalFooter ul {list-style-type:none;margin:25px 0 0 0;padding:0;}
.legalFooter li {display:inline;font:.9em/1em Arial;}
.legalFooter a {
	display:inline-block;
	margin:0 0 0 8px;}


/* Form Styles
-------------------------------------------------------------- */
.idleField {color:#777;}
.focusField {color:#000;}
.formLabel {
	text-align: right;
	padding:5px 10px 0 0;}
.formInput input{ border:1px solid #ccc;}
.formInput textarea{ border:1px solid #ccc;width:250px;}
.formInput {padding:5px 0;}
.searchInput{
	padding:4px;
	font-size:10px;
	color:#bbb;
	width:150px;
	border:1px solid #eee;}
.searchButton{
	padding:4px;
	font-size:10px;
	margin:0 0 0 5px;
	cursor:pointer;
	background:#fff;
	color:#aaa;
	width:60px;
	border:1px solid #eee;}

/* Comment Styles
-------------------------------------------------------------- */

.commentDisplayBox {margin:0 0 50px 0;}
.actualComment {
	padding:10px 20px 10px 40px;
	border:1px solid #ddd;
	margin:10px 0;
}
.actualComment h5 {margin:0 0 5px 0;}
.commentAvatar {float:left;margin:0 0 0 -30px;}
.commentBox {
	position: relative;
	margin:30px 0 0 0;
	padding:0;
	height:200px;}

.commentNameBox {
	position:absolute;
	width:150px;
	height:34px;
	top:34px;
	left:0;}
.commentEmailBox {
	position:absolute;
	width:150px;
	height:34px;
	top:77px;
	left:0;}
.commentWebsiteBox {
	position:absolute;
	width:150px;
	height:34px;
	top:120px;
	left:0;}

.commentNameBox input,
.commentEmailBox input,
.commentWebsiteBox input {
	border:1px solid #ccc;
	width:144px;
	height:26px;
	margin:0;
	padding:3px;
}

.commentTextBox {
	position:absolute;
	top:34px;
	left:165px;
	width:290px;
	height:120px;}
.commentTextBox textarea {
	border:1px solid #ccc;
	width:345px;
	padding:4px;
	height:112px;
	overflow: hidden;
}
.commentBoxSubmit {
	position:absolute;
	top:166px;
	right:0;}
.commentBoxSubmit input {
	background: #ccd1d3;
	border:0;
	line-height: 1em;
	margin:4px 0 0 0;
	padding:5px 8px;
	background: #2783ae;
	color:#fff;
	height:23px;
	cursor: pointer;
	font-weight: bold;}



/* Site Link Behavior
-------------------------------------------------------------- */
a:link    {color: #11516D;}
a:visited {color: #11516D;}
a:hover   {color: #0D84A0;}
a:active  {color: #11516D;}

.interiorNavMenu a:link    {color: #7F9199; text-decoration:none;}
.interiorNavMenu a:visited {color: #7F9199; text-decoration:none;}
.interiorNavMenu a:hover   {color: #0D84A0; text-decoration:none;}
.interiorNavMenu a:active  {color: #7F9199; text-decoration:none;}

#homeHeader a:link    {color: #fff; text-decoration:none;}
#homeHeader a:visited {color: #fff; text-decoration:none;}
#homeHeader a:hover   {color: #0D84A0; text-decoration:none;}
#homeHeader a:active  {color: #fff; text-decoration:none;}

#homeHeader .headerSecondaryMenu a:link    {color: #bbb; text-decoration:none;}
#homeHeader .headerSecondaryMenu a:visited {color: #bbb; text-decoration:none;}
#homeHeader .headerSecondaryMenu a:hover   {color: #0D84A0; text-decoration:none;}
#homeHeader .headerSecondaryMenu a:active  {color: #bbb; text-decoration:none;}

#intHeader .headerSecondaryMenu a:link    {color: #bbb; text-decoration:none;}
#intHeader .headerSecondaryMenu a:visited {color: #bbb; text-decoration:none;}
#intHeader .headerSecondaryMenu a:hover   {color: #0D84A0; text-decoration:none;}
#intHeader .headerSecondaryMenu a:active  {color: #bbb; text-decoration:none;}

#homeHeader .headerSecondaryMenu ul.sub-menu li a:link    {color: #fff; text-decoration:none;}
#homeHeader .headerSecondaryMenu ul.sub-menu li a:visited {color: #fff; text-decoration:none;}
#homeHeader .headerSecondaryMenu ul.sub-menu li a:hover   {color: #115466; text-decoration:none;}
#homeHeader .headerSecondaryMenu ul.sub-menu li a:active  {color: #fff; text-decoration:none;}

#intHeader .headerSecondaryMenu ul.sub-menu li a:link    {color: #fff; text-decoration:none;}
#intHeader .headerSecondaryMenu ul.sub-menu li a:visited {color: #fff; text-decoration:none;}
#intHeader .headerSecondaryMenu ul.sub-menu li a:hover   {color: #115466; text-decoration:none;}
#intHeader .headerSecondaryMenu ul.sub-menu li a:active  {color: #fff; text-decoration:none;}

.legalFooter a:link    {color: #aaa; text-decoration:none;}
.legalFooter a:visited {color: #aaa; text-decoration:none;}
.legalFooter a:hover   {color: #0D84A0; text-decoration:none;}
.legalFooter a:active  {color: #aaa; text-decoration:none;}

