/**
 * HeliOS Solitions general style sheet
 */

html, body {
	margin: 0;
	padding: 0;
	background-color: #223333;
	font-size: medium;
	font-family: "Deja Vu Sans", "Tahoma", "Verdana", "sans";
}

body { padding: 16px; }

a img { border: none; }

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #223333;
	background-image: url(images/header-button.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#title {
	display: block;
	height: 100px;
	padding-left: 30px;
}

#phoenix {
	position: absolute;
	top: 0px;
	/* width: 150px;
	height: 153px; */
	width: 155px;
	height: 155px;
	background-image: url(/images/button.png);
}

#navbar {
	height: 30px;
	font-size: 16px;
	font-family: "Nimbus Mono L", "Courier 10 Pitch", monospace;
}

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 195px;
}

#navbar li {
	float: left;
}

#navbar a {
	display: block;
	width: 110px;
	margin: 0;
	color: #000;
	text-align: center;
	text-decoration: none;
}

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

#content {
	margin: 0;
	padding: 4px 16px 16px 16px;
	background-color: #fff;
	background-image: url(images/footer.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 1%; /* For IE 6/7 */
	overflow: visible;
}

#footer p {
	margin: 0;
	padding: 2px;
	color: #466;
	text-align: center;
	font-size: x-small;
}

#footer a {
	color: #466;
	text-decoration: none;
}

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

#error {
	margin: 1em;
	padding: 1em;
	border: 1px solid #f00;
	background-color: #fee;
}

.error {
	border: 1px solid #f00;
	background-color: #fee;
}

#left {
	padding-left: 16px;
	padding-right: 384px;
	font-size: small;
}

#left h1 { text-align: center; }

/**
 * A nice quote block
 */
.quote {
	margin: 12px 12px 24px 0;
	padding: 12px 0;
	background-image: url(images/ldquo.png);
	background-position: top left;
	background-repeat: no-repeat;
	letter-spacing: 1px;
	font-size: medium;
	font-style: italic;
}

.quote p {
	margin: 0;
	padding: 0 54px 16px 54px;
	font-style: italic;
	letter-spacing: 0px;
}

.quote p.end-quote {
	background-image: url(images/rdquo.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.quote p.byline {
	float: right;
	padding: 0 54px;
	font-size: small;
}

.quote.center {
	text-align: center;
}

/**
 * A fancy list
 */

#pros {
	margin: 0;
	padding: 0 96px 0 64px;
	list-style: none; 
	font-size: medium;
	font-style: italic;
}

#pros li {
	margin: 0;
	padding: 5px 30px;
	background-image: url(/images/bulb.png);
	background-position: center left;
	background-repeat: no-repeat;
}

#right {
	float: right;
	width: 364px;
	margin: 8px;
	padding: 0;
}

#callout {
	height: 164px;
	margin: 0;
	padding: 10px 10px 10px 20px;
	background-image: url(/images/callout.png);
	background-repeat: no-repeat;
	font-size: medium;
	text-align: center;
}

#tux {
	float: right;
	width: 150px;
	height: 150px;
	margin: 0px -30px 0 0;
	background-image: url(/images/tux150.png);
	background-repeat: no-repeat;
}

#callout p {
	margin: 1em 0;
	padding: 0;
}

#phone {
	font-size: x-large;
}

#buckamonth {
	height: 107px;
	padding: 20px 20px;
	font-size: small;
}

#buckamonth img {
	float: left;
	margin-right: 10px;
}

#buckamonth h3 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}

#buckamonth-small {
	display: block;
	width: 100px;
	padding: 10px;
	font-size: x-small;
	text-align: center;
}

#buckamonth-small p {
	margin: 0;
}

#zareason img {
	margin: 10px 57px 0 57px;
	border: none;
}

#zareason p {
	display: block;
	margin: 0;
	color: #000;
	text-align: center;
	font-size: x-small;
	font-style: italic;
}

#lindependence {
	margin-top: 3em;
	font-size: x-small;
	font-style: italic;
	text-align: center;
}

#lindependence a {
	display: block;
	margin-top: -5px;
	color: #33f;
	font-size: x-large;
	font-style: normal;
	font-family: "Bitstream Vera Serif", "Times New Roman", serif;
	text-decoration: none;
}

#lindependence a span.red {
	color: #c00;
}
#services-row {
	width: 928px;
	background-image: url(images/services-center-bar.png);
	background-position: top center;
	background-repeat: repeat-y;
}

#services-wrapper {
	background-image: url(images/services-top-bar.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#services-bottom {
	margin: 0px 8px -8px 8px;
	padding: 0;
}

.service {
	float: left;
	width: 216px;
	margin: 0px 8px 8px 8px;
	padding: 0;
	overflow: visible;
	color: #fff;
	font-size: small;
}

.service h3 {
	display: block;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Bitstream Vera Sans Mono";
	letter-spacing: 1px;
}

.service h3 a {
	color: #fff;
}

.service p { margin: 0 10px; }

#service-home {
	float: left;
	width: 64px;
	height: 64px;
	margin: -18px 4px 0 -14px;
	background-image: url(/images/home.png);
}

#service-business {
	float: left;
	width: 64px;
	height: 64px;
	margin: -18px 4px 0 -14px;
	background-image: url(/images/business.png);
}

#service-recovery {
	float: left;
	width: 64px;
	height: 64px;
	margin: -18px 4px 0 -14px;
	background-image: url(/images/recovery.png);
}

#service-kit {
	float: left;
	width: 64px;
	height: 64px;
	margin: -18px 4px 0 -14px;
	background-image: url(/images/kit.png);
}

/**
 * Some general styles
 */
.clearer { clear: both; }
hr.clearer { border: 1px solid #fff; margin: 0; padding: 0;}

img.right {
	float: right;
	margin: 0 0 1em 1em;
}

/**
 * The contact form
 */
#contact dt {
	width: 10em;
	float: left;
	clear: left;
	margin: 2px;
}

#contact dd {
	margin: 2px;
}

#contact input, #contact select {
	width: 25em;
	margin: 1px;
	padding: 3px;
	border: 1px solid black;
	font-size: 14px;
	font-family: "Bitstream Vera Sans Mono", monospace;
}

#contact select { width: 25.55em; }

#contact textarea {
	width: 25em;
	height: 14em;
	margin: 1px;
	padding: 3px;
	border: 1px solid black;
	font-size: 14px;
	font-family: "Bitstream Vera Sans Mono", monospace;
}

#contact input.button {
	width: auto;
	padding: 2px 20px;
	border: 2px solid black;
	background-color: #e2e2e2;
	font-family: "Deja Vu Sans";
}

#contact input.checkbox {
	width: auto;
}

#contact input:focus, form textarea:focus {
	border-width: 2px;	
	margin: 0;
}

pre.message {
	border: 1px dotted black;
	padding: 1em;
}

/**
 * The store
 */
.store-item {
	clear: both;
	margin: 0;
	padding: 1em 1em 1em 148px;
}

.store-item img {
	float: left;
	margin-left: -138px;
}

.store-item h3 a {
	color: #000;
	text-decoration: none;
}

.store-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.store-item li
{
	margin: 0;
	padding: 0 0 0 80px;
}

.store-item li img {
	float: left;
	margin-left: -60px;
	/* margin-right: 1em; */
	/* vertical-align: middle; */
}

.paypal .button { vertical-align: middle; }
.paypal span { font-size: 0.7em; }

/**
 * Photos
 */
.left {
	float: left;
	margin: 0 1em 0.5em 0;
}

.right {
	float: right;
	margin: 0 0 0.5em 1em;
}

.photo {
	width: 200px;
	border: 1px solid #aaa;
	padding: 8px;
}

.photo p {
	margin: 0.5em 0 0 0;
	font-size: small;
}

/**
 * Pricing tables
 */

table.pricing {
	width: 90%;
	margin: 0 5%;
}

table.pricing .dollars { text-align: right; }

table.pricing .fine-print {
	font-size: small;
	padding-left: 1em;
}

/**
 * Legal info
 */

.legal {
	padding-right: 100px;
}

.license {
	display: block;
	float: right;
	margin-right: -94px;
}