@charset "UTF-8";
/* CSS Document */
html, body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	color:#333;
	margin: 0;
	padding: 0;
	background-color: #3bdcccf;
	background:url(../images/ymd-bg.gif);
}
#wrapper {
	margin: 0 auto;
}
#header {
	width: 520px;
	margin: 10px auto 0px auto;
}
.closeWindow {float:right;}

.closeWindowBtm {text-align: center;}
#container {
	padding: 25px 15px;
	background: #f1f3f4;
	position:relative;
	margin: 10px auto;
	width: 490px;
	
}
.corner {
	position:absolute;
	width: 6px;
	height:6px;
	background-image: url(../images/corner.gif);
}
	.topLeft {top:0; left:0; background-position:-1px -1px;}
	.topRight {top:0; right:0; background-position: -8px -1px;}
	.bottomLeft {bottom:0; left:0; background-position:-1px -8px;}
	.bottomRight{bottom:0; right:0; background-position: -8px -8px;
	}

.antiSpam li {
	padding-bottom: 4px;
}
a {	
	color: #55778d;
}	
a:hover {
	color:#c3d021;
}

p {
	font-size: 9pt;
	color: #333;
}
h2 {
	display: inline;
	font-size: 12pt;
	font-weight: bold;
}
h3 {
	display: inline;
	font-size: 11pt;
	font-weight: bold;
}
.style3 {
	font-size: 11pt
}
.bold {
	font-weight: bold;
}
.arrow_right {
	vertical-align:middle;
	position: absolute;
	right: 22px;
}

.hoz_center {
	position: absolute;
	left: 30px;
	top: 200px;
}
.absmiddle {
	vertical-align:middle;
}
.tout3 {
	font-size: 8pt;
	position: relative;
}
form#login {
	color: #000;
	font-size: 10px;
	text-align: left;
	width: 180px;
	position: absolute;
	margin: 0px;
	left: -5px;
	top: 0px;
}
#login .text {
	font-size: 10px;
	background-color: #B8C4C6;
	color: #000;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#password .text {
	font-size: 10px;
	background-color: #B8C4C6;
	color: #000;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
}
}
form#subscribe {
	display: inline;
	color: #000000;
	text-align: left;
}
#subscribe .text {
	font-size: 10px;
	background-color: #dae0e3;
	color: #000;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	width: 115px;
}
#btm_menu li {
	display:inline;
	width: 550px;
	position: absolute;
}
#btm_menu a {
	color:#000;
	font-size: 9pt;
	margin:0 10px;
}
#btm_menu a:hover {
	color:#666;
}
#btm_menu a:active {
	color:#C3CF21;
}
#btm_links {
	font-size: 8pt;
	list-style:none;
	padding: 0 20px 40px 0;
	line-height: 1.2em;
}
#btm_links a {
	color:#000;
	font-size: 8pt;
	text-decoration:none;
}
#btm_links a:hover {
	color:#666;
}
.vert {
	height: 100%;
	margin: 0 7px 0 8px;
	border-left: 2px dotted #b5b7b7;
}
.hoz {
	width: 100%;
	margin: 12px 0;
	border-top: 2px dotted #b5b7b7;
/*==================== CONTENT =========================*/

#content {
	float:left;
	margin:10px 0 0 27px;
}

	
#navlist {
	font-size:10pt;
	font-weight:bold;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 0px;
	list-style-type: none;
}
#navlist a {
	display:block;
	color:#1a1a1a;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	vertical-align: bottom;
}

#navlist a:hover {
	color: #55778d;
}

#navlist_off {
	display:block;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	color:#55778d;
	vertical-align: bottom;
}
#mainForm {
	margin: 0px;
}
input {
	background-color: #dae0e3;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
input#login {
	padding: 0px;
	margin: 0px;
}

select {
	background-color: #dae0e3;
}
input .checkbox {
	background-color: #dae0e3;
}
/*MAP*/
#map { width: 420px; height: 400px; border: 1px solid #CCC; margin-right: auto; margin-left: auto; margin-top: 15px; display: none; }
#map a { font-size: 10px; }

/*
fieldset { -moz-border-radius: 8px; border-radius: 8px; }
legend { font-size: 11px; color: #333; }
*/

.fieldset {border: 1px solid #999; background-color: #dfdfdf; -moz-border-radius: 8px; border-radius: 8px;}

table.pricing {
	margin: 14px 0;
	border-spacing: 0;
	}
table.pricing td, table.pricing th {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #666;
	}
tr.headRow {
	background: #E7EB2C;
	font-weight: bold;
	}
tr.headRow th {
	text-align: center;
	height: 30px;
	margin: 0 2px;
	font-weight: bold;
	}
tr.even {
	background: #fff;
	}
table.pricing td {
	padding-left: 5px;
	height: 23px;
	}
.onestar {
	color:#1B5F17;
	}
.twostar {
	color: #00499F;
	}
/* ================= LIST RENTAL / ADVANCED LIST RENTAL ============= */
#works {
	padding: 0 10px 0 30px;
}
#works li{
	padding: 2px;
}
#works li ul {
	padding: 0 25px;
	list-style:disc;
}
.rentalList {
	margin: 5px 0;
}
.rentalList li {
	padding: 3px 0;
}
#selectLists {
	padding: 0 0 20px 0;
}
#selectLists, #selectLists p{
	float:left;
}
.selects {
	width: 400px;
	list-style:none;
}
.selects {
	float:left;
	margin:0;
	}
.selects li {
	padding: 3px 0 0 15px;
	background: url(../images/bullet.gif) no-repeat left 5px;
}
#consumer li{
	float:left;
	width:180px;
}
#quoteBtn img{
	padding: 6px 0;
}
/* ================= SERVICES PACKAGES PAGES - LAUNCH AND DESIGN ============= */
ul#svcList {
	font: 9pt Arial,Helvetica,sans-serif;
	margin: 5px 0 16px 0;
	padding:0;
	list-style:none;
}
#svcList li {
	padding: 8px 0 0 42px;
	margin: 0;
	background:url(../images/sm_check_trans.gif) no-repeat 22px 10px;
}
#packageContent {
	background-color:#f1f3f4;
	margin-left:27px;
	width: 460px;
	}
#packageNav {
	margin:0 0 15px 0;
	padding:0;
	font-weight: bold;
	list-style: none;
	text-align:center;
}
#packageNav li {
	display: inline;
	font-size: 13px;
	padding: 0 10px;
}
ul#pkgDetails {
	width: 450px;
	border: 1px solid #666;
	list-style:none;
	font: 9pt Arial,Helvetica,sans-serif;
	margin:20px 0 15px 0;
	padding:0;
}
#pkgDetails li {
padding: 6px 0 4px 22px;
	margin: 0;
	background:url(../images/sm_check_trans.gif) no-repeat 7px 7px;
}
#pkgDetails li.pkgTitle {
	text-align:center;
	background:url(../images/bg.gif);
	padding: 7px 0;
	margin: 0;
}
li.odd {
	height: 16px;
	border-top:1px solid #666;
	border-bottom: 1px solid #666;
}
li.even {
	height: 16px;
	background: #fff url(../images/sm_check_trans.gif) no-repeat left;
}
	
/* =============== SITE MAP ================== */
#siteMap {
	margin: 0;
	padding: 5px 15px;
	width: 230px;
}
#siteMap li {
	padding: 4px 0;
	list-style: none;
}
#siteMap li a {
	font-weight: bold;
	text-decoration: none;
	}
#siteMap li a:hover {
	text-decoration: underline;
	color: #55778d;
}
#siteMap li ul, #siteMap li ul li ul {
	padding:5px 0;
	margin: 3px 0;
	}
#siteMap li ul {
	background:#d1dbdd;
}
#siteMap li ul li {
	padding: 0 0 0 15px;
}
#siteMap li ul li ul li {
	padding: 0 0 0 20px;
}
#siteMap li ul li a, #siteMap li ul li ul li a{
	font-weight: normal;
}

/* =================== HEADER LINKS TO LOG IN =================== */
#header {	width: 800px;
}
#header, #header img {	float:left;
}
#header a img {border:none
}
#tagline {
	margin: 90px 0 0 0;
	float:left;
	font-weight:bold;
}
#topLogin {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	float: right;
	margin:0;
	padding:2px 13px 4px 34px;
	list-style:none;
	background:#55778D url(../images/slant.gif) no-repeat;
	text-align: right;
}
#topLogin li {
	padding: 0 0 5px 0;
	}

#topLogin li a{
	color: #fff;
	text-decoration: none;
	background: url(../images/arrow_sm.gif) no-repeat right top;
	padding-right:25px;
}
/*===================== UPGRADE FAQS ============================*/
#faq_content {
	margin: 10px 0 0 0;
	width: 450px;
	float: left;
	font: 9pt Arial, Helvetica, Verdana, sans-serif;
	color: #333;
}
#faq_content h2, #faq_content p {
	display:block;
}
#faq_content h2 {
	padding: 0;
	margin:0;
}
#faq_content dl {
	float:left;
}
#faq_content dd ul {
	padding: 0;
	margin: 0 0 0 10px;
}
#faq_content dd ul li {
	padding: 2px 0;
}
#faq_content dt {
	padding: 4px 0;
}
#moreQs {
	float:left;	
}
/*==================== WHITEPAPER DOWNLOADS ===================*/
form#contact {
	margin: 15px 0;
	padding: 0;
	width: 400px;
}
form#contact h3 {
	padding: 0 0 8px 0;
	margin: 0;
}
form#contact p.privacy {
	font-size: 9px;
	text-align: left;
}
form .small {
	font-size: 10px;
	padding:0 0 0 4px;
	margin: 0;
	color: #600;
}
form fieldset {
	margin: 10px 0px;
	border: none;
	color: #666;
}
fieldset.info {
	width: 350px;
}
.info label {
	display: block;
	float:left;
	padding: 0px;
	margin: 8px 0 0 0;
	font-size: 11px;
	width:88px;
}
.info input {
	float:left;
	width: 200px;
}
.business label {	
	font-size: 11px;
	display: block;
	float:left;
	margin: 8px 0 0 0 ;
}
label .required {
	color: red;
}
form#contact #interests {
	float:left;
	width: 350px;
	padding: 10px 0 0 0;
	line-heght: 1.3em;
}
form#contact input.checkbx {
	width: 10px;
	display:inline;
	margin: 0 10px 0 0;
}
form#contact select {
	font-size: 10px;
	margin: 8px 0 0 10px;
	}
#submitBtn {
	text-align:center;
}
/*================== TEMPLATES =========================*/
#templates {
	text-align:center;
	margin: 18px 0;
	float:left;
	width: 100%;
	border-bottom: 2px dotted #b5b7b7;
	padding: 0 0 15px 0;
}
#bluebar {
	font-weight:bold;
	background: #ced7da;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 8px;
}
#templates a img {border:none; clear:both; padding: 5px 0 0 0;}
#tempLeft, #tempRight {
	width: 230px;
	float:left;
}
.rollovers {
	width: 495px;
	padding: 15px 0;
}
.rollovers img.middle {
	padding: 0 5px;
}
.thumbnail {
	position:relative;
	z-index:0;
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}
.thumbnail span {
	position: absolute;
	background-color: #fff;
	padding: 3px;
	left: -1000px;
	border:1px solid #666;
	visibility:hidden;
	text-decoration:none;
}
.thumbnail span img {
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span {
	visibility: visible;
	top: -100px;
	left: -170px;
}
/*=================	 ROUNDED CORNERS =======================*/

a.consumer {
	display:block;
	height: 161px;
	padding-left: 210px;
	background: url(../images/map-consumer.gif) no-repeat top left;
}

a.business {
	display:block;
	height: 161px;
	padding-left: 210px;
	background: url(../images/map-business.gif) no-repeat top left;
}