/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body { font: normal .73em/135% 'helvetica neue',arial, verdana, sans-serif; color: #555;}
	
	
	h1 {
	font: bold 240% 'helvetica neue',Arial, sans-serif;
	margin-top: 1%;
	color: #ff0000;
}
	
	h2 {font: bold 135%/100% 'helvetica neue', arial, sans-serif;padding:0 0 .2em 0; margin-bottom: 2%; color: #333;}

	h3 {font-size: 124%;line-height: 120%; margin: 0 0 2% 0; color: #333;}/*changed 1 size 2/1/11 - zj*/
	.footer-nav-group h3 {color: #fff;}
	.bios h3 {font-size: 100%; margin-bottom: 0;}
	h4 { font: bold 90% 'helvetica neue',arial, verdana, sans-serif; }	/*sub-head, condensed font*/
	h5 {font: normal 150% 'helvetica neue','arimo',arial, verdana, sans-serif; color: #333; } /*non-bold*/
		.dark h5 {color: #fff;}
	.plain-list h5 {font-size: 130%; margin-bottom: 3px;}
	a {text-decoration: none;}
		
	h6 {font: normal 100% 'helvetica neue', arial, verdana, sans-serif;}

.box-header-text {text-shadow: 1px 1px 1px #fff; line-height: 120%; color: #666; }
.feature-silver, .feature-silver h2, .feature-silver a {text-shadow: 1px 1px 1px #fff; }
	.feature-silver h2 {margin-top: 5px; margin-bottom: 0;}
.doc-dept-hd {background: url(../images/document-hd.png) no-repeat left 15px; text-indent: -9999px;padding: 15px 0 0 0; height: 30px;}
.web-dept-hd {background: url(../images/hd-web.png) no-repeat left 15px; text-indent: -9999px;padding: 15px 0 0 0; height: 30px;}
.breadcrumbs {text-transform: uppercase; color: #999; font-size: 80%;text-shadow: 1px 1px 1px #fff;}
.breadcrumbs a {color: #999; text-shadow: 1px 1px 1px #fff;}
.web-hd h1 {text-shadow: 1px 1px 1px #fff; padding: .5% 0;}
.right-quote {font-size: 100%; font-weight: bold; color: #777575;}
.gray-box, .gray-box a {text-shadow: 1px 1px 1px #fff;}
.gray-link, .document-tech .gray-link, .web-tech .gray-link {font-weight: bold; font-size: 90%; color: #999; }
.gray-links a {color: #666;}
.gray-links a:hover {color: #444;}
a.more-btn {color: black; font-weight: bold;} 
#tweet {color: #666;}
.more-link {display: block; font-size: 85%; font-weight: bold;}
.design-detail {text-shadow: 1px 1px 1px #fff;}
.text-intro {line-height: 150%; font-size: 140%; margin-bottom: 20px;}

/*sizing*/

.alpha {font-size: 300%;}
.beta {font-size: 200%;}
.gamma {font-size: 150%;}
.delta {font-size: 122%;}
.epsilon {font-size: 112%;}
.zeta {font-size: 100%;}
.eta {font-size: 90%;}
.theta {font-size: 75%;}
.upper {text-transform: uppercase;}

/*colors*/
.orange {color: #f58026; }
.blue {color: #003579;}
.green {color: #75a72f;}
.light {color: #999;}
.white{color: white;}
.gray, .gray a, .web-tech .gray, .doc-tech .gray {color: #999;}
.orange-links a {color: #f58026; }
.blue-links a {color: #003579;}
.green-links a {color: #75a72f;}

.tag {background: url("../images/tagged.png") no-repeat; padding-left: 12%;}  
.grid-doc .tag, .tag.doc-tag {background-position: 0 -114px;}   
.grid-web .tag, .tag.web-tag {background-position: 0 -219px;}  
h3[class^="tag"] a {color: #666;}
.grid-title {margin-left: 12%;}

/* ICON FONT - Generated by Font Squirrel (http://www.fontsquirrel.com) on June 29, 2012 02:01:34 PM America/New_York */

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('webfonts/modernpics-webfont.eot');
    src: url('webfonts/modernpics-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('webfonts/modernpics-webfont.woff') format('woff'),
         url('webfonts/modernpics-webfont.ttf') format('truetype'),
         url('webfonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

.icon {font: normal 20px 'ModernPictogramsNormal'; }


/*weight*/
.bold {font-weight: bold;}
.normal {font-weight: normal;}

.shadow {text-shadow: 1px 1px 1px #333;}
.lh {line-height: 130%;}

@media only screen and (max-width: 1023px) {
.doc-dept-hd {background: none; text-indent: 0; font-size: 140%;padding-top: 1%; height: auto;}
	.web-dept-hd {background: none; text-indent: 0; font-size: 140%; padding-top: 1%; height: auto;}

}



@media handheld, only screen and (max-width: 767px) {
#menu {font-size: 1.2em;}
.gamma {font-size: 130%;}
	.doc-dept-hd {background: none; text-indent: 0; font-size: 150%;padding-top: 1%; height: auto;}
	.web-dept-hd {background: none; text-indent: 0; font-size: 150%; padding-top: 1%; height: auto;}
	h1 {font-size: 200%; margin-top: 10%;}
		.feature-silver .content h2{margin-top: 1em;}
}