/* Begin Reset */
* { margin: 0; padding: 0; text-decoration: none; font-size: 10px; outline: none;}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em {font-style: normal;}
th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; } /* Note that IE does not interpret "inherit" */
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
:active, :focus {outline: none;}
/* End Reset */

/* Cufon Override Styles */

.cufon-active h1 {
	float: left;
	font-size: 49px; 
	line-height: 45px;
	color: #333333;
	padding:25px 0px 0px 0px;
	margin: 0px 0px 10px 30px;
}
	
.cufon-active h2 {
	float: left;
	font-size: 2.7em; 
	padding:0px;
	margin-left: 30px;
}

.cufon-active h3 {font-size:32px;}

.cufon-active h4 {font-size:22px;}

.cufon-active h5 {
	font-size:30px;
	padding: 26px 17px 0px 0px;
}

.cufon-active h5 span {font-size:30px;}

.cufon-active h6 {font-size:32px;}

.cufon-active .thanks1 {
	font-size:38px;
	padding-top: 8px;
}

.cufon-active .thanks2 {
	font-size:22px;
	padding-top: 3px;
}


/* Text Styling */

h1 {
	line-height:1.2;
	font-weight:bold;
	font-size:37px;
	padding:30px 0px 10px 30px;
	color: #333333;
}

h2 {
	font-size:20px;
	padding:0px 0px 10px 30px;
	color: #666666;
}

h3 {
	font-weight:bold;
	font-size:26px;
	padding:5px 0px 10px 0px;
	color: #FFFFFF;
}

h4 {
	font-weight:bold;
	font-size:18px;
	padding:25px 0px 7px 0px;
}

h5 {
	float:right;
	font-weight:bold;
	color: #FFFFFF;
	font-size:25px;
	padding: 32px 15px 0px 0px;
}

h5 span {
	font-weight:100;
	font-size:25px;
	color: #D3D3D3;
}

h6 {
	color: #FFFFFF;
	font-weight:bold;
	font-size:26px;
	padding:32px 0px 8px 1px;
}

.text {
	font-size:14px;
	line-height:1.3;
}

.list ul, li {
	margin-left: 25px;
}


/* Layout */

body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #9fd3fd url(http://www.yodle.com/images/landing-pages/marketing-business-online/bg.png) repeat-x;
	height:770px;
}

#header {
	height: 92px;
	background:url(http://www.yodle.com/images/landing-pages/marketing-business-online/header.png) repeat-x;
}

#headercontainer {
	height:85px;
	width:960px;
	margin: 0px auto;
	padding: 0px;
}

#logo {
	float:left;
	margin: 13px 0px 0px 20px;
}

#container {
	height: auto;
	width: 960px;
	margin: 0px auto;
}

.title {
	position: absolute;
	float: left;
	height: auto;
	width: 500px;
	margin: 0px auto;
}

.heading {
	height: 238px;
	width: 960px;
	margin: 0px auto;
	position: relative;
}

#alt.heading {
	height: 75px;
}

#question {
/*
	float:right;
	margin: 0px;
	margin-right: 30px;
*/
	position: absolute;
	right: 30px;
	bottom: -12px;
}
	
#bodybox {
	background-image:url(http://www.yodle.com/images/landing-pages/marketing-business-online/bodybox.png);
	background-repeat:no-repeat;
	width:960px;
	height:400px;
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
}

.bodytext {
	float:left;
	color:#ffffff;
	width:390px;
	height:auto;
	margin: 0px;
	padding: 20px 0px 0px 47px;
}

#thankyouleft.bodytext {padding:40px 0 0 47px;}

#form {
	float:right;
	width: 450px; 
	height: 300px; 
	margin: 0px;
	padding: 20px 30px 0px 0px;
}

#form img#book {
	float: left;
}

#form form {
	float: right;
	width: 195px; 
	margin: auto; 
	padding: 0px 0 0;
}

form input.text {
	width:185px; 
	border:1px solid #000; 
	font-size:1.6em; 
	padding:6px 4px; 
	margin:3px 0px 10px 0px;
	display: block;
}

form label {
	color: #FFFFFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	padding-left: 3px;
	margin-bottom: 10px;
}

label.inField {position: absolute; color: #333333; line-height: 2.3em; font-style: oblique; margin-left: 10px;}

form #submit {
	width: 215px; 
	height: 53px; 
	background: url(http://www.yodle.com/images/landing-pages/marketing-business-online/get-the-guide.png) no-repeat; border: 0; 
	cursor: pointer;
	margin-left: -10px;
}

#footer {
	width:960px;
	height:auto;
}

#footer ul {
	list-style-type: none; 
	margin: 0 0 15px 15px;
	float: left;
}

#footer ul li {
	float: left; 
	margin-left: 1.4em;
}

#footer p {
	float: right;
	margin: -20px 20px 0px 0px;
}

#footer p a {
	color:#555555;
	text-decoration: underline; 
	margin-left: 5px; 
}

#footer p a:hover {
	color:#333333;
	text-decoration: underline; 
	margin-left: 5px; 
}

.thanks1 {
	font-weight:bold;
	font-size:32px;
	text-align: center;
	color: #104E8B;
	padding-top: 20px;
}

.thanks2 {
	font-size:22px;
	text-align: center;
	color: #333333;
	padding-top: 5px;
}

#video {margin-top: 20px;}
a#download {width: 195px; height: 340px; float: right;}

span.validation-message {z-index: 9999;}
span.validation-message p {color:red; font-size: 11px; display: block;}