* {
	margin: 0;
	padding: 0;
}
#mobileLink, #skipList {
	display: none;
}
body {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 140%;
	height: 100%;
}
html {
	height: 100%;
}
* html #container {
	height: 100%;
}

ul { list-style-type:square; }

#container {
	background: #fff url(../images/bg.jpg) 0 0 repeat-x;
	min-height: 100%;
	position: relative;
	clear: both;
}
#wrapper {
	margin: 0 auto;
	width: 766px;
	height: auto;
	margin-bottom: 100px;
}
#header {
	height: 154px;
	background:url(../images/header_bg.png) 100% 0 no-repeat;
	position: relative;
	width: 750px;
	padding: 0 8px;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.documenttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	list-style-position: outside;
	list-style-image: url(../images/pdficon.gif);
	background-image: url(../images/pdficon.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 300px;
}
#documenttitle a:hover {
	text-decoration: underline;	
}
#contentContainer {
	background: transparent url(../images/content_bg.jpg) 0 0 no-repeat;
	padding: 28px;
	width: 710px;
	float: left;
}
#header h1 {
	background: url(../images/ingena_logo.png) 0 0 no-repeat;
	text-indent: -9999px;
	float: left;
}
#header h1 a {
	height: 122px;
	width: 223px;
	display: block;
}
#header h2#tagline {
	float: right;
	height: 19px;
	width: 416px;
	display: block;
	background: url(../images/tagline.gif) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 84px 0 0 0;
}




#navigation {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 122px;
	left: 0;
	width: 750px;
	background: transparent;
	height: 30px;
	padding: 0 8px;
}
#navigation ul {
	position:absolute;
}
#navigation ul li {
	float: left;
	list-style: none;
	padding: 0px;
	font-size: 100%;
	margin:0px;
}

#navigation ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0 15px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 30px;
}

#navigation ul li a:hover {
	color: #F58426;
}


#navigation ul li.contact {
	float: right;
}




.home #navigation li.home a, 
.about #navigation li.about a, 
.services #navigation li.services a, 
.clients #navigation li.clients a, 
.investors #navigation li.investors a, 
.contact #navigation li.contact a {
	color: #FFF;
	background: #FF6600 url(../images/nav_highlight.jpg) 0 0 repeat-x;
}

.home #navigation li.home li a, 
.about #navigation li.about li a, 
.services #navigation li.services li a, 
.clients #navigation li.clients li a, 
.investors #navigation li.investors li a, 
.contact #navigation li.contact li a {
	color: #000;
	background: #EEE;
}



#navigation ul li:hover a, #navigation ul li.over a { color: #F58426; }

#navigation ul li li a, #navigation ul li:hover li a, #navigation ul li.over li a
{
	display:block;
	color: #000;
	background: #EEE;
	padding: 6px 15px;
	margin: 0px;
	float:none;
	line-height: normal;
	height: auto;
	
}

.home #navigation li.home a:hover, .about #navigation li.about a:hover, .services #navigation li.services a:hover, 
.clients #navigation li.clients a:hover, .investors #navigation li.investors a:hover, .contact #navigation li.contact a:hover, 
#navigation ul li li a:hover { color: #F58426; }



#navigation ul ul
{
	position: absolute;
	top: 30px;
	left: -999px;
	display: block;
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-bottom: 3px;
	background: #EEE;
	border-left: 1px Solid #CCC;
	border-right: 1px Solid #CCC;
	border-bottom: 1px Solid #CCC;
}

#navigation ul ul li
{
	color: #000;
	float: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height:10%;
	height:auto;
}
* html #navigation ul ul li {
	padding-bottom:1px;
}

#navigation ul li:hover ul, #navigation ul li.over ul { left: auto; }





.staff {
	background-color:#EEE; 
	margin-bottom:10px;
	padding:10px;
}

.staff .name {
	font-size:120%;
	font-weight:bold;
}

.staff .title {
	color:#666;
	font-size:90%;
	margin-bottom:8px;
}


a:link, a:visited {
	text-decoration: none;
	color: #339999;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF6600;
	text-decoration: underline;
}
.services.design a:hover, .services.design a:active, .services.deliver a:hover, .services.deliver a:active, 
#casestudyMainContent h1 a:hover, #casestudyMainContent h1 a:active {
	color: #000;
	text-decoration: none;
}


.home .homePanel {
	float:left;
	width:233px;
	background: url(../images/home_panel.jpg) 0 0 no-repeat;
	margin-right:5px;
	display: block;
	cursor: pointer;
}

.home .homePanel div {
	padding: 10px 20px;
}

.home .homePanel h2 a {
	color: #FF6600;
	padding: 0;
	font-size: 1.0em;
}


.home #designPanel h2, .services #designPanel h2, 
.home #deliverPanel h2, .services #deliverPanel h2 {
	color: #FF6600;
	padding: 0;
	font-size: 1.5em;
}
.home #designPanel h2 a:link, .home #designPanel h2 a:visited, 
.home #deliverPanel h2 a:link, .home #deliverPanel h2 a:visited,
.services #designPanel h2 a:link, .services #designPanel h2 a:visited, 
.services #deliverPanel h2 a:link, .services #deliverPanel h2 a:visited {
	color: #FF6600;
	text-decoration: none;
}
.home #designPanel h2 a:hover, .home #designPanel h2 a:active, 
.home #deliverPanel h2 a:hover, .home #deliverPanel h2 a:active,
.services #designPanel h2 a:hover, .services #designPanel h2 a:active, 
.services #deliverPanel h2 a:hover, .services #deliverPanel h2 a:active {
	color: #FF6600;
	text-decoration: underline;
}
h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}
h1 {
	font-size: 1.2em;
	padding-bottom: 0.8em;
}
.home h1 {
	font-size: 1.4em;
	padding-bottom: 1em;
}
blockquote h1 {
	padding-bottom: 0;
}
h2, h3 {
	font-size: 1.2em;
}
h2.first, .newsArticle h2.first {
	padding: 0;
	border: 0;
}
p, li {
	font-size: 1.2em;
	line-height: 140%;
}
.newsArticle li {
	margin-left: 0.5em;
	padding-left: 0em;
}
small, cite {
	font-size: 1em;
	color: #999999;
	padding-bottom: 0.7em;
	display: block;
	font-style: normal;
}
#designPanel a, #deliverPanel a {
	font-size: 1.3em;
}
#designPanel h2 a, #deliverPanel h2 a, #casestudyMainContent .panel h2 a {
	font-size: 100%;
}
p, #contentContainer ul {
	padding-bottom: 0.9em;
}
img {
	border: none;
}
.home #flashcontent {
	margin: 0 0 2em 0;
	width: 710px;
	height: 190px;
}
.home #designPanel, .home #deliverPanel {
	width: 303px;
	background: url(../images/home_panel.jpg) 0 0 no-repeat;
	padding: 10px 20px;
	display: block;
	cursor: pointer;
}
.home .homePanel:hover h2, .home #designPanel:hover h2, .home #deliverPanel:hover h2 {
	text-decoration: underline;
	color:#FF6600;
}

.home .homePanel:hover {
	cursor-style: pointer;
	background: url(../images/home_panel.jpg) -234px 0 no-repeat;
}
.home #designPanel:hover, .home #deliverPanel:hover {
	cursor-style: pointer;
	background: url(../images/home_panel.jpg) -353px 0 no-repeat;
}
.services #designPanel, .services #deliverPanel {
	width: 212px;
	background: url(../images/services_panel.jpg) 0 0 no-repeat;
	padding: 10px 20px;
	margin-top: 30px;
}
#designPanel {
	float: left;
}
#deliverPanel {
	float: right;
}
#designPanel ul, #deliverPanel ul {
	padding: 0.5em 0 0.5em 0;
}
#contentContainer ul, #contentContainer ol {
	padding-left: 1em;
	margin-left: 1em;
}
.newsArticle ol {
	margin-bottom: 1em;
}
#designPanel li, #deliverPanel li {
	line-height: 160%;
}
#subNav ul {
	padding: 0;
	margin: 0;
}
#subNav ul li ul li {
	font-size: 100%;
	border-top: 1px solid #E8E8E8;
	border-bottom: none;
}
#subNav li {
	list-style: none;
	border-bottom: 1px solid #E8E8E8;
}
#subNav li a {
	text-decoration: none;
	display: block;
	padding: 2px 5px;
	background: #FFF;
}
#subNav li ul li a {
	text-decoration: none;
	display: block;
	padding: 2px 15px;
	width: 103px;
	line-height: 120%;
}
#subNav li a:link, #subNav li a:visited, .overview #subNav li.overview ul li a {
	color: #000;
	font-weight: normal;
}
#subNav li a:hover, #subNav li a:active, 
.overview #subNav li.overview ul li a:hover, .overview #subNav li.overview ul li a:active {
	color: #FF6600;
	font-weight: normal;
}
.overview #subNav li.overview a,
.people #subNav li.people a, 
.news #subNav li.news a, 
.faqs #subNav li.faqs a, 
.board #subNav li.board a, 
.management #subNav li.management a, 
.highlights #subNav li.highlights a,
.casestudies #subNav li.casestudies a, 
.manconsulting #subNav li.manconsulting a, 
.softwaresystems #subNav li.softwaresystems a, 
.techconsulting #subNav li.techservices a, 
.design #subNav li.design a, 
.deliver #subNav li.deliver a {
	color: #FF6600;
	font-weight: bold;
}
.overview #subNav li.overview ul li a {
	background: #FFF;
}
#footer {
	background: #E8E8E8;
	border-bottom: #FF6600 2px solid;
	position: relative;
	margin-top: -3.9em;
	width: 100%;
	clear: both;
}
#footerContainer {
	width: 700px;
	margin: 0 auto;
	color: #666;
	font-size: 1em;
}
#footerContainer p {
	padding: 10px 0;
}
#casestudyMainContent .panel h2, #casestudyMainContent .panel h1 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999;
}
#casestudyMainContent .panel h2 a:link, #casestudyMainContent .panel h2 a:visited {
	text-decoration: none;
	color: #FF6600;
}
#casestudyMainContent .panel h2 a:hover, #casestudyMainContent .panel h2 a:active {
	text-decoration: underline;
}
#casestudyMainContent .panel h3.clientName, #casestudyMainContent .panel h2.clientName {
	padding: 4px 0 10px 0;
	color: #999999;
	border: none;
	font-size: 1.1em;
}
#casestudyMainContent .panel img, 
.clients .clientPanel img, 
.newsArticle img {
	float: left;
	width: 66px;
	height: 88px;
	padding: 3px;
	border: 1px solid #999;
	background: #FFF;
}
.newsArticle img {
	margin-right: 15px;
	margin-top: 1.5em;
}
#casestudyMainContent .panel #flashcontent img, 
.contact #flashcontent img {
	margin: 0 0 2em 0;
	width: 360px;
	height: 270px;
	padding: 7px;
	border: 1px solid #999;
	background: #FFF;
}
#casestudyMainContent .panel .description, 
.clientPanel p, .clientPanel h2 {
	margin-left: 88px;
}
.description a {
	float: left;
}
.clientPanel h2 {
	line-height: 100%;
}
.clientPanel p {
	margin-top: 0.2em;
}
.clients .clientPanel {
	padding: 0.9em 0;
}
#casestudyMainContent .panel {
	float: left;
	width: 100%;
	margin: 0 0 35px 0;
}
#caseStudyForm {
	width: 153px;
	margin: 0 0 1em 0;
	padding: 5px 5px 8px 5px;
	background-color: #F0F0F0;
	text-align: right;
}
#caseStudyForm fieldset {
	border: none;
}
#caseStudyForm h2 {
	margin-top: 0;
	margin-bottom: 0.3em;
	background-color: Transparent;
	text-align: left;
}
#caseStudyForm select {
	width: 100%;
}
#caseStudyForm input.submit {
	margin-top: 0.5em;
	padding: 1px 3px;
}
#casestudySortContent h3 {
	margin: 0 0 7px 0;
	background-color: Transparent;
}
#casestudySortContent ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 0;
	border-top: 1px solid #CCC;
}
#casestudySortContent li {
	padding: 0.3em 0 0.3em 0.5em;
	border-bottom: 1px solid #CCC;
	line-height: 1.2;
	font-size: 1.1em;
}
#casestudySortContent a {
	text-decoration: none;
}
#casestudySortContent a:hover, #casestudySortContent a:active {
	color: #FF6600;
}
.casestudies #casestudySortContent li.on a {
	color: #FF6600;
	font-weight: bold;
}
.introText {
	font-style: italic;
	clear: both;
	margin-left: 1px;
}
#casestudyMainContent .panel h3 {
	margin-bottom: 0.3em;
}
#atGlance {
	width: 100%;
}
#atGlance a.link {
	width: 346px;
	font-size: 100%;
}
#atGlance td {
	vertical-align: top;
	line-height: 130%;
	background: #F0F0F0;
	padding: 0.1em 0.4em;
	width: auto;
	font-size: 1.3em;
}
#atGlance li {
	font-size: 100%;
	list-style-type: none;
}
#atGlance ul {
	padding: 0;
	margin: 0;
}
#atGlance td.left {
	width: 30%;
}
.backButton {
	font-size: 1em;
	display: block;
	float: right;
	padding: 4px 0 10px 0;
}
.backToTopButton {
	font-size: 1em;
	display: block;
	float: right;
	padding: 10px 10px 10px 0;
	background: url(../images/topArrow.gif) 100% 55% no-repeat;
}
.backToTopButton:hover {
	background: url(../images/topArrowOrange.gif) 100% 55% no-repeat;
}
.backToListButton {
	font-size: 1em;
	display: block;
	float: left;
	padding: 10px 0;
}
#subNav {
	width: 133px;
	float: left;
}
h2.clientName {
	float: left;
}
#primaryContent {
	margin-left: 20px;
	width: 458px;
	float: left;
}
.contact #primaryContent {
	width: 376px;
}
.contact #secondaryContent p {
	width: 163px;
	float: right;
	font-size: 1.1em;
}
.services #panelContainer {
	margin-left: 152px;
	margin-right: 40px;
}
.casestudies #primaryContent {
	margin-left: 152px;
	width: 555px;
}
#casestudyMainContent {
	width: 376px;
	float: left;
}
#casestudySortContent {
	width: 163px;
	float: right;
}
.newsArticle h2 {
	border-top: 1px solid #CCC;
	padding-top: 1em;
}
.newsArticle {
	padding-bottom: 1em;
}

.findOutMore {
	font-size: 0.85em;
	font-weight: normal;
}
.phoneNumber {
	margin-left: 1.4em;
}
.launchButton {
	background: url(../images/butRight.jpg) 100% 0 no-repeat;
	line-height: 27px;
	float: left;
	margin-top: 10px;
}
.launchButton a {
	background: url(../images/butLeft.jpg) 0 0 no-repeat;
	padding: 0 38px 0 8px;
	display: block;
	font-size: 1.1em;
}
.newsArticle img.fullWidth {
	margin: 0;
	width: 450px;
	height: 200px;
	display: block;
}
.newsArticle .photoCaption {
	background: #F0F0F0;
	border-bottom: 1px solid #CCC;
	margin: 0 0 1.5em 0;
	padding: 5px;
	clear: both;
	color: #666666;
}