/**********/
/* reset */
/********/
html{color:#000; background-color: #E6E6E6;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/* li{list-style:none;} */
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


td { padding:5px; }
/************/
/* generic */
/**********/
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.m_0 { margin: 0; }
.p_3 { padding: 3px; }
.pt_3 { padding-top: 3px; }
.p_10 { padding: 10px; }
.pb_20 { padding-bottom: 20px; }
.pb_40 { padding-bottom: 40px; }
.ta_r { text-align: right; }
.ta_l { text-align: left; }
.ta_c { text-align: center; }
.mt_10 { margin-top: 10px; }
.ml_10 { margin-left: 10px; }
.mr_10 { margin-right: 10px; }
.ml_20 { margin-left: 20px; }
.ml_250 { margin-left: 250px; }
.mr_20 { margin-right: 20px; }
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_50 { margin-bottom: 50px; }
.w_half { width: 50%; }
.red { color: #FF3333; }
.green { color: #339933; }

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	padding-top:0px;
	background-color: #E6E6E6;
	margin: 0px auto; 
	text-align: center;
}
h1, .h1
{
	color:#283891;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}
h2, .h2
{
	color:#283891;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}
h3, .h3
{
	color:#283891;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}
p {
	margin-top:10px;
}
p, td
{
	line-height:140%;
	font-size:12px;
}
li a,
a, li a:visited, a:visited
{
	color:#6E6D6D;
	font-size:12px;
}
li a:hover,
a:hover
{ 
	color:#2372CC;
}
a img {
	border:0px;
}
img
{
	vertical-align:middle;
}
.blue
{
	color:#006799;
}
strong, .strong { font-weight:bold; }
.point { cursor:pointer; }
.break
{
	width:100%;
	height:1px;
	display:block;
}
li {
	list-style-position:outside;
}
li ul {
	margin-left:15px;
}
ul, ol {
	margin:10px;
	margin-left:20px;
}
A, A:visited { text-decoration: none; color: #C31E2D; }
A:hover { text-decoration: none; color: #737373; }

/********** PAGE LAYOUT *************/

#container {
	width:1020px;
	padding-left:2px;
	padding-right:2px;
	margin: 0 auto;
}
#container #header {
	float:left;
	width:100%;
}
#container #header #logo {
	float:left;
	width:50%;
}
#container #header #logo img {
	padding:15px;
	padding-left:0px;
	padding-bottom:0px;
}
#container #header #login {
	float:right;
	width:50%;
	text-align:right;
	padding-top:5px;
}
#container #header #login #login-phone,
#container #header #login #login-client {
	float:right;
}
#container #header #login #login-phone {
	margin-top:5px;
	margin-right:40px;
}
#container #header #login h2,
#container #header #login .field_text { 
	/*text-transform:uppercase;*/
	color:#BCBDC0;
	font-weight:bold;
	font-size:10px;
}
#container #header #login h2 {
	font-size:11px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}
#container #content {
	float:left;
	width:100%;
	margin-top:15px;
	
}
.content-page {
	background:url(../media/graphics/backgroups/content-page.png) #0069b9 top left repeat-x;
	min-height:680px;
}
#footer #slideshow {
	position:relative;
	z-index:2;
	top:-781px;
}
#container #content #overlay {
	/*
	top: -680px;
	*/
	position:relative;
	z-index:10;
}
#container #content #lower-edge {
	width:100%;
	height:6px;
	background:url(../media/graphics/backgroups/content-low.png) bottom left repeat-x;
	margin-top:-1px;
	
	/*
	top: -680px;
	position:relative;
	z-index:12;*/
	float:left;
}
#footer {
	width:100%;
	float:left;
	text-align:center;	
	margin: 10px auto;
}
#footer a {
	color:#33689b;
}
#footer a:hover {
	color:#737373;
}
/************************************/
/************ INDEX SPECIFIC *********/
#index-writing {
	width:995px;
	text-align:right;
	float:right;
	margin-top:25px;
	margin-right:25px;
}
#portfolio-container {
	width:995px;
	float:right;
	text-align:right;
	margin-right: 15px;
	/*margin-top:15px;*/
}
#portfolio-container #portfolio {
	width:492px;
	height:203px;
	/*background:url(../media/graphics/backgroups/portfolio.png) top right no-repeat;*/
	float:right;
	position:relative;
	padding-top:0px;
	padding-right:25px;
	
}

#portfolio-container #portfolio img {
	/*width:462px;
	height:160px;/* */
	/*margin-top:25px;*/
	margin-right:15px;
}

#index-info {
	width:100%;
	float:left;
	margin-top:20px;
	/*height:333px;*/
}
#index-info #zulu {
	width:994px;
	height:237px;
	margin: 0 auto;
	background:url(../media/graphics/backgroups/index-ies.png) top right no-repeat;
	
}
#index-info #zulu #quickbooks,
#index-info #zulu #zulusoftware,
#index-info #zulu #zulu-text,
#index-info #zulu #buttons {
	float:left;
	vertical-align:top;
	position:relative;
	padding:13px;
	
}
#index-info #zulu #quickbooks { z-index: 30; }
#index-info #zulu #zulusoftware { margin-left:-60px; z-index:20; margin-top:10px; }
#index-info #zulu #zulu-text { width:440px; margin-left:30px; margin-right:30px; }
#index-info #smart-card-news #smart-card h1, #index-info #zulu #zulu-text h1{ text-align:center; color:#000; font-size:22px; }
#index-info #zulu #buttons { width:127px; } 
#index-info #zulu #buttons img { margin-top:13px; }

#index-info #smart-card-news {
	width:994px;
	height:237px;
	margin: 0 auto;
	
}
#index-info #smart-card-news #smart-card {
	float:left;
	width:693px;
	height:237px;
	background:url(../media/graphics/backgroups/index-smart.png) top right no-repeat;	
}
#index-info #smart-card-news #smart-card img,
#index-info #smart-card-news #smart-card #smart-text {
	padding:10px;
	padding-top:15px;
	float:left;
}
#index-info #smart-card-news #smart-card img { margin-top:12px; margin-left:6px; }
#index-info #smart-card-news #smart-card #smart-text { width:400px; margin-left:30px;  }

#index-info #smart-card-news #news {
	float:left;
	width:306px;
	height:237px;
	padding-right:0px;
	margin-left:-5px;
	background:url(../media/graphics/backgroups/index-news.png) top right no-repeat;	
}
#index-info #smart-card-news #news .inner{
	padding-top:10px;
	padding-left:18px;
	padding-right:18px;
}
#index-info #smart-card-news #news h1 { text-align:center; color:#FFF; font-size:22px; font-weight:bolder; margin-bottom:0px; }
#index-info #smart-card-news #news h3 { text-align:center; color:#FFF; font-size:16px; font-weight:bolder; margin-top:4px; }
#index-info #smart-card-news #news p, #index-info #smart-card-news #news a { color:#FFF; }
#index-info #smart-card-news #news a {
	text-decoration:none;
	/*text-transform:uppercase;*/
	font-size:13px;
	font-weight:bold;
	margin-top:0px;
}
/*************************************/
/*********** SLIDESHOW *****************/
#master0,
#master1 {
	/*margin-top:10px;*/
	margin-left:30px; 
}
/****************************************/
/********** PAGE DISPALY ****************/
#page-top {
	width:1004px;
	height:34px;
	display:block;
	padding:0px;
	margin:0px;
	margin-top:0px;
}
#page-body {
	padding:30px;
	min-height:510px;
	padding-bottom:10px;
	padding-top:10px;
	margin:0px;
}
#page-bottom {
	width:1004px;
	height:34px;
	display:block;
	padding:0px;
	margin:0px;
}
#page {
	margin: 0 auto;
	width:1004px;
}
/****************************************/
/********** SPLIT PAGE DISPALY ****************/
#split {
	margin: 0px auto;
	padding-top: 25px;
	width: 1005px;
	overflow: hidden;
	padding-bottom: 40px;
}
#split-list {
	width:230px;
	padding:0px;
	padding-bottom: 3000px;
	margin-bottom: -3000px;	
	float:left;
	border-right: solid #C0C0C0 1px;	
}
#split-content {
	width:770px;
	float:right;
}
#split-list-body {
	padding-bottom:70px;
	padding-top:1px;
	padding-left: 10px;
	margin: 0px;
}
#split-list-body #inner-content {
	margin-top: -10px;
}
#split-list-body #inner-content a, #split-list-body #inner-content a:visited {
	text-decoration:none;
	font-size: 13px;
}
#split-list-body #inner-content a:hover h3{
	color:#737373;
}
#split-content-body {
	padding:25px;
	padding-bottom:10px;
	padding-top:10px;
	margin: 0px;
	z-index:0;
}
#split-content-body #inner-content {
	margin-top:-30px;
	padding-top:10px;
}
/****************************************/
#demonstration tr {
	border: 1px #CCCCCC solid;
}
#demonstration td {
	padding:12px;
}
.imageLightbox { display: block; float: left; overflow: hidden; border: solid #CCC 1px; padding: 3px; margin-right: 8px; }

.featureTable A, .featureTable A:visited { text-decoration: none; color: #000; }
.featureTable A:hover { text-decoration: none; color: #2372CC; }
.featureTable DIV A, .featureTable DIV A:visited { padding-left: 10px; font-size: 10px; }

#page-content H1 { display: inline; }
.devBlogLinks { width: 100px; float: left; border-right: solid #ACAAAA 1px; margin-right: 25px; padding-bottom: 3000px; margin-bottom: -3000px; }
.devBlogLinks SPAN { color: #2672C9; font-size:16px; font-weight:bold; margin-bottom:10px; margin-top:10px; display: block; }
.devBlogLinks A { color:#6E6D6D; display:block; font-size:13px; padding:5px 5px 5px 10px; text-decoration:none; width:220px; }
.devBlogLinks A:hover { color: #2372CC; }
.devHeading { font-size: 14px; color: #2672C9; display: inline; margin: 0px; }
.devHeading A { text-decoration: none; }
.devHeading I { font-style: normal; font-weight: 100; }

.devMenuLinks { width: 150px; float: left; border-right: solid #ACAAAA 1px; margin-right: 25px; padding-bottom: 3000px; margin-bottom: -3000px; }
.devMenuLinks SPAN { color: #2672C9; font-size:16px; font-weight:bold; margin-bottom:10px; margin-top: 5px; display: block; }
.devMenuLinks A { color:#6E6D6D; display:block; font-size:13px; padding:5px 5px 5px 10px; text-decoration:none; width:220px; }
.devMenuLinks A:hover { color: #2372CC; }

#mainContainer { width: 1020px; margin: 0px auto; }
#headerLogo { float: left; margin: 20px 0px; }
#headerPhone { float: right; margin: 22px 0px;}
#contentContainer { border: solid #C0C0C0 1px; background-color: #FFF; text-align: left; clear: both; overflow: hidden; padding-bottom: 15px; }
#imLookingFor { overflow: hidden; clear: both; margin: 0px 30px; padding: 20px 0px; }
#leftTabs { float: left; margin-top: 8px; }
#leftTabs A { display: block; background-image: url('/media/graphics/img_looking_tab_off.gif'); background-repeat: no-repeat; background-position: right top; width: 251px; height: 66px; text-decoration: none; color: #000; }
#leftTabs B { display: block; padding: 15px 0px 0px 55px; width: 165px; font-size: 13px; }
#leftTabs .on { background-image: url('/media/graphics/img_looking_tab_on.gif'); }
#tabContent { float: left; background-image: url('/media/graphics/img_looking_slide1.jpg'); background-repeat: no-repeat; width: 699px; height: 285px; }
#tabText { margin: 150px 15px 0px 15px; }
#tabText UL { margin: 0px; padding: 0px; list-style-type: none; }
#tabText LI { background-image: url('/media/graphics/img_red_tick.gif'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 15px; }
#tabText > DIV { overflow: hidden; width: 670px; }
#tabText DIV { float: left; overflow: hidden; margin-right: 20px; }
#tabText .buttonRow { overflow: hidden; width: 480px; }
#tabText .buttonRow A { margin-right: 10px; }
.sectionContainer { float: left; background-image: url('/media/graphics/img_home_content_section_bg.jpg'); background-repeat: no-repeat; width: 481px; height: 197px; margin: 10px 0px 10px 18px; overflow: hidden; }
.sectionContainer DIV { float: left; }
.sectionContainer IMG { margin: 10px 15px 0px 10px; }
.sectionContainer H2, .sectionContainer .h2 { margin-left: 5px; width: 300px; font-size: 18px; margin: 10px 0px; padding: 0px; font-weight: 100; }
.sectionContainer .text { width: 300px; font-size: 14px; }
.imgCont IMG { margin: 0px!important; }

.menu {	width:100%;	float:right; text-align:right; padding:0px; margin:0px; }
.menu ul { margin:0px; padding:0px; }
.menu ul li{ padding:0px; margin:0px; display:inline; margin-right:20px;text-align:center; }
.menu ul li .main_menu { height:30px; width:110px; display:inline-block; color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; vertical-align:bottom; line-height:170%; background:url('../media/graphics/backgroups/menu110.png') bottom left; position:relative; z-index:80; }
.menu UL LI .main_menu:hover { background: url('/media/graphics/backgroups/menu110-hover.png') bottom left; }
.menu ul li .main_menu_red { background:url(../media/graphics/backgroups/menu-red.png) bottom left; width: 105px!important; }
.menu ul li .main_menu_red:hover { background:url(../media/graphics/backgroups/menu-hover-red.png) bottom left; }
.menu ul #service { }
.menu ul #service #submenu-service { background-color:#FFF; display:none; }
.menu ul #service #submenu-service a { width:140px; position:relative; }