@charset "iso-8859-1";

body {
	background-image: url(images/body.bg.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #4F4F4F; }

#sub {
	background-image: url(images/body.subbg.png);
	background-repeat: repeat-x; }

#container {
	width: 872px;
	text-align: left; }

#heading {
	height: 86px;
	background-image: url(images/heading.bg.png);
	background-repeat: repeat-x; }

#logo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	float: left;
	height: 86px;
	width: 300px; }

#logo .logoLink {
	display: block;
	height: 86px;
	width: 300px;
	float: left; }

#logo span {
	display: none; }

#navigation {
	width: 570px;
	float: right; }

#navigation ol {
	margin: 0px;
	list-style-type: none;
	float: right;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; }

#navigation li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size: 15px;
	color: #525252;
	float: left; }

#navigation a {
	text-decoration: none;
	color: #525252; }

#navigation a:hover {
	text-decoration: none;
	color: #39a3cf;
	border-bottom: 2px solid #39a3cf; }

#mainBanner {
	background-image: url(images/home.banner.png);
	background-repeat: no-repeat;
	height: 200px;
	width: 872px;
	float: left;
	margin-bottom: 10px; }

#subBanner {
	background-repeat: no-repeat;
	height: 124px;
	width: 872px;
	float: left;
	margin-bottom: 10px; }

#tabBox {
	float: right;
	margin-right: 3px;
	background-image: url(images/overlay.bg.gif); /* Gif b/c of IE >:(  */
	background-repeat: no-repeat;
	height: 25px;
	width: 160px;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	text-align: center;
	letter-spacing: 2px; }

#content {
	width: 852px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px; }

#leftPanel {
	float: left;
	width: 247px;
	padding-right: 15px;
	padding-left: 20px;
	padding-top: 15px; }

#leftPanel ol {
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 4px; }

#leftPanel li {
	list-style-type: none;
	list-style-image: url(images/ico.page.s.png);
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px; }

.leftBox {
	float: left;
	width: 247px;
	margin-bottom: 8px;
	text-align: justify; }
	
.righttBox {
	float: right;
	width: 550px;
	margin-bottom: 8px;
	text-align: justify; }

.leftBoxTitle {
	padding-left: 25px;
	font-size: 18px; }

.WhoAreWe { 
	background-image: url(images/ico.conv.png);
	background-repeat: no-repeat; }

.Testimonials { 
	background-image: url(images/ico.testimonial.png);
	background-repeat: no-repeat; }

.ServiceOverview {
	background-image: url(images/ico.arrow.png);
	background-repeat: no-repeat; }

.CPLogin {
	background-image: url(images/ico.cplogin.png);
	background-repeat: no-repeat;
	padding-bottom: 10px; }

.Webmail {
	background-image: url(images/ico.webmail.png);
	background-repeat: no-repeat; }

.cite  {
	font-style: italic; }

#mainContent {
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E5E5E5;
	float: left;
	width: 550px;
	margin-top: 15px; }

#pkgGroup {
	float: left;
	width: 545px; }

#pkgGroup ol {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px; }

#pkgGroup li {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8; 
	margin: 0px; }

#pkgSelect {
	float: left;
	width: 162px; }

#pkgSelect a {
	color: #000;
	text-decoration: none; }

#pkgSelect a:hover {
	color: #39a3cf;
	border-bottom: 1px dotted #39a3cf; }

#pkgTitle {
	font-size: 18px;
	background-image: url(images/ico.package.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 25px;
	margin-right: 15px; }

.boxentry {
	background-image: url(images/ico.box.blue.png);
	background-position: right;
	padding-right: 40px;
	background-repeat: no-repeat; }

.boxenter {
	background-image: url(images/ico.box.green.png);
	background-position: right;
	padding-right: 40px;
	background-repeat: no-repeat;
	margin-right: 15px; }

.boxpro {
	background-image: url(images/ico.box.orange.png);
	background-position: right;
	padding-right: 40px;
	background-repeat: no-repeat;
	margin-right: 15px; }

#pkgInfo {
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	float: left;
	width: 380px; }

#pkgInfo ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px 0px 0px 25px;
	float: left; }

#pkgInfo li {
	list-style-image: url(images/misc.tick.png);
	border: 0px;
	text-align: left;
	padding: 5px 0px 6px 0px;
	margin: 0px; }

#pkgInfo .pkgSpecs {
	float: left;
	width: 239px;
	border-right: 1px solid #E8E8E8; }

#pkgInfo .pkgPrice {
	text-align: center;
	float: right;
	width: 140px;
	padding-top: 10px; }

#pkgInfo .pkgPrice a:hover {
	border: 0px; }

#lstFeatures {
	float: left;
	width: 550px;
	margin-top: 30px; }

#someFeatures {
	background-image: url(images/ico.ranch.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 18px; }

#lstFeatures .feature {
	height: 30px;
	color: #39a3cf;
	font-size: 13px;
	font-weight: bold; }

#lstFeatures ol {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none; }

#lstFeatures li {
	margin: 0px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c9c9c9;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px; }

#domainReg {
	background-image: url(images/domain.bg.png);
	height: 37px;
	width: 526px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 20px;
	background-repeat: no-repeat; }

#domainReg  #domainname {
	background-color: #e3e4e3;
	border: 1px solid #c1c0c1;
	width: 300px; }

#domainReg  #domaintld {
	border: 1px solid #c1c0c1; }

#domainReg  #domainget {
	background-color: #f2f2f2;
	color: #2587af;
	border: 1px solid #c1c0c1; }

#footer {
	margin-top: 25px;
	padding-top: 20px;
	width: 100%;
	float: left;
	background-image: url(images/footer.bg.png);
	background-repeat: repeat-x;
	height: 80px; }

a {
	text-decoration: none;
	color: #39a3cf; }

a:hover {
	color: #2481a8;
	border-bottom: 1px dotted #2481a8; }
	
.center p {
	text-align: center; }

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px; }

form {
	padding: 0px;
	margin: 0px; }

table {
	margin: 0px; }

.dottedLine {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D2D2D2; }

h3 {
	font-size: 18px;
	color: #4f4f4f;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px; }

.packageSummary {
	float: left;
	width: 550px;
	margin-bottom: 15px; }

.packageSummary .pkgImg {
	float: right; }

table .heading {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
	font-size: 12px;
	color: #333333;
	font-weight: bold; }
	
.compare {
	border-collapse: collapse;
	width: 98%;
	color: #333333;
	line-height: 18px;
	margin: 10px; }

table .alternate {
	background-color: #FAFAFA;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF; }

.contactAddress {
	float: left;
	width: 250px;
	margin-left: 15px;
	margin-bottom: 10px; }

.contactEmail {
	float: left;
	width: 250px;
	margin-left: 15px;
	margin-bottom: 10px; }
.contactForm {
	float: right;
	width: 240px; }

.contactForm table {
	border: 1px solid #CCCCCC;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-collapse: collapse; }

.contactForm td {
	height: 20px;
	padding: 5px; }

.contactForm input, .contactForm textarea {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF; }

.contactForm input {
	width: 125px; }

.style6 {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 24px;
	font-size: 24px;	 }

/* Rend invisible tout notre bloc span */
a.info_bulle span {								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDDDDD;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #000000; /* Définition des bordures */ } 

a.info_bulle {				
	color           : #39a3cf;
	text-decoration : none; 
	padding         : 5px 16px 5px 5px; /*Définition des marges intérieures de notre lien */
	/* Définition de l'arrière plan de notre lien */
	background      : transparent url('comment.gif') no-repeat right center;
	position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */  }  
 
a.info_bulle:hover  {
	border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */ }  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span {
    top        :  auto;
    left       :  auto;
    width      :  300px;
    height     :  auto;
    overflow   :  visible; }