@charset "UTF-8";
/* MOBIUS NEW MEDIA - MAIN SCREEN STYLE SHEET FOR HS-DESIGN.COM */
/* clear defaults on all tags */
p, h1, h2, h3, h4, h5, h6, dd, dt, dl, ul, ol, li, hr, td, tr, img, a, form, fieldset, label, input, legend, table, thead, tbody, tfoot, span {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a:focus {
	outline: none;
	border: none;
}
/* LINKS */
a:link, a:visited {
	text-decoration: none;
	color: #f04c23;
}
a.gray:link, a.gray:visited {
	color: #333;
}
a:hover, a:active {
	text-decoration: none;
	color: #003473;
}
a.gray:hover, a.gray:active {
	color: #003473;
}
/* LAYOUT */
body {
	font: 62.5%/1.4em Helvetica, Arial, sans-serif;/* 62.5% sets the default font size to 10px, 1.4em is a 14px line height. use em's for variable font sizes like this: 14px = 1.4em */
	margin: 0;
	padding: 0;
	background: url(../images/bodyBg.png) repeat-x top center #666;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 945px;
	background: none;
	position: relative;
}
#header { 
	margin: 0;
	padding: 0;
	background: url(../images/header_bg.png) no-repeat;
	width: 945px;
	height: 65px;
	position: relative;
	z-index: 2;
}
#header h1#logo {
 	margin: 0;
	padding: 0;
	display: block;
	width: 284px;
	height: 50px;
}
#header h1#logo a {
	display: block;
	position: absolute;
	top: 15px;
	left: 50px;
	width: 284px;
	height: 50px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/hsDesign_logo.png) no-repeat 0 0;
}
#header h1#logo a:hover {
	background-position: 0 -50px;
}
#body_home #header h1#logo a {
	background-position: 0 -100px;
}
/* NAVIGATION UL */
#navWrap {
	width: 845px;
	height: 15px;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #333;
	z-index: 3;
}
#nav {
	width: 561px;
	height: 50px;
	display: block;
	position: absolute;
	top: 15px;
	right: 50px;
	background: url(../images/navigationMain.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
}
#nav li {
	float: left;
}
#nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 50px;
	background: url(../images/navigationMain.png) no-repeat 0 0;
	text-indent: -9999em;
	cursor: pointer;
	z-index: 3;
}
li#nav_about a {
	left: 0;
	width: 120px; 
	background-position: 0 0;
}
li#nav_services a {
	left: 120px;
	width: 132px;
	background-position: -120px 0;
}
li#nav_portfolio a {
	left: 252px;
	width: 117px;
	background-position: -252px 0;
}
li#nav_contact a {
	left: 369px;
	width: 103px;
	background-position: -369px 0;
}
li#nav_hsdna a {
	left: 472px;
	width: 89px;
	background-position: -472px 0;
}
li#nav_about a:hover {
	background-position: 0 -50px;
}
li#nav_services a:hover {
	background-position: -120px -50px;
}
li#nav_portfolio a:hover {
	background-position: -252px -50px;
}
li#nav_contact a:hover {
	background-position: -369px -50px;
}
li#nav_hsdna a:hover {
	background-position: -472px -50px;
}
#body_about li#nav_about a {
	background-position: 0 -100px;
}
#body_services li#nav_services a {
	background-position: -120px -100px;
}
#body_portfolio li#nav_portfolio a {
	background-position: -252px -100px;
}
#body_contact li#nav_contact a {
	background-position: -369px -100px;
}
#body_hsdna li#nav_hsdna a {
	background-position: -472px -100px;
}
/* END NAVIGATION, BACK TO LAYOUT */
#mainContent {
	margin: 0 auto;
	padding: 0 50px;
	width: 845px;
	background: url(../images/mainContent_bg2.png) repeat-y top center;
	position: relative;
	z-index: 1;
	overflow:auto;
}
.feature_prev, .feature_next, .featureSmall_prev, .featureSmall_next {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	width: 50px;
	height: 300px;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}
.featureSmall_prev, .featureSmall_next {
	height: 200px;
}
.feature_prev, .featureSmall_prev {
	left: 0;
	background: url(../images/feature_arrow_prev.png) no-repeat center left;
}
.feature_next, .featureSmall_next {
	right: 0;
	background: url(../images/feature_arrow_next.png) no-repeat center left;
}
.feature, .featureSmall {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 845px;
	height: 300px;
	overflow: hidden;
	display: block;
	background: url(../images/feature_bg2.png) no-repeat 0 0;
}
.feature li, .featureSmall li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 845px;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.featureSmall, .featureSmall li {
	height: 200px;
}
.feature li.one, .feature li.one .featureBg, .featureSmall li.one  {
	background: url(../images/feature_bg2.png) no-repeat top right;
}
.feature li.two,.feature li.two .featureBg, .featureSmall li.two {
	background: url(../images/feature2_bg.png) no-repeat top right;
}
.feature li.three, .feature li.three .featureBg, .featureSmall li.three {
	background: url(../images/feature3_bg.png) no-repeat top right;
}
.feature li.four, .feature li.four .featureBg, .featureSmall li.four {
	background: url(../images/feature4_bg.png) no-repeat top right;
}
.feature li.five, .feature li.five .featureBg, .featureSmall li.five {
	background: url(../images/feature5_bg.png) no-repeat top right;
}
.feature li.six, .feature li.six .featureBg, .featureSmall li.six {
	background: url(../images/feature6_bg.png) no-repeat top right;
}
.feature li.seven, .feature li.seven .featureBg, .featureSmall li.seven {
	background: url(../images/feature7_bg.png) no-repeat top right;
}
.feature li.eight, .feature li.eight .featureBg, .featureSmall li.eight {
	background: url(../images/feature8_bg.png) no-repeat top right;
}
.feature li img, .featureSmall li img {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
.feature .featureBg {
	position: absolute;
	right: 0;
	top: 0;
	width: 282px;
	height: 300px;
	overflow: hidden;
	/*filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;*/ 
}
.feature li h2, .feature li p, .featureSmall li h2, .featureSmall li p {
	position: absolute;
	left: 588px;
}
.feature li .featureBg h2, .feature li .featureBg p {
	position: absolute;
	left: 25px;
}
.feature li h2 {
	top: 115px;
}
.featureSmall li h2 {
	top: 157px;
}
.feature li p {
	bottom: 20px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
}
.feature li p a {
	color: #fff;
}
.feature li p a:hover {
	border-bottom: 1px dotted #fff;
}
.feature li p em {
	display: block;
}
#h2_userDriven {
	background: url(../images/feature_userDriven.png) no-repeat;
	width: 222px;
	height: 50px;
	margin: 0;
}
#h2_aboutHSD, #h2_services, #h2_portfolio, #h2_contact, #h2_hsDNA, #h2_capabilities  {
	width: 233px;
	height: 19px;
	margin: 0;
}
#h2_capabilities {
	background: url(../images/h2_capabilities.png) no-repeat;
	height: 26px;
}
#h2_aboutHSD {
	background: url(../images/h2_aboutHSD.png) no-repeat;
}
#h2_services {
	background: url(../images/h2_services.png) no-repeat;
}
#h2_portfolio {
	background: url(../images/h2_portfolio.png) no-repeat;
}
#h2_contact {
	background: url(../images/h2_contact.png) no-repeat;
}
#h2_hsDNA {
	background: url(../images/h2_hsDNA2.png) no-repeat;
}
#h2_hsDNA a {
	display: block;
	width: 100%;
	height: 100%;
}
#leftSide {
	float: left;
	margin: 0;
	padding: 25px 25px 160px 25px;
	width: 513px;
	background: url(../images/leftSide_bg.png) no-repeat;
}
.body_about_clients #leftSide {
	padding-right: 0;
	width: 537px;
}
.teaserBox {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 50px;
}
#teaserBox_contact, #teaserBox_product1, #teaserBox_contact2 {
	width: 562px;
	height: 135px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#teaserBox_contact2 {
	background: url(../images/contactLinkTeasers/teaser_contactLink-5.jpg) no-repeat 0 0;
}
#rightSide {
	float: right;
	margin: 0;
	padding: 25px 25px 10px 25px;
	width: 232px;
	background: url(../images/rightSide_bg.png) no-repeat;
}
#footer {
	margin: 0 auto;
	padding: 0 50px;
	width: 845px;
}
.footerNav {
	margin: 0;
	padding: 15px 15px 5px 15px;
	list-style: none;
	float: right;
	width: auto;
	border-left: 1px solid #999;
}
.footerNav li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
.footerNav li a {
	color: #999;
	font-size: .95em;
	line-height: .95em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.footerNav li a:hover {
	color: #fff;
}
#footerNav_aboutHSD a, #footerNav_capabilities a, #footerNav_portfolio a, #footerNav_contact a, #footerNav_hsDNA a  {
	height: 11px;
	width: 69px;
	margin-bottom: 10px;
}
#footerNav_aboutHSD a:hover, #footerNav_capabilities a:hover, #footerNav_portfolio a:hover, #footerNav_contact a:hover, #footerNav_hsDNA a:hover  {
	background-position: 0 -11px;
}
#footerNav_aboutHSD a {
	background: url(../images/footerNav_aboutHSD.gif) no-repeat;
}
#footerNav_capabilities a {
	background: url(../images/footerNav_capabilities.gif) no-repeat;
	width: 83px;
}
#footerNav_portfolio a {
	background: url(../images/footerNav_portfolio.gif) no-repeat;
}
#footerNav_contact a {
	background: url(../images/footerNav_contact.gif) no-repeat;
}
#footerNav_hsDNA a {
	background: url(../images/footerNav_hsDNA.gif) no-repeat;
}
/* FONTS */
p, blockquote {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #555;
	margin-bottom: 15px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
li, q, blockquote {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #555;
}
blockquote {
	margin: 0 0 15px 25px;
	padding: 0;
}
p.small {
	font-size: 1.1em;
	line-height: 1.1em;
	margin-bottom: 5px;
}
h1 {
	font-size: 2.8em;
	color: #f04c23;
	margin-bottom: 10px;
	font-family: ITC Officina Sans, 'PTSansNarrowRegular', Helvetica, Arial, sans-serif;
	line-height: 1em;
}
h2 {
	font-size: 2.6em;
	color: #1546b7;
	margin-bottom: 10px;
	font-family: ITC Officina Sans, 'PTSansNarrowRegular', Helvetica, Arial, sans-serif;
	line-height: 1em;
}
h3 {
	font-size: 2.4em;
	color: #414d6a;
	margin-bottom: 15px;
	font-family: ITC Officina Sans, 'PTSansNarrowRegular', Helvetica Narrow, Arial Narrow, Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.1em;
}
h3 span.breadcrumb {
	font-size: .7em;
	color: #999;
}
h3 span.breadcrumb a {
	color: #999;
}
h3 span.breadcrumb a:hover {
	color: #333;
}
h3 a:link, h3 a:visited {
	color: #414d6a;
}
h3 a:hover, h3 a:active {
	color: #f04c23;
}
h4 {
	color: #f04c23;
	margin-bottom: 15px;
	font-family: Century Gothic, Trebuchet MS, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .1em;
	line-height: 1em;
}
h5 {
	color: #414d6a;
	margin: 0 0 10px 0;
	font-family: Century Gothic, Trebuchet MS, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .1em;
	line-height: 1em;
}
h6 {
	font-size: 1.2em;
	color: #000;
	margin-bottom: 10px;
}
.imageReplace {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
#h3_hello a, #h3_news a {
	height: 18px;
	margin-bottom: 15px;
}
#h3_hello a {
	background: url(../images/h3_hello.gif) no-repeat;
	width: 63px;
}
#h3_news a {
	background: url(../images/h3_news.gif) no-repeat;
	width: 50px;
}
#h3_hello a:hover, #h3_news a:hover {
	background-position: 0 -18px;
}
/* OTHER LINKS */
#a_hsDNA {
	width: 62px;
	height: 16px;
	background: url(../images/a_hsDNArssFeed.gif) no-repeat;
	position: absolute;
	bottom: 12px;
	right: 62px;
}
#footer_copyright {
	width: 151px;
	height: 26px;
	background: url(../images/footer_copyright.gif) no-repeat;
	margin: 15px 0 0 0;
	float: left;
}
.productNav {
	margin: 0 0 30px 0;
	padding: 10px 0;
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: auto;
}
#productNav_back, #productNav_next {
	width: 98px;
	height: 18px;
	background: url(../images/productNav_back.gif) no-repeat 0 0;
	float: left;
	margin: 0 0 0 0;
}
#productNav_next {
	background: url(../images/productNav_next.gif) no-repeat 0 0;
	float: right;
}
#productNav_back:hover, #productNav_next:hover {
	background-position: 0 -18px;
}	
/* LISTS */
ul.basicList {
	margin: 0;
	padding: 0;
	list-style: circle;
}
ul.basicList li {
	margin: 0;
	list-style: circle;
}
.ul_rssFeed {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ul_rssFeed li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
.ul_rssFeed li h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 5px;
	font-weight: normal;
}
.ul_rssFeed li h4 a {
	color: #f04c23;
}
.ul_rssFeed li h4 a:hover {
	color:#414d6a;
}
.ul_rssFeed li span {
	margin-bottom: 3px;
	display: block;
	color: #555;
	font-weight: bold;
	font-size: 1em;
}
.ul_rssFeed li p {
	font-size: 1.1em;
}

.ul_recentWork, .ul_work, .ul_clients {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ul_clients  {
	margin-left: 15px;
	margin-top: -25px;
}
.ul_work {
	margin-top: 20px;
}
.ul_recentWork li, .ul_work li, .ul_clients li {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
	width: 230px;
	border-bottom: 2px solid #ccc;
}
.ul_work li, .ul_clients li {
	float: left;
	margin: 0 25px 25px 0;
}
.ul_clients li {
	width: 115px;
	height: 115px;
	margin: 0 59px 0 0;
	border-bottom: none;
	overflow: hidden;
}
.ul_recentWork li img, .ul_work li img, .ul_clients li img {
	display: block;
	border: 1px solid #ccc;
	margin-bottom: 8px;
}
.ul_recentWork li img, .ul_work li img {
	width: 229px;
	height: 98px;
}
.ul_clients li img {
	border: none;
	display: block;
}
.ul_recentWork li p, .ul_work li p  {
	margin-bottom: 8px;
	font-size: 1.1em;
	line-height: 1.3em;
}
.ul_recentWork li p a, .ul_work li p a {
	color: #555;
}
.ul_recentWork li p a:hover, .ul_work li p a:hover {
	color: #f04c23;
}
.ul_recentWork li p em, .ul_work li p em {
	display: block;
}
.ul_sort {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	list-style: none;
	border-bottom: 2px solid #ccc;
}
.ul_sort li {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}
.body_portfolio_all .ul_sort li#portfolio_all a, .body_portfolio_medical .ul_sort li#portfolio_medical a, .body_portfolio_consumer .ul_sort li#portfolio_consumer a, .body_portfolio_commercial .ul_sort li#portfolio_commercial a, .body_portfolio_defense .ul_sort li#portfolio_defense a, .body_portfolio_research .ul_sort li#portfolio_research a, .body_about_overview .ul_sort li#about_overview a, .body_about_history .ul_sort li#about_history a, .body_about_howWeWork .ul_sort li#about_howWeWork a, .body_about_leadership .ul_sort li#about_leadership a, .body_about_opportunities .ul_sort li#about_opportunities a, .body_about_brochure .ul_sort li#about_brochure a, .body_about_clients .ul_sort li#about_clients a, .body_services_overview .ul_sort li#services_overview a, .body_services_researchStrategy .ul_sort li#services_researchStrategy a, .body_services_industrialDesign .ul_sort li#services_industrialDesign a, .body_services_engineering .ul_sort li#services_engineering a, .body_services_prototyping .ul_sort li#services_prototyping a, .body_services_userInterface .ul_sort li#services_userInterface a, .body_services_manufacturing .ul_sort li#services_manufacturing  a { /*current state for side menu*/
	background: url(../images/sideNav_arrows.gif) no-repeat 0 0;
	color: #f04c23;
	font-size: 1.4em;
}
.ul_sort li a { /*default state*/
	color: #666;
	padding: 0 0 0 18px;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url(../images/sideNav_arrows.gif) no-repeat 0 -18px;
}
.ul_sort li a:hover { /*hover state*/
	color: #fcb131;
	background: url(../images/sideNav_arrows.gif) no-repeat 0 -36px;
}

.ul_default {
	margin: 0 0 15px 15px;
	padding: 0;
}
.ul_default li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: circle;
	font-size: 1.2em;
}
.twoColumn li {
	width: 45%;
	float: left;
	margin-right: 20px;
}
.ul_addMedia {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	list-style: none;
	border-bottom: 2px solid #ccc;
	overflow: auto;
}
.ul_addMedia li {
	list-style: none;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
}
.ul_addMedia li a {
	display: block;
	border: 1px solid #ccc;
	width: 108px;
	height: 98px;
}
.ul_addMedia li a:hover {
	border: 1px dotted #f04c23;
}
/* TABLES */
table.basicTable {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.basicTable td {
	margin: 0;
	padding: 0;
}
/* MISC. STYLING CLASSES */

/* ULTILITIES */
.clearfloat { 
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
.imgRight {
	margin: 0 0 20px 20px;
	float: right;
	border: 1px solid #ccc;
}
.imgLeft {
	margin: 0 20px 20px 0;
	float: left;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignJustify {
	text-align: justify;
}
.floatright { 
	margin: 0;
	padding: 0;
	float: right;
}
.floatleft {
	margin: 0;
	padding: 0;
	float: left;
}

#recaptchaWrap{
	margin-left: -3px;
	}