/**********/
/* reset */
/********/
html{color:#737373;background:#FFF;}
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; }

html
{
	margin-top:0px;
	padding-top:0px;
	background:url(../media/graphics/backgroups/page-left.jpg) top left repeat-y;
	
}
body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:url(../media/graphics/backgroups/page-right.jpg) top right repeat-y;
	font-size:13px;
	margin-top:0px;
	padding-top:0px;
}
h1
{
	color:#283891;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}
h2
{
	color:#283891;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}
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
{
	color:#0069b9;
	font-size:12px;
}
li a:hover,
a:hover
{ 
	color:#414141;
}
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;
}
/********** 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;
}
#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;*/
	margin-right:20px;
	text-align:center;
	
}
#menu ul li .main_menu{
	
	height:30px;
	width:146px;
	display:inline-block;
	color:#FFF;
	text-transform:lowercase;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:170%;
	background:url(../media/graphics/backgroups/menu.png) bottom left;
	position:relative;
	z-index:80;
}
#menu ul li .main_menu:hover {
	background:url(../media/graphics/backgroups/menu-hover.png) bottom left;
}
#menu ul li .main_menu_home{
	
	height:30px;
	width:97px;
	display:inline-block;
	color:#FFF;
	text-transform:lowercase;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:170%;
	background:url(../media/graphics/backgroups/menu-97.png) bottom left;
	position:relative;
	z-index:80;
}
#menu ul li .main_menu_home:hover {
	background:url(../media/graphics/backgroups/menu-hover-97.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;
	
}
/************************************/
/************ 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:30px;
	background:url(../media/graphics/backgroups/page-top.png) top left no-repeat;
}
#page-body {
	background:url(../media/graphics/backgroups/page-body.png) top left repeat-y;
	padding:50px;
	min-height:510px;
	padding-bottom:10px;
	padding-top:10px;
	margin:0px;
}
#page-bottom {
	width:1004px;
	height:34px;
	display:block;
	padding:0px;
	margin:0px;
	background:url(../media/graphics/backgroups/page-bottom.png) top left no-repeat;
}
#page {
	margin: 0 auto;
	width:1004px;
}
/****************************************/
/********** SPLIT PAGE DISPALY ****************/
#split {
	margin: 0 auto;
	width:1005px;
}
#split-list {
	width:270px;
	padding:0px;
	float:left;
}
#split-content {
	width:735px;
	float:right;
}
#split-list-top {
	width:270px;
	height:36px;
	display:block;
	padding:0px;
	margin:0px;
	margin-top:30px;
	background:url(../media/graphics/backgroups/left-content-bg-top.png) top left no-repeat;
}
#split-list-body {
	background:url(../media/graphics/backgroups/left-content-bg-body.png) top left repeat-y;
	min-height:520px;
	padding-bottom:10px;
	padding-top:1px;
	margin:0px;
	width:270px;
}
#split-list-body #inner-content {
	width:220px;
	margin-left:30px;
	margin-top:-10px;
}
#split-list-body #inner-content a {
	text-decoration:none;
}
#split-list-body #inner-content a:hover h3{
	color:#737373;
}
#split-list-bottom {
	width:270px;
	height:36px;
	display:block;
	padding:0px;
	margin:0px;
	margin-bottom:30px;
	background:url(../media/graphics/backgroups/left-content-bg-bottom.png) top left no-repeat;
}

#split-content-top {
	width:735px;
	height:36px;
	display:block;
	padding:0px;
	margin:0px;
	margin-top:30px;
	background:url(../media/graphics/backgroups/main-content-bg-top.png) top left no-repeat;
}
#split-content-body {
	background:url(../media/graphics/backgroups/main-content-bg-body.png) top left repeat-y;
	padding:50px;
	min-height:510px;
	padding-bottom:10px;
	padding-top:10px;
	margin:0px;
	z-index:0;
}
#split-content-body #inner-content {
	margin-top:-30px;
	padding-top:10px;
	/*z-index:40;
	position:relative;*/
}
#split-content-bottom {
	width:735px;
	height:36px;
	display:block;
	padding:0px;
	margin:0px;
	margin-bottom:30px;
	background:url(../media/graphics/backgroups/main-content-bg-bottom.png) top left no-repeat;
}
/****************************************/
#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: #737373; }
.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:#283891; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom:10px; 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; }