/* CSS Document */

img,p,html,div{
padding:0px;
margin:0px;
border:0px;
}

body{
background-image:url(images/bg.jpg);
background-repeat:repeat-xy;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

#header  {
background: url('images/header.jpg');
width:950px;
height:286px;
}

/*-- start Top Navigation --*/

#nav {
float:right;
position:relative;
top:20px;
font-size:14px;
font-family: Tahoma, Arial;
}

#nav a {
text-decoration:none;
font-weight:bold;
color: #056370;
}

#nav a:hover {
color:#ff4400;
}

#nav-home {
float:left;
padding: 30px 15px 30px 20px;
}

#nav-about {
float:left;
padding: 30px 15px 30px 15px;
}

#nav-network {
float:left;
padding: 30px 10px 30px 15px;
}

#nav-customer-support {
float:left;
padding: 30px 5px 30px 15px;
}

/*-- end Top Navigation --*/

#header .login {
font-size:12px;
font-weight:bold;
color:#056370;
}

#header .login-fields {
float:left;
left:535px;
position:relative;
top:26px;
}

#header .login-button {
float:right;
position:relative;
top:24px;
right:10px;
}

#header .login .field {
width: 120px;
padding:0px;
margin:0px;
}

#header label {
padding:0px;
margin:0px;
}

/** END HEADER **/

#container{
width:950px;
margin:auto;
background-color:#FFFFFF;
}

/** Homepage only **/

#homepage {
float:left;
width: 696px;
}

#homepage-girl-body {
float:right;
width: 254px;
height: 340px;
background: url('images/girl-body.gif');
}

#homepage-atomic .series {
float:left;
background: url('images/power-series.jpg');
width:375px;
height:113px;
}

#homepage-atomic .order {
float:left;
background: url('images/atomic-series-order.jpg');
width:177px;
height:113px;
}

#homepage-atomic .order a {
display:block;
position:relative;
width:177px;
height:113px;
}

#homepage-atomic .servers {
float:left;
background: url('images/atomic-series-servers.jpg');
width:144px;
height:113px;
}

/* start pro */

#homepage-pro .series {
float:left;
background: url('images/virt-series.jpg');
width:375px;
height:106px;
}

#homepage-pro .order {
float:left;
background: url('images/pro-series-order.jpg');
width:177px;
height:106px;
}

#homepage-pro .order a {
display:block;
position:relative;
width:177px;
height:106px;
}

#homepage-pro .servers {
float:left;
background: url('images/pro-series-servers.jpg');
width:144px;
height:106px;
}

/* start vps */

#homepage-vps .series {
float:left;
background: url('images/intense-series.jpg');
width:375px;
height:121px;
}

#homepage-vps .order {
float:left;
background: url('images/vps-series-order.jpg');
width:177px;
height:121px;
}

#homepage-vps .order a {
display:block;
position:relative;
width:177px;
height:121px;
}

#homepage-vps .servers {
float:left;
background: url('images/vps-series-servers.jpg');
width:144px;
height:121px;
}

/* start bottom homepage content */

h1 {
color:#e57700;
font-size:24px;
margin:0px;
padding:10px 0px;
}

h2 {
color: #056370;
font-size:18px;
margin:0px;
padding:10px 0px;
}

#bottom-white {
background: url('images/girl-server.jpg') no-repeat top right;
float:right;
width:480px;
height:230px;
font-size:12px;
}

#bottom-white .content {
padding: 0px 160px 0px 10px;
}

#bottom-yellow {
background: url('images/bottom-yellow.jpg');
width:466px;
height:230px;
font-size:14px;
}

#bottom-yellow .content {
padding: 0px 45px 0px 10px;
}

#bottom-yellow p {
padding: 5px 0px;
}

#bottom-yellow a {
color: #000000;
}

/* end homepage */

/* start footer */

#footerbg{
background-image:url(images/footer-bg.jpg);
background-repeat:repeat-x;
height: 96px;
width:100%;
font-size: 12px;
text-align:center;
}

#footer-top, #footer-top a{
line-height: 56px;
color: #000000;
text-decoration: none;
font-weight: bold;
}

#footer-bottom, #footer-bottom a{
color: #ffffff;
text-decoration: none;
}

#footerbg a:hover {
text-decoration: underline;
}

/* end footer */

/* interior page */

#interior {
padding: 10px 20px;
}

#interior-girl-right {
float:right;
background: url('images/interior-girl-right.jpg');
width: 258px;
height:344px;
}

#features {
font-size:12px;
}

#interior h1, #interior h2, #interior h3  {
color:#e57700;
font-size:24px;
margin:0px;
padding:5px 0px;
}

#interior p {
margin: 0px;
padding: 5px 0px;
font-size:14px;
}

#interior .girl-server {
background: url('images/interior-girl-server.jpg');
float:left;
width:263px;
height: 230px;
}

#interior table, #interior td {
font-size:14px;
}

#interior table .server {
color:#e57700;
font-size:20px;
margin:0px;
text-align:center;
font-weight: bold;
}

#interior table .order {
text-align:center;
color:#056370;
font-size:24px;
font-weight: bold;
}