@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	width:100%;
	height:100%;
	border: none;
	background-color: #ffffff;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
img{
	border: 0;
}

.break{
	clear: both;
	width: 100%;
	height: 0px;
	font-size: 0px;
}
#wrapper {
	width: 100%;
}
#header-bg {
	margin: 0 auto;
	width: 100%;
	height: 341px;
	text-align:center;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
}
#wrapper-top {
	margin: 0 auto;
	width: 900px;
	height: 92px;
	text-align:center;

}
#keywords_seo{
font-size: 10px;
color: #9b9b9b;
}
#header {
	margin: 0 auto;
	width: 601px;
	height: 92px;
	float: left;
}
#header-ph {
	margin: 0 auto;
	width: 299px;
	height: 92px;
	float: left;
}
#wrapper-teaser {
	margin: 0 auto;
	width: 900px;
	height: 249px;
	text-align:center;
float: left;
}
#top-nav {
	margin: 0 auto;
	width: 100%;
	height: 28px;
	background-image: url(../images/nav-bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	float: left;
	padding-top: 10px;
	color: #FFFFFF;
}
#top-nav a, #top-nav a:visited, #top-nav a:active {
	text-decoration: none;
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
	font-size: 13px;
}
#top-nav a:hover {
	text-decoration: none;
	color: #c8e1e5;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
	font-size: 13px;
}
#columns_wrapper{
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
	height: 420px;
	border-top: 2px solid #175763;
	border-bottom: 1px solid #e3d7cc;
}
#columns_wrapper a:hover{
	text-decoration: none;
}
#columns{
	width: 961px;
	margin: 0 auto;
}
#SEO{
	float: left;
	width: 319px;
	height: 302px;
}
#SEO p{line-height: 1.3em;}

#webdesign{
	float: left;
	width: 319px;
	height: 302px;
}
#webdesign p{line-height: 1.3em;}
#marketing{
	float: left;
	width: 319px;
	height: 302px;
}
#marketing p{line-height: 1.3em;}
#recent_project_wrapper{
	background-color: #fdf2e8;
	width: 100%;
	margin:0 auto;
	height: 60px;
	border-top: 1px solid #e3d7cc;
	border-bottom: 1px solid #e3d7cc;
}
#recent_project
{
	height: 60px;
	width: 961px;
}

#recent_project h3
{
	text-align: left;
	color: #469cab;
	font-size: 16pt;
	font-weight: normal;
	padding-left: 10px;
	margin-top: 15px;
}
#wrapper-middle {
	margin: 0 auto;
	width: 100%;
	text-align:center;
	float: left;
	min-height: 235px;
	padding-top:25px;
}
#content {
	margin: 0 auto;
	width: 820px;
	text-align:left;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
}
#breadcrumb {
	margin-top: 0 auto;
	width: 100%;
	height: 240px;
	overflow: hidden;
	text-align:center;
}
#spacer-15 {
	width: 100%;
	height: 15px;
	float:left;
}
#wrapper-footer-outer {
	margin: 0 auto;
	width: 100%;
	height: 287px;
	background: url(../images/bgr_footer.png) repeat-x 0 0;
	}

#wrapper-footer {
	margin: 0 auto;
	width: 961px;
	text-align: left;
        color:white;
        font-size:11px;	
}
#sitemap{
	width: 580px;
	float: left;
}
#about{
	width: 210px;
	float: left;
	padding-top: 15px;
}
#about h3{
	color: white;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
}
#about ul {
	margin: 0;
	margin: 0;
	padding: 0 0 0 10px;
}
#about li{
	color: white;
	font-size: 12px;
	font-family: arial;
	list-style-position: outside;
	list-style-image: url(../images/arrow.png);
	vertical-align: bottom;
	line-height:1.8em;
}
#about a{
	color: white;
	font-size: 11px;
	font-family: arial;
}
#ourservices{
	width: 210px;
	float: left;
	padding-top: 15px;
}
#ourservices h3{
	color: white;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
}
#ourservices ul {
	margin: 0;
	margin: 0;
	padding: 0 0 0 10px;
}
#ourservices li{
	color: white;
	font-size: 12px;
	font-family: arial;
	list-style-position: outside;
	list-style-image: url(../images/arrow.png);
	vertical-align: bottom;
	line-height:1.8em;
}
#ourservices a{
	color: white;
	font-size: 11px;
	font-family: arial;
}
#ourportfolio{
	width: 160px;
	float: left;
	padding-top: 15px;
}
#ourportfolio h3{
	color: white;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
}
#ourportfolio ul {
	margin: 0;
	margin: 0;
	padding: 0 0 0 10px;
}
#ourportfolio li{
	color: white;
	font-size: 12px;
	font-family: arial;
	list-style-position: outside;
	list-style-image: url(../images/arrow.png);
	vertical-align: bottom;
	line-height:1.8em;
}
#ourportfolio a{
	color: white;
	font-size: 11px;
	font-family: arial;
}
#latestnews{
	float:left;
        padding-right:15px;
        padding-top:15px;
        width:195px;
}
#latestnews ul {
	margin: 0;
	margin: 0;
	padding: 0 0 0 10px;
}
#latestnews li{
	color: white;
	font-size: 11px;
	font-family: arial;
	list-style-position: outside;
	list-style-image: url(../images/arrow.png);
	vertical-align: bottom;
	line-height:1.8em;
}

#latestnews p{
	color: white;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.4em;
}
#latestnews a{
	color: white;
	text-decoration: none;
}
#latestnews h3{
	color: white;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
}
#contactus{
	width: 170px;
	float: left;
	padding-top: 15px;
}
#contactus h3{
	color: white;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
}
#contactus p{
	color: white;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.4em;
}
#contactus a{
	color: white;
	font-size: 11px;
	text-decoration: underline;
}
#wrapper_seo
{
	width: 960px;
	margin: 0 auto;
	border-left: 2px solid #cacaca;
	border-right: 2px solid #cacaca;
        border-bottom: 2px solid #cacaca;
}
#seo
{
	padding: 20px;
}
#seo p
{
	font-size: 11px;
	color: black;
	line-height:1.6em;
        padding: 5px 25px 5px 25px;
}
#seo a:hover
{
	text-decoration: none;
}
#seo h1
{
	font-size: 16px;
	color: #8374BC;
	font-weight: bold;
        padding: 20px 0 10px 0;
        margin: 0 0 0 0;
}
#seo h2
{
	color:#000000;
        font-size:12px;
        font-weight:bold;
        margin:0;
        padding:10px 0 5px 10px;
}
#seo h3
{
	font-size: 12px;
	color: #000;
	font-weight: bold;
        padding: 20px 0 15px 25px;
        margin: 0 0 0 0;
}
#news01 {
	width: 239px;
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	float: left;
	text-align: left;
	color: #ffffff;
	font-size: 13px;
	line-height: 18px;
}
#news01 a, #news01 a:visited, #news01 a:active {
	text-decoration: none;
	color: #d8d1ee;
	font-weight: bold;
	font-size: 13px;
}
#news01 a:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
}


#wrapper_copyright{
	/*background: transparent url(../images/copyrightbgr.png) repeat-x 0 0;*/
	width: 100%;
	height: 44px;
}
#copyright{
	width: 960px;
	height: 29px;
	vertical-align: middle;
	text-align: center;
	padding-top: 15px;
	color: black;
	font-size: 11px;
	font-family: arial;
	margin: 0 auto;
}
#copyright-invis {
	margin: 0 auto;
	width: 900px;
	height: 50px;
	color: #ffffff;
	font-size: 8px;
	text-align: center;

}
#copyright-invis a, #copyright-invis a:visited, #copyright-invis a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 8px;
}
#copyright-invis a:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

<!-- old -->



#header-nav a, #header-nav a:visited, #header-nav a:active {
	text-decoration: none;
	color: #2e3a40;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
}
#header-nav a:hover {
	text-decoration: none;
	color: #64757d;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
}


#content-outer {
	margin: 0 auto;
	width: 955px;
	text-align:center;

}
#left-shadow {
	margin: 0 auto;
	width: 20px;
	height: 586px;
	float: left;
	background-image: url(../images/left-shadow.png);
	background-repeat: no-repeat;
}
#content-area {
	width: 825px;
	background-image: url(../images/top-shadow2.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 45px;
	padding-bottom: 20px;
	text-align: left;
}
#right-shadow {
	margin: 0 auto;
	width: 20px;
	height: 586px;
	float: left;
	background-image: url(../images/right-shadow.png);
	background-repeat: no-repeat;
}
#content-outer2 {
	margin: 0 auto;
	width: 955px;
	text-align:center;
}
#bottom-shadow {
	margin: 0 auto;
	width: 915px;
	height: 12px;
	background-image: url(../images/footer-shadow.png);
	background-repeat: no-repeat;
}
#footer-nav {
	margin: 0 auto;
	width: 823px;
	height: 125px;
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat-x;
	color: #ffffff;
	font-size: 11px;
	padding-left: 46px;
	padding-top: 23px;
	padding-right: 46px; 
	padding-bottom: 23px;
	line-height: 15px;
	text-align: left;
}
#footer-nav a, #footer-nav a:visited, #footer-nav a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
}
#footer-nav a:hover {
	text-decoration: none;
	color: #2f3b41;
	font-weight: normal;
	font-size: 11px;
}
#copyright-shadow {
	margin: 0 auto;
	width: 915px;
	height: 7px;
	background-image: url(../images/footer-shadow2.png);
	background-repeat: no-repeat;
}

#footer-table {
	width: 823px;
}
#footer-divider {
	width: 22px;
	height: 120px;
	background-image: url(../images/footer-divider.png);
	background-repeat: no-repeat;
	background-position: left;	
}
a:link {
	color: #5c5c5c;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #5c5c5c;
	text-decoration: none;
}
a:active {
	color: #5c5c5c;
	text-decoration: none;
}
/* headers */
div.componentheading {
	padding-bottom: 15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	vertical-align: bottom;
	color: #48a1b1;
	text-align: left;
	width: 100%;
	text-transform: lowercase;	
}

h1 {
	padding-bottom: 15px;
	font-family: Tahoma, Arial, Helvetica,sans-serif;
	font-size: 2em;
	font-weight: normal;
	vertical-align: bottom;
	color: #48a1b1;
	text-align: left;
	width: 100%;
	text-transform: lowercase;	
}

h2, .contentheading {
	padding-bottom: 15px;
	padding-top: 15px;
	font-family: Tahoma, Arial, Helvetica,sans-serif;
	font-size: 2em;
	font-weight: normal;
	vertical-align: bottom;
	color: #48a1b1;
	text-align: left;
	width: 100%;
	text-transform: lowercase;	
}
h3, .newsheading {
	font-family: Tahoma, Arial, Helvetica,sans-serif;
	font-size: 1.3em;
	line-height: 2em;
	font-weight: normal;
	vertical-align: bottom;
	color: #ffffff;
	text-align: left;
}
h5, .feature2{
	background:url("../images/button2.png") no-repeat scroll 0 0 transparent;
        color:#FFFFFF;
        font-family:Tahoma,Helvetica,sans-serif;
        font-size:12px;
        font-weight:bold;
        margin-top:20px;
        padding:7px 0 9px 17px;
        text-align:left;
        vertical-align:bottom;
}
h3, .feature{
	font-family: Tahoma, Arial, Helvetica,sans-serif;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: normal;
	vertical-align: bottom;
	color: #469cab;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
}
p, .textfeature{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	color: #000000;
	padding-bottom: 5px;
	text-align: justify;
	margin: 0;
}

p, .general{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #000000;
	padding-bottom: 5px;
	text-align: justify;
	margin: 0;
}

h4, .subheading {
	font-family: Tahoma, Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	vertical-align: bottom;
	color: #8374bc;
	text-align: left;
}
.transMenu {
 position:absolute ; 
 overflow:hidden; 
 left:-1000px; 
 top:-1000px; 
}
.transMenu .content {
 position:absolute  ; 
}
.transMenu .items {
 border: 0px none  ; 
 position:relative ; 
 left:0px; top:0px; 
 z-index:2; 
}
.transMenu  td
{
 padding: 5px 10px 5px 10px  !important;  
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: lighter !important ; 
} 
#subwrap 
{ 
 text-align: left ; 
}
.transMenu  .item.hover td
{ 
}
.transMenu .item { 
 text-decoration: none ; 
 cursor:pointer; 
 cursor:hand; 
}
.transMenu .background {
background-image:none; background-color: #336e79 !important ; 
 position:absolute ; 
 left:0px; top:0px; 
 z-index:1; 
 opacity:0.9; 
 filter:alpha(opacity=90) 
}
.transMenu .shadowRight { 
 position:absolute ; 
 z-index:3; 
 top:-3000px; width:2px; 
 opacity:0.9; 
 filter:alpha(opacity=90)
}
.transMenu .shadowBottom { 
 position:absolute ; 
 z-index:1; 
 left:-3000px; height:2px; 
 opacity:0.9; 
 filter:alpha(opacity=90)
}
.transMenu .item.hover {
background-image:none; background-color: #6f5ca5 !important ; 
}
.transMenu .item img { 
 margin-left:10px !important ; 
}
table.menu {
 top: 0px; 
 left: 0px; 
 position:relative ; 
 margin:0px !important ; 
 border: 0px none  ; 
 z-index: 1; 
}
table.menu a{
 margin:0px !important ; 
 padding: 2px 20px 10px 10px  !important ; 
 display:block !important; 
 position:relative !important ; 
}
div.menu a,
div.menu a:visited,
div.menu a:link {
 font-size: 13px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 text-decoration: none !important ; 
 margin-bottom:0px !important ; 
 display:block !important; 
 white-space:nowrap ; 
}
div.menu td {
 border-bottom: 0px none  ; 
 border-top: 0px none  ; 
 border-left: 0px none  ; 
background-image:none;} 
div.menu td.last {
 border-right: 0px none  ; 
} 
#trans-active a{
background-image:none;} 
#menu a.hover   { 
background-image:none;}
#menu span {
 display:none; 
}