html {
height: 100%;
margin-bottom:0;
}

body{
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font: 11px normal;
margin:0;
padding:0;
line-height: 1.5em;
background:url('images/bg-back.jpg') top repeat-x;
}


#bg {
width:857px;
min-height:100%;
margin: 0 auto;
background: url(images/body-bg.jpg) #FFFFFF top center no-repeat;

}

a, a:active, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #093C88;
text-decoration:none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #D9063C;
text-decoration:none;
}

a.uline, a.uline:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #303030;
text-decoration:none;
}

a.uline:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #303030;
text-decoration:underline;
}

#mainwrap {
width: 800px;
border:0;
padding: 0;
margin-left:10px;
margin-right:10px;
text-align:left;
margin: 0 auto;
background: #ffffff;

}

#mainwrap #header {
width: 100%;
height:90px;
margin: 0;
padding: 0;
margin: 0 auto;
}

#mainwrap #contentwrap {
width: 100%;
margin: 0;
padding: 0;
margin: 0 auto;
background-color: #FFFFFF;

}

#logo-container {    
	padding: 0 0 10px 10px;
	margin-bottom:10px;
	height: 100px;
	width: 280px;
	float: left;
	background: url(images/ecoWeb-logo.jpg) no-repeat;
	background-position:bottom left;
	z-index:100;
}

#helptext {    
padding: 0px;
height: 30px;
width: 300px;
float: right;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#4A4A4A;
font-size: 11px;
}

#mainwrap #topbar {
width: 100%;
padding:0;
margin:0px; 
}

#topmenu_cell {
background: url(images/bgbar-top.png);
height:35px;
text-align:center;
}

#topmenu_cell_l {
background: url(images/bgbar-l.png);
background-repeat: no-repeat;
background-position: right;
width: 3px;
}

#topmenu_cell_r {
background: url(images/bgbar-r.png);
background-repeat: no-repeat;
background-position:left;
width: 3px;
}


#topmenu_cell_mid {
background: url(images/bgbar-mid.png);
background-repeat: no-repeat;
width: 2px;

}

#topbar #topbardata {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:25px;
text-align:center;
font-weight: bold;
}

#topbar img {
padding: 0;
border: 0;
margin-left: 1px;
}

a.bar, a.bar:link, a.bar:active, a.bar:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a.bar:hover {
color : #99EB17;
text-decoration : none;
}

#mainwrap #leftcol {
width: 620px;
margin: 0;
padding: 0;
float: left;
background-color: #FFFFFF;
}

#mainwrap #rightcol {
width: 165px;
margin: 0;
padding: 0;
float: right;
background-color: #FFFFFF;

}


#mainwrap #bottom {
position: relative;
width: 100%;
height: 120px;
margin:0;
padding: 0;
border-top: 2px solid #003366;
float:left;
background: #EFEFEF url(images/bottom-bg.png); 
background-repeat:repeat-x;
background-position: bottom;
}


#rwraper {
padding: 0 0 20px 0;
}


#bwraper {
padding: 0 0 20px 0;
}


#lwrap{
margin:0px;
padding:10px 10px 5px 2px;
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
}

#lwrapl{
position: relative;
width: 190px;
height:160px;
float: left;
margin:0;
padding:0;
background: #F2F2F2 url(images/box_03.gif) center bottom no-repeat;
}


#lwrapr{
position: relative;
width: 65.7%;
height:160px;
float: right;
margin:0;
padding-left:15px;
}

#lwrapr #col1{
width: 190px;
height:160px;
float: left;
margin:0;
padding:0px;
background: #E1E7F4 url(images/box_03.gif) center bottom no-repeat;
}

#lwrapr #col2{
width: 190px;
height:160px;
float: right;
margin:0px;
padding:0px;
background: #FFF2EC url(images/box_03.gif) center bottom no-repeat;

}

#lwraper {
padding: 0 0 20px 0;
}

#boxgrey{
position: relative;
float: left;
margin:0;
padding:0;
padding-left:7px;
padding-right:7px;
padding-top:7px;
padding-bottom:7px;
background-color:#F2F2F2;
}

#lwraper h2, h3, h4{
font-family:Arial, Helvetica, sans-serif;
color:#DD6F00;
margin-bottom:0;
padding: 2px 0 2px 0;
}

#hdservices{
display:block;
background:url('images/bar-services.gif') center no-repeat;
height:31px;
width:606px;
margin-top:20px;
}

#hdprojects{
display:block;
background:url('images/bar-rproject.gif') center no-repeat;
height:31px;
width:606px;
margin-top:20px;
}

#hdhosting{
display:block;
background:url(images/hd-hosting.png) center no-repeat;
height:32px;
width:193px;
}

#hdgraphic{
display:block;
background:url(images/hd-graphic.png) center no-repeat;
height:32px;
width:193px;
}

#hdpromo{
display:block;
background:url(images/hd-promotion.png) center no-repeat;
height:32px;
width:193px;
}

#hdproducts{
display:block;
background:url(images/hd-products.png) center no-repeat;
height:32px;
width:193px;
}


#hddesign{
display:block;
background:url(images/hd-design.png) center no-repeat;
height:32px;
width:193px;
}

#hddomain{
display:block;
background:url(images/hd-domain.png) center no-repeat;
height:32px;
width:193px;
}

#bmenu{
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#3C3C3C;
text-align:center;
margin:0px;
padding:7px 5px 7px 5px;
border-bottom: 1px solid #C1D4E6;
}

#bdescription{
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#3C3C3C;
margin:0px;
padding: 7px 5px 5px 5px;
text-align:center;
}
#btext{
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3C3C3C;
margin:0px;
padding: 5px 5px 5px 5px;
text-align:center;
}

#loginhd {
position:relative;
height:42px;
background:url(images/slogintop.gif);
background-position: center bottom;
background-repeat:no-repeat;
vertical-align:bottom;
}
#loginhd h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#033887;
padding-left: 30px;
}

#loginwrap h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#033887;
padding-left: 30px;
}

#loginmid {
position:relative;
background: url(images/sloginmid.gif);
background-position: center;
background-repeat: repeat-y;
text-align:center;
}
#loginbt {
position:relative;
height:30px;
background: url(images/sloginbottom.png);
background-position: top left;
background-repeat:no-repeat;
}

#loginwrap{
position: relative;
width: 155px;
margin:0px;
padding: 0;
background-color: #FFFFFF;
border-left: 1px solid #999999;
border-right: 1px solid #999999;

}

.username {
width: 125px;
height:20px;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px 1px 1px 1px;
border:1px solid #c8c7be;
background:#fff;

}

.password {
width: 125px;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px 1x 1px 1px;
border:1px solid #c8c7be;
background:#fff;
	}

#menur-hd {
display: block;
height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:30px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding-left: 10px;
background-color: #A1BFDD;
background: url(images/bgleft-top.png); 
}

#rwrap{
margin:0px;
padding:0px;

}

#rwrap ul {
list-style-type: none;
line-height: 1.8;
margin: 0;
padding: 0;
font-weight:bold;
margin-bottom: 8px; 
background-color:#F5F5F5;
}

#rwrap ul li {
padding-bottom: 2px;
}

#rwrap ul li a, #rwrap ul li a:visited {
display: block;
color: #575757;
background:url(images/menuar.png) no-repeat center left;
padding: 2px 0;
padding-left: 16px;
text-decoration:none;
border-bottom: 1px solid #D7E3F2;
font-size:11px;
}

#rwrap ul li a:hover {
color:#1C4587;
background-color: #EAEAEA;
}


.bl {background: url(images/bl.jpg) 0 100% no-repeat; width: 20em} 
.br {background: url(images/br.jpg) 100% 100% no-repeat} 
.tl {background: url(images/tl.jpg) 0 0 no-repeat} 
.tr {background: url(images/tr.jpg) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}

#mainwrap #tl {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 100;
}


#mainwrap #tr {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
z-index: 100;
}

#mainwrap #bl {
position:absolute;
bottom: -1px;
left: 0;	
margin: 0px;
padding: 0px;
z-index: 100;
}

#mainwrap #br {
position:absolute;
bottom: -1px;
right: 0;
padding: 0px;
margin: 0px
z-index: 100;
}

#header h1 {
padding: 12px;
font-family: verdana, arial;
color: #000080;
}

#leftcol #menuheader {
border-left: 5px solid #ff0000;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
padding: 3px 0 3px 5px;
background-color: #727272;
}


#leftcol #linkframe {
margin:0;
padding: 0;
list-style: none;
background: #DADADA;
}

#leftcol a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #575757;
text-decoration: none;
}

#leftcol a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF2D2D;
padding:0;
text-decoration: none;
}

#leftcol ul {
list-style-image: url(images/bullet-b.png);

}

#leftcol ul li a:hover{
padding: 0;
margin:0;
text-decoration:underline;

}

#spacer {
clear:both;
}

.bgau {background:url(images/bgau.gif) left bottom no-repeat;}
p {
margin-top:0;
margin-bottom: 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#252525;
size:11px;
}

#main p {
padding: 0px 10px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#bottom p {
padding: 0px 10px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

a:bottom, a.bottom:visited {
padding: 0px 10px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#993300;
text-decoration:underline;
}

a:bottom, a.bottom:hover {
padding: 0px 10px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
}

.copyright {
padding: 0px 10px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#main h1, #main h2, #main h3, #main h4{
padding: 10px 10px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#main ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #303088;
list-style: circle;
}

.normal {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#252525;
font-size: 11px;
padding: 5px 5px 5px 5px;
margin:0;
}

#leftcol p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#252525;
font-size: 11px;
padding: 5px 15px 0 0;
margin:0;
}

#more {
text-align:right;
float:right;
padding-right:10px;
padding: 0 10px 0 0;
font-weight:bold;
}

.more {
	border-top:#256799 1px solid;
	border-right:#256799 1px solid;	
	border-bottom:  #256799 1px solid;
	border-left:#256799 3px solid;
	padding:0 5px 0 5px;
}

#more a:hover {
color:#87B40F;
}

.content {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#252525;
font-size: 11px;
padding: 5px 5px 5px 5px;
margin:0;
}
.header-hl {
font-family: Arial, Helvetica, sans-serif;
color:#0161BD;
padding: 10px 0 2px 0;
font-size:17px;
font-weight:bold;
}

#ltbanner {
position:relative;
padding;0;
margin:0;
width:100%;
height:80px;
}

.formtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #093C88;
font-size: 11px;
padding: 5px 5px 2px 15px;
margin:0;
text-align:left;
}

.formbtleft {
height: 31px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
font-weight:bold;
padding-left: 10px;
border:0;
margin:0;
text-align:left;
background:url(images/sloginbg.gif)
}

#pathinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100%;
height: 30px;
padding:0;
margin: 0;
}