/* HTML Elements */

body, html { margin: 0; }

body, select, input, textarea {
	font: 100% Helvetica, Arial, Verdana, Sans-Serif;
}

.container, #header { min-width: 1260px; }

a, a:visited { color:#003366; text-decoration:none; }

a:hover { color:#003366; }
	
a img { border:none; }

:focus 	{ outline: 0; }

hr { margin: 20px 20px 20px 0; border: none; border-top: 1px solid #959CA1; }

/* STRUCTURE */

#content { clear: both; width: 100%; }

/* HEADER SECTION */

#header { width: 100%; height: 250px; float:left; background:url("../images/header.jpg") 50% repeat-x; }

#header #print-contact,
#header #print-logo{ display:none; }
#header #logo{ float:left; margin-left:20px; margin-top:75px; }

#header #nav { float:right; margin-top: 20px; margin-right:20px;  }

#header #nav ul { list-style-type:none; margin-top:30px; padding:0px; }
#header #nav ul li { float:left; width:150px; height:150px; margin-left:10px; font-size:18px; text-transform:uppercase; }
#header #nav ul li.active { }
#header #nav ul li a { background:url("../images/nav-bg.png") repeat; display:block; height:31px; color:#FFFFFF; text-decoration:none; padding-top:120px; padding-left:10px; text-align:left; }
#header #nav ul li.active a{ background:url("../images/nav-active-bg.png") repeat; display:block; height:31px; }
#header #nav ul li a:hover{ background:url("../images/nav-active-bg.png") repeat; display:block; height:31px; }

#header.banner2 #logo { margin-top:50px; }
#header.banner2 { height:200px; }
#header.banner2 #nav ul { margin-top:10px; }
#header.banner2 #nav ul li { width:140px; height:140px; }
#header.banner2 #nav ul li a { padding-top: 110px;}

/* HOME PAGE STYLING */

#content #left-column { width:290px; float:left; display:block; height:500px; }
#content #left-column ul { list-style-type:none; margin-left:30px; padding:0px; margin-top:40px;}
#content #left-column ul li { height:25px; }
#content #left-column ul li a { color: #959CA1; font-size:15px;}
#content #left-column ul li.active a { color: #003366; }
#content #left-column ul li a:hover { color: #003366; }

#content #main-column { width:630px; float:right; display:block; }
#content #main-column h2 { font-size:22px; color: #959CA1;margin-top:40px; font-weight:normal;}
#content #main-column h3 { color: #003366;font-weight:normal; font-size: 13px;}
#content #main-column p { font-size:13px; color: #959CA1;}
#content #main-column p a { font-size:13px;}
#content #main-column p a:hover { font-size:13px; color: #003366;}
#content #main-column ul { padding-left: 35px; }
#content #main-column ul li { list-style: none; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#959CA1; margin:10px 0px; }
#content #main-column ul li:before {
font-size: 9px;
content: '•';
margin-left: -5px;
margin-right: 5px;
}

#content #main-column #tab-container div.title { clear:both; padding-left: 20px; background:url(../images/plus.gif) no-repeat left center; font-size: 13px; color: #959CA1; height:25px; padding-top: 10px; padding-right: 10px; border-top: 1px solid #959CA1; cursor: pointer;}
#content #main-column #tab-container div.title:hover { background:url(../images/minus.gif) no-repeat left center; }
#content #main-column #tab-container div.active { background:url(../images/minus.gif) no-repeat left center; }
#content #main-column #tab-container div.disabled,
#content #main-column #tab-container div.disabled:hover
{ background:none; cursor: auto; }


#content #main-column #tab-container div.box { margin-top:0px; border-top: 1px solid #959CA1;}
/* #content #main-column #tab-container div.box{height:0px;} */
#content #main-column #tab-container { float: left; width: 100%; border-bottom: 1px solid #959CA1; }

#content #main-column #tab-container div.box ul{margin: 0; padding-top:10px; font-size:13px; }
#content #main-column #tab-container div.box ul li{color:#959CA1;line-height:18px; margin-top:0px;}
#content #main-column #tab-container div.box ul a{font-size:13px; color: #959CA1;text-decoration:none;}


#content #main-column #tab-container.faq,
#content #main-column #tab-container.faq div.title,
#content #main-column #tab-container.faq div.box{ border:none; }
#content #main-column #tab-container.faq div.box{ margin:0; padding-bottom:10px; padding-left:20px; }

#content #main-column div.first,
#content #main-column div.second,
#content #main-column div.third,
#content #main-column div.fourth {
	display:block;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size:15px;
	color: #959CA1;
	float: left;
}

#content #main-column div.first,
#content #main-column div.third {
	clear: left;	
	width:310px;
	margin-right: 10px;
}

#content #main-column div.second,
#content #main-column div.fourth {
	width:310px;
}

#content #main-column form p { margin-bottom:5px; }
#content #main-column input.submit, 
#content #main-column input.reset { width: 100px; background-color:#003366; color:#FFFFFF;font-size:13px;padding:3px 0;border:0px; margin: 10px 0 10px 5px; float: right; } 

#content #main-column #contact-fields input.text,
#content #main-column #contact-fields input.file,
#content #main-column #contact-fields textarea {
	background-color:#E1E1E1; 
	padding: 5px;
	width: 300px;
	border: none;
	font-size:13px;
	margin-bottom:10px;
	color:#003366;  
}

#content #main-column #contact-fields input.file {
	width: 300px;
}

#content #main-column #contact-fields textarea {
	height: 115px;
}

#content #main-column #contact-fields .field select {
	background-color:#e1e1e1;
	color:#003366;
	font-size:13px;
	border:none;
	width:310px;
	margin-top:2px;
	margin-bottom:10px;
	padding: 7px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #content #main-column #contact-fields .field select { height: 27px; }
}

#content #main-column h2#success { color:#003366; }

#content #main-column .errormsg { border:1px solid #959CA1; color:#003366; padding:10px; display:none;}
#content #main-column .successmsg { text-align: right; color:#003366; padding: 10px 0; display:none; }

#content #main-column #arrow {
	position:relative;
	top: -60px;
	left:4px;
	z-index:4;
}
#content #main-column #arrow .previous { float:right; margin-right:10px; color:#959CA1; font-size:13px; }
#content #main-column #arrow .next { float:right; color:#959CA1; font-size:13px;}


#content #right-column { float: right; display: block; width: 320px; margin: 40px 0; color: #959CA1; padding: 0 10px; text-align: center; }
#content #right-column a { font-size:12px; color: #959CA1; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#content #right-column a:visited{color: #959CA1; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#content #right-column a:hover{ color: #003366; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }

.sitemap { width:300px; position:relative; float:left; }
.sitemap dt { font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; margin:5px 0px; padding:0; }
.sitemap dd { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; margin-left: 15px; }
.sitemap dd a { color:#959CA1; }
.sitemap a:hover { color:#003366; }

/* FOOTER STYLING */

#footer { clear: both; height:50px; float:left; margin-top:40px; margin-left:30px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#959CA1; line-height:1.4; }

#left-column #geninfo { position:absolute; margin-left:30px; top:600px; padding:0px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#left-column #geninfo a { line-height:1.4; color:#959CA1; text-decoration:none; font-size:13px; }
#left-column #geninfo a:hover { color:#003366; text-decoration:none; }

/* GENERAL STYLING */

p { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3C3932; line-height:1.4; margin-bottom:1em; margin-top:0px; }

p .hover{ font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:1.4; margin-bottom:1em; }


h1 { font-size:2em; letter-spacing:-1px; }
h2 { font-size:22px; line-height:1.2; }
h3 { font-size:14px; }
h4 { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#959CA1; line-height:25px; margin-bottom:1em; margin-top:0px; font-weight:100;}
h5 { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#959CA1; line-height:1.4; margin-bottom:1em; margin-top:0px; font-weight:normal; }

h6 { font:11px Helvetica, Arial, Verdana, Sans-Serif; font-weight:normal; line-height:1.2;}


strong { font-weight:800; }

.clear { clear:both; }

.email a { color:#003366; }
.email a:hover { color:#003366; text-decoration:underline; }

/* GLOSSARY */
#content #main-column #letters a { text-transform:uppercase; font-size:11px; padding: 0 3px; }

#content #main-column #glossary-wrapper { margin-top: 40px; overflow: hidden; }
#content #main-column #glossary { width: 560px; height: 300px; padding-left: 40px; }
#content #main-column #glossary ul { padding:0; margin:0;}
#content #main-column #glossary ul li { list-style-type:none; }
#content #main-column #glossary ul li:before { content: ''; };
#content #main-column #glossary p { font-size:12px; }
#content #main-column #glossary p.term { color:#003366; margin-bottom:0;  }

.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}

.jScrollPaneTrack {
margin-left: 4px;
background:#003366 none repeat scroll 0 0;
cursor:pointer;
height:100%;
position:absolute;
left:0;
top:0;
}

.jScrollPaneDrag {
background:#AAAAAA none repeat scroll 0 0;
cursor:pointer;
position:absolute;
padding: 3px;
margin-left: -4px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #888;
border-bottom: 1px solid #666;
}

/* PRINT STYLES */
#print-header{ width:600px; margin:10px 20px; }
#print-header .print { position: absolute; top:20px; right:40px; }
#content.print-container { width: 600px; min-width: 600px; margin-left: 20px; }

#content #main-column.print-column { width:600px; float:none; display:block; }
#content #main-column.print-column p, #content #main-column.print-column ul li { font-family: serif; text-align: justify; }
.print a { float: right; color:#959CA1; text-decoration:none; font-size:12px; margin-top: 5px; }

/* MISC STYLING */
#clienterror {
clear: both;
float: left;
margin: 20px 0;
width: 610px;
}

#map {
margin: 40px 0;
}

#licenses {
width: 300px;
margin: 40px auto;
}

#portfolio-dropdown {
position: relative;
top: 100px;
padding: 0 40px;
text-align: left;
}

#portfolio-dropdown select {
border: 0;
font-size: 13px;
background-color:#e1e1e1;
width: 100%;
margin: 5px 0;
color:#003366;
padding: 3px;
}

.press-blurb {
margin-top: 35px;
padding: 20px;
text-align: left;
color: #003366;
}

#content #right-column .press-blurb a {
color: #003366;
}

/* RESOURCES */
#boilerplate { display: none; }
.location { display: none; }


/* CAREERS */
.selectbox { padding: 5px; height: 15px; }
.selectbox, .selectbox-wrapper {
	display: block;
	background-color:#E1E1E1;
	border: none;
	width: 300px;
	font-size:13px;
	color:#003366;  
}

#content #main-column .selectbox-wrapper li {
	list-style-type: none;
	padding: 5px;
	margin: 0;
	color:#003366; 
}

#content #main-column .selectbox-wrapper li:before {
	content: "";
	margin: 0;
}

#content #main-column .selectbox-wrapper .selected,
#content #main-column .selectbox-wrapper .current {
	background-color:#003366;
	color:#EEE;
}

#content #main-column .selectbox-wrapper,
#content #main-column .selectbox-wrapper ul {
	margin: 0;
	padding: 0;
	width: 310px;
}

#content #main-column #contact-fields #resume {
display: block;
opacity: 0;
z-index: 2;
width: 310px;
position: absolute;
}

#resume-dummy {
display: block;
background-color:#E1E1E1;
width: 300px;
padding: 3px 5px;
font-size: 13px;
height: 19px;
color:#003366; 
}