/* CSS Document */


body,td,table,li,ul,p,form,fieldset,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
table,img,fieldset {
	border:0;
}
.clearLeft {
	clear:both;
}
body {
	background:#ffffff url(images/home_back.gif) repeat-x;
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:0;
}


p {
	margin-bottom:.8em;
	margin-top:.8em;	
	line-height:1.4em;
}

p a, p a:link, p a:visited, td a:link, td a:visited, span a, span a:link  {
	color:#1684ef;
	font-weight: normal;
	text-decoration: underline;	
}

p a:hover, td a:hover, span a:hover,   {
	text-decoration: none;	
}

a, a:link, a:visited {
	color:#1684ef;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
}

h1 {
	color:#666666;
	font-size:23px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	padding:5px 0;
	padding-left:45px;
	margin-bottom:10px;
	font-weight: normal;	
}
h2 {
	color:#499e1f;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size:18px;
	font-weight: normal;	
}
h3 {
	color:#499e1f;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight: normal;
}
h4 {
	color:#499e1f;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight: bold;
}

hr {
border:1px #ccc dotted; 
margin: 5px 15px 10px 15px;
}


#wrapper {
	width:1000px;
	margin: 0 auto;
    position: relative;
	background:url(images/home_wrapper_back2.jpg) no-repeat;
}

#header {
	position:relative;
	width:1000px;
	height:440px;
	margin: 0 auto;	
}

/* Inner Pages ============================ */

#wrapper2 {
	width:1000px;
	margin: 0 auto;
    position: relative;
	background:url(images/home_wrapper_back.jpg) no-repeat;
}

#wrapper3 {
	width:1000px;
	margin: 0 auto;
    position: relative;
	background:url(images/inner_wrapper_back.jpg) no-repeat;
}


#header2 {
	width:1000px;
	margin: 0 auto;	
	height:470px;
    z-index:9999;
	position: relative;
	background-image:none;		
}

#header3 {
	width:1000px;
	margin: 0 auto;	
	height:350px;
    z-index:9999;
	position: relative;
	background-image:none;		
}

#header4 {
	width:1000px;
	margin: 0 auto;	
	height:390px;
    z-index:9999;
	position: relative;
	background-image:none;		
}


#contentWrapper2 {
	position:relative;
	width: 1000px;
	min-height:320px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	overflow: hidden;
	background:url(../images/splash.gif) no-repeat bottom left;
	color:#777676;	
	
}

 
/*  ============================ */


.dots {
margin: 3px 0px;
padding: 0px;
width: auto;
height: 1px;
border-top: 1px dotted #000;
clear: left;
}

.comment {
margin: 3px 0px;
padding: 10px;
width: auto;
border-top: 1px dotted #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px dotted #ddd;
background-color: #eee;
clear: left;
}

/* Logo ============================ */
.logo {
	position:absolute;
	top:7px;
	left:15px;
	height:55px;
	width:308px;
}


/* Flash Demo ============================ */
.flash_demo {
	position:absolute;
	top:70px;
	right:0px;
	height:480px;
	width:480px;
}


/* Home Page Promo Box ============================ */
.promo {
	position:absolute;
	top:120px;
	left:40px;
	width:530px;
	height:275px;
}

.promo h1 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#26ab7b;
	padding: 0;
}

.promo p { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding: 3px 0 3px 0;
}


.icon {
	position:absolute;
	top:110px;
	left:5px;
}

.home_buttons {
	position:absolute;
	top:255px;
	left:100px;
}


/* Inner Page Headers ============================ */
.approach {
	position:absolute;
	top:98px;
	left:12px;
	width:975px;
	height:500px;
}

.services {
	position:absolute;
	top:98px;
	left:12px;
	width:975px;
	height:238px;
	background:url(images/headers/customer_experience_study.jpg) no-repeat;
}

.contact {
	position:absolute;
	top:98px;
	left:12px;
	width:975px;
	height:238px;
	background:url(images/headers/contact.jpg) no-repeat;
}

.about {
	position:absolute;
	top:98px;
	left:12px;
	width:975px;
	height:238px;
	background:url(images/headers/about.jpg) no-repeat;
}

.clients {
	position:absolute;
	top:98px;
	left:12px;
	width:975px;
	height:238px;
	background:url(images/headers/clients.jpg) no-repeat;
}

.promo_box {
	position:absolute;
	top:70px;
	left:180px;
	width:490px;
	height:180px;
}

.promo_box_contact {
	position:absolute;
	top:70px;
	left:200px;
	width:580px;
	height:180px;
}

.promo_box h1, .promo_box_contact h1 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#26ab7b;
	padding: 0;
}

.promo_box p, .promo_box_contact p { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding: 3px 0 3px 0;
}


/* MAIN MENU STYLES =================================== */

#MainMenuContainer {
	position:relative;
	z-index:9999;
	
}

ul.mainMenu {
	position:absolute;
	height:41px;
	margin:0;
	top: 54px;
	right: 10px;
	list-style-type:none;
	z-index:9999;
	float:right;
}
.mainMenu li {
	height:41px;
	float:left;
	padding-left:11px;
}
.mainMenu li a:link, .mainMenu li a:visited {
	height:41px;
	line-height:24px;
	float:left;
	display:block;
	padding-right:11px;	
	color:#ffffff;
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	white-space:nowrap;
}

.mainMenu li#on{ /* set in the jquery */
	background:url(images/menu_on_left.gif) no-repeat left top;	
}

.mainMenu li#on a:link, .mainMenu li#on a:visited{
	background:url(images/menu_on_right.gif) no-repeat right top;
}

.mainMenu li#off{
	background-image:none;	
}

.mainMenu li#green a:link, .mainMenu li#green a:visited{
	color:#b0f18f;	
}

.mainMenu li.lihover { /* set in the jquery */
	background:url(../images/mm_on_left.jpg) no-repeat left top;	
}

.mainMenu li a:hover, 
#wrapper .mainMenu li a.hover,
#wrapper2 .mainMenu li a.hover {
	background:url(../images/mm_on_right.jpg) no-repeat right top;
	text-decoration: underline;
}

.mainMenu li#on a:hover, .mainMenu li#on a.hover {
	background:url(../images/mm_over_right.jpg) no-repeat right top;
	text-decoration: none;	
	}


/* Sub Menu Syles ================= */
.mainMenu li ul {
	list-style-type:none;
	display:none;
	position:absolute;
	top:28px;
	clear:left;
	width:213px;
	height:auto;
	z-index:9999;

}
* html .mainMenu li ul {
	width:1%;
}
.mainMenu li ul li {
	float:none;
	height:auto;
	background:none;
	padding:0;
	margin:0;
}
.mainMenu li.iefix {
	/* This class is applied in the IE jquery script */
	float:left;
	clear:left;
}
* html .mainMenu ul img {
	float:left;
}


#wrapper .mainMenu li ul a:link, 
#wrapper .mainMenu li ul a:visited,
#wrapper2 .mainMenu li ul a:link, 
#wrapper2 .mainMenu li ul a:visited {
	float:none;
	margin-top:0;
	height:22px;
	line-height:22px;
	padding:0 15px;
	text-transform:none;
	color:#000;
	font-weight:normal;
	background:url(../images/hover_box_middle.gif) repeat;	
}
#wrapper .mainMenu li ul a:hover,
#wrapper2 .mainMenu li ul a:hover {
	color:#2a8008;
	background:url(../images/hover_box_middle.gif) repeat;	
}
.mainMenu li ul ul {
	top:-1px;
	z-index:1000;
	margin-left:0;
	border-top:1px solid #999997;
}




/* HOME PAGE CONTENT AREA =============================*/
#contentWrapper {
	position:relative;
	width: 970px;
	margin: 0 auto;
	padding: 0 0 0px 0;
	color:#777676;
	min-height: 320px;
}



#contentWrapper a, a:link, a:visited {
	color:#1684ef;
}

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


.HomeColumn, .InnerColumn1, .InnerColumn2 {
	width:300px;
	height: 300px;
	padding: 0 5px;
	margin: 0;
	float: left;
	border-left: 1px solid #ccc;
	color: #666;
}

.InnerColumn1 {
	width:595px;
	height:auto;
	border-left: none;
	border-right: 1px solid #ccc;
	padding: 0 25px 25px 25px;

}

.InnerColumn2 {
	height:auto;
	border: none;
}


.HomeColumn h4, .InnerColumn1 h4, .InnerColumn2 h4{
	padding: 3px;
	margin: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#005295;
	font-size: 16px;
	font-weight: normal;
}

.HomeColumn p, .InnerColumn1 p, .InnerColumn2 p{
	padding: 7px 10px 12px 15px;
	margin: 0;
}

.HomeColumn ul, .InnerColumn1 ul, .InnerColumn2 ul{
	margin: 6px 10px 7px 15px;
	top: 110px;
	left: 95px;
	padding: 0;
	list-style: none;
	width:auto;
	height:auto;
}

.InnerColumn1 ul {
margin-left: 30px;

}

.HomeColumn li, .InnerColumn1 li, .InnerColumn2 li{
	margin: 0;
	padding: 0px 0 5px 13px;	
	background:url(images/bullet.gif) no-repeat;
}

.subnav {
width: 900px;
height: 40px;

}


/* INNER PAGE CONTENT AREA =============================*/

#LeftColumn {
	width:213px;
	padding: 0px 0 130px 30px;
	margin: 53px 0 0 0;
	float: left;
}


#LeftMenu {
	width:213px;
	padding: 0;
	margin: 0;
	background:url(../images/left_menu_top.gif) repeat-y;
}

.LeftLogin {
	width:213px;
	padding: 0;
	margin: 0;
	background:url(../images/left_login.gif) repeat-y;
}

.LeftLogin p {
	padding: 0 25px;
}


#LeftMenu h2, .LeftLogin h2{
	padding: 12px;
	margin: 0;
	color:#FFFFFF;
	font-size: 16px;
	line-height: 18px;
}

#LeftMenu h2 a, .LeftLogin h2 a{
	font-size: 16px;
	color:#FFFFFF;	
}

#LeftMenu ul {
	list-style:none;
	padding: 0px;
	margin: 0;
	color:#404040;
	font-size: 16px;
}

#LeftMenu li {
	padding:  5px 7px 0px 15px;
	margin: 0;
}

#LeftMenu li a:link, #LeftMenu li a:visited {
	padding: 0;
	margin: 0;
	color:#404040;
	text-decoration: none;	
}

#LeftMenu li a:hover{
	text-decoration: none;	
}

#LeftMenu li.on a:link, #LeftMenu li#on a:visited{
	color:#40961a;
	text-decoration: underline;
}


#LeftMenuBottom {
	width:213px;
	height: 30px;
	padding: 0;
	margin: 0;
	background:url(../images/left_menu_bottom.gif) bottom;
}


.LeftWidget {
	width:220px;
	height: auto;
	padding: 0;
	margin: 0 0 20px 0;
	float: left;
	overflow: hidden;
	background:url(../images/text_column_line.gif) repeat-y;
}

.LeftWidget ul {
	padding: 0 0 10px 25px;
	margin: 0;
	list-style: none;
}

.LeftWidget ul li {
	list-style: none;
	padding: 2px 15px;
	background:url(../images/bullet.gif) no-repeat;	
}



.LeftWidget_icons {
	width:265px;
	height: 430px;	
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	background:url(../images/text_column_line.gif) repeat-y;	
}

.LeftWidget h3 {
	padding: 7px 0 0 25px;
	margin: 0;
	float: left;
	overflow: hidden;
	background:url(../images/bubbles_green.gif) no-repeat top left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	height: 30px;
	width: 100%;
	font-size: 16px;
}

.LeftWidget h4, .LeftWidget_icons h4 {
	padding: 3px;
	margin: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#5ba62c;
	font-size: 17px;
	font-weight: normal;
}


#MiddleColumn {
	width:748px;
	height: auto;
	padding: 0;
	margin: 0 0 25px 0;
	float: right;
	overflow: hidden;
	background:url(../images/middle_col_back.gif) repeat-y;
}

#Content {
	width: auto;
	height: auto;
	padding: 10px 25px;
	margin: 0 auto;
	color:#666666;
	line-height: 20px;
	font-size:14px;	
}

#Content a, #Content a:link {
	font-size:14px;	
}

#Content td {
	padding: 5px 5px;
}


#Content h1 {
	color:#707070;
	font-size: 24px;
	padding: 0;
	margin: 10px 0;
	font-weight: normal;	
}

#Content h4{
	padding: 3px 0;
	margin: 0;
	color:#5ba62c;
	font-size: 17px;
	font-weight: normal;
}

#Content p{
	padding: 7px 30px 12px 0px;
	margin: 0;
}

#Content br{
	clear: left;
}

#Content ul {
	padding: 0 0 10px 20px;
	margin: 0;
	list-style: none;
}

#Content ul li {
	list-style: none;
	padding: 2px 35px 15px 15px;
	background:url(../images/bullet.gif) no-repeat;	
}


#MiddleColumnBottom {
	width:748px;
	height: 25px;
	padding: 0;
	margin: 0;
	background:url(../images/middle_col_bottom.gif) bottom no-repeat;
}


#MiddleColumnWide {
	width:556px;
	padding: 0px 0px 0 0px;
	margin: 0;
	float:left;
}

#RightColumn {
	width:170px;
	padding: 0px 5px 0 0;
	margin: 0;
	float:right;
}



/* FOOTER STYLES ============================ */
#footerWrapper {
	clear:left;
	width: 100%;	
	background:#ffffff url(images/footer_back.gif) repeat-x;
	padding:0;
	margin:20px 0 0 0;
}
#footer {
	width:1000px;
	height:372px;
	padding:0;
	color:#666;
	margin: 0 auto;		
}

.FooterCopyright {
color:#666;
font-size: 12px;
float:right;
padding: 5px 40px;
}

.FooterCopyright a, .FooterCopyright a:link, .FooterCopyright a:visited, .FooterCopyright a:hover {
font-size: 12px;
}

#footer ul {
	list-style:none;
	padding: 15px 0 0 5px;
	margin: 0;
	font-size: 16px;
}

#footer ul li, #footer ul li a, #footer ul li a:link {
	padding:  2px 7px 2px 7px;
	margin: 0;
	text-decoration: none;
	line-height: 17px;
	float:left;
	display:block;
	color:#999;	
	font-size: 14px;	
}

#footer li.on {
	color:#1684ef;	
}

#footer ul li a:hover {
	text-decoration: underline;
}


br {
clear:both;
}


/* TABLE STYLES ============================ */
.sectiontable {
	margin: 15px 0 0 0;
	width: 100%;
}

.sectiontable table {
	margin: 15px 0 0 0;
	width: 100%;
}

.sectiontable td {
	padding: 5px 5px;
}

.sectiontableheader {
	padding: 5px 5px;
	background: #852107;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.filters {
	text-align: right;
	padding-bottom: 3px;
}
.filters td input {
	width:166px;
	padding: 2px;
	border:1px solid #999;	
}
.filters input.button2 {
	position:relative;
	width:auto;
	border:none;
	top: 4px;
	padding: 0 3px;
}


tr.sectiontableentry1 td {
	padding: 5px 5px;
	border-bottom: 1px solid #DDDDDD;
	background: #FFFFFF;
}

tr.sectiontableentry2 td {
	padding: 5px 5px;
	border-bottom: 1px solid #DDDDDD;
	background: #EFEFEF;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: #eee;
}