* {margin: 0; padding: 0;}

body {
	font-family: Tahoma, Geneva, sans-serif;
	background: #fff url('/images/bg.jpg') top repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #666;
}

a:link {color: #6699FF;}
a:visited {color: #6699FF;}
a:hover {color: #0066ff;}
a:active {color: #0066ff;}

#header img {border: 0; float: right; margin: 0 5px 0 0;}

#wrapper {
	width: 900px;
	clear: both;
	margin: 90px auto 30px auto;
}

#header {
	width: 900px;
	height: 105px;
	background-image: url('/images/header-01.gif');
	clear: both;
}

#content {
	width: 780px;
	margin: 0 60px;	
	clear: both;
}

#content_footer {
	width: 780px;
	height: 120px;
	background-image: url('/images/bluenote_content_footer_bg.gif');
	margin: 0 auto;
	clear: both;
}

/*HEADINGS*/

h1 {color: #6699ff; font-size: 1em; border-bottom: 2px solid #6699FF; margin: 0 0 10px; padding: 0 0 5px; font-size: 18px;}
h2 {color: #6699ff; font-size: 0.9em; border-bottom: 2px solid #6699FF; margin: 0 0 10px; padding: 0 0 5px; clear: both;}
h3 {color: #6699ff; font-size: 0.8em; border-bottom: 2px solid #6699FF; margin: 15px 0 10px; padding: 0 0 5px; clear: both;}
h4 {color: #82acff; font-size: 0.7em; border-bottom: 1px solid #82acff; margin: 15px 0 10px 0; padding: 0 0 5px; clear: both;}
h5 {color: #6699ff; font-size: 0.7em; border-bottom: 2px solid #6699FF; margin: 0 0 10px; padding: 0 0 5px; clear: both;}
p {color: #666; font-size: 0.8em; margin: 0 0 8px 0;}

p.center {text-align: center;}

.packages {
	width: 600px;
	clear: both;
	text-align: center;
}

.package {
	float: left;
	width: 200px;
}

.welcome {float: left;}

#hosting-packages {
	width: 600px;
	height: 170px;
	float: left;
}

img {border-style: none;}

#content-footer {
	width: 780px;
	height: 165px;
	clear: both;
}

#paypal-verified {
	width: 200px;
	height: 165px;
	float: right;
}

#w3-xhteml {
	width: 88px;
	height: 31px;
	float: right;
	padding-top: 125px;
}

.package-details {width: 780px;}

.package-info {
	width: 180px;
	background-color: #b5d5ff;
	padding-left: 3px;
}

ul.portfolio {list-style-type: none;}

ul.portfolio li {display: block;}

#leftCol {width: 50%; float: left;}
#rightCol {width: 50%; float: left;}

.testimonialBox {
	width: 220px;
	height: 105px;
	overflow: hidden;
	background: url('/images/testimonial.jpg') center no-repeat;
	float: right;
	margin: 15px;
	padding: 55px 40px 0 40px;
}
.testimonialBox p {color: #fff; font-weight: bold;}

/* MERGED */

#header {
	width: 900px;
	height: 105px;
	background: url('/images/logo.gif') left no-repeat;
	clear: both;
}

ul#navigation {list-style-type: none; height: 20px;}
ul#navigation li {display: inline;}
ul#navigation li a {text-decoration: none; float: left; margin: 0 5px; padding: 4px 10px;}
ul#navigation li a:hover {background: #ebf5ff; color: #666;}

ul.services {list-style-type: none;}
ul.services li {
	width: 230px; 
	height: 35px;
	margin: 0 0 10px 0;
	padding: 10px 5px 0 30px;
	background: transparent url('/images/services.png') 0 50% no-repeat;
	float: left;
	font-size: 14px;
}

#content {
	width: 800px;
	margin: 30px auto;	
	clear: both;
}

#footer {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	clear: both;
}

#footer ul {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
}
#footer li {
	display: inline;
	font-size: 0.8em;
	margin: 0 5px;
}

/* Reusable Classes */
.center {text-align: center;}
img.left {float: left; margin: 0 15px 15px 0;}
img.right {float: right; margin: 0 0 15px 15px;}

input.txt {background: #fff; border: 1px solid #4D94DB;}
textarea.txt {background: #fff; border: 1px solid #4D94DB;}
input.btn {background: #4D94DB; color: #fff; border: 1px solid #ccc; margin: 10px 3px 0 0; padding: 2px 5px;}
input.btn:hover {background: #8BB5DF; color: #fff; cursor: pointer;}

.packageLight {background: url('/images/package-light.gif'); height: 100px; width: 180px; margin: 0 10px; float: left;}
.packageMedium {background: url('/images/package-medium.gif'); height: 100px; width: 180px; margin: 0 10px; float: left;}
.packageHeavy {background: url('/images/package-heavy.gif'); height: 100px; width: 180px; margin: 0 10px; float: left;}

li {margin: 0 0 0 20px; font-size: 0.8em;}

ul.portfolio {list-style-type: none; width: 100%;}
ul.portfolio li {margin: 10px auto; width: 50%; text-align: center; }
ul.portfolio li a {padding: 3px 5px;}
ul.portfolio li a:hover {background: #4D94DB; color: #fff;}

a.submitBtn {
	background: #B1D7FD;
	text-decoration: none;
	border: 2px solid #8CC6FF;
	margin: 5px;
	padding: 3px 5px;
	color: #666;
	font-weight: bold;
	display: block;
}
a:hover.submitBtn {
	background: #8CC6FF;
	border: 2px solid #8CC6FF;
	margin: 5px;
	padding: 3px 5px;
	color: #cc6666;
}

img.portLogos {
	margin: 5px;
	float: left;
}

/* WHMCS */

td {font-size: 12px;}

p.heading2 {clear: both; display: block; margin: 10px 0;}

table.topnavbar {background: #eee; padding: 5px; margin: 10px auto; border: 1px solid #ccc;}
table.topnavbar tr {}
table.topnavbar tr td {width: 110px; margin: 5px; text-align: center; font-size: 0.8em; color: #006699;}
table.topnavbar tr td  a {color: #006699; text-decoration: none;}
table.topnavbar tr td  a:hover {color: #990000;}

p.clientarealinks {clear: both;}
p.clientarealinks a {text-decoration: none;}
p.clientarealinks a:hover {color: #990000;}

table.clientareatable {border: 1px solid #ccc;}
table.clientareatable td {padding: 3px; font-size: 0.8em; border: 1px solid #ccc;}
table.clientareatable a {text-decoration: none;}

tr.clientareatableheading {background: #4D94DB;}
tr.clientareatableheading td {color: #fff; padding: 2px 5px; font-size: 0.8em;}

table.homeTable {width: 700px; margin: 10px auto;}
table.homeTable tr {}
table.homeTable tr td {padding: 5px 10px;}

td.fieldarea {font-size: 1em;}
tr.clientareatableactive td {font-size: 12px;}

div.contentbox {font-size: 13px; text-align: center; margin: 10px 0; padding: 5px; border: 1px solid #ccc;}

.uptime {float: right; margin: 0 0 15px 15px;}