* {
  margin: 0;
  padding: 0;
}
body {
background:url(images/bg.gif) #949494 repeat-x;
color:#6a6a6a;

  padding: 0;
  text-align: center; /* be nice to IE*/
}
img {
  border: none;
}
input, select, textarea {
  font-size: 100%;
  line-height: 150%;
}

.blog p {
  padding: 0px 0px 10px 0px;
  
}





a {
color:#fc8602;
}
a:hover {
color:#fc8602;
text-decoration:none;
}




/*** Basic Positioning ********************************************************/

.wrapper {
  text-align: left; /* be nice to IE */
  margin: 0 auto;
  width: 778px;
  }
#logocontainer {
  float: left;
  padding: 0px;
  width: 207px;
}
#sidebar {
  display: inline; /* be nice to IE */
  float: right;
  padding: 0px 0 0 0;
  width: 571px;
  text-align: right;
}

li {
margin-left: 0;
padding-left: 0;
list-style: none;
padding-left: 15px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px;
}

li a {
color:#6a6a6a;
text-decoration:underline;
}
li a:hover{
color:#6a6a6a;
text-decoration:none;
}

/*** Flash Positioning ********************************************************/

#flash {
position:absolute;
top: 93px;
width: 778px;
  }
#belowflash {
position:absolute;
background-image:url(images/below-flash.jpg);
top: 254px;
width: 778px;
  }

/*** Content Positioning ********************************************************/
#content-container {
background-image:url(images/body-bg.gif);
position:absolute;
top: 277px;
width: 778px;
}

#content-left {
  float: left;
  width: 530px;
  margin-left: 0px;
  padding-left: 0px;
}
#content-left ul{
margin-left: 10px;
margin-top: 5px;
}
.navlist {
margin-left: 0;
padding-left: 0;
list-style: none;
}

.navlist li {
padding-left: 15px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px;
}
#column1 {
  float: left;
  width: 225px;
  margin-left: 10px;
  padding-left: 28px;
  background-image:url(images/heading-bg-1.gif);
  background-repeat:no-repeat;
  margin-bottom: 20px;
}
#column1a{
  float: left;
  width: 225px;
  height: 200px;
  margin-left: 10px;
  padding-left: 28px;
  background-image:url(images/heading-bg-1.gif);
  background-repeat:no-repeat;
}
#column1-inside {
  float: left;
  width: 470px;
  margin-left: 10px;
  padding-left: 28px;
  background-image:url(images/heading-bg-1.gif);
  background-repeat:no-repeat;
  margin-bottom: 20px;
}
#column2 {
  float: right;
  width: 210px;
  padding-left: 25px;
  background-image:url(images/heading-bg-2.gif);
  background-repeat:no-repeat;
  margin: 0px 5px 20px 1px;
}
#column2a {
  float: right;
  width: 210px;
  height: 200px;
  padding-left: 25px;
  background-image:url(images/heading-bg-2.gif);
  background-repeat:no-repeat;
  margin: 0px 2px 0px 1px;
}
.orange{
color:#fc8602;
text-decoration:underline;
}
.orange:hover{
color:#fc8602;
text-decoration:none;
}
#newsitem {
padding-bottom: 10px;
}
#column3 {
  float: left;
  width: 221px;
  margin-left: 0px;
  padding-left: 45px;
  background-image:url(images/web-design-services.gif);
  background-repeat:no-repeat;
  
}
#column3 li a{
color:#6a6a6a;
text-decoration:none;
}
#column3 li a:hover{
color:#6a6a6a;
text-decoration:underline;
}

#column4 {
  float: left;
  width: 219px;
  padding-left: 30px;
  background-image:url(images/online-marketing-services.gif);
  background-repeat:no-repeat;
}
#column4 li a{
color:#6a6a6a;
text-decoration:none;
}
#column4 li a:hover{
color:#6a6a6a;
text-decoration:underline;
}
#content-right {
  float: right;
  width: 224px;
  padding-right:13px;
  margin-left:0px;
  }
  
#footer {
  float:left;
  width: 738px;
  height: 38px;
  padding-left: 0px;
  background-image:url(images/footer.gif);
  background-repeat:no-repeat;
  padding: 0px 20px 0px 20px;
}
#footer #copyright{
margin-top: 5px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}
#footer #email a{
margin-top: 5px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-decoration:none;
}

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

/*** Header *******************************************************************/

#skip { /* hide from visual browsers */
  position: absolute;
  visibility: hidden;
}
#header {
  height: 6px;
  padding-top: 0px;
  float: left;
  width: 100%;
}
#header #top {
  height: 6px;
  margin: 0;
  width: 778px;
}



/*** Navigation ***************************************************************/

.navcontainer {
	width: 541px;
	float: right;
	position: relative;
	height: 35px;
	padding: 20px 30px 0 0;
	background-image:url(images/nav-bg.gif);
}


.navigation {
	float: right;
}

.subnav {
	float: left;
	color: #243346;
	border-bottom: 1px solid #2b5789;
	padding-top: 10px;
}

.navigation li {
	background-image:url(images/nav-bg2.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding: 0px 12px 0px 12px;
	visibility:visible;
	vertical-align:top;
	display:inline;
}
.navigation .last_in_nav {
	background:none;
	background-position:bottom right;
	background-repeat:no-repeat;
	padding: 0px 12px 0px 12px;
	visibility:visible;
	vertical-align:top;
	display:inline;
}
.subnav li {
	padding: 0px 0px 0px 0px;
	background: none;
	visibility:visible;
	vertical-align:top;
	display:block;
	border-top: 1px solid #2b5789;
	border-left: 1px solid #2b5789;
	border-right: 1px solid #2b5789;
}
 
.navigation li a {
	margin: 0px 12px 0px 12px;
	padding-left: 2px;
	padding-right: 2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	font-size:11px;
	text-decoration:none;
	display: block;
}

.navigation li a:hover {
	color: inherit;
	background-color: #c5d7f3;
}

.navigation .current_section a {
	color: inherit;
	background-color: #c5d7f3;
	text-decoration: none;
}
 
.navigation a.menuparent  {
	background: url(arrow.gif) no-repeat 90% 40%;
}

.subnav li a {
	margin: 0px 0px 0px 0px;
	color: #7f7f7f;
	display: block;
	padding: 2px 3px 0px 10px;
	height:15px;
	text-decoration: none;
	background-image:url(images/subnav-no.gif);
}

.subnav li a:hover {
	color: #7f7f7f;
	background-image:url(images/subnav-ro.gif);
	text-decoration: none;
}

.subnav li .menuparent a {
	margin: 0px 0px 0px 0px;
	color: #7f7f7f;
	display: block;
	padding: 2px 3px 0px 10px;
	height:15px;
	text-decoration: none;
	background-image:url(images/subnav-subnav-no.gif);
}

.subnav li .menuparent a:hover {
	color: #7f7f7f;
	background-image:url(images/subnav-subnav-ro.gif);
	text-decoration: none;
}
 
.navigation li {
	float: left;
	padding: 0;
}
 
.navigation li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	margin: 0;
}
 
.navigation li li {
 
	width: 150px;
}
 
/*.navigation li ul a {
	width: 14em;
	padding-left: 1em;
}

.navigation li ul a {
	width: 14em;
}*/
 
.navigation li ul ul {
	margin: -28px 0 0 150px;
}
 
.navigation li:hover ul ul, .navigation li:hover ul ul ul, .navigation li.sfhover ul ul, .navigation li.sfhover ul ul ul {
	left: -999em;
}
 
.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul, .navigation li.sfhover ul, .navigation li li.sfhover ul, .navigation li li li.sfhover ul {
	left: auto;
}



/*** Content Styles ***************************************************************/
.about {
  padding-right: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin-bottom: 20px;
  text-align:justify;
}
.about h2{
  color: #376a9b;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 28px;
  vertical-align:top;
  text-align:left;
}
.free-visibility-report {
background-image:url(images/free-visibility-report.gif);
background-repeat:no-repeat;
  padding-left: 34px;
  padding-top: 4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.free-visibility-report h3{
  color: #376a9b;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 28px;
  vertical-align:top;
}
.about2 {
  padding-right: 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}
.about2 h2{
  color: #fc8602;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 28px;
  vertical-align:top;
}
#maincontent .about2{
  padding-right: 0px;
  text-decoration: none;
}
#maincontent .about2 a {
  text-decoration: underline;
}
.about3 {
  padding-right: 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}
.about3 h3 a {
  color: #5d5d5d;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 28px;
  vertical-align:top;
}
#maincontent .about3 .vcard {
  padding-right: 0px;
  text-decoration: none;
}
#maincontent .about3 a {
  text-decoration: underline;
}
.news {
  padding-right: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  background-image:url(images/news-bg.gif);
  background-repeat:no-repeat;
  padding: 4px 8px 0px 12px;
}
.news h2{
  font-size: 12px;
  color: #2f3943;
  font-weight:bold;
  text-decoration: none;
  vertical-align:top;
  margin-top: 3px;
}
.news h3 a {
  font-size: 11px;
  color: #525252;
  font-weight:bold;
  text-decoration: none;
  vertical-align:top;
}

.news h3 a:hover{
  font-weight:bold;
  text-decoration: underline;
}
#maincontent .news .vcard {
  text-decoration: none;
}
#maincontent .news a {
  text-decoration: underline;
}
#mailing-list2 {
background-image:url(images/mailing-list2.gif);
background-repeat: no-repeat;
background-color: #ebf1f9;
height: 38px;
margin-bottom: 10px;
}
#subnav #dropdown a{
background-color:#00FF33;
background-image:url(images/bg.gif);
}
.more {
background-image:url(images/more.gif);
background-repeat:no-repeat;
padding-left: 12px;
color:#6a6a6a;
text-decoration:underline;
margin-top: 12px;
line-height: 25px;
}
.more:hover {
text-decoration:none;
}
#maillist {
background-image:url(images/mailing-list2.gif);
height: 38px;
}
#mailbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a0a0a0;
	border:0px;
	margin: 11px 10px 0px 17px;
	width: 160px;
}

#maillist1 {
	background-image:url(images/mailing-list3.gif);
	height: 36px;
	width: 210px;
	margin-top:5px;
}
#mailbox1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a0a0a0;
	border:0px;
	width: 160px;
	margin: 9px 10px 0px 4px;
}

#scrollup {
position:absolute;
right: 30px;
top: 128px;
z-index: 2;
width: 11px;
height: 11px;
}
#scrolldown {
position:absolute;
right: 17px;
top: 128px;
z-index: 2;
width: 11px;
height: 11px;
}
#pscroller1{
width: 200px;
height: 60px;
padding: 0px;
}
#pscroller1 a{
text-decoration: none;
font-weight:bold;
color:#525252;
}
#pscroller1 a:hover{
text-decoration: underline;
font-weight:bold;
color:#525252;
}
#pscroller1 a.orange{
text-decoration: none;
font-weight:normal;
color:#fc8602;
}
#pscroller1 a.orange:hover{
text-decoration: none;
font-weight:normal;
color:#fc8602;
text-decoration:underline;
}
#uparrow a{
position:absolute;
background-image:url(images/up.gif);
top:7px;
right: 29px;
width: 10px;
height: 9px;
float: right;
}
#uparrow a:hover{
background-image:url(images/up2.gif);
}
#downarrow a{
position:absolute;
background-image:url(images/down.gif);
top:7px;
right: 19px;
width: 11px;
height: 9px;
float: right;
}
#downarrow a:hover{
background-image:url(images/down2.gif);
}

#aboutContent {
	/* defined in the head for ns4 compatibility */
	position: absolute;
	left: 0;
	top: 0;
	visibility: visible;
	z-index: 1;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:11px;

}

#aboutContent h2{
  font-size: 12px;
  color: #2f3943;
  font-weight:bold;
  text-decoration: none;
  vertical-align:top;
  margin-top: 14px;
}

#aboutContent h2 a {
  font-weight:bold;
  text-decoration: none;
  vertical-align:top;
  font-size: 12px;
  color: #2f3943;
}

#aboutContent h2 a:visited {
  font-weight:bold;
  text-decoration: none;
  vertical-align:top;
  font-size: 12px;
  color: #2f3943;
}

#aboutContent h2 a:hover {
  font-weight:bold;
  text-decoration: none;
  vertical-align:top;
  font-size: 12px;
  color: #2f3943;
}

/*** Main Image on Inside Pages ***************************************************************/
#mainimg {
	background-color: #FFFFFF;
	text-align: center;
	width: 770px;
	margin-left: 4px;
}


/*** Mail Form ***************************************************************/
.mailform_field input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a0a0a0;
	border:1px solid #97bede;
	width: 166px;
	padding: 3px 3px 0px 3px;
}

.mailform_field textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a0a0a0;
	border:1px solid #97bede;
	width: 166px;
	height: 80px;
	padding: 3px 3px 0px 3px;
}

/*** Clients Page ***************************************************************/

#greentitle{
  color: #89a652;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  margin-bottom:10px;
}
#grey10{
  color: #939393;
  font-size: 10px;
  font-weight:bold;
  text-decoration: none;
  vertical-align:top;
}
#feature-image {
margin-bottom:10px;
}
#recentwork-1 {
background-image:url(images/clients/screen-1.jpg);
background-repeat:no-repeat;
height: 44px;
  font-size: 11px;
  text-decoration: none;
  vertical-align:top;
  padding-left: 65px;
  margin-bottom: 9px;
}
#recentwork-2 {
background-image:url(images/clients/screen-2.jpg);
background-repeat:no-repeat;
height: 44px;
  font-size: 11px;
  text-decoration: none;
  vertical-align:top;
  padding-left: 65px;
  margin-bottom: 9px;
}
#recentwork-3 {
background-image:url(images/clients/screen-3.jpg);
background-repeat:no-repeat;
height: 44px;
  font-size: 11px;
  text-decoration: none;
  vertical-align:top;
  padding-left: 65px;
}
#blue11 {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #376a9b;
font-weight:bold;
line-height: 8px;
}

h1 {
  color: #376a9b;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 20px;
  vertical-align:top;
}

h1 a {
  color: #376a9b;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 20px;
  vertical-align:top;
}


h2 {
  color: #376a9b;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 20px;
  vertical-align:top;
}

h2 a {
  color: #376a9b;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  line-height: 20px;
  vertical-align:top;
}