body {
    text-align: center;
background: url(images/header-bg.jpg) #395674 center top no-repeat;
    font-size:12px;
    color:#222222;
    font-family:arial;
    behavior: url("/styles/csshover3.htc");
  }
  
  h1 {font-size:24px; color:#395674; font-weight:normal;}
  h2 {font-size:20px; color:#395674; font-weight:normal;}
  h3 {font-size:16px; color:#395674;}
  
  a {color: #d83113; text-decoration:underline;}
  
  #wrapper {
    width: 990px;
    text-align: left;
    margin: 0 auto;
  }

  
  #header { text-align:center; height:1%; }
  	#headerInfo {width:990px; height:134px; margin:0px auto 10px auto; text-align:left;}
  		#logo {margin:20px 0px 0px 20px; float:left;}
  		#slogans { float:left; margin-top:13px; width:270px;}
  		#header span {font-size:18px; color:#395674; text-align:right;  float:right;}
	  		#wdesign {clear:both; margin-bottom:23px; }
	  		#wintegration {clear:both; margin-right:35px; margin-bottom:23px;}
	  		#wdevelopment {margin-right:70px;}
	  	#contactDetails {float:right;  font-size:12px; padding:10px;}
	  		#contactDetails span {font-size:14px; clear:right; padding-bottom:5px; display:block;}
	#navigation{background:#fff; height:40px; width:990px; margin:0px auto;}
	

  #middle {width:990px; margin:0px auto; background:url(images/bgbox.png);}
  	#flash {height:130px;width:720px;  margin:10px auto 10px auto;   }
	#content {text-align:left; width:990px; margin:0px auto; background:url(images/bgbox.png); }

		.panel {width:235px; height:195px; float:left; margin-bottom:15px;}
		#webDesignPanel { background:url(images/web-design.jpg) left top no-repeat; margin-right:17px;}
		#seoPanel { background:url(images/seo.jpg) left top no-repeat; margin-right:17px;}
		#portfolioPanel { background:url(images/portfolio.jpg) left top no-repeat; margin-right:16px;}
		#printPanel { background:url(images/print-design.jpg) left top no-repeat; }
			.panel div { position:relative; top:130px; background:#395674; padding:7px; opacity:.95;filter: alpha(opacity=95);}
			.panel h3 {margin:0px; font-weight:bold; font-size:14px; margin-bottom:7px;}
			.panel div p {color:#ffffff; font-size:11px; margin:0px;}
			.panel div a {color:#ffffff; text-decoration:none; }
			.panel div a:hover {text-decoration:underline; }
	#leftColumn { float:left; width:235px; margin-right:17px;}
#news {
	float:left; 
	width:211px;
	padding: 0 12px;
}
			#news h4 {font-size:14px; margin-bottom:0px;}
			.date { float:right; font-size:10px; color:#8e8e8e; clear:both;}
	
	#pageInfo {float:left; width:720px; line-height:1.5em; margin-bottom: 15px;min-height: 400px;}
	
	#freeConsult {width:221px; background:#385675; float:left; padding:7px; clear:left;}
		#freeConsult h3 {color:#ffffff; font-weight:bold; font-size:18px; border-bottom:1px solid #ffffff;}	
		#freeConsultLayout { color:#ffffff;}
		#freeConsultLayout td {padding:2px 0px;}
		#freeConsultLayout input {width:148px; float:right;}
		#freeConsultLayout textarea {width:213px; height:85px;}
		#submit {float:right;}
  #footer {clear: both;height:130px;background:#0e2843;font-size:11px;color:#FFF; text-align:center;border-top: 1px solid white;}
  #footerInfo {width:990px; margin:0px auto; text-align:left;}
	  #footerInfo li {font-weight:normal;}
	  #footerInfo h4 {border-bottom:1px solid #ffffff;}
	  	#footerWebServices {float:left; width:235px; margin-right:17px;}
	  	#footerPrintServices {float:left; width:235px; margin-right:17px;}
  		#footerCompanyServices {float:left; width:235px; margin-top:15px; margin-right:16px;}
  			#footerCompanyServices a {float:left; clear:left; font-weight:bold; margin-bottom:4px; }
  		#footerExtraCompanyServices {float:left; width:235px; margin-top:15px; }
  			#footerExtraCompanyServices a {float:left; clear:left; font-weight:bold; margin-bottom:4px; }
  		#defaultFooter { margin-top:15px; display:block; float:left; width:400px;}
  			#footerExtraCompanyServices #defaultFooter a { float:none; clear:none; margin:0px;}
  			
  #footer a:link, #footer a:visited{
  color:#FFF;
  text-decoration:none;
  }
  #footer a:hover{
  text-decoration:underline;
  }
    
    /***************************************************************************/
/* WORKING next line submenu CSS:
/***************************************************************************/
#menu {width: 990px; float: left; clear:both; /*position:relative; top:-31px;*/ }
#menu ul {list-style: none; margin: 0; padding: 0; float: left;}
#menu li {position: relative; float:left; margin-right:3px;}
#menu a { border-left: 1px solid #d4d4d4; display:inline-block; color: #395674; padding:10px 20px; text-align:center; height:20px; text-decoration: none; font-size:16px; background: url(images/navbg.jpg) left top no-repeat;}
#menu a:hover {color: #D83113}

#menu ul ul { position:absolute; z-index:50; border:1px solid #d4d4d4; display:none; top:38px; left:0px; background:#ffffff;}
#menu ul li:hover ul {display:block;}
#menu ul ul li {padding-top:10px; margin:0px; float:none;}
#menu ul ul li a {font-size:13px; font-weight:bold; padding:0px 10px; text-align:left; width:200px; border:none; }
#menu ul ul li a:hover { text-decoration:none; color:#D83113;}


/***************************************************************************/
/* Simple menu:
/***************************************************************************/
#memberMenu {border-bottom:1px solid #075820; border-top:1px solid #075820;}
#memberMenu ul {list-style: none;margin: 0;padding: 0;}
#memberMenu li { width: 100%; border-bottom:1px solid #D6B728; padding:7px 0px; }
#memberMenu a{background:url(images/side-list-item-bg.jpg) 5px top no-repeat; padding-left:40px; color:#000;}
#memberMenu a:hover {color:#FECD09;}



/***************************************************************************/
/* WORKING Vertical CSS:
/***************************************************************************/
#Vmenu {}
#Vmenu h2 {color: #333;font-size:15px;margin-bottom:10px;padding-bottom:0px;margin-top:5px;border-bottom: 1px dotted #333;}
#Vmenu ul {list-style: none;margin: 0;padding: 0;}
#Vmenu li {position: relative; }
#Vmenu a{display: block;margin: 0;padding-top:2px;padding-bottom:3px;margin-left:0px;padding-left:3px;text-decoration: none;color:#333;font-size:14px;font-weight:bold;}
#Vmenu a:hover {color: #a00;}

/*First Level of links */
#Vmenu ul ul {padding-top:2px;padding-bottom:3px;}
#Vmenu ul ul li {float: left; width: 100%; border-bottom:1px solid #D6B728;}
#Vmenu ul ul li a {background:url(images/side-list-item-bg.jpg) left top no-repeat; padding-left:40px; }
#Vmenu ul ul li a:hover{color:#FECD09;}

/*Second level of links */
#Vmenu ul ul ul {position: absolute;top: 0;left: 100%;width:100%;}
#Vmenu ul ul ul li a{color:#fff;width:200px;background:#222;padding-left:5px;border-bottom: 1px dotted #ffffff;}
#Vmenu ul ul ul li a:hover{background:none #414141;}
	
/*dont display second level --->*/
#Vmenu ul ul ul, #Vmenu ul ul li:hover ul ul
{display: none;}

/*<---- Until this hover condition is met */
#Vmenu ul ul li:hover ul, #Vmenu ul ul ul li:hover ul
{display: block;}
 
#footerSeoText {
	text-align: center;
	font-size: 10px;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}


/****************************************************************/
/* Portfolio Styles
/****************************************************************/
.pagination ul li{
	display:inline;
	padding-right:10px;
}

.portfolio_container {
	border: 1px solid #d9d9d9;
	background-image: url(images/portfolio_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 12px;
	height: 178px;
	margin-top: 12px;
}

.protfolio_content_first {
	margin-top: 0px !important;
}

.protfolio_content {
	width: 410px;
	float: left;
	margin-left: 12px;
	height: 160px;
}

.protfolio_links {
	margin-left: 12px;
	float: left;
}

.portfolio_container img{
	float: left;
	border: 1px solid #d9d9d9;
}

.portfolio_url {
	line-height: 25px;
}

.portfolio_link {
	background-image: url(images/visit_website.gif);
	background-repeat: no-repeat;
	height: 20px;
	display: inline-block;
	padding-left: 25px;
}
.portfolio_keywords {
	margin-left: 20px;
}
.pagination {
	border-left: 		0;
	border-right: 		0;
	font-size: 			13px;
	text-align: 		right;
}

.pagination:hover, .pagination_bottom  {
	background-color: 				#ffffff;
}
div.pagination {
	padding: 2px;
	margin: 8px 20px 8px 0;
}
div.pagination a {
	font-family: Tahoma,Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
}
div.pagination a:hover, div.pagination a:active {
	color: #000;
	text-decoration: underline;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #DDD;
}