/* Marketing Bridge */

* { margin: 0; padding: 0; line-height: 1.5; font-style: normal; font-weight: normal; Xborder: 1px solid red;}
body { font: normal 62.5% Corbel, 'Trebuchet MS', Verdana, Arial, sans-serif; text-align: center; }
h1 { font-size: 21px; color: #000; margin: 0 0 0.8em; font-weight: bold; }
h2 { font-size: 19px; color: #000; margin: 0 0 0.6em; }
h3 { font-size: 17px; color: #000; margin: 0 0 0.8em; }
h4 { font-size: 15px; color: #000; margin: 0 0 0.8em; }
h5 { font-size: 13px; color: #000; margin: 0 0 0.8em; }
h6 { font-size: 12px; color: #000; margin: 0 0 0.8em; }
p, ul, dl, ol { font-size: 14px; color: #232c34; margin: 0 0 1.5em; }
p + h2, ul + h2 { margin-top: 2em; }
li { margin-left: 30px; }
blockquote { margin: 0 0 1.2em; padding: 5px 50px 0 50px; background: url(quote.gif) no-repeat 25px 0; }
blockquote * { font-style: italic; color: #455768; }
blockquote cite:before { content: "\2014\2002"; }
table { margin: 0 0 1em; font-size: 14px; border-collapse: collapse; }
th { background-color: #999; color: #fff; font-weight: bold;  background-color: #666;}
thead tr { background-color: #455768;}
th, td { border: 1px solid #dbd5c5; padding: 3px 5px; }
tbody tr td { border: 1px solid #dbd5cd; }
em, cite { font-style: italic; }
strong { font-weight: bold; }
a { color: #0269c9; }
a:hover, a:focus { color: #465769; }
img { margin: 0 10px 10px 0; }
a img { border: none; }
hr.clear { clear: both;  background: #fff;border: 0; color: #ccc; height: 1px; margin: 0px 0 20px 0px; }
/* FogCreek is purdy */

body {
	behavior:url("hover.htc");
}

#container {
  margin: auto;
  width: 790px;
  }
  
#header, #main, #footer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#header {
	padding-top: 30px;
}

#main {
	margin-top: 40px;
}

#logo {
	float: left;
	margin-right: 80px;
}

.inset {
	float: right; 
	display: block; 
	width: 200px; 
	background-color: #eee; 
	padding: 20px;
	margin: 0px 15px 15px 15px;
	font: 1.1em Georgia, serif;
	line-height: 1.6;
}

UL.spacedList LI { margin-bottom: 15px; }
#navlist
{
	font-size: 1.3em;
	margin: 0px 0px 0px 0px;
	padding: 0 0 40px 10px;
	border-bottom: 1px solid #aaa;
}

#navlist ul, #navlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a
{
	height: 30px;
}

#navlist a:link, #navlist a:visited
{
	float: left;
	line-height: 14px;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #777;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	border-bottom: 4px solid #000;
	padding-bottom: 2px;
	background: transparent;
	color: #000;
}

#navlist a:hover { color: #000; border-bottom: 4px solid #666; }

#footer {
	border-top: 1px solid #aaa;
	margin: 20px 0px 20px 0px;
	padding-top: 10px;
}

#footer #footerLinks {
	font-size: 1.1em;
}

#footer #footerLinks A {
	margin-right: 20px;
	text-decoration: none;
	color: #666;
}

#footer #footerLinks A:hover {
	margin-right: 20px;
	text-decoration: underline;
	color: #333;
}


TABLE.layout {
	border: none;
	width: 100%;
}

TABLE.layout TD {
	border: none;
	padding: 0 0 0 0;
	margin: 0px;
	vertical-align: top;
}

#sideNav {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #777;
}

#sideNav LI {
	padding: 0 0 0 10px;
	margin: 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #777;
	height: 50px;
	cursor: pointer;
	cursor: hand;
}

#sideNav li:hover {
	background-color: #ddd;
	color: #666; 
}

#sideNav LI.current {
	border-top: #ccc;
	background-color: #555;
	color: #fff;
	font-weight: bold;
	cursor: default;
}



input.submitButton { padding: 5px; margin-top: 20px;}

label { font-weight: bold; }

input { padding: 3px; }

/**********************/

/*** HOME ***/

#splashScreen {
	float: right;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	background: url(screenshot.png) no-repeat 0 0;
	width: 350px;
	height: 300px;
}

#HomePage {
	width: 100%;
}

#HomePage h1 {
	font-size: 27px;
	margin: 0px 0px 10px 0px;
}

#HomePage .next {
	padding-top: 10px;
	list-style: none;
}

#HomePage .next li {
	margin: 0px;
	padding: 0px;
}

#buttonLearnMore {
	margin-top: 40px;
}

#notes {
	margin-top: 10px;
}

#notes td {
	vertical-align: top;
	width: 30%;
	padding: 10px;
}

/*** How it works ***/

#HowItWorks .leftLayout {
	width: 200px;
	Xbackground-color: #ccc;
}

#HowItWorks TABLE.layout TD.rightLayout {
	padding-left: 20px;
}

#HowItWorks H2 {
	width: 100%;
	Xborder-bottom: 1px dashed #999;
	Xbackground-color: #ccc;
}

#HowItWorks #materialsTable {
	margin-left: 20px;
	margin-right: 20px;
}

#HowItWorks #materialsTable TD H4 {
	margin: 0px;	
}

#HowItWorks #materialsTable TD P {
	margin-left: 15px;	
}


/*** pricing Sign Up ***/

#PricingSignUp .leftLayout {
	width: 50%;
	padding-right: 20px;
}

#PricingSignUp .inset {
	width: 85%;
}

#PricingSignUp .inset H3 {
	width: 100%;
	background-color: #ccc;
	padding: 5px;
}

#PricingSignUp .signUp h2 {
	margin-top: 10px;
	margin-bottom: 0px;
}

#PricingSignUp .signUp label {
	margin-left: 10px;
	font-weight: bold;
}
#PricingSignUp .signUp TD {
	padding: 5px 5px 0px 0px;
}

#PricingSignUp #priceTable TD {
	padding-left: 5px;
}

#PricingSignUp #priceTable .priceTitle {
	width: 70%;
	vertical-align: bottom;
}


#PricingSignUp #priceTable .priceTitle,
#PricingSignUp #priceTable .price {
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
}


#PricingSignUp #priceTable .price {
	text-align: right;
}

#PricingSignUp #priceTable .priceDescription {
	font-size: .8em;
	padding-bottom: 20px;
}

#PricingSignUp #priceTable .priceDescription EM {
	display: block;
	padding-top: 10px;
}


#PricingSignUp  .textInput {
 	width: 250px;
 	padding: 3px;
}

#PricingSignUp  .siteNameInput {
	width: 120px;
	padding: 3px;
	text-align: right;
}



/*** About ***/

#About .leftLayout {
	width: 75%;
}

#About .inset {
	padding-bottom: 40px;
}

#About blockquote { margin: 0 0 1.2em; padding: 5px 50px 0 50px; background: url(quote.gif) no-repeat 25px 35px; }

/*** Contact ***/

#Contact .leftSide {
	width: 50%;
	padding-right: 70px;
}

#Contact .signUp TD {
	padding: 5px 5px 0px 0px;
	border: none;
}


#Contact .signUp LABEL {
	margin-left: 10px;
}

#Contact .signUp .radio {
	text-align: right;
	padding-left: 15px;	
}

#Contact .signUp .textInput {
	width: 190px;
}

#Contact .contactLabel {
	width: 90px;
}

#Contact  #theOtherComments {
	width: 98%;
	margin-bottom: 10px;
}