/* CSS Document */

body
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333333;
}
html
{
   background:  url(bg.jpg) repeat-x top;
   background-attachment: fixed
   
   }

#wrapper 
{
position: relative;
margin: 0 auto;
text-align: left;
width: 100%;
}

h1
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #800000;
}


div.main {
    border: #ffffff solid 1px;
	background-color:#FFFFFF;
    clear: left;
	width:706px;
}

div.textbox {

    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
    clear: left;
}

div.header {

    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0 0 2px 0;
	}

div.footer {

    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    clear: left;
}

#topnav {
float: left;
padding: 2px 0 0 0px;
margin: 0;
width: 100%;
}

#topnav li{
list-style: none;
display: inline;
padding: 0 0 5px 0px;
padding:
margin: 0;
float: left;

}

.home 
{
background-image: url(images/project-hover.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}

.home a{
background-image: url(images/project.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
display: block;
}

.home a:hover{
background: none;
}

.testimonials {
border:1px solid;
border-color:#800000;
}

.services {
background-image: url(images/services-hover.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}

.services a{
background-image: url(images/services.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
display: block;
}

.services a:hover{
background: none;
}

.hosting {
background-image: url(images/hosting-hover.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}

.hosting a{
background-image: url(images/hosting.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
display: block;
}

.hosting a:hover{
background: none;
}

.portfolio {
background-image: url(images/portfolio-hover.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}

.portfolio a{
background-image: url(images/portfolio.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
display: block;
}

.portfolio a:hover{
background: none;
}

.demo {
background-image: url(images/demo-hover.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}

.demo a{
background-image: url(images/demo.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
display: block;
}

.demo a:hover{
background: none;
}

.aboutus {
background-image: url(images/aboutus-hover.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}

.aboutus a{
background-image: url(images/aboutus.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
display: block;
}

.aboutus a:hover{
background: none;
}

.contactus {
background-image: url(images/contactus-hover.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}

.contactus a{
background-image: url(images/contactus.jpg);
background-repeat: no-repeat;
height: 20px;
width: 100px;
display: block;
}

.contactus a:hover{
background: none;
}

.t {background: url(/images/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(/images/dot.gif) 0 100% repeat-x}
.l {background: url(/images/dot.gif) 0 0 repeat-y}
.r {background: url(/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/bl.gif) 0 100% no-repeat}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px} 

img.floatLeft { 
    float: left; 
    margin: 3px; 
}

img.floatRight { 
    float: right; 
    margin: 3px; 
}

.csshippinghandling {
	color:#E3E3E3;
}

.csshippingamount {
	color:#E3E3E3;
}