body {
	background: #007baf url(/images/body_bg.jpg) no-repeat scroll top center;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	font-size: 80%;
}

/* GLOBALS */
body img { /* blocking images for the page */
	display: block;
	float: left;
}

.inlineImage {
	display: inline;
	float: none;
}

p, .table, .medium, td {
	font-family: arial, verdana, sans serif;
	font-size: 1.1em;
	color: #343434;
	margin-top: 0px;
	margin-bottom: 10px;
}

#content a {
	border-bottom: 1px dotted #2b6fab;
}

#content a:hover {
	text-decoration: none;
}

ul {
	
}

ul li {
	font-family: arial, verdana, sans serif;
	font-size: .9em;
	color: #343434;
}

.small {
	font-size: 90%;
}

.big {
	font-size: 110%;
}

.bigger {
	font-size: 125%;
}

.biggest {
	font-size: 150%;
}

a {
	font-family: arial, verdana, sans serif;
	color: #2b6fab;
	text-decoration:none;
}

a:visited {
	font-family: arial, verdana, sans serif;
	color: #2b6fab;
	text-decoration:none;
}

a:hover {
	font-family: arial, verdana, sans serif;
	color: #9d0024;
	text-decoration: underline;
}

h1 {
	font-family: Tahoma, serif;
	font-size: 1.2em; 
	color: #ff6600;
	margin-top: 0px;
}

.blueh1 {
	font-family: arial, verdana, sans serif;
	font-size: 1.9em; 
	color: #2b6fab;
	margin: 0px;
	font-weight: 0;
}

h2 {
	font-family: arial, verdana, sans serif;
	font-size: 1em; 
	color: #000000;
}

h3 {
	font-family: Tahoma, serif;
	font-size: 1.2em; 
	color: #ff6600;
	margin-top: 0px;
}

/* END GLOBALS */

/* API */

/*#######################################################################################*/
/* Overloaded Elements */
/*#######################################################################################*/

.hrgrey {
	height: 1px;
	background: #ffffff url(/images/hrgrey.gif) repeat scroll center;
	margin: 5px 0 0 0;
}

.hrblue {
	height: 1px;
	background: #ffffff url(/images/hrblue.jpg) repeat scroll center;
	margin: 5px 0 0 0;
}

.hrdottedline {
	height: 1px;
	background: transparent url(/images/hrdottedline.gif) repeat scroll center;
	margin: 5px 0 0 0;
}

.hrblue hr, .hrgrey hr, .hrdottedline hr {
  display: none;
}

/*#######################################################################################*/
/* Text Manipulation */
/*#######################################################################################*/

.bold {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

.alert {
	color: #e60000;
}

.whiteout {
	color: #ffffff;
}

.centerText {
	text-align: center;
}

.underline {
 	text-decoration: underline;
}

.nounderline {
	text-decoration: none;
}

/*#######################################################################################*/
/* Common Attributes */
/*#######################################################################################*/

.left {
	float: left;
}

.right {
	float: right;
}

.nofloat {
	float: none;
}

.nopadding {
	padding: 0;
}

.nomargin {
	margin: 0;
}

.inline {
	display: inline;
}

.autoHeight {
	height: auto;
}

.centerContent {
	margin: 0 auto;
}

.centerText {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.dottedline {
	margin: 10px 0px;
	border-top: 1px dotted #000000;
}

.listNoBullet {
	list-style: none outside;
	margin-left: -25px;
}

/*#######################################################################################*/
/* Tables */
/*#######################################################################################*/

.borders {
	borders: collapse;
	border: 1px solid #000000;
}

.noborders {
	borders: collapse;
	border: none;
}

/*#######################################################################################*/
/* Common Colors */
/*#######################################################################################*/

.red {
	color: #CB123D;
}

.lightblue {
	color: #0052ab;
}

.blue {
	color: #057fa4;
}

.black {
	color: #000000;
}

.grey {
	color: #767676;
}

.orange {
	color: #ff7011;
}

.white {
	color: #ffffff;
}

/*#######################################################################################*/
/* Form Elements */
/*#######################################################################################*/

.buttonSubmit {
	background-image: url(/images/button_submit_generic.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 125px;	
}

.buttonContactFormSubmit {
	background-image: url(/images/button_contactform_submit.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 100px;	
	height: 24px;
	margin-left: 10px;
}

.indexSubSubmit {
	background-image: url(/images/button_go.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 40px;	
	height: 24px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	
}

.indexSub {
	width: 140px;
}

.buttonReset {
	background-image: url(/images/button_reset_generic.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 46px;	
}

textarea {
	padding: 2px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: arial, verdana, sans serif;
	font-size: 11px;
}

.textarea_Contact {
	padding: 2px;
	color: #000000;
	background-color: #dee1e1;
	border: 1px solid #cccccc;
	font-family: arial, verdana, sans serif;
	font-size: 16px;
	width: 435px;
	height: 100px;
	margin-left: 10px;
}

.formBox {
	border: 1px solid #cccccc;
	height: 16px;
	font-size: 12px;
}

.formBox_Contact {
	border: 1px solid #cccccc;
	background: #dee1e1;
	height: 22px;
	font-size: 16px;
	margin-left: 10px;
	padding-bottom: 3px;
}

.contactForm {
	width: 130px; 
	height: 30px; 
	font-weight: 700; 
	border-right: 1px solid #cccccc;
}

.formDropbox {
	border: 1px solid #cccccc;
	height: 20px;
	font-size: 13px;
}

.formCheckbox, .formRadio {
	margin: 4px 0px 0px 0px;
}

.formCheckboxAlt {
	position: relative;
	top: 3px;
	left: 3px;
}

/*#######################################################################################*/
/* TABLE/FORM Element Manipulation */ 
/*#######################################################################################*/


.form { 
	font-family: arial, sans serif; 
	font-size: 12px; 
}

.error { 
	font-family: verdana, arial, sans serif; 
	font-size: 10px; 
	color: #cc0000; 
}

.label, label { 
	color: #666666; 
	font-family: verdana, arial, sans serif; 
	font-size: .85em; 
	text-transform: uppercase; 
}

.labelreq { 
	color: #cc0000; 
	font-family: verdana, arial, sans serif; 
	font-size: 12px;
	text-transform: uppercase; 
}

.displayMessage {
	padding: 7px;
	background: #F4F2C2;
	border: 1px solid #CEBE52;
	margin: 0px 0px 10px 0px;
	display: inline;
	overflow: hidden;
	float: left;
	width: 598px;
}

.displayMessage p {
	color: #928638;
	margin: 0;
	text-align: left;
}

/*#######################################################################################*/
/* Misc */
/*#######################################################################################*/

.iconPrintPage {
	margin: 0px 5px 0px 0px;
	position: relative;
	top: 2px;
}

.iconEmailPage {
	margin: 0px 5px 0px 0px;
}

.iconComments {
	margin: 0px 5px 0px 0px;
	position: relative;
	top: 3px;
}

.smallIcon {
	display: inline;
	float: none;
	position: relative;
	top: 2px;
}

.elementLeft,
.elementTextLeft {
	float: left;
	width: 190px;
	padding-right: 10px;
}

.elementRight,
.elementTextRight {
	float: right;
	width: 190px;
	padding-left: 10px;
}

.elementLeftDynamic,
.elementTextLeftDynamic {
	float: left;
	padding-right: 10px;
}

.elementRightDynamic,
.elementTextRightDynamic {
	float: right;
	padding-left: 10px;
}

.contentBoxBody p.title,
.hlBoxBody p.title,
.elementRight p.title,
.elementLeft p.title,
.elementTextRight p.title,
.elementTextLeft p.title {
	font-size: 1em;
	font-family: arial, verdana, sans serif;
	font-weight: 900;
	color: #8198cd;	
}

.elementRight p,
.elementLeft p,
.elementTextRight p,
.elementTextLeft p {
	font-size: .7em;
	font-family: arial, verdana, sans serif;
	color: #8198cd;
}

/* END API */


/* CONTAINERS */
#container { /* container div */
	width: 100%;
	margin-right: auto;
	margin-left: auto;	
	display: inline;
	float: left;
}

#main {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/** END CONTAINERS **/


/** HEADER **/
#header { 
	width: 900px;
	height: 86px;
	float: left;
	display: inline;
	background: transparent url(/images/header_bg.jpg) no-repeat scroll top center;
}

#header a.logo {
	display: block;
	float: left;
	width: 234px;
	height: 85px;
	background: transparent url(/images/logo_on_bg_alt.jpg) no-repeat scroll top center;
}

#headerContactBox {
	float: right;
	width: 172px;
	height: 76px;
	display: inline;
	overflow: hidden;
	background: transparent url(/images/header_contact_bg.jpg) no-repeat scroll top center;
}

/** END HEADER **/


/** END NAV **/

/** CONTENT WELL **/
#content { 
	float: left;
	width: 898px; /* Sets content area as a static size */
	display: inline;
	border-left: 1px solid #a0bcd0;
	border-right: 1px solid #a0bcd0;
	background-color: #ffffff;
	padding: 10px 0px 10px 0px;
}

#contentTopBox {
	float: left;
	display: inline;
	height: 89px;
	width: 880px;
	background: transparent url(/images/page_header_template.png) no-repeat scroll top;
	margin: 0px 0px 5px 8px;
}

#contentTopBox p {
	float: right;
	color: #ffffff;
	font-size: 2.4em;
	margin: 25px 25px 0px 0px;
	font-weight: 700;
}

/* Partners Page */
.partnerHighlight {
	display: inline;
	float: left; 
	overflow: hidden;
	width: 232px; 
	height: 232px;
	padding: 0px 10px 20px 10px; 
}

.partnerGoogle {
	background-image: url(/images/partners_google.png);
}

.partnerMicrosoft {
	background-image: url(/images/partners_microsoft.png);
}

.partnerSun {
	background-image: url(/images/partners_sun.png);
}

.partnerAdobe {
	background-image: url(/images/partners_adobe.png);
}

.partnerOSS {
	background-image: url(/images/partners_oss.png);
}

.partnerRedhat {
	background-image: url(/images/partners_redhat.png);
}
/* ### END Partners */


#contentPadding {
	display: inline;
	float: left;
	overflow: hidden;
	padding: 0px 10px;
}

#contentPad {
	padding: 15px; 
	width: 868px;
}

#underCarousel {
	display: inline;
	float: left;
	overflow: hidden;
	width: 898px;
	height: 10px;
	background: transparent url(/images/carousel_gradient.gif) repeat-x scroll top center;
	margin-bottom: 15px;
}

#sidebar {
	display: inline;
	float: right;
	overflow: hidden;
	width: 238px;
	height: auto;
}

#sidebarHeader {
	display: inline;
	float: left;
	overflow: hidden;
	width: 238px;
	height: 20px;
	background: #ffffff url(/images/index_sidebar_top.gif) no-repeat scroll top center;
}

#sidebarContentWrapper {
	display: inline;
	float: left;
	overflow: hidden;
	width: 238px;
	background: #9b9796 url(/images/index_sidebar_darkbg.gif) repeat-x scroll top center;
}

#sidebarContent {
	display: inline;
	float: left;
	overflow: hidden;
	width: 198px;
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
	background: #e7e5e6 url(/images/index_sidebar_lightbg.gif) repeat-x scroll top center;
}

#sidebarContent p {
	color: #656565;
}

#sidebarFooter {
	display: inline;
	float: left;
	overflow: hidden;
	width: 238px;
	height: 20px;
	background: #ffffff url(/images/index_sidebar_bottom.gif) no-repeat scroll top center;
}

#title {
	width: 868px;
	height: 36px;
	background: #ffffff url(/images/title_bg.gif) no-repeat scroll top center;
	float: left;
	display: inline;
	margin-bottom: 20px;
}

#smallTitle {
	width: 614px;
	height: 36px;
	background: #ffffff url(/images/title_bg_smaller.gif) no-repeat scroll top center;
	float: left;
	display: inline;
	margin-bottom: 20px;
}

#smallTitle h1,
#title h1 {
	color: #175495;
	font-size: 1.5em;
	margin: 6px 0px 0px 25px;
}

.inlineElementLeft {
	display: inline; 
	float: left;
	width: auto; 
	height: auto; 
	margint-left: 10px;
}

/*  */
#columnLeft {
	width: 370px;
	margin-right: 65px;
	float: left;
	display: inline;
	margin-left: 10px;
}

#indexContent p.lead,
#columnLeft p.lead {
	font-weight: 700; 
	font-size:1.1em;
}

.displayBox p,
#columnRight p,
#columnLeft p {
	font-size:.9em;
}

#columnRight {
	width: 410px; 
	float: right; 
	display: inline; 
	margin-right: 10px;
}

.displayBox {
	float: left; 
	display: inline;
	width: 190px; 
	height: auto;
}

.displayBoxImage {
	float: left; 
	display: inline; 
	width: 190px; 
	height: 90px; 
	margin-bottom: 10px;
}

.serviceCol {
	display: inline; 
	float:  left;
	width: 240px;
	height: auto;
	margin: 20px 2% 70px 2%;
}

.serviceCol h1 {
	color: #000000;
}

.serviceCol ul {
	width: 230px;
	padding: 15px 0px 0px 20px;
}

.serviceCol ul li {
	margin: 0px 3% 0px 3%;
}

#sericeColHeaderWebdev { 
	float: left;
	display: inline;
	width: 251px;
	height: 80px;
	background: transparent url(/images/services_webdev.png) no-repeat scroll top center;
}

#sericeColHeaderMarketing { 
	float: left;
	display: inline;
	width: 251px;
	height: 80px;
	background: transparent url(/images/services_marketing.png) no-repeat scroll top center;
}

#sericeColHeaderConsulting { 
	float: left;
	display: inline;
	width: 251px;
	height: 80px;
	background: transparent url(/images/services_consulting.png) no-repeat scroll top center;
}

.serviceColContent {
	height: 300px;
	width: 249px;
	background: #f5f5f5;
	border: 1px solid #c1c1c1;
	border-top: none;
	margin-top: 80px;
}

/* Index Elements */
.indexHLBox {
	display: inline;
	float: left;
	overflow: hidden;
	width: 260px;
	height: 200px;
	margin-right: 51px;
	margin-bottom: 10px;
}

.indexHLIcon {
	display: inline;
	float: left;
	overflow: hidden;
	width: 60px;
	height: 200px;
	margin-right: 15px;
}

.indexHLContent {
	display: inline;
	float: left;
	overflow: hidden;
	width: 180px;
	height: 200px;
}

.indexHLContent p {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #565656;
}

.indexHLContent h2 {
	margin: 0;
	color: #4461a0;
	font-size: 1.2em;
}
/* END Index Elements */

/* BEGIN Web Dev Elements */
#calloutWebDesign {
	float: left;
	display: inline;
	width: 412px;
	height: auto;
	background: #ffffff url(/images/callout_webdesign_bg.png) repeat-y scroll top center;
}

#calloutWebDesignHeader {
	float: left;
	display: inline;
	width: 392px;
	height: 246px;
	padding: 100px 10px 0px 10px;
	background: #ffffff url(/images/callout_webdesign_header.png) no-repeat scroll top center;
}

#calloutWebDesignContent {
	float: left;
	display: inline;
	width: 392px;
	height: auto;
	padding: 15px 10px 5px 10px;
	background: #ffffff url(/images/callout_webdesign_bg.png) repeat-y scroll top center;
}

#calloutWebDesignFooter {
	float: left;
	display: inline;
	width: 412px;
	height: 13px;
	background: #ffffff url(/images/callout_webdesign_footer.png) no-repeat scroll top center;
}

#calloutWebDesign p,
#calloutWebDesign ul li {
	color: #ffffff;
}

#content .calloutSeeServiceList {
	float: left;
	display: inline;
	width: 372px;
	height: 53px;
	background: #ffffff url(/images/callout_service_list.png) no-repeat scroll top center;
	border-bottom: none;
}

#content .calloutViewPortfolio {
	float: left;
	display: inline;
	width: 372px;
	height: 51px;
	background: #ffffff url(/images/callout_view_portfolio.png) no-repeat scroll top center;
	border-bottom: none;
}

#content .calloutContactUs {
	float: left;
	display: inline;
	width: 372px;
	height: 50px;
	background: #ffffff url(/images/callout_contact_us.png) no-repeat scroll top center;
	border-bottom: none;
}
/* END Web Dev Elements */


/* END Marketing Elements */
#calloutMarketingContact {
	width: 367px; 
	height: 123px; 
	float: left;
	display: inline;
	background: #ffffff url(/images/callout_marketing_contact.png) no-repeat scroll top center;
}

#calloutMarketingContact p {
	color: #ffffff;
	padding: 40px 110px 10px 25px;
}

#calloutMarketingContact a {
	color: #ffffff;
	font-weight: 700;
	border-bottom: 1px dotted #ffffff;
}
/* END Marketing Elements */


/** FOOTER **/
#footer {
	float: left;
	display: inline;
	background: #dadada;
	border-top: 1px solid #000000;
	height: 160px;
	width: 900px;
}

#footerTop {
	float: left;
	display: inline;
	background: transparent url(/images/footer_top.gif) repeat-x scroll top center;
	height: 10px;
	width: 900px;
}


#footerContent {
	float: left;
	display: inline;
	height: 125px;
	width: 900px;
}

#footerContent p {
	font-size: .85em;
}

#footerBottom {
	float: left;
	display: inline;
	background: transparent url(/images/footer_bottom.gif) repeat-x scroll top center;
	height: 35px;
	width: 900px;
}

/** NAV **/
#nav, #nav ul { /* all lists */
	float: left;
	width: 900px;
	background: transparent url(/images/nav_bg.jpg) no-repeat scroll top;
	height: 34px;
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color: transparent;
}

#nav a {
	display: block;
	color: #ffffff;
	padding-left: 15px;
}

#subnav ul li a.subActive:active {
	color: #ff0000;
}

#nav a:hover {
	display: block;
	background-color: transparent;
	color: #000000;
}

#nav a:active {
	display: block;
	background-color: transparent;
	color: #000000;
}

#nav li { /* all list items */
	float: left;
	background-color: transparent;
	/*width: 50px;  width needed or else Opera goes nuts */
}

#nav .subHome,
#nav li ul li.subHome,
#nav li ul.subHome {
	background: transparent url(/images/subnav_bg_normal.jpg) no-repeat scroll top right;
}

#nav li ul { /* second-level lists */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	color: #ffffff;
	display: inline;
	position: absolute; 
	z-index: 3; 
	width: 900px;
	height: 45px;
	background: transparent url(/images/subnav_bg_over.jpg) no-repeat scroll top right;
}

#nav li ul a { /* second-level lists */
	color: #0052ab;
	font-family: Helvetica, Arial;
	font-size: 100%;
	text-decoration: none;
	display: inline;
	height: 23px;
	padding: 0px 15px 0px 15px;
	position: relative; 
	top: 10px;
	margin-left: auto;
	overflow: hidden;
}

#nav li ul li a.FiveCenter {
	margin-left: 450px;
}

#nav li ul li a.SixCenter {
	margin-left: 550px;
}

#nav li ul li a.SevenCenter {
	margin-left: 490px;
}

#nav li ul li a.EightCenter {
	margin-left: 740px;
}

#nav li ul a:hover { /* second-level lists */
	color: #ff6600;
	display: inline;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul ul {
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav a.OneLink {
	width: 80px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: 0px 0px;
}

#nav a.OneLink:hover {
	width: 80px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: 0px -34px;
	color: #000000;
	text-decoration: none;
}

#nav a.TwoLink {
	width: 143px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -96px 0px;
}

#nav a.TwoLink:hover {
	width: 143px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -96px -34px;
	color: #000000;
	text-decoration: none;
}

#nav .ActiveTwoLink {
	width: 143px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -96px -34px;
	color: #000000;
	text-decoration: none;
}

#nav a.ThreeLink {
	width: 90px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -254px 0px;
}

#nav a.ThreeLink:hover {
	width: 90px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -254px -34px;
	color: #000000;
	text-decoration: none;
}

#nav .ActiveThreeLink {
	width: 90px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -254px -34px;
	color: #000000;
	text-decoration: none;
}

#nav a.FourLink {
	width: 101px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -360px 0px;
}

#nav a.FourLink:hover {
	width: 101px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -360px -34px;
	color: #000000;
	text-decoration: none;
}

#nav .ActiveFourLink {
	width: 101px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -360px -34px;
	color: #000000;
	text-decoration: none;
}

#nav a.FiveLink {
	width: 79px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -476px 0px;
}

#nav a.FiveLink:hover {
	width: 79px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -476px -34px;
	color: #000000;
	text-decoration: none;
}

#nav .ActiveFiveLink {
	width: 79px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -476px -34px;
	color: #000000;
	text-decoration: none;
}

#nav a.SixLink {
	width: 87px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -664px 0px;
}

#nav a.SixLink:hover {
	width: 87px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -664px -34px;
	color: #000000;
	text-decoration: none;
}

#nav .ActiveSixLink {
	width: 87px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -664px -34px;
	color: #000000;
	text-decoration: none;
}

#nav a.SevenLink {
	width: 79px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -570px 0px;
}

#nav a.SevenLink:hover,
#nav .ActiveSevenLink {
	width: 79px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -570px -34px;
	color: #000000;
	text-decoration: none;
}

#nav a.EightLink {
	width: 102px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -766px 0px;
}

#nav a.EightLink:hover,
#nav .ActiveEightLink {
	width: 102px;
	height: 34px;
	background: transparent url(/images/navbar_bg_notext.gif) no-repeat scroll top;
	background-position: -766px -34px;
	color: #000000;
	text-decoration: none;
}

.Home {
	position: relative; 
	top: 12px;
	left: 35px;
}

.Home:hover {
	position: relative; 
	top: 12px;
	left: 35px;
	color: #000000;
}

.Services {
	position: relative; 
	top: 12px;
	left: 18px;
}
 
.Services:hover {
	position: relative; 
	top: 12px;
	left: 18px;
	color: #000000;
}

.Work{
	position: relative; 
	top: 12px;
	left: 20px;
}
 
.Work:hover {
	position: relative; 
	top: 12px;
	left: 20px;
	color: #000000;
}

.Invexi {
	position: relative; 
	top: 12px;
	left: 22px;
}

.Invexi:hover {
	position: relative; 
	top: 12px;
	left: 22px;
	color: #000000;
}

.Contact {
	position: relative; 
	top: 12px;
	left: 24px;
}

.Contact:hover {
	position: relative; 
	top: 12px;
	left: 24px;
	color: #000000;
}

.Web, .Marketing, .Consulting {
	position: relative; 
	top: 12px;
	left: 25px;
}

.Web:hover, .Marketing:hover, .Consulting:hover {
	position: relative; 
	top: 12px;
	left: 25px;
	color: #000000;
}

#subnav {
	float: left;
	color: #ffffff;
	display: inline;
	position: relative;
	z-index: 1;
	width: 899px;
	height: 33px;
	background: transparent url(/images/subnav_bg_over.jpg) no-repeat scroll top right;
	padding: 0px 0px 0px 1px;
	margin: 0;
	list-style: none;
	line-height: 13px;
}

#subnav ul {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	display: inline;
	height: 33px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#subnav ul li {
	margin: 0;
	padding: 0;
	float: left;
	marker-offset: 0;
	display: inline;
}

#subnav ul li a {
	color: #0052ab;
	font-family: Helvetica, Arial;
	font-size: 100%;
	text-decoration: none;
	display: inline;
	height: 23px;
	padding: 0px 15px 0px 15px;
	position: relative; 
	top: 10px;
	margin-left: auto;
}

#subnav ul li a:hover {
	color: #ff6600;
	font-family: Helvetica, Arial;
	font-size: 100%;
	text-decoration: none;
	display: inline;
	height: 23px;
	padding: 0px 15px 0px 15px;
	position: relative; 
	top: 10px;
	margin-left: auto;
}

#subnav ul li.active {
	background: transparent url(/images/subnav_element_bg_left.jpg) no-repeat scroll top left;
	height: 33px;
	font-size: .9em;
	display: inline;
	float: left;
}

#nav li ul li a.FiveCenter {
	margin-left: 450px;
}

#nav li ul li a.SixCenter {
	margin-left: 450px;
}

#nav li ul li a.SevenCenter {
	margin-left: 490px;
}

#nav li ul li a.EightCenter {
	margin-left: 740px;
}

#subnav ul li a.FiveCenter {
	margin-left: 450px;
}

#subnav ul li.FiveCenterActive {
	margin-left: 450px;
	background: transparent url(/images/subnav_element_bg_left.jpg) no-repeat scroll top left;
}

#subnav ul li a.SixCenter {
	margin-left: 450px;
}

#subnav ul li.SixCenterActive {
	margin-left: 450px;
	background: transparent url(/images/subnav_element_bg_left.jpg) no-repeat scroll top left;
}

#subnav ul li a.SevenCenter {
	margin-left: 490px;
}

#subnav ul li.SevenCenterActive {
	margin-left: 490px;
	background: transparent url(/images/subnav_element_bg_left.jpg) no-repeat scroll top left;
}

#subnav ul li a.EightCenter {
	margin-left: 740px;
}

#subnav ul li.EightCenterActive {
	margin-left: 740px;
	background: transparent url(/images/subnav_element_bg_left.jpg) no-repeat scroll top left;
}

#subnav ul li a.active,
#subnav ul li:hover a {
	color: #ff6600;
	line-height: 13px;
}

#subnav ul li p {
	height: 33px;
	color: #000000;
	display: inline;
	float: left;
}

#subnav ul li p.active {
	background: transparent url(/images/subnav_element_bg_right.jpg) no-repeat scroll top right;
	height: 33px;
	color: #000000;
}



/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ###########Move to carousel.css################################## */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */

/* HEADER FEATURE BOXES */
#contentTopBox1 {
	display:inline; 
	background: transparent url(/images/feature_box_1.png) no-repeat scroll top center;
	float:left;
	height:231px;
	width:888px;
} 

#contentTopBox1 p,
#contentTopBox3 p,
#contentTopBox4 p {
	font-size: 1.25em;
	font-family: Arial;
	color: #ffffff;
	margin: 20px 0px 0px 15px;
	width: 475px;
}

.TB1LM {
	display: block;
	width: 125px;
	height: 25px;
	float: left;
	margin: 5px 0px 0px 0px;
}

.TB3LM {
	display: block;
	width: 125px;
	height: 25px;
	float: left;
	margin: 5px 0px 0px 0px;
}

.TB4LM {
	display: block;
	width: 125px;
	height: 25px;
	float: left;
	margin: 5px 0px 0px 0px;
}

#contentTopBox2 {
	display:none;
	background: transparent url(/images/feature_box_2.png) no-repeat scroll top center;
	float:left;
	height:231px;
	width:888px;
}

#contentTopBox3 {
	display:none; 
	background: transparent url(/images/feature_box_3.png) no-repeat scroll top center;
	float:left;
	height:231px;
	width:888px;.
}

#contentTopBox4 {
	display:none; 
	background: transparent url(/images/feature_box_4.png) no-repeat scroll top center;
	float:left;
	height:231px;
	width:888px;
}

.featureBoxHeader {
	font-size: 1.9em;
	font-family: Arial;
	color: #ffffff;
	margin: 15px 0px 0px 75px;
}

.featureBox2Header {
	font-size: 1.9em;
	font-family: Arial;
	color: #ffffff;
	margin: 10px 0px 0px 75px;
}

.featureBox2HeaderText {
	font-size: 1.2em;
	font-family: Arial;
	color: #ffffff;
	margin: 5px 0px 0px 75px;
}

#TB2Content1, 
#TB2Content2,
#TB2Content3 {
	float: left;
	display: inline;
	overflow: hidden;
	width: 250px;
	margin: 0px 20px 0px 20px;
}

#TB2Content1 h2, 
#TB2Content2 h2,
#TB2Content3 h2 {
	font-size: 1.5em;
	color: #ffffff;
	margin: 10px 0px 5px 0px;
}
#TB2Content1 p, 
#TB2Content2 p,
#TB2Content3 p {
	color: #ffffff;
}

#displayContainer {
	background: transparent url(/images/feature_box_bg.jpg) no-repeat scroll top center;
	float:left;
	height:241px;
	width:888px;
	display: inline;
	margin: 0px 5px 5px 5px;
}

#displayContainer a {
	border-bottom: none;
}

ul.TopBoxNav{
	float: left;
	width: 600px;
	height: 34px;
	display: block;
	padding: 0;
	margin:2px 0 0 21px;
	list-style: none;
	background-color: transparent;
	position:absolute;
	top:360px;
	left: auto;
}

ul.TopBoxNav li {
	float: left;
	display: inline;
}

ul.TopBoxNav li a.TB1 {
	width: auto;
	float: left;
}

ul.TopBoxNav li a.TB2 {
	width: auto; 
	float: left;
	margin-left: 52px;
}

ul.TopBoxNav li a.TB3 {
	width: auto; 
	float: left;
	margin-left: 58px;
}

ul.TopBoxNav li a.TB4 {
	width: auto; 
	float: left;
	margin-left: 50px;
}

ul.TopBoxNav li a.active {
	font-family: Arial;
	color: #ffffff;
	font-size: 1.3em;
}

ul.TopBoxNav li a {
	font-family: Arial;
	color: #c9d9e3;
	font-size: 1.3em;
}

ul.TopBoxNav li a:hover {
	text-decoration: underline;
}



/** TABBED BOXES **/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 27px; /*--Set height of tabs--*/
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 10px;
	height: 27px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 27px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	background: transparent url(/images/tabbed_display_tab_inactive.png) no-repeat scroll top left;
}

ul.tabs li a {
}

.displayContent {
	float: left; 
	display: inline;
	background: transparent url(/images/process_content_bg.png) no-repeat scroll center top; 
	margin-left: 12px;
}

.displayContent h2 {
	color: #ffffff;
	font-size: 1.2em;
}

.displayContent p {
	color: #ffffff;
}

.tab_content {
	padding: 10px 5px 5px 10px;
	width: 820px; 
	height: 90px;
}


/** INDEX CONTENT **/
#indexContent {
	float: left; 
	display: inline; 
	width: 590px; 
	padding: 0px 10px 0px 10px; 
	height: 300px;
}

#indexContent h1 {
	font-size: 2.0em; 
	color: #026cb0; 
	font-family: Arial;
}

.indexHighlight {
	float: left; 
	display: inline; 
	width: 155px; 
	padding: 0px 20px; 
	height: auto;
}

.indexHighlight p {
	font-size: .9em;
	color: #000000;
	width: 155px;
	text-align: left;
}

#content .indexHighlight a {
	color: #ff7011;
	width: 155px;
	text-align: justify;
	border-bottom: none;
}

#indexSidebar {
	display: inline;
	float: left;
	width: 257px;
	height: auto;
}

.indexSidebarCallout {
	display: inline;
	float: left;
	width: 227px;
	height: 90px;
	border: 1px solid #cdcdcd;
	padding: 10px 10px 0px 10px;
	margin-right: 10px;
	margin-top: 10px;
	background: #ffffff url(/images/index_sidebar_hl_bggrey.png) no-repeat scroll center top;
}

.indexSidebarCallout h2 {
	font-size: 1.6em; 
	color: #026cb0; 
	font-family: Arial;
	margin: 0px;
}

.highlight {
	background: #ffffff url(/images/index_sidebar_hl_bg.png) no-repeat scroll center top;
}

#content .calloutInline {
	display:inline;
	float: left;
	width: 208px;
	height: 28px;
	background: #ffffff url(/images/callout_oneline.png) no-repeat scroll top center;
	color: #ffffff;
	font-weight: 700;
	font-size: 1.4em;
	padding: 4px 0px 0px 30px;
	border: none;
}

/** PORTFOLIO **/
.portfolioDisplay {
	float: left; 
	display: inline; 
	width: 800px; 
	height: 242px; 
}

.portfolioDisplay h1 {
	color: #ffffff;
	font-family: Arial;
	font-size: 2.2em;
}

.portfolioDisplay p {
	color: #ffffff;
}