html
{
  height: 100%; 
}
body
{
  height: 100%;  
  width: 100%;  
  padding: 0px; 
  margin: 0px;  
  background: #F0F0F0 url(../images/page/background.jpg) repeat-x top left;  
  text-align: center;   
}

#container
{
  width: 764px;
  height: 100%;  
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  background: #F0F0F0;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-family: Arial;
}

#shadow_left {
  background: #F0F0F0 url(../images/page/shadow_left.gif) repeat-y top right; width: 6px;
}

#shadow_right { 
  background: #F0F0F0 url(../images/page/shadow_right.gif) repeat-y top left; width: 6px;  
}

#header
{
  height: 80px;
  background: #F0F0F0 url(../images/page/header.gif) no-repeat top left;  
  padding: 0px;
  margin: 0px;
}

#navbar
{
  height: 34px;
  background: #FFFFFF url(../images/page/navbar.gif) repeat-x top left;
  vertical-align: top;
  color: #FFFFFF; 
}
#menu
{
  background: #FFFFFF; 
  text-align: left;
  vertical-align: top;
  padding: 5px;
  background: #FFFFFF url(../images/page/menu_background.jpg) repeat-y top left;
}
#menu ul
{
  list-style-type: none; 
  margin: 0px;
  padding: 0px 0px 10px 0px;
  vertical-align: middle;
  text-align: left;
}
#menu li.link
{
  background: url(../images/page/arrow_round_bullet.gif) 0px 5px no-repeat; 
  padding: 5px 0px 0px 20px;
  font-weight: bold; 
}
#menu ul li.sublink
{
  background: url(../images/page/sub_bullet.gif) 0px 2px no-repeat; 
  padding: 2px 5px 0px 20px; 
} 


#content
{
  text-align: left;
  height: 75%; 
  vertical-align: top;
  padding: 10px;
  padding-bottom: 20px;
  background: #FFFFFF url(../images/page/content_background.jpg) repeat-y top right; 
  font-size: 90%;
}

#footer
{
  height: 40px;
  background: #F0F0F0 url(../images/page/footer.gif) repeat-x bottom left;
  color: #FFFFFF;
  padding: 0px;
  font-size: 80%;
  /* Opera hack */
  line-height: 400%;
}
div.left
{
  float: left;
  text-align: left;
  padding-left: 5px;
  font-weight: bold;
}
div.right
{
  float: right;
  text-align: right;
  padding-right: 5px;
  font-size: 90%;
}
div.left a, div.right a
{
  text-decoration: none;
  color: #FFFFFF;
}
div.left a:hover, div.right a:hover
{
  color: #fffa01;
}
.divider
{
  padding: 0px;
  height: 14px;
}

#home
{
  width: 744px;
  height: 80%;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  text-align: center;
  background: #F0F0F0;
}

table.home
{
  padding: 2px;
  margin: 0px 4px;
  border-collapse: collapse;
  width: 100%; 
  background: #FFFFFF;

}
td.home_hosting
{
  border-right: 2px solid #F0F0F0;
  border-bottom: 2px solid #F0F0F0;
  border-top: 0px;
}

td.home_hosting table
{
  padding: 0px;
  width: 300px;
  margin: 4px;
}


td.home_hosting td.info_left
{
  border: 2px solid #F0F0F0;
  border-right: 0px;
  margin: 0px;
}
td.home_hosting td.info_right
{
  border: 2px solid #F0F0F0;
  border-left: 0px;
  margin: 0px;
}
td.home_hosting td.price
{
  border: 2px solid #F0F0F0;
  margin: 0px;
}  


td.home_about
{
  border-bottom: 2px solid #F0F0F0;
}
td.home_news
{
  border-bottom: 2px solid #F0F0F0;
  border-right: 2px solid #F0F0F0;
}
td.home_logo
{
  border-bottom: 2px solid #F0F0F0;
}



/* DEFAULT TABLE */
table.default
{
  margin-top: 4px;
  margin-bottom: 4px;  
}
table.default th,table.default td 
{
  background: #F0F0F0;
  text-align: center;
  padding: 4px;
}

/* VTABLE */
table.vtable
{
  margin-top: 4px;
  margin-bottom: 4px;
  border-collapse: collapse;
}

table.vtable th 
{
  text-align: right;
  padding: 4px;
  border: #CCCCCC 1px solid ;
  text-align: right;
  margin: 0px;
  vertical-align: middle;
}
table.vtable td
{
  background: #F0F0F0;
  border: #CCCCCC 1px solid ;
  padding: 4px;
  margin: 0px;
  vertical-align: middle;      
}

/* HOSTING */
.hosting td.blankrow 
{
	background-color: #D10000;
}
.hosting td
{
  background-color: #f0f0f0;
  text-align: center;
}
.hosting td.right 
{
	text-align: right;
}
.hosting th
{
	color: #FFFFFF;
	background-color: #D10000;
	text-align: center;
}



/* MESSAGE BOXES */
div.success,div.failure,div.confirm,div.info
{
  vertical-align: middle;
  text-align: left; 
  padding: 5px;
  margin: 5px; 
  border: 1px solid #000000;
  color: #000000;
}
div.success
{
  background-color: #CCFFCC;
} 
div.failure
{
  background-color: #FFCCCC;
}

div.confirm
{
  background-color: #FFFFCC;
} 

div.info 
{
  background-color: #99CCFF;
}


/* NORMAL TAGS */
h1
{
  padding: 4px;
  margin: 0px;
  font-size: 130%;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #D10000;
  */ 333333 - dark grey 
     D10000 - dark red
     F0F0F0 - light grey */

}
h2
{
  font-size: 120%;
  font-weight: bold;
  padding: 2px 4px;
  margin: 0px;
  margin-top: 4px;
  background: #F0F0F0;
}
h3
{
  padding: 0px;
  padding-left: 6px;
  margin: 0px;
  margin-top: 6px;
  font-size: 100%;
}
p
{
  padding: 6px 2px 0px 6px;
  margin: 0px;
}
ul
{
  margin: 4px 4px 0px 30px;
  padding: 0px;
  list-style-type: square;
}
li
{
  padding: 0px;
  margin: 0px;
}
a.notbold
{
  font-weight: normal;
}

a
{
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}
a:hover
{
  color: #D10000; 
}
input,textarea
{
  font-family: Arial;
}