/* 
Description: Craig Cares
Version: 1.0
Released: 05/20/10
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


body {
	background: #ebebeb url(../images/bg_content.jpg) repeat-x 0 209px;
	color: #272520;
	font:81%/1.5 'Helvetica Neue',Helvetica, Arial, sans-serif; /* Sets default size to 13pt */
	text-align: center;
	position: relative;
	min-width: 960px;
}

body#home {
	background-position: 0 484px;
}

#branding {
	background: #d3d7b5 url(../images/bg_branding.png) repeat-x 50% 0;
	height: 123px;
	position: relative;
	z-index: 200;
}

#banner {	
	background: #00578c url(../images/bg_banner.jpg) repeat-x 50% 0;
	height: 361px;
}

.content #banner {
	background: #00578c url(../images/bg_banner-content.jpg) repeat-x 50% 0;
	height: 87px;
}

#branding_container, #banner_container, #content, #site_info {
	width: 960px; 
	margin: 0 auto; 
	text-align: left;
}

#content {
	padding-top: 35px;
}


#content_main {
	width: 630px;
	float: left;
	text-align: left;
	clear: left;
	margin-bottom: 20px;
}

#content_secondary {
	width: 300px;
	float: right;
	text-align: left;
	margin-bottom:20px;
}

#content_tertiary {
	clear: both;
	overflow: hidden;
	behavior: url(../js/ie-css3.htc);
}

.content #content_tertiary {
	width: 300px;
	float: right;
	text-align: left;
	margin-bottom:20px;
	clear: none;
}
	
#site_info {
	overflow: hidden;
	clear: both;
}


/* =TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body * {
	font-size: 100%;
}
	
HTML {
	font-size: 100%;
}

p {
	margin-bottom: 17px;
}


ul {
	margin-bottom: 10px;
}

#content li {
	margin-bottom: 1px;
	list-style-type: none;
	background: url(../images/li.png) 0 50% no-repeat;
	padding-left: 20px;
}


#content ol li {
	background-position: 0 6px;
}

#newsletters ol li {
	background: none;
	padding: 0;
	margin-bottom: 5px;
}


#content h2, #banner h2 {
	font-size: 215%;
	font-family: Georgia, Times, sans-serif;
	color: #304585;
	line-height: 1.2em;
	letter-spacing: -.02em;
	margin-bottom: 3px;
	text-shadow: 0px 1px 1px #A8A9A8;
}

#content h2 {
	margin-bottom: 10px;
}

.content #banner h2 {
	text-align: right;
	color: #e5e5c7;
	font-size: 390%;
	text-shadow: 0px 1px 1px #000;
	letter-spacing: normal;
	line-height: 1.7em;
}

#content h3, #banner h3 {
	font-size: 130%;
	font-family: Georgia, Times, sans-serif;
	color: #1b3089;
	line-height: 1.4em;
	letter-spacing: -.02em;
	margin-bottom: 3px;
	text-shadow: 0px 1px 1px #A8A9A8;
}

.indent {
	margin-left: 142px;
}


h4 {
	font-weight: bold;
}


.separator {
	height: 1px;
	width: 90%;
	display: block;
	background-color: #D2B729;
	margin-left: auto;
	margin-right: auto;
}


#content h6, #banner h6 {
	font-size: 215%;
	font-family: Georgia, Times, sans-serif;
	text-align: left;
	color: #1b3089;
	line-height: 1.4em;
	letter-spacing: -.02em;
	margin-bottom: 3px;
	text-shadow: 0px 1px 1px #A8A9A8;
}

#testimonials #content_main p {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 20px;
}


#services #definitions p {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 20px;
}

blockquote {
	font-style: italic;
}

#content_main_container p {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 20px;
}


/* =LINKS- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.action_link {
	margin-top: 10px;
	text-align:right;	
}


a:link, a:visited {
	color: #1b3089;	
	text-decoration: underline;
}
a:hover {
	color: #1b3089;	
	text-decoration: none;
}



/* =Branding
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#branding_container {
	position: relative;
}

#branding h1 {
	text-indent: -9999px;
	position: relative;
	top: 4px;
	left: 0px;
	background: url(../images/logo.png) no-repeat 0 0;
}

#branding h1 a {
	height: 113px;
	width: 269px;
	display: block;
}


#branding p {
	background: url(../images/underline.png) no-repeat right bottom;
	position: absolute;
	right: 0px;
	top:10px;
	font-size: 115%;
	font-family: 'Georgia','Times',sans-serif;
	color: #304585;
	line-height: 1.2em;
	text-shadow: 0px 1px 1px #A8A9A8;
	padding: 0 0 9px 0;
	overflow: hidden;
	
}


#branding p a {
	text-decoration: none;
	padding: 5px 0;
}

#branding p a:hover {
	color: #044A8E;
}

#branding #CraigCares_logo {
	display:none;
}



/* =Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#nav_container {
	width: 595px;
	height: 47px;
	background: url(../images/bg_nav.png) no-repeat 0 0;
	position: absolute;
	top: 55px;
	right: 0;
	z-index: 100;
}

#nav {
	position: relative;
	left: 53px;
	font-size: 15px;
	font-family: 'Georgia','Times',sans-serif;
}

#nav li {
	float: left;
	position: relative;
	top: 9px;
	right: 0;
}


#nav li li {
	font-size: 85%;
	float: none;
	background: #F6ECC1;
	top: 0;
	line-height: 1em;
}

#nav a:link, #nav a:visited {
	padding: 10px 25px;	
}

#nav li li a:link, #nav li li a:visited {
	color: #2f2b23;
	padding:10px 15px;	
}

#nav li li a:hover {
	color: #1b3089;
	background: #FDF4D8;
}

#home #nav_home, .services #nav_services, .about #nav_about, .resources #nav_resources, .contact #nav_contact {
	color: #1b3089;
}


/* =Footer Nav
- - - - - - - - - - - - - - - - */

#footer_nav li {
	float: left;
	background: none;
	padding: 0;
	
}

#footer_nav li a {
	padding: 5px 7px;
	display: block;
}

#footer_nav #footer-nav_home {
	padding-left: 0;
}


/* =HOME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



#home #banner_container {
	background: #f0f4dd url(../images/banner.jpg) 0 0 no-repeat;
	width: 960px;
	height: 332px;
	position: relative;
	top: 15px;
}


#banner_content h2, #banner_content h3 {
	text-indent: -9999px;
	position: relative;
	left: 0px;
	top: 20px;
}

#banner_content blockquote {
	width: 600px;
	position: relative;
	top: 80px;
	left: 345px;
	font-size:107%;
	
}

#bttn_learn-more a {
	width: 205px;
	height: 42px;
	background: url(../images/bttn_learn-more.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 260px;
	right: 250px;
}

#bttn_learn-more a:hover {
	background-position: 0 100%;
}

#bttn_free-consultation a {
	width: 205px;
	height: 42px;
	background: url(../images/bttn_free-consultation.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 260px;
	right: 30px;
}

#bttn_free-consultation a:hover {
	background-position: 0 100%;
}




/* FEATURES */

.feature {
	width: 295px;
	font-size: 92%;
	line-height: 1.6em;
	position: relative;
	float: left;
	margin: 0px 35px 35px 0;
}

.content .feature {
	margin-bottom: 20px;
}


.cite {
	color:#ddc858;
}

#home #feature-services {
	background: url(../images/bg_feature-fade.png) 0 0 no-repeat;
	padding: 15px 25px 0 25px;
	width: auto;
	margin: 0;
	border: none;
}

#content #feature-services h3 {
	border: none;
	padding: 0;
	margin-bottom: 5px;
	font-size: 140%;
}

.feature.last {
	margin-right: 0;
}

#content .feature h3 {
	border-bottom: 1px solid #d2b729;
	padding-bottom: 2px;
	margin-bottom: 8px;
	font-size: 140%;
}

#feature_slideshow {
	margin-bottom: 40px;
}



/* =CONTACT FORM*/

#feature_newsletter form {
	margin-top: 14px;
}

#feature_newsletter li {
	background: none;
	padding: 0;
}

input, textarea {
	background: #e6e6e6;
	border: 1px solid #cacbc4;
	width: 227px;
}

#employment_form input {
	width: 280px;
}

#safe_sound_form input {
	width: 408px;}

#employment_form textarea, #safe_sound_form textarea {
	width: 440px;
}


input:focus, textarea:focus {
	border: 1px solid #1B3089;
	background: #ECECEC;
}

form p { 
	position:relative;
	 margin-bottom:5px;
	 left: 175px;
}

#comments_spam {
	display: none;
}


#submit {
	background: #e1ca52;
	border: 1px solid #c7b349;
	padding: 6px 12px;
	float: right;
	clear: both;
	width: auto !important;
	color: #272520;
	font: normal 13px/18px 'Helvetica Neue',Helvetica, Arial, sans-serif;
	margin-bottom: 17px;
}

#submit:hover {
	cursor:pointer;
	background: #FED500;
}

#employment_form ul li, #safe_sound_form ul li {
	margin: 7px 0;
	background: none;
}

label.text,label.select,label.textarea {
	width: 47px;
	text-align: right;
	padding-right:9px;
	float: left;
	clear: left;	
}

#employment_form label.text,#safe_sound_form label.text, #employment_form label.select,#safe_sound_form label.select, #employment_form label.textarea, #safe_sound_form label.textarea {
	width: 145px;
	text-align: right;
	padding-right:10px;
	float: left;
	clear: left;
}

#safe_sound_form label.text { width:170px;}	
	
	
textarea {
	height:140px;
}	
     
.text.field,.textarea.field {
	padding: 5px;
	font: normal 12px/18px 'Helvetica Neue',Helvetica, Arial, sans-serif;
}

.required {
	color: #D2B729;
	font-weight: bold;
}
	
.error {
	color:#C70000;
	padding: 0;
	font-size: 92%;
	margin: 2px 0 7px 157px;
}

#safe_sound_form .error {
	margin-left: 181px;
}


#success {
	color: #ddc857;
	display: block;
	margin: 0px 0 10px 70px;
	text-align: right;
	clear: both;
}


fieldset {
	border-top: 1px solid #BEBEBE;
	margin-bottom:10px;
}

legend {
	font-family: Georgia, Times, sans-serif;
	font-size: 125%;
	font-weight: normal;
	color:#1B3089;
	text-shadow:0 1px 1px #A8A9A8;
	letter-spacing:-0.02em;
	outline: none;
}

#employment_form input.checkbox {
	margin-right: 19px;
	width: auto;
}


label.textarea {
	vertical-align: top;
}

textarea {
	height:150px
}	

fieldset ul li ul {
	float:left;
	margin:0;
	padding:0;
	width:300px;
}

#legal p {
	font-size: 90%;
	border:1px solid #CACBC4;
	height:200px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:5px 10px;
	margin-top: 20px;
	background: #E6E6E6;
}

#special_experience li {
	padding-left: 0;
	text-align: right;
}


#employment_form #special_experience .checkbox {
	margin-right: 0 ;
}

#required_docs {
	text-align: left;
}

.ui-state-default a {
	background: url(../images/arrow_default.png) 0 50% no-repeat;
	padding-left: 18px;
	outline: none;
}

.ui-state-default a, .ui-state-active a {
	text-decoration: none;
		outline: none;
}

.ui-state-active a {
	background: url(../images/arrow_active.png) 0 50% no-repeat;
	padding-left: 18px;
	outline: none;
}

.ui-state-default a:hover {
	text-decoration: underline;
	outline: none;
}



#feature_blog a#feed {
	position:absolute;
	right:0;
	top: 2px;
}

#feature_blog a#feed:hover {
	border: none;
}

#feature_blog li {
	line-height: 1.5em; 
	background: url(../images/blog_blue.png) no-repeat 0 4px;
	padding-left: 20px;
}

#feature_blog .date {
	font-style: italic;
}


#safeandsound #paypal-bttn {
	width: auto; border: none; background: none;
}






/* =SITE INFO
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#site_info {
	background: url(../images/bg_footer.png) 0 0 no-repeat;

	color: #5c5c5c;
}

#site_info div {
	padding: 15px 20px;
}

#site_info p {
	font-size:90%;
	line-height: 1.4em;	
}

#site_info a:link, #site_info a:visited {
	color: #1B3089;;
}

#site_info a:hover {
	border: none;
}

#column_1, #column_2 {
	float: left;
}

#site_info #column_1 p {
	width: 325px;
	font-size: 92%;
}

#column_2 {
margin-left: 20px;
}

#column_3 {
	float: right;
}

#column_3 p {
	margin-top: 5px;
}



/* =MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.left {
	float: left;
	margin: 2px 12px 3px 0;
}

.callout {
	background: #E6E6E6;
	border:1px solid #CACBC4;
	padding: 15px 20px;
	margin: 15px 0 ;
}

.resource_content {
	padding-left: 20px;

}

.resources #content_main h3 {
	outline: none;
}

.accent_color {color: #A2201E;}
