html {
 background: #ffffff;
}
body {
 color: #000000;
 font: normal 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 text-align: center;
 padding-top: -10px;
 height: 1000px;
 background: url(../images/topbanhp1.jpg) no-repeat 40px top;
}
h1 {
 font: normal bold 16pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}
h2 {
 font: normal bold 14pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
}
h4 {
 font: normal bold 11pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 color: #000000;
}
h5 {
 font: normal bold 11pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
}
h6 {
 font: normal bold 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
}
a:link {
 color: #54514C;
 text-decoration: underline;
}
a:visited {
color: #7978AA;
 text-decoration: underline;
}
a:hover {
 color: #C27D1B;
 text-decoration: underline;
}
a:active {
 color: #F8F6C4;
 text-decoration: none;
}
#container {
 width: 800px;
 text-align: justify;
 height: 200px;
 border: solid 0pt #000000;
 height: 2000px;
 margin: 0 auto;
 padding-left: 0px;
 padding-top: 0px;
 background: url(../images/bannerhpblue.jpg) repeat-y top right;
}
#content {

}
#header {
}
#header h1 {
 position: absolute;
 left: 180px;
 font: normal 30pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 top: 150px;
}
#header h2 {
 position: absolute;
 top: 130px;
 left: 180px;
 font: normal 20pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#header h3 {
 display: none;
}
#content {

}
#main_content {
 width: 380px;
 position: absolute;
 height: 480px;
 top: 220px;
 left: 240px;
 font: normal 10pt/16pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #7E807B;

}
#other_content {
position: relative;
top: 680px;
left: 20px;
 font: normal 10pt/11pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #7E807B;
 width: 550px;
}
#services h3 a {
 text-decoration: none;
 color: #3B2D62;
}
#css {
 width: 380px;
 
 
}
#dynamic {
 width: 380px;
 
 left: 450px;
}
#hosting {
 width: 380px;

}
#marketing {
 width: 380px;

}
#consulting {
 width: 380px;

}
#select {
 width: 180px;
 position: absolute;
 top: 240px;
 left: 30px;
 font-size: 11pt;
 text-align: left
 
}
#table {
width: 600px;
left: px;
}
.shaded2 {
background-color: #97C4A3;
color: #000000;
}
.shaded3 {
background-color: #D1E5C0;
color: #000000;
}
#select a {
 color: #349D9D;
 padding: 5px;
}
#select ul {
 list-style: none;
 padding: 0 0 18px 0;
 margin: 0;
}
#select ul li {
 padding: 5px 10px 5px 10px;
 border-bottom: 1px solid #1A4861;
 margin: 0;
}
#select h3 {
 text-align: center;
}
#select a:hover {
 color: #000000;
}
#select h4 {
 display: none;
}
#select .p8 {
 display: none;
}
#nav {
 width: 280px;
 position: absolute;
 height: 400px;
 top: 250px;
 left: 160px;
 text-align: right;
 background: url(../images/noun2.jpg) no-repeat bottom RIGHT;
}
#nav ul {
 list-style: none;
 margin: 5px;
 padding: 0px;
 font: normal 11pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}	
#nav li a {
 display: block;
 padding: 5px;
}
#nav a {
 color: #3B2D62;
 text-decoration: none;
}
#nav a:hover {
 color: #A45E13;
 }
#nav ul li a.c {
 display: inline;
 text-transform: none;
}
#nav2 {
 display: none;
}
#footer {
 width: 900px;
 position: absolute;
 top: 1200px;
 left: 30px;
 text-align: center;
}
#footer a {
 padding-left: 20px;
 padding-right: 20px;
 text-decoration: none;
}
#footer a:hover {
 color: #E34D12;
}
.right {
float: right;
padding-left: 200px;
padding-top: 5px;
padding-bottom: 5px;
}
.left {
float: left;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}