/* 
title: We'll Code It styles
xhtml/css author: rob flaherty
date: 12/09/07
document: master stylesheet
*/

/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, font, ins, kbd, q, s, samp,small, strike, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}body {	line-height: 1;	color: black;	background: white;}ol, ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: separate;	border-spacing: 0;}caption, th, td {	text-align: left;	font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {	content: "";}blockquote, q {	quotes: "" "";}

/******************
Overall Site Styles
******************/

/* General Styles */

body#body_home{font-size:12px;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;color:#2C2C2C;line-height:normal;background: #fcfeff url('images/hp_body_bg.gif') repeat-x left top;}
body{font-size:12px;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;color:#2C2C2C;line-height:normal;background: #E3F0F3 url('images/body_bg.gif') repeat-x left top;}
br{clear:left;display:block;}
strong{font-weight:800;}
p{padding-bottom:1em;line-height:1.3em;font-size:12px;}
h1{font-size:21px; color:#256413;padding-bottom:.2em;font-weight:800}
h3{font-size:14px;}
h5{font-size:16px;padding:1em 0 .3em;}
.clearer{clear:left;}

/* Links */
a:link{color:#004276;text-decoration:underline;}
a:visited{color:#004276;text-decoration:underline}
a:hover{text-decoration:none;color:#e17018}
a:active{color:#004276;text-decoration:underline}

/* Site Structure */

#wrap{width:850px;margin: 0 auto;position:relative;}
#header{position:relative;}
#logo{background: url(images/wellcodeit_logo2.jpg) no-repeat 0 0;text-indent:-1000em;height:161px;margin:23px 0 0 -150px;width:793px;position:relative}

/* Navigation */
#navigation_main{padding:0 0 0;right:14px;top:127px;position:absolute;width:400px;}
#navigation_main ul{text-indent:-1000em;height:36px;float:right;width:400px;}
#navigation_main ul li{display:inline;height:18px;height:36px;}
#navigation_main ul li a{background: url('images/nav_bg.gif') no-repeat 0 0;height:36px;width:70px;float:left;}

#navigation_main li#home a{width:74px;background-position: 0 0px;}
#navigation_main li#faq a{width:56px;background-position: -75px 0;}
#navigation_main li#getstarted a{width:109px;background-position: -133px 0;}
#navigation_main li#rates a{width:73px;background-position: -245px 0;}
#navigation_main li#contact a{width:85px;background-position: -321px 0;}

#navigation_main li#home a#active, #navigation_main li#home a:hover{background-position: 0 -44px;}
#navigation_main li#faq a#active, #navigation_main li#faq a:hover{background-position: -75px -44px;}
#navigation_main li#getstarted a#active, #navigation_main li#getstarted a:hover{background-position: -133px -44px;}
#navigation_main li#rates a#active, #navigation_main li#rates a:hover{background-position: -245px -44px;}
#navigation_main li#contact a#active, #navigation_main li#contact a:hover{background-position: -321px -44px;}

/* Footer */
#footer{clear:both;height:60px;width:850px;border-top:1px dotted #4FC0DE;margin:20px auto;}
#footer p{width:850px;margin: 0 auto;padding-top:10px;text-align:left;}


/*********************
Individual Page Styles
*********************/

/* Homepage */
img#starburst{position:absolute;top:-23px;right:50px;}
#hp_content{margin:35px 0 0;}
h2#tagline{background: url('images/designit_codeit.gif') no-repeat left top;text-indent:-1000em;height:40px;}
.howitworks{float:left;width:205px;background: url('images/howitworks_bg.jpg') no-repeat left top;margin-right:5px;height:200px;}

h3#step1{background: url('images/step1.jpg') no-repeat 15px 10px;height:25px;padding:83px 0 0 15px}
h3#step2{background: url('images/step2.jpg') no-repeat 15px 10px;height:25px;padding:83px 0 0 15px}
h3#step3{background: url('images/step3.jpg') no-repeat 15px 10px;height:25px;padding:83px 0 0 15px}
h3#step4{background: url('images/step4.jpg') no-repeat 15px 10px;height:25px;padding:83px 0 0 15px}
.howitworks p{padding: 0 15px 0 15px;}

#hp_content_left{width:413px;float:left;margin:70px 0;background: url('images/hp_left_bg.jpg') no-repeat 0 0;}
#hp_content_left p{padding:10px 15px;}
#hp_content_left h3{padding:20px 15px 5px;font-size:16px;}

#hp_content_right{width:420px;float:left;margin:70px 0 10px 9px;}
.box1{width:203px;float:left;height:250px;margin-right:7px;padding-top:0px;background: url('images/hp_right_bot.gif') no-repeat bottom left;padding-bottom:15px}
.box1 .box1_mid{border-left:1px solid #e4ebed;border-right:1px solid #e4ebed;height:100%;padding:0px 8px}
.box1_top{background: url('images/hp_right_top.gif') no-repeat 0 0;padding-top:9px;}
h4#examples_hdr{background: url('images/testimonials_hdr.gif') no-repeat left 10px;text-indent:-1000em;height:40px;}
h4#readytostart_hdr{background: url('images/readytostart_hdr.gif') no-repeat left 10px;text-indent:-1000em;height:40px;}

.box2{width:412px;float:left;height:11em;padding-top:0px;background: url('images/hp_right2_bot.gif') no-repeat bottom left;padding-bottom:10px;margin:25px 0 0;}
.box2 .box2_mid{border-left:1px solid #e4ebed;border-right:1px solid #e4ebed;height:100%;padding:0px 8px}
.box2_top{background: url('images/hp_right2_top.gif') no-repeat 0 0;padding-top:5px;}
.box2{}

ul#hp_checklist{margin:10px 8px;}
ul#hp_checklist li{background: url('images/check.gif') no-repeat 0 1px;padding:0 0 7px 20px;line-height:1.2em}

/* Testimonial Cycler */
#newsticker {position: relative;}
#newsticker ul {list-style: none;min-height: 1.6em;padding: 10px 10px;padding-right: 10px;font-size:14px;}
#newsticker ul li p{font-size:14px;}
* html #newsticker ul {height: 1.6em;overflow: visible;}
#newsticker li.error {color: #f00;}
#newsticker #togglenewsticker {background: transparent url("icon_closenewsticker.gif") no-repeat 0 0;overflow: hidden;
	position: absolute;right: 10px;top: 12px;width: 14px;height: 14px;text-indent: 20px;outline: none;display:none}
* html #newsticker #togglenewsticker {right: 30px;}

/* Interior Pages */
#int_content{margin:30px 0 0;}
#int_content_left{width:583px;float:left;margin:5px 0;}
#int_content_right{width:220px;float:right;margin:0 0 20px 9px;}
#int_content p{font-size:14px;}

.int_sidebar{width:203px;float:left;height:250px;margin:0 0 15px;;padding-top:0px;background: url('images/int_sidebar_bot.gif') no-repeat bottom left;padding-bottom:15px;}
.sidebar_mid{height:100%;padding:0px 8px;background: url('images/int_sidebar_mid.gif') repeat-y;}
.sidebar_top{background: url('images/int_sidebar_top.gif') no-repeat 0 0;padding-top:10px;}

h2#contactus_hdr{background: url('images/contactus_hdr.gif') no-repeat left top;text-indent:-1000em;height:40px;}
h2#faq_hdr{background: url('images/faq_hdr.gif') no-repeat left top;text-indent:-1000em;height:40px;}
h2#getstarted_hdr{background: url('images/getstarted_hdr.gif') no-repeat left top;text-indent:-1000em;height:40px;}
h2#rates_hdr{background: url('images/rates_hdr.gif') no-repeat left top;text-indent:-1000em;height:40px;}

#int_content_right h4#examples_hdr{background: url('images/testimonials_int_hdr.gif') no-repeat 10px 10px;text-indent:-1000em;height:40px;}

/* Contact Form */
#myform div {margin:15px 0;padding:0;}

#contact_container {width:500px;padding:10px 0;color:#037492;}
#contact_container div{margin: 0 0 15px;}
.form_instruction {color:#666;margin:0;padding:0 0 5px;}
.cssform label {font-weight:700;display:block;padding-bottom:3px;font-size:16px;}
.cssform input[type="text"] {width:180px;}
.cssform textarea {width:500px;height:150px;}
.validation-advice {background-color:#F30;color:#FFF;font-weight:700;margin:5px 0;padding:5px;}
.success {background-color:#2480E7;color:#FFF;font-weight:700;margin:5px 0;padding:0;}
.success p{padding:5px;}


dl{font-size:14px;}
dt{color:#037492;font-size:16px;font-weight:800;}
dd{margin:0 0 2em;}

ul#rates_list{font-size:14px;width:400px;}
ul#rates_list li{padding:0 0 .7em;position:relative;}
ul#rates_list li span.blue{color:#037492;font-weight:800;position:absolute;right:0;top:0;}

p.required {background-color:#F30;color:#FFF;margin:0 0 5px;padding:5px;}