@import url('css\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 p { color: #FFFFFF; }

/* Sitewrapper -> Get-started
--------------------------------------------------*/
		#sitewrapper #get-started {
			margin-top: 0;
			border: 1px solid #a5a6a5;
			background: #ffffff;
			padding: 10px; }
			#sitewrapper #get-started #get-started-inner {
			padding: 20px;
			border: 1px solid #a5a6a5;
			background: #cecfce; }
				#sitewrapper div.left {
					width: 49%;
					float: left; }
				#sitewrapper div.right {
					width: 49%;
					float: right; }
			#sitewrapper #get-started p { line-height: 180%; margin: 0; padding: 0; color: #000000; }
			#sitewrapper #get-started h3 {
				font-size: 14px;
				color: #959502;
				text-align: center; }
				#sitewrapper #get-started h3 a { color: #959502; }
					#sitewrapper #get-started h3 a:hover { color: #FFFFFF; background-color: #959502; }
			#sitewrapper #get-started h4 {
				font-weight: normal;
				color:#000000;
				text-align: center; }
				#sitewrapper #get-started h4 strong {
					font-size: 12px;
					text-transform: uppercase; }
			
/* Sitewrapper -> Headings
--------------------------------------------------*/
    #sitewrapper h4.quote {
        font-weight: normal;
        font-size: 20px;
        text-align: center;
        letter-spacing: -1px;
        padding: 20px 20px 10px 20px; }
        #sitewrapper h4.quote cite {
            display: block;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0;
            padding: 5px 0 0 0;
            color: #333333;
            font-style: normal; }

	#sitewrapper h4 {
		font: 16px/22px Arial, Helvetica, sans-serif;
		color: #438DD8;
		font-weight: bold;
		padding: 10px 0; }
	#sitewrapper h5 {
		font: 16px/22px Arial, Helvetica, sans-serif;
		color: #438DD8;
		font-weight: bold;
		padding-top: 15px; }
			
/* Sitewrapper -> Main
--------------------------------------------------*/
#main {
	width: 500px;
	float: left; }


/* 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; }


/* 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; }