@charset "utf-8";
/* CSS Document */

/*
 * Main Style Sheet
 * Willm's Craning Ltd.
 *
 * Copyright © 2008 Willm's Craning Ltd. All Rights Reserved.
 * http://www.willmscraning.com
 *
 * Author: Kelsey Martens, kmartens@xosta.com	
 * Created: October 23, 2008
 */

<!--
body {
	margin: 0 auto;
	padding: 0;
	background: #ffffff url('/content/images/main_background.gif') repeat-x;
	font-family: Arial, Verdana, Helvetica, Calibri, sans-serif;
	}
table, td, tr, div, p {
	font-family: Arial, Verdana, Helvetica, Calibri, sans-serif;
	font-size: 14px;
	color: #4e4e4e;
	}

div.center {
	text-align: center;
	}
div.center table {
	margin: 0 auto; 
	text-align: left;
	}
p.center {
	text-align: center;
	}

a:link, a:active, a:visited {
	font-family: Arial, Verdana, Helvetica, Calibri, sans-serif;
	color: #044e6a;
	text-decoration: none;
	font-weight: normal;
	}
a:hover {
	color: #488ca5;
	text-decoration: underline;
	}
img {
	margin: 0;
	padding: 0;
	border: 0;
	}
div.spacer {
	margin: 0 auto;
	padding: 0;
	border: 0;
	clear: both;
	}
div.spacer_1px {
	padding: 0;
	margin: 0 auto;
	border: 0;
	width: 500px;
	height: 1px;
	background: #ffffff;
	font-size: 1px;
	clear: both;
	}
div.spacer_2px {
	padding: 0;
	margin: 0 auto;
	border: 0;
	width: 960px;
	height: 2px;
	background: #ffffff;
	font-size: 1px;
	clear: both;
	}


#content {
	width: 850px;
	border: 0;
	padding: 0;
	margin: 0 auto;
	margin-top: 4px;
	}
#content_left {
	width: 636px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	background: #ffffff url('/content/images/content_left_bg.gif') repeat-x;
	}
#content_right {
	width: 213px;
	height: 800px;
	border-left: 1px solid #ffffff;
	padding: 15px 0 0 0;
	margin: 0;
	float: left;
	background: #ffffff url('/content/images/content_right_bg.gif') repeat-x;
	}


/*
    JQUERY SHOW/HIDE
------------------------------------------------------ */

#content_default {
	display: none;
	}
#content_show {
	display: inline;
	}

/*
    HEADER
------------------------------------------------------ */

#header {
	width: 850px;
	height: 67px;
	border: 0;
	padding: 63px 0 0 0;
	margin: 0 auto;
	}

#header img.logo1 {
	float: right;
	border: 0;
	}
#header img.logo2 {
	border: 0;
	}

h1 {
	height: 86px;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-image: url('/content/images2/header_bg.jpg');
	background-repeat: no-repeat;
	}
h1 #swap {
	display: none;
	}

div.header {
	margin: 0px;
	padding: 5px;
	border: 0;
	}

/*
    SLIDESHOW
------------------------------------------------------ */

#slideshow {
	width: 850px;
	height: 219px;
	border: 0;
	padding: 0;
	margin: 0 auto;
	}
#slideshow div.slideshow_left {
	width: 636px;
	height: 219px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
#slideshow div.slideshow_right {
	width: 213px;
	height: 217px;
	background: #8cbae6;
	border-left: 1px solid #ffffff;
	border-bottom: 2px solid #7fb1df;
	padding: 0;
	margin: 0;
	float: left;
	}

#slideshow div.slideshow_right p {
	font-weight: bold;
	font-style: italic;
	color: #3b3b3b;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0 0 7px 0;
	}
#slideshow div.slideshow_right p.phone {
	margin: -5px 0 7px 0;
	font-size: 20px;
	}
#slideshow div.slideshow_right p.address {
	font-size: 15px;
	}
#slideshow div.slideshow_right p a:link, #slideshow div.slideshow_right p a:active, #slideshow div.slideshow_right p a:visited {
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	}
#slideshow div.slideshow_right p a:hover {
	color: #ffffff;
	text-decoration: none;
	}

/*
    FOOTER
------------------------------------------------------ */

#footer {
	width: 850px;
	height: 50px;
	border: 0;
	padding: 0;
	margin: 0 auto;
	}
#footer div.footer_left {
	width: 636px;
	height: 50px;
	background: url('/content/images/footer_bg.gif') repeat-x;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}

#footer div.footer_left p {
	font-size: 11px;
	font-weight: normal;
	color: #7c7c7c;
	border: 0;
	padding: 20px 0 0 25px;
	margin: 0;
	}
#footer div.footer_left p a:link, #footer div.footer_left p a:active, #footer div.footer_left p a:visited {
	font-size: 11px;
	color: #0055a5;
	text-decoration: underline;
	}
#footer div.footer_left p a:hover {
	color: #0055a5;
	text-decoration: none;
	}

/*
    SUB HEADER
------------------------------------------------------ */

#sub_header {
	border: 0;
	padding: 15px;
	margin: 0 auto;
	width: 930px;
	height: 107px;
	}

#sub_header h2 {
	font-size:32px;
	font-weight: bold;
	color: #ffffff;
	border: 0;
	padding: 0;
	margin: 15px 0 5px 0;
	}
#sub_header h2 span {
	font-weight: normal;
	font-style: italic;
	}
#sub_header p {
	font-size:12px;
	font-weight: normal;
	color: #dcf0f0;
	border: 0;
	padding: 0;
	margin: 0;
	width: 600px;
	}

/*
    NAVIGATION
------------------------------------------------------ */

#navigation {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	z-index: 200;
	}
#navigation li {
	float: left;
	}
#navigation li a {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	background: #f2f2f2;
	height: 15px;
	text-align: center;
	color: #0069cc;
	border-left: 1px solid #ffffff;
	padding: 45px 18px 7px 18px;
	}
#navigation li.selected a {
	background: #fe8a03;
	color: #ffffff;
	padding-bottom: 52px;
	border-left: 1px solid transparent;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	}
#navigation li.selected a:hover {
	background: #fea744;
	color: #ffffff;
	text-decoration: none;
	}
#navigation li a:hover {
	background: #e7f3ff;
	color: #0069cc;
	text-decoration: none;
	}

/*
    RIGHT CONTENT
------------------------------------------------------ */

#testimonials blockquote {
	margin: 15px 0 0 0;
	padding: 0;
	background: url('/content/images/testimonials_quote_top.gif') left top no-repeat;
	}
#testimonials blockquote div {
	font-size: 12px;
	color: #7c7c7c;
	text-align: justify;
	margin: 0;
	padding: 15px 20px;
	background: url('/content/images/testimonials_quote_bottom.gif') right bottom no-repeat;
	}
#testimonials blockquote p {
	font-size: 12px;
	font-style: italic;
	color: #0055a5;
	margin: -8px 0 0 0;
	padding: 0 20px;
	}

#featured_service {
	margin: 20px 0 0 0;
	padding: 0 8px;
	}
#featured_service div {
	margin: 0;
	padding: 8px;
	border: 1px solid #f5972b;
	background: #ffffff;
	}
#featured_service h6 {
	font-size: 15px;
	font-weight: bold;
	color: #0055a5;
	margin: 5px 0 0 0;
	padding: 0;
	}
#featured_service h6 a:link, #featured_service h6 a:active, #featured_service h6 a:visited {
	font-weight: bold;
	color: #0055a5;
	text-decoration: none;
	}
#featured_service h6 a:hover {
	color: #0055a5;
	text-decoration: underline;
	}
#featured_service p {
	font-size: 12px;
	color: #7c7c7c;
	text-align: justify;
	margin: 5px 0 0 0;
	padding: 0;
	}
#featured_service p a:link, #featured_service p a:active, #featured_service p a:visited {
	font-style: italic;
	color: #0055a5;
	text-decoration: none;
	}
#featured_service p a:hover {
	color: #0055a5;
	text-decoration: underline;
	}



#page_title {
	margin: 0;
	clear: both;
	}
#page_title div.page_title {
	margin: 0;
	padding: 0 0 0 30px;
	width: 295px;
	height: 38px;
	float: left;
	background: #5b95ce url('/content/images/main_page_title_bg.gif') repeat-x;
	}
#page_title div.page_title h2 {
	font-size: 42px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#page_title div.page_breadcrumb {
	margin: 0;
	padding: 0 0 0 60px;
	height: 38px;
	float: left;
	background: url('/content/images/main_page_breadcrumb_bg.gif') no-repeat;
	}
#page_title div.page_breadcrumb p {
	font-size: 10px;
	color: #7c7c7c;
	font-style: normal;
	line-height: 34px;
	margin: 5px 0 0 0;
	padding: 0;
	}
#page_title div.page_breadcrumb p a:link, #page_title div.page_breadcrumb p a:active, #page_title div.page_breadcrumb p a:visited {
	color: #0055a5;
	font-style: normal;
	text-decoration: underline;
	}
#page_title div.page_breadcrumb p a:hover {
	color: #0055a5;
	text-decoration: none;
	}

/*
    MAIN CONTENT
------------------------------------------------------ */

#content_left div.main_content {
	margin: 0;
	padding: 5px 30px 30px 30px;
	clear: both;
	}

#content_left h3 {
	font-size: 18px;
	font-weight: bold;
	color: #0055a5;
	margin: 20px 0 5px 0;
	padding: 0;
	}
#content_left h3 a:link, #content_left h3 a:active, #content_left h3 a:visited {
	font-weight: bold;
	color: #0055a5;
	text-decoration: none;
	}
#content_left h3 a:hover {
	font-weight: bold;
	color: #59a0e4;
	text-decoration: none;
	}

#content_left #clients h3.featured {
	margin: 0 5px 0 0;
	}
#content_left #clients h3.regular {
	font-size: 15px;
	margin: 0 0 7px 0;
	padding: 0 5px 0 0;
	float: left;
	}
#content_left #news h3.featured {
	margin: 0 5px 0 0;
	}
#content_left #news h3.regular {
	font-size: 15px;
	margin: 0 0 7px 0;
	padding: 0 5px 0 0;
	float: left;
	}
#content_left #about_us h3.featured {
	font-size: 15px;
	color: #f6921e;
	margin: 0 5px 0 0;
	}

#content_left #services_detail h3 {
	font-size: 25px;
	}

#content_left h4 {
	font-size: 18px;
	font-weight: bold;
	color: #f6921e;
	margin: 30px 0 5px 0;
	padding: 0;
	}
#content_left h4 span {
	font-weight: normal;
	font-style: italic;
	color: #474747;
	}

#content_left #clients h4 {
	font-size: 13px;
	font-weight: normal;
	color: #f6921e;
	margin: 0 0 3px 0;
	}
#content_left #about_us h4 {
	font-size: 13px;
	font-weight: normal;
	color: #3a3a3a;
	margin: 0 0 3px 0;
	}
#content_left #news h4 {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #3e3e3e;
	margin: 0 0 3px 0;
	}

#content_left img.image_float_right {
	border: 1px solid #5993cc;
	float: right;
	margin: 0 0 15px 15px;
	}
#content_left img.image_float_right_orange {
	border: 1px solid #eacaa4;
	float: right;
	margin: 0 15px 15px 15px;
	}
#content_left img.image_float_left_orange {
	border: 1px solid #eacaa4;
	float: left;
	margin: 0 15px 15px 0;
	}
#content_left div.featured_left img {
	border: 1px solid #eacaa4;
	}

#content_left p {
	font-size: 12px;
	color: #7c7c7c;
	margin: 8px 0 0 0;
	padding: 0;
	}
#content_left p a:link, #content_left p a:active, #content_left p a:visited {
	color: #0055a5;
	font-style: italic;
	text-decoration: none;
	}
#content_left p a:hover {
	color: #59a0e4;
	text-decoration: underline;
	}

#content_left p.main_links {
	font-size: 11px;
	color: #909090;
	margin: 25px 0 10px 0;
	}
#content_left p.main_links a:link, #content_left p.main_links a:active, #content_left p.main_links a:visited {
	color: #f6921e;
	font-style: normal;
	}
#content_left p.main_links a:hover {
	color: #ff7200;
	}

#content_left p.client_desc {
	font-size: 12px;
	color: #6a8cac;
	line-height: 18px;
	margin: 0 0 7px 0;
	}
#content_left p.news_time {
	font-size: 12px;
	font-style: italic;
	color: #3e3e3e;
	line-height: 18px;
	margin: 0 0 7px 0;
	}

#content_left #about_us p.contact_me a:link, #content_left #about_us p.contact_me a:active, #content_left #about_us p.contact_me a:visited {
	font-style: normal;
	text-decoration: none;
	}
#content_left #about_us.contact_me p a:hover {
	font-style: normal;
	text-decoration: underline;
	}

#content_left p span {
	font-size: 10px;
	color: #252525;
	margin: 0 0 0 5px;
	}
#content_left p span a:link, #content_left p span a:active, #content_left p span a:visited {
	color: #252525;
	font-style: normal;
	}
#content_left p span a:hover {
	color: #595959;
	}

span.trigger_edit {
	font-size: 10px;
	color: #252525;
	margin: 0 0 0 5px;
	}
span.trigger_edit a:link, span.trigger_edit a:active, span.trigger_edit a:visited {
	color: #252525;
	font-style: normal;
	}
span.trigger_edit a:hover {
	color: #595959;
	}

#content_left p.back {
	font-size: 13px;
	font-weight: bold;
	color: #0055a5;
	margin: 35px 0 0 0;
	}
#content_left p.back a:link, #content_left p.back a:active, #content_left p.back a:visited {
	color: #0055a5;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	}
#content_left p.back a:hover {
	color: #59a0e4;
	text-decoration: underline;
	}

div.featured_box {
	width: 585px;
	border: 0;
	padding: 20px 0 0 0;
	margin: 0;
	clear: both;
	}
div.featured_left {
	width: 135px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
#about_us div.featured_left {
	width: 115px !important;
	}
div.featured_right {
	width: 440px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
#about_us div.featured_right {
	width: 460px !important;
	}

#content_left h3.content_header {
	color: #5f5f5f;
	margin: 0 0 10px 0;
	}

#contact_us p.column {
	width: 190px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}

#contact_us p.column .email a:link, #contact_us p.column .email a:active, #contact_us p.column .email a:visited {
	font-size: 12px;
	color: #ff9e2e;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	}
#contact_us p.column .email a:hover {
	color: #ff9e2e;
	text-decoration: underline;
	}

div #map {
	width: 574px;
	height: 290px;
	margin: 0;
	border: 1px solid #ffb560;
	background: #ffffff;
	}

/*
    FORM FIELDS
------------------------------------------------------ */

input {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	padding: 3px;
	margin: 0;
	border: 1px solid #006b9a;
	}
input.form_title {
	font-weight: bold;
	}
input.submit {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	padding: 3px;
	width: 100px;
	margin: 0;
	}
textarea {
	font-family: Arial, Verdana, Helvetica, Calibri, sans-serif;
	font-size: 14px;
	color: #333333;
	padding: 3px;
	margin: 0;
	border: 1px solid #006b9a;
	overflow: auto;
	resize:none;
	}
select {
	font-size: 15px;
	color: #333333;
	padding: 2px;
	margin: 0;
	border: 1px solid #006b9a;
	}
input.file {
	font-size: 15px;
	color: #333333;
	font-weight: normal;
	padding: 3px;
	margin: 0;
	border: 1px solid #006b9a;
	}
input[type=checkbox], input[type=radio] {
	padding: 0;
	margin: 0;
	border: none;
	}
input.noformclass {
	padding: 0;
	margin: 0;
	border: 0;
	}

label.noformclass_fix {
	font-size: 12px;
	color: #303030;
	line-height: 25px !important;
	margin-left: 3px !important;
	float: left !important;
	width: 65px !important;
	}
input.noformclass_fix {
	padding: 0;
	margin: 5px 5px 0 0;
	border: 0;
	float: left !important;
	line-height: 25px !important;
	}

form {
	display: inline;
	}

.note {
	margin: 0;
	font-weight: normal;
	color: #ff0000;
	}
#contact_form {
	display: inline;
	}

#contact_us label {
	color: #292929;
	width: 170px;
	line-height: 25px !important;
	float: left;
	}
#contact_us .required {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	}
#about_us label {
	color: #292929;
	}
#about_us .required {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	}

#submit {
	margin: 5px 0 0 170px;
	padding: 0;
	border: 0;
	}

.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border: 0;
	width: 636px; /*width of featured content slider*/
	height: 250px;
	}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0;
	width: 636px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}

.pagination {
	color: #000000;
	width: 200px;
	text-align: right;
	padding: 1px 5px;
	margin: 195px 0 0 425px;
	position: absolute;
	z-index: 100;
	}
.pagination a {
	font-size: 12px;
	padding: 1px 5px;
	text-decoration: none; 
	color: #ffffff;
	background: #ff8900;
	}
.pagination a:link, .pagination a:active, .pagination a:visited {
	color: #ffffff;
	text-decoration: none;
	}
.pagination a:hover {
	color: #000000;
	background-color: #ffffff;
	}

.pagination a.selected {
	color: #000000;
	background-color: #ffffff;
	}
.pagination a:link.selected, .pagination a:active.selected, .pagination a:visited.selected {
	color: #000000;
	text-decoration: none;
	}

div.staff_contact_drop {
	width: 430px;
	height: 300px;
	padding: 10px 10px 0 15px;
	margin: 5px 0 5px -15px;
	border: 1px solid #cfe2ea;
	background: #e4ecf0;
	}
div.upload_photo_box {
	padding: 15px 0 15px 10px;
	margin: 10px 0 5px 0;
	border: 1px solid #a4d057;
	background: #edfcd1;
	}
div.thank_you_box {
	padding: 15px;
	margin: 10px 0;
	border: 1px solid #a4d057;
	background: #edfcd1;
	}

label.inline_editing {
	color: #292929;
	line-height: 35px !important;
	float: left;
	}

-->