/* -----[ Metranet Style Sheet - last update 11 March 2005 ]----- */

/* -----[ body and basic elements ]----- */

body {
background-image: url(i/bg1.gif);
background-position: center;
background-repeat: repeat-y;
background-color: #ddd;
text-align: center;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.2;
padding: 0;
margin: 0;
}

a:link, a:visited {
color: #177DE1;
text-decoration: none;
}

a:hover, a:active {
color: rgb(0,0,100);
text-decoration: none;
}

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

h2 {
color: #88B6E3;
font-size: 14px;
font-weight: normal;
line-height: 100%;
padding: 10px 0 0 0;
margin: 0;
}

hr {
margin: 10px 0 5px 0;
padding: 0;
height: 1px;
color: #ccc;
}

/* -----[ master containier ]----- */

#main {
width: 581px;
margin: 43px auto;
text-align: left;
}

/* -----[ navigation strip ]----- */

#nav {
}

#logo {
margin-right: 63px;
position: relative;
top: -3px;
}

/* -----[ banner ]----- */

#banner {
clear: both;
margin: 15px 0 30px 0;
}

/* -----[ left column ]----- */

#left {
float: left;
padding: 0 15px 35px 0;
margin: 0 9px 15px 0;
border-right: 1px solid rgb(230,230,230);
width: 397px;
voice-family: "\"}\""; 
voice-family:inherit;
width:372px;
}

/* -----[ right column ]----- */

#right {
}

.sticker {
color: white;
background-color: #9cf;
font-size: 10px;
font-weight: bold;
margin: 10px 0 0 0;
border: 0;
width: 164px;
background-image: url(i/white_corner.gif);
background-position: 100% 0;
background-repeat: no-repeat;
clear: none;
voice-family: "\"}\""; 
voice-family:inherit;
width: 180px;
}

.sticker td {
padding: 6px 8px;
}

.stickerTop {

}

.sticker h2 {
color: white;
font-size: 14px;
font-weight: bold;
line-height: 100%;
padding: 0 0 3px 0;
margin: 0;
}

.sticker p {
margin: 0;
padding: 0;
}

.sticker a:link, .sticker a:visited {
color: white;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 5px;
}

.sticker a:hover, .sticker a:active {
color: rgb(0,0,100);
font-weight: normal;
text-decoration: none;
margin: 0 0 0 5px;
}

.sticker a:link.services, .sticker a:visited.services {
color: white;
font-weight: normal;
text-decoration: none;
margin: 0;
}

.sticker a:hover.services, .sticker a:active.services {
color: rgb(0,0,100);
font-weight: normal;
text-decoration: none;
margin: 0;
}

.whiteSticker {
color: #88B6E3;
background-color: white;
font-size: 14px;
font-weight: normal;
margin: 10px 0 0 0;
border-left: 1px solid #9cf;
border-bottom: 1px solid #9cf;
width: 164px;
background-image: url(i/white_sticker_tr.gif);
background-position: 100% 0;
background-repeat: no-repeat;
voice-family: "\"}\""; 
voice-family:inherit;
width: 180px;
}

.whiteSticker td {
padding: 6px 8px;
}

.whiteSticker a:link, .whiteSticker a:visited {
color: #88B6E3;
font-weight: normal;
text-decoration: none;
}

.whiteSticker a:hover, .whiteSticker a:active {
color: rgb(0,0,100);
font-weight: normal;
text-decoration: none;
}

.whiteSticker ol {
margin: 0;
padding: 0 0 0 28px;
}

.whiteSticker li {
margin: 0 0 3px 0;
padding: 0;
}

/* -----[ packages table ]----- */

#packages {
margin: 20px 0 20px 0;
width: 370px;
font-size: 11px;
}

#packages h2 {
color: white;
font-size: 14px;
font-weight: bold;
line-height: 100%;
padding: 0 0 3px 0;
margin: 0;
}

#packages p {
margin: 0;
padding: 0;
}

#packages td.one {
background-color: #9cf;
color: white;
border-bottom: 5px solid white;
}

#packages td.two {
background-color: #6597CA;
color: white;
border-bottom: 5px solid white;
}

#packages td.three {
background-color: #486593;
color: white;
}

/* -----[ testimonial ]----- */

.client {
font-weight: bold;
color: #666;
}

/* -----[ empty div to clear content ]----- */

.clearer {
clear: both;
display: block;
margin: 0;
padding: 0;
height: 0;
line-height: 1px;
font-size: 1px;
}

/* -----[ footer ]----- */

#footer {
margin: 0 auto;
padding: 5px;
border-top: 1px solid #eee;
color: #aaa;
font-size: 9px;
text-align: center;
clear: both;
background-color: #fff;
line-height: 1;
}

#footer a:link, #footer a:visited {
color: #aaa;
font-weight: normal;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color: rgb(0,0,100);
font-weight: normal;
text-decoration: none;
}