@import url('form.css');

body {
	background: #ECF5FF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; }

a {
    color: #053893;
    font-weight: bold;
    text-decoration: underline;
    outline: none; }
	a:hover {
		color: #FFFFFF;
		background-color: #053893; }
p { line-height: 180%; }

div.clear {
	height: 1px;
	clear: both; }

#sitewrapper {
	background: #FFFFFF;
	width: 720px;
	margin: 20px auto;
	padding: 20px; }

/* Sitewrapper -> Header
--------------------------------------------------*/
	#sitewrapper #header {
		padding-bottom: 10px;
		width: 720px; }
		#sitewrapper #header #global-nav {
			float: right;
			font-size: 11px; }
			#sitewrapper #header #global-nav a { }
		#sitewrapper #header #logo a {
			display: block;
			height: 69px;
			width: 400px;
			background: #FFFFFF url('images/weldworksbannerlogo.png') no-repeat 0 0;
			text-indent: -5000px; }
		#sitewrapper #header ul#navigation {
			float: right;
			clear: right;
			margin: 0;
			padding: 25px 0 0 0;
			color: #053893; }
			#sitewrapper #header ul#navigation li {
			    display: inline;
			    margin: 0;
			    padding: 0;
			    background: none; }
				#sitewrapper #header ul#navigation li strong { font-weight: normal; color:#000000 }
				#sitewrapper #header ul#navigation li a { }

/* Sitewrapper -> Eye
--------------------------------------------------*/
	#sitewrapper #eye {
		background: #69A5E0;
		border: 1px solid #1E5791;
		width: 700px;
		padding: 10px; }
		#sitewrapper #eye img { float: right; margin: 0 0 20px 20px; }
		#sitewrapper #eye #intro {
				background: #96BFE9 url('images/bg_gradient_homepage-intro.gif') repeat-x 0 100%;
				padding: 20px; }
		#sitewrapper #eye #intro h1 { }
				#sitewrapper #eye #intro h1#hit-your-budgets {
					height: 140px;
					width: 312px;
					background: url('images/hdr_hit-your-budgets.gif') no-repeat 0 0;
					text-indent: -5000px; }
				#sitewrapper #eye #intro h1#first-month-free {
					height: 84px;
					width: 282px;
					background: url('images/hdr_first-month-free.gif') no-repeat 0 0;
					text-indent: -5000px; }
				#sitewrapper #eye #intro p#pricing-intro { }
		#sitewrapper #eye p { color: #FFFFFF; }
		#sitewrapper #eye #get-started {
			margin-top: 10px;
			border: 1px solid #2569AD; }


/* Screenshots
--------------------------------------------------*/
	#sitewrapper ul#sub-navigation {
		text-align: center;
		margin-top: 20px; }
		#sitewrapper ul#sub-navigation li { display: inline; }

	#sitewrapper ul#call-outs { }
		#sitewrapper ul#call-outs li {
			float: left;
			display: block;
			width: 325px;
			padding-left: 35px; }
			#sitewrapper ul#call-outs li img { 
				display: inline; 
				padding: 15px 5px 0px 0px; 
				margin-left: -20px; }
			#sitewrapper ul#call-outs li b {
				background-color: #FFFFCC;
				font-weight: normal; }

	.screenshot { padding-top: 20px; }

/* FAQ - Why
--------------------------------------------------*/
	#sitewrapper h4#few-things {
		padding: 0;
		width: 100%;
		height: 42px;
		text-indent: -5000px;
		background: url('images/hdr_few-things.gif') no-repeat 50% 100%;
}
	#sitewrapper dl#faq {
		float: left;
		width: 460px;
		background: #F8F8F8;
		padding: 10px 20px;
		margin-top: 10px; }
		#sitewrapper dl#faq dt {
			margin-top: 20px;
			font: 16px/20px Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #000000; }
		#sitewrapper dl#faq dd {
			margin-top: 10px;
			margin-bottom: 20px;
			line-height: 150%; }
		#sitewrapper dl#faq p {
			margin-bottom: 15px; }
	#sitewrapper dl#faq-sidebar {
		float: right;
		width: 200px; }
		#sitewrapper dl#faq-sidebar dt {
			margin-top: 20px;
			font: 13px/18px Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #000000; }
		#sitewrapper dl#faq-sidebar dd {
			margin-top: 10px;
			line-height: 150%; }


/* Flash
--------------------------------------------------*/
.flash.good {
	border: 1px solid #229322;
	background: #86D958;
	padding: 10px;
	margin: 0 0 20px 0; }
.flash.bad {
	border: 1px solid #D29C34;
	background: #F5DC63;
	padding: 10px;
	margin: 0 0 20px 0; }
	.flash div.inner {
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 20px 10px 70px;
		font-size: 12px;
		color: #000000;
		text-align: left;
		min-height: 30px; }
		.flash div.inner h3 {
			font-size: 14px;
			font-weight: bold;
			margin: 5px 0;
			display: block;
			padding: 0;
			border: none; }
		.flash div.inner ul {
			margin-left: 20px; }
			.flash div.inner ul li {
				line-height: 150%;
				list-style-type: square; }
		.flash div.inner a.large {
			line-height: 40px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: bold; }
		.flash div.inner a { font-weight: bold; }
	.flash.good div.inner {
		background: #FFFFFF url('images/icon_check.gif') no-repeat 20px 15px;
}
	.flash.bad div.inner {
		background: #FFFFFF url('images/icon_yeild.gif') no-repeat 15px 15px;
}
	.flash.no-explanation div.inner {
		font-weight: bold;
		min-height: 35px;
		font-size: 14px; }

/* Form Errors
--------------------------------------------------*/
div.fieldWithErrors input, div.fieldWithErrors select {
	background-color: #FFFFCC; }

/* Footer
--------------------------------------------------*/
	p#footer {
		text-align: center;
		padding-bottom: 20px; }