body {
font: 13px "Verdana", Lucida, Helvetica, Arial, sans-serif;
color: #000000;
margin: 0;
padding: 0;
background: #d1d1d1 url("site-img/body-bg.gif") top repeat-x;

}
a {
text-decoration: none;
color: #009ed0;
background-color: transparent;
text-decoration: underline;
}
a:hover {
color: #73C4F8;
background-color: transparent;
text-decoration: underline;
}
img {
border: none;
vertical-align: middle;
}
p {
margin: 5px 0px 5px 0px;
padding: 1.5em;
line-height: 1.5em;
font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
color: #000000;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
background: #f8fdff;
}
p a {
text-decoration: underline;
}
p a:visited {
color: #0080C0;
background-color: transparent;
}
p a:active {
color: #0080FF;
background-color: transparent;
}
p img {
border: 0px;
margin: 0px;
}

hr {																		   
height: 1px;
color: #8cacbb;
background-color: transparent;
}
.clearer {
height:1px;
font-size:.001%;
clear:both;
}

h1, h2, h3, h4, h5, h6 {
color: #000;
background-color: transparent;
font-family: "Verdana", Lucida, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: normal;
margin: 10px 10px 10px 15px;
padding-top: 0;
border-bottom: 0px solid #8cacbb;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #000000 ! important; 
}

h1 {
font-size: 165%;
color: #009ED0;
}

h2 {
font-size: 140%;
color: #009ED0;
margin: 10px 10px 10px 0px;
}

h3 {
font-size: 120%;
border-bottom: none;
font-weight: bold;
}

h4 {
font-size: 120%;
border-bottom: none;
font-weight: bold;
}

h5 {
font-size: 100%;
border-bottom: none;
font-weight: bold;
}

h6 {
font-size: 85%;
border-bottom: none;
font-weight: bold;
}


ul { 
line-height: 1.5em;
list-style-type: square;
margin: 0.5em 0 0 1.5em;
padding: 0;
 }

ol {
line-height: 1.5em;
margin: 0.5em 0 0 1.5em;
padding: 0;
}
ul a, ol a {
text-decoration: underline;
}
li {
margin-bottom: 1em;
}
dt {
font-weight: bold;    
}
dt a {
text-decoration: underline;
}

dd {
line-height: 1.5em;
margin-bottom: 1em;
}
dd a {
text-decoration: underline;
}

dd.link a {
text-decoration: none;
color: #000000;
}

fieldset {
border: 1px solid #8cacbb;
margin: 1em 0em 1em 0em;
padding: 0em 1em 1em 1em;
line-height: 1.5em;
width: auto;
}
legend {
background: #ffffff;
padding: 0.5em;
font-size: 90%;
}

form {
border: none;
margin: 0;
}
textarea {
font: 110% "Courier New", Courier, monospace; 
border: 1px solid #8cacbb;  
color: #000000;
background-color: #ffffff;
width: 100%;
}
input {
font-family: "Verdana", Lucida, Helvetica, Arial, sans-serif;
visibility: visible;
border: 1px solid #8cacbb;  
color: #000000;
background-color: #ffffff;
vertical-align: middle;
font-weight: bold;
}
select {
border: 1px solid #8cacbb;  
color: #000000;
background-color: #ffffff;
vertical-align: top;
}
abbr, acronym, .explain {
border-bottom: 1px dotted #000000;
color: #000000;
background-color: transparent;
cursor: help;
}
q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
font-size: 120%;
}
blockquote {
font-family: Times, "Times New Roman", serif;
font-style: italic;
font-size: 120%;
}
code {
font-family: "Courier New", Courier, monospace;
font-size: 120%;
color: #000000;
background-color: #dee7ec;
border: 1px dashed #8cacbb;
padding: 0 0.1em;
}
pre {
font-family: "Courier New", Courier, monospace;
font-size: 120%;
padding: 1em;
border: 1px dashed #8cacbb;
color: #000000;
background-color: #dee7ec;
overflow: auto;
}
.pre a {
text-decoration: underline;
}

ins {
color: green;
text-decoration: none;
}

del {
color: red;
text-decoration: line-through;
}

.netscape4 {
display: none;
}

#visual-wrapper {
display: block;
background: #fff;
float:none;
width: 850px;
margin: 0px auto;
border: solid 1px #08A5D6;
}
#portal-top {
width:850px;
float:left;
margin: 0px;
padding: 0px;
text-align:right;
border: solid 0px #393232;
}

#logo {
float:left;
width:200px;
margin: 0px;
padding:15px;
border: solid 0px #393232;
}
#logo-right-side {
float:left;
width:605px;
margin:  60px 0px 0px 0px;
padding: 3px 0px 3px 0px;
border: solid 0px #393232;
background: transparent url(images/punchline.gif) no-repeat right;
 }
#topshade
{
background: transparent url(images/top-shade.gif) no-repeat;
height:17px;
border: solid 0px #393232;
}
.nav {
background: #05c3ff;
color: #fff;
padding: 6px 0px 6px 0px;
margin: 0px 0px 0px 0px;
font: 13px "Verdana", Lucida, Helvetica, Arial, sans-serif;
border: solid 0px #393232;
}

.nav a, .nav a:visited, .nav a:active {
color: #fdfdfd;
text-decoration: none;
padding: 6px 8px 6px 8px;
margin: 0px 0px 0px 0px;
font-weight: bold;
margin-right: 0px;
border-right: 1px solid #009ED0; 
}

.nav a:hover {
color: #009ED0; 
text-decoration: none;
background: #ffffff;

}

.nav a.selected {
background: #ffffff;
color:#009ed0 ! important;
margin: 0px 0px 0px 0px;

}

#main{
width: 850px;
margin: 0;
padding: 0;
border: solid 0px #393232;
background: #ffffff;
}

#column-one{
float:left;
width:230px;
border-right: solid 0px #d1d1d1;
background: #fff;
clear:both;
padding: 0px 0px 5px 10px;
}

#column-one ul { 
line-height: 1.3em;
list-style-type: square;
margin: 0.5em 0 0 0em;
padding: 0;
list-style:none;

}
#column-one li 
{
font-weight: bold; 
font-size: 13px; 
color: #009ED0; 
font-family: verdana;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-left:25px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
text-decoration: none;
background:url("site-img/left-nav.gif") left no-repeat;
}

#column-one li a, li a:visited
{
color: #009ED0;	  text-decoration: none; 
}
#column-one li a:hover
{
color: #00C2FF; text-decoration: none; 
}

#column-two{
float:left;
width:580px;
padding:15px;
border: solid 0px #393232;
background: #fff;
}
.column-two-border
{
float:left;
width:578px;
border-top: solid 1px #08A5D6;
border-right: solid 1px #08A5D6;
border-bottom: solid 1px #08A5D6;
border-left: solid 1px #08A5D6;
margin-bottom:15px;
}
.leftnav 
{
font-weight: bold; 
font-size: 12px; 
color: #d2cfcf; 
font-family: verdana;
margin-top:0px;
margin-bottom:0px;
margin-left:40px;
padding-left:45px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
text-decoration: none;
background:url("site-img/left-nav.gif") center no-repeat;
}
.leftnav a
{
font-weight: bold; font-size: 12px; color: #7b7878; font-family: verdana; text-decoration: none;  
}
.leftnav a:hover
{
font-weight: bold; font-size: 12px; color: #6ab8cf; font-family: verdana; text-decoration: underline; 
}

#portal-footer {
margin: 0em;
padding: 0em;
background: #fff;
text-align:left;
border-top: solid 2px #73C4F8;
}
#footer {
margin: 1.3em 1.2em 1.2em 1.2em;
margin-right: 0em;
padding: 0em;
text-align:center;
}
.rounded-border
{
position: relative;
width:80%;
padding:15px;
background: url(site-img/left-bg1.gif);
border-right:2px solid #DFDFDF;
border-bottom:2px solid #DFDFDF;
}

.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 7px 15px 7px 15px; }
.rbroundbox { width: 95%; margin: 15px auto; }

.last-project{
background: url(images/last-project.gif) no-repeat top left;
height:17px;
margin:2px 2px	2px 20px;
}
.company{
background: url(images/company.gif) no-repeat top left;
height:17px;
margin:2px 2px	2px 21px;
} 
.services{
background: url(images/services.gif) no-repeat top left;
height:17px;
margin:2px 2px	2px 21px;
}
.seo-tool{
background: url(images/seo-tool.gif) no-repeat top left;
height:17px;
margin:2px 2px	2px 20px;
} 
.technologies{
background: url(images/technologies.gif) no-repeat top left;
height:17px;
margin:2px 2px	2px 20px;
}	
.articles{
background: url(images/articles.gif) no-repeat top left;
height:17px;
margin:2px 2px	2px 20px;
}
.last-project{
background: url(images/last-project.gif) no-repeat top left;
height:17px;
margin:2px 2px	2px 20px;
}

#client-list-bg-main
{
 width: 580px;
 float:left;
 background: url(images/client-list-bg.gif) no-repeat;
border: solid 0px #393232;
}

#client-list-bg
{
width: 200px;
float:left;
height:248px;
margin:0px 0px 0px 0px;
border: solid 0px #393232;

}

#client-list-bg ul { 
line-height: 1.4em;
width:170px;
list-style-type: square;
margin: 0.5em 0em 0em 2em;
padding: 4em 0em 0em 0em;
list-style:none;

}
#client-list-bg li 
{
font-weight: bold; 
font-size: 13px; 
color: #fcfcfc; 
font-family: verdana;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
text-decoration: none;
border-bottom:1px solid #DFDFDF;
}

#client-list-bg li a, li a:visited
{
color: #fcfcfc;
}
#client-list-bg li a:hover
{
color: #00C2FF; text-decoration: underline; 
}

#contactform{
width: 300px;
float:left;
margin:60px 0px 0px 42px;
border: 0px solid #DFDFDF;
}

.blueheading
{
font-size: 100%;
font-weight: bold; 
color:#009ed0;
padding-left:0px;
padding-bottom:2px;
padding-top:5px;
padding-right:2px;
}
#orderform{
width: 500px;
float:left;
margin:10px 0px 15px 10px;
border: 0px solid #DFDFDF;
}
.blueheading1
{
font-size: 100%;
width:300px;
float:left;
font-weight: bold; 
color:#009ed0;
padding-left:0px;
padding-bottom:2px;
padding-top:2px;
padding-right:2px;
border: 0px solid #DFDFDF;
}
.blueheading2
{
font-size: 100%;
width:150px;
float:left;
text-align:right;
font-weight: bold; 
color:#009ed0;
padding-left:0px;
padding-bottom:2px;
padding-top:2px;
padding-right:2px;
border: 0px solid #DFDFDF;
}
.maintext{
 margin:15px;
}