﻿body {
	background: #fff url(/images/bg-main-diag-stripes.gif) repeat-y center top;
	font-family: arial,helvetica,sans-serif ;
	font-size:.75em; 
	line-height:1.5em;
	color: #555555;
}
a { color:#335795; font-weight:bold; text-decoration:none; }
a:hover { color:#e49c04; text-decoration:underline; }
h1 { font-family: Arial,Helvetica,sans-serif; font-size: 24px;color: #e49c04; font-weight: lighter; line-height:26px; text-transform:uppercase;}
h2 { color:#335795; font-family:Arial,Helvetica,sans-serif; font-size: 22px; font-weight: lighter;}
h3 { color:#335795; font-family:Arial,Helvetica,sans-serif; font-size: 14px;}
h4 { color:#2d4b7f; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size: 15px; margin-bottom:-10px; text-transform:uppercase;}
h6 { color:#7091BA; font-size:15px; line-height:16px; margin:0 0 3px 0; }
.clear { clear: both; }
.break { padding-bottom: 20px; }
.errMsg { color:#FF0000; }
.thankYou { color:#e49c04; font-weight:bold; margin-top:20px;}

/* master page */
img.logo { border:none;float:left; margin-top:5px;}
#containerTop { background: url(../images/content_top.gif); margin:0 auto; padding:0; height:23px; width:975px; }
#container {
	background-color:#FFF; 
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0 auto; 
	margin-top:-10px;  /* Fix for gap in FF */
	*margin-top:0;	/* Put it back to 0 for IE */
	padding:0 30px 0 30px; 
	width:913px; }
.header { text-align:right; }
.header h3 { color:#9E9E9E; font-size:10px; letter-spacing:1px; text-transform:uppercase; }
.header h1, .header h2 { color:#7091BA; font-family: Arial, sans-serif; font-size: 22px; font-weight:bold; margin-top:-8px; text-transform:none; }
#footer { 
	background: url(../images/footer_975_bg.png) bottom no-repeat;
	color:#666;
	font-size:10px;
	line-height:14px;
	height:267px;
	margin:0 auto;
	padding:0 30px 0 30px;
	width:915px;
}
#footer div.synopsis { padding:20px 0 10px 100px; }
#footer a { color:#315390; text-decoration:none; }
#footer a:hover { color:#CC6600; text-decoration:underline; }
.footer1, .footer2, .footer3, .footer4, .footer5 { float:left; margin:0 0 10px 0; width:150px; }
.footer1 { margin-left:130px;}
.copyright { color:#FFF; text-align:center;  }

/* Top Navigation */
#topNav { margin:0; padding:0; }
#topNav ul {
	background: url(../images/nav_bar_bg.jpg);
	float:left;
	height:25px;
	margin: 0;
	padding: 0;
	width:912px;
}
#topNav li {
	display:inline;
}
#topNav a {
	background: url(../images/nav_bar_separator.jpg) top right no-repeat;
	color:#FFF;
	float:left;
	font-family: verdana, arial, sans-serif;
	font-size:.79em;
	letter-spacing:.1em;
	font-weight:bold;
	line-height:25px;
	padding:0 15px 0 15px;
	text-decoration:none;
	text-transform:uppercase;
}
#topNav a:hover { color:#FFBB00 }
#topNav .first {
	background: url(../images/nav_bar_separator.jpg) top right no-repeat;
	float:left;
	height:25px;
	width:100px;
}
#topNav .last {
	background: none;
	float:left;
}

/* Home Page */
#apDiv1 {
	float:right;
	margin:-10px -30px 0 0;
	width:456px;
	z-index:1;
}
#homeBanner { background: url(../images/hp_banner_bg_apps.jpg); height:230px; width:912px; }
#homeBanner #main { padding:10px 20px 10px 20px; }
#homeBanner #main h1 { color:#FFFFFF; font-family: helvetica,arial,sans-serif;  font-size: 19px; font-weight:normal; margin:10px 0 5px 0; padding-left:20px;}
#homeBanner #main h2 { color:#99ccff; font-family: helvetica,arial,sans-serif;  font-size: 25px; padding-left:20px; font-weight:bold; margin:0; font-stretch:10px;}
#homeBanner #main ul { list-style-image: url(../images/bulletwhitediamond.png); }

#homeBanner #main a { color:#FFFFFF; font-size:15px; font-weight:500; font-family: helvetica,arial,sans-serif !important; text-decoration:none;line-height:18px;}
#homeBanner #main a:hover { color:#33CC66; text-decoration:none; }

#homeBanner #feature { float:right; font-size:13px; font-weight:bold; height:180px; margin:20px 0 20px 0; padding:10px; text-align:center; width:180px; }
#homeBanner #blueBar { color:#ccffff; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight:bold; height:12px; padding:5px 20px 10px 45px; *padding-top:0; }
#homeBanner #blueBar a { color:#FFF; }
/*#homeHeader {
	background-color:#000;
	height:225px;
	margin:0px 0 5px 0;
	width:912px;
}
#solutionsGlance {
	color:#FFF;
	font-size:11px;
	float:right;
	width:250px;
	padding-right:10px;
}
#solutionsGlance #header {
	border-bottom:1px dashed #FFF;
	margin-top:30px;
	padding-bottom:5px;
}
#solutionsGlance h2 {
	display:inline;
	font-size:20px;
	font-weight:bold;
}
#solutionsGlance ul {
	list-style-type:square;
	margin-left:-25px;
	*margin-left:15px;
}
#solutionsGlance li { font-size:17px; line-height:25px; }*/
#homeBoxes {
	background:url(../images/hp_content_bg.jpg);
	color: #444;
	min-height:380px;
	margin:0px;
	padding:0px;
	width:912px; }
#homeBoxesBottom
{
    background:url(../images/hp_content_bottom_bg.jpg) no-repeat;
    height:48px; width:912px;
    margin:0px;
	padding:0px;
	clear: both;
}	
	
#homeBoxes h2 {
	color:#355995;
	font-family:helvetica,arial,sans-serif;
	font-size:14px; 
	text-transform:uppercase;
	font-weight:bold; 
	margin:0;
	margin-bottom:-10px;
	*margin-bottom:-15px; /* IE 7 */
}
#home1, #home2, #home3 {
	float:left;
	margin:-28px 0 0 0;
	width:302px;
}
.challenge, .solution { background-color: #3860A5; color: #F5F6FB; font-size:.9em; font-weight:bold; letter-spacing:1px; padding:1px 2px 1px 2px;  text-align:center; text-transform:uppercase; }
.challenge { width: 80px; }
.solution { width: 70px; }
.homeContent {
	margin:0;
	padding:8px 20px 8px 20px;
}
.homeContent img { border:none; }
#home3 h2 { margin-bottom:10px; }
#logoBar { border:2px solid #DBDBDB; clear:both; padding:5px; text-align:center; }
#logoBar img { border:0; padding-right:5px; }
hr.line { border-top:1px dotted #989C9F; }
/* news */
#homeArticlesList { list-style-type:none; margin:20px 0 0 0; padding-left:0; *margin-top:30px; }
.newsDate { color:#888888; font-weight:bold; FONT-SIZE:11px !important; }
#homeArticlesList li, #blogPostsList li { margin-bottom:8px; }
ul#blogPostsList { list-style-type:none; margin:20px 0 0 0; padding-left:0; }

/* sub nav */
#subNav {
	background: url(../images/2l_nav_bg.jpg); 
	float:left;
	margin:-5px 0 0 0 ;
	min-height:600px;
	padding:0;
	width:181px; }
#subNav ul { list-style-type:none; margin:0; padding:0; text-align:right; }
#subNav li { border-bottom:1px solid #FFF; height:45px; position:relative; }
#subNav .AspNet-Menu-Link { color:#7591B1; font-family:Verdana; font-size:13px; padding-right:8px; position:absolute; bottom:0; right:0; text-decoration:none; }
#subNav .AspNet-Menu-Link:hover { color:#335795; text-decoration:none;}
#subNav .AspNet-Menu-Selected { color:#335795; }

/* page content */
#pageContent {
	background-color:#FFF;
	margin:10px 0 0 0;
	padding:0;
	width:912px;
}
#content {
	border-right:1px solid #6385AA;
	float:right;
	line-height:18px; 
	margin:-5px 0 0 0;
	min-height:600px;
	padding:10px;
	width:710px;
}

/* case studies */
.link1 { font-weight:bold; text-transform:uppercase; }


/* sidebar */
.sidebarRight {
	/*border-left:1px solid #CCC;*/
	float: right;
	margin-left:15px;
	padding-left:10px;
	text-align:center;
	width: 200px;
}
#sidebarRight div.style1 {
	border: 1px solid #c7c5af;
	background: #D5D3BE url(../images/bg_rh_sb.gif);
	padding: 10px 7px 10px 8px;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #5d5b41;
}
.sideTop {
	background: url(../images/bg_sidebar_frame_top.gif) no-repeat;
	height: 9px;
	width:198px;
}
.sideMiddle {
	background: url(../images/bg_sidebar_frame_mid.gif) repeat-y;
	padding: 0 9px 0 9px;
	width:180px;
}
/*.sideMiddle img { display: inline;}*/
.sideMiddle h5 {
	color: #FFF;
	background: #215086;
	padding: 3px 4px;
	font-weight: bold;
}
.sideMiddle p {
	border: 1px solid #657181;
	padding: 5px 5px 6px 5px;
	margin: 4px 0 0 0;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
	background: url(../images/bg_sidebar_p.jpg);
}
.sideMiddle object { text-align: center; }
.sideMiddle p.buttons {
	text-align: right;
}
.sideMiddle p.buttons a {
	background: url(../images/bullet_04.gif) no-repeat left;
	padding-left: 20px;
	margin-left: 5px;
}
.sideContent .sideIcon {
	margin: 5px 34px 10px 34px;
}
.readMore {text-align: right;}
.sideContent {
	background: #93B7D2 url(../images/bg_sidebar_frame_content.jpg) repeat-x top left;
	padding: 10px 4px 4px 4px;
	border: 1px solid #657181;
}
.sideContent p {
	padding: 0 0 10px 0;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
	background: none;
	border: none;
}
.sideContent strong {
	color: #2F456A;
}
.sideBottom {
	background: url(../images/bg_sidebar_frame_btm.gif) no-repeat;
	font: 0 Arial, Helvetica, sans-serif;
	height: 10px;
	margin-bottom: 5px;
	width:198px;
}

/* shadow box */
div.shadowBox {
	border:1px solid #CCC;
	font-size:12px;
	padding:10px;
	text-align:left;
	width:180px;
}
div.shadowFooter { background:url(../images/boxshadow_200w.jpg); height:35px; width:200px; }
.sidebarForm { color:#666; font-size:11px; text-align:left; }
.contactForm { color:#666; font-size:11px; }

/* clients & industries */
.featuredClients {
	padding:0 5px;
	height:160px;
	width:460px;
}
.featuredClient {
	float:left;
	text-align: center;
	vertical-align:top;
	width:150px;
}
.client h3 { 
	background: url(../images/plus-9.png) left no-repeat;
	cursor:pointer;
	font-size:12px !important;
	padding-left:15px;
    text-transform:uppercase !important; }
.client .details {
	background: #F2F5FA;
	border: 1px solid #CEC9AA;
	margin:0 0 10px 0;
	padding: 0 10px 0 10px;
	width:460px;
}
.client .details img { background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	margin-left:5px;
	padding: 5px 10px 10px 5px;
}
.clientOn h3 { background: url(../images/minus-9.png) left no-repeat; }
#cmsBody .details { display: block !important; }
/*
.client .thumbnail { padding-left:25px; }
div.clientOn .thumbnailOn { display:none; }
div.clientOn .details { display:block; }*/
/*
.column1 {
	float: left;
	width: 244px;
	margin-right: 8px;
}
.column2 {
	float: left;
	width: 239px;
}

#clients ul, #industry ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#clients ul li, #industry ul li {
	background: none;
}
#clients ul li {
	border-top: 1px solid #F1F0E7;
	border-bottom: 1px solid #F1F0E7;
	margin: 0;
	padding: 0;
}
#clients ul li a {
	background: #D9D5BA;
	color: #333;
	padding: 2px 7px 2px 7px;
	display: block;
	font-size: 0.9em;
}
#clients ul li.selected a {
	background: #FFF;
	color: #BE6124;
}
#industry { 
	background: #E0EBF1 url(../images/bg_sidebar_frame_content.jpg) repeat-x 0px 110px;
	margin: 0 1px;
}
#industry ul li {
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}
#industry ul li.bottom {
	border-bottom: 0 none;
}
#industry ul li a, #industry ul li a:hover {
	color: #2D2A21;
	display: block;
	padding: 3px 5px;
	font-size: 0.9em;
	text-decoration: none;
}
#industry ul li a.selected, #industry ul li a:hover.selected {
	background-color: #FFF;
	color: #BE6124;
}
#industry ul li a:hover {
	background-color: #FFF;
}
*/



/* website planner */
h2.planner {
	text-transform:lowercase;
}
h3.planner {
	color:#4F81BD;
	text-transform:lowercase;
}
.plannerLeftCol { float:left;margin-right:20px;width:295px; }
.plannerRightCol { float:right;width:375px; }
.plannerBox { background-color: #D3DFEE; border: 1px solid #7586A3; padding:0 8px 0 8px; }
.plannerText { border:1px solid #757575 ; width:250px; }
.Row { background-color:#DBE5F1; }
.AltRow { background-color:#FFF; }
.cardText { background-color:#D3DFEE;padding:3px;width:370px; }
.cardDescription { border:1px solid #000;border-top:none;margin-left:5px;padding:4px;width:355px; }
ascent

/* Form elements */
txtName, txtTel, txtEmail {
border : 1px solid Black;
background-color : #CCCCCC;
color : #0E1930;
font-size : 10px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
height: 10px; /* replace 2em with your chosen value, in px or whatever */
} 









/* Editor CSS /////////////////////////////////////////////////// */
body#cmsBody {
    background: #FFF;
    text-align: left;
    margin: 5px;
    width:auto;
}
/* cms styles */
.tableLeft {
	border: 1px solid #550000;
	padding: 3px;
	background: #edecd8;
	float: left;
	clear: left;
	margin: 0 20px 25px 0;
}
.tableRight {
	border: 1px solid #550000;
	padding: 3px;
	background: #edecd8;
	float: right;
	clear: right;
	margin: 0 0 25px 20px;
}
.tableLeft img, .tableRight img { border: 1px solid #000000; }
img.imgLeft, img.imgRight { 
    display: block;
    border: 1px solid #000000;
    padding: 2px;
    background: #FFF;
}
img.imgLeft { float: left; clear: left; margin: 0 12px 7px 0; }
img.imgRight { float: right; clear: right; margin: 0 0 7px 12px; }
img.mainImage {
    display: block;
    border: 1px solid #6D4959;
    padding: 3px;
    background: #F3F9F9;
    margin: 0 0 10px 0;
}
.small { font:11px Times New Roman, Times, serif;} 

