@charset "UTF-8";
/* CSS Document */
/* By Kong Geironimo - yehaww */

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	background-image:url(/_img/index/indexbackmain7.png);
	background-repeat:repeat-x;
}

img {
	border: 0;
}

h1 {
        margin: 10px 0;
	font-size: 18px;
}

h2 {
        margin: 10px 0;
	font-size: 14px;
}

h3 {
	margin: 3px 0;
	font-size: 14px;
}

h4 {
	font-size: 14px;
}

p {
        margin: 5px 0 10px 0;
}

.header {
	color:#FFFFFF;
}

.menu {
        width: 970px;
	height: 25px;
	margin-top: 6px;
}

ul.menu {
        padding: 0px;
	margin: 0px;
	list-style-image: url(/_img/index/square.gif);
	list-style-type: none;
	text-align: center;
}

ul.menu li { 
        margin: 0 28px;
	display: inline; 
}

ul.menu li a
{
        text-decoration: none;
/*	color: #97c5ff; */
	color: #c7e5ff;
	border: 0px;
}

ul.menu a:hover {
/*        color: #c7e5ff; */
        color: #fff
}


/* Logo */

.logo {
        padding: 8px 0 0 0px;
}

.logotext {
        margin: 10px 0 0px 0px; 
	font-family: Arial; 
	font-size: 36px; 
	color: #97c5ff;
}

.logotextsmall {
        margin: -5px 0 0 2px; 
	font-family: Arial; 
	font-size: 11px; color: #97c5ff;
}

.introtext {
       margin: 16px 10px 0 10px; 
       width: 400px; 
       padding: 5px; 
       font-size: 11pt; 
       font-weight: normal; 
       color: #fff; 
       text-align: center;
}


/* Login box */

.login {
/*        margin: 0 50px 0 0; */
/*	width:300px; */
	height:52px;
	float:right;
	text-align: right;
/* background-image:url(/_img/index/loginback.png); */
/* background-repeat:no-repeat; */
}

.SSL {
	border: none;
	padding-bottom: 3px;
}

.loginForm {
	margin: 0;
	padding: 0;
}

.loginTable {
        width: 272px;
	color: #cccccc;
	margin: 14px 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
}

.loginTable td {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
}

.loginTable a {
        color: #97c5ff;
	text-decoration: none;
}

.loginTable a:hover {
        color: #c7e5ff;
}

.inputBox {
        width: 100px;
	background-color: #b7d5ff;
	border-top: 1px #155d97 solid;
	border-right: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	border-left: 1px #155d97 solid;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
	color: #155D96;
}

.loginButton {
	width: 90px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
	color: #155D96;
}

.loginText {
	margin-top: 2px;
	font-size:10px;
	text-align: right;
}

.loginText a {
        color: #97c5ff;
	text-decoration: none
}

.loginText a:hover {
        color: #c7e5ff;
}

.line {
        width: 895;
	height: 3px;
	margin: 0 0 0 0px;
	background-image: url(/_img/index/line.png);
	background-repeat: no-repeat;
	background-position: center;
}





/* Upper section */

table.section1 {
        padding-top: 10px;
}

.section1 td {
        color: #d7e5ff;
        font-size: 12px;
}

.section1 .email {
        background-image:url(/_img/index/email_icon2.png); 
	background-repeat:no-repeat; 
	background-position: -10px 40px;
}

.section1 .webhosting {
        background-image:url(/_img/index/webhotel_icon.png); 
	background-repeat:no-repeat; 
	background-position: -15px 30px;
}



/* Features */

.features {
        vertical-align: top;
}

ul.featureList {
        padding: 0px;
	margin: 0 0 0 5px;
	list-style-image: url(/_img/index/square.gif);
	list-style-type: none;
	text-align: left;
        font-size: 12px;
}

ul.featureList li { 
	padding: 2px 0;

}

.highlight {
        color: #ffffff;

}



/* Lower section */

.section2 td {
	color: #054d87;
	font-size: 11px;
}

.section2 a {
        color: #155d97;
	font-weight: bold;
	text-decoration: underline;
}

.section2 a:hover {
        color: #4785d4;
}

.textbig {
        font-size: 12px;
}

td.space {
        
        border-left: 0.15em dotted #6795cf;
}

.section2 .signup {
        margin: 5px 20px 0 0; 
	height: 100%; 
	padding: 5px 0; 
	border: 1px solid #97c5ff; 
	background-color: #ddedff;
}

.signupButton {
        margin: 20px 60px;
}






/* Blue button styles */

.btn {
      display: inline-block;
      background: none;
      margin: 0;
      padding: 5px 0; /* Space over and under text */
      border-width: 0;
      overflow: visible;
/*      color: #155d97; */
      text-decoration: none;
      font: 140%/1.4 Verdana,Sans-serif;
      font-weight: bold;
      }
a.btn {
      color: #fff;
      text-decoration: none;
}


* html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
.btn span {
      background:#fff url(/_img/index/button_big_a.png) repeat-x 0 0;
      margin:0;
      padding:5px 0; /* Space over and under text */
/*      border-left:1px solid #95d0ff;
      border-right:1px solid #66bbff; */
      border-left:1px solid #66bbff;
      border-right:1px solid #155d97;
      }
* html .btn span {
      padding-top:0;
      }
.btn span span {
      position:relative;
      padding:5px 1em; /* Space over and under text */
      border-width:0;
/*      border-top:1px solid #95d0ff;
      border-bottom:1px solid #66bbff; */
      border-top:1px solid #66bbff;
      border-bottom:1px solid #155d97;
      }
    
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background:#fff url(/_img/index/button_big_i.png) repeat-x 0 0;
/*      border-color:#66bbff #155d97 #155d97 #66bbff!important; */
      border-color:#95d0ff #66bbff #66bbff #95d0ff!important;
      /* color: #e8f5ff; */
      color: #155d97; 
      }
.btn:active span {
      background-position:0 -400px;
      outline:none;
      }
.btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }





/* Orange button styles */

.btnOrange {
      display:inline-block;
      background:none;
      margin: 0;
      padding: 5px 0; /* Space over and under text */
      border-width: 0;
      overflow: visible;
      color: #155d97;
      text-decoration: none;
      font: 100%/1.0 Verdana,Sans-serif;
      font-weight: bold;
      }
* html button.btnOrange {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btnOrange {
      margin:0 -3px;
      }
.btnOrange span {
      background:#fff url(/_img/index/button_small_orange_i.png) repeat-x 0 0;
      margin:0;
      padding:5px 0; /* Space over and under text */
      border-left:1px solid #ffcd94;
      border-right:1px solid #dc7500;
      }
* html .btnOrange span {
      padding-top:0;
      }
.btnOrange span span {
      position:relative;
      padding:5px 1em; /* Space over and under text */
      border-width:0;
      border-top:1px solid #ffcd94;
      border-bottom:1px solid #dc7500;
      }
    
/* only needed if implementing separate hover/focus/active state for buttons */
.btnOrange:hover span, .btnOrange:hover span span, .btnOrange:focus span, .btnOrange:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background:#fff url(/_img/index/button_small_orange_a.png) repeat-x 0 0;
      border-color:#dc7500 #975100 #975100 #dc7500!important;
      color: #e8f5ff;
      }
.btnOrange:active span {
      background-position:0 -400px;
      outline:none;
      }
.btnOrange:focus, .btnOrange:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }


.buttonBig {
        font-size: 11pt;
}



/* News */
.news {
        margin: 0px 0px; 
	width: 280px; 
	border: 1px dotted #6795cf; 
	padding: 5px; 
	font-size: 8pt;
}

.news ul {
	margin: 0;
	padding: 0;
}

.news li {
        margin: 0 0 0 15px;
}

.news a {
        font-size: 7pt;
}


/* Partners */

.partners {
        margin: 10px 0 20px 0;
        text-align: center;
}

.partners img {
        margin: 0 5px;
}

/* Bottom menu */
.menu2 {
	height: 20px;
	margin-top: 6px;
	background-color: #0f4b7d;
}

ul.menu2 {
        padding: 4px 0 0 0;
	margin: 0;
	text-align: center;
}

ul.menu2 li { 
        margin: 0 40px;
	display: inline; 
}

ul.menu2 li a {
        text-decoration: none;
	font-weight: normal;
/*	color: #155d97; */
        color: #97c5ff;
	border:0px;
}

ul.menu2 a:hover {
/*        color: #4785d4; */
        color: #c7e5ff;
}

.copyright {
        margin: 10px 0;
        height: 25px;
        color: #888888;
        text-align: center;
        font-size: 7pt;
}