﻿
/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}


/* links */
a {
    color:#ff9c00;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

#content .teal-txt,
#right .teal-txt{
	color:#008e83;
	text-transform:uppercase;
	line-height:100%;
}
#content .orange-txt,
#right .orange-txt{
	color:#F7AD33;
	text-transform:uppercase;
	line-height:100%;
}

/* Top Margin White Space */
.top-ws{
	margin-top:40px;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    color:#008e83;
		margin:2.1em 0 .9em 0;
		padding:0;
}

h1 {
    font-size:250%;
    color:#008e83;
}

h2 {
    font-size:250%;
    color:#008e83;
}

h3 {
    font-size:200%;
    color:#008e83;
}

h4 {
    font-size:175%;
    color:#008e83;
}

h5 {
    font-size:150%;
    color:#008e83;
}

h6 {
    font-size:125%;
    color:#008e83;
}

/* Buttons */
a.btn_learn_sm{
	background:url(../images/btn_learn-more_sm.png) 0 0 no-repeat;
  width:129px;
  height:30px;
  display:block;
  text-indent:-9999px;
}

a.btn_learn_sm:hover{
	background-position:0 -40px;
}

a.btn_about_saelstrom {
    background:url(../images/btn_about-saelstrom.png) 0 0 no-repeat;
    width:320px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

a.btn_about_saelstrom:hover {
    background:url(../images/btn_about-saelstrom.png) 0 -50px no-repeat;
}


a.btn_about_design {
    background:url(../images/btn_web-design.png) 0 0 no-repeat;
    width:338px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

a.btn_about_design:hover {
    background:url(../images/btn_web-design.png) 0 -50px no-repeat;
}

a.btn-internet-marketing {
    background:url(../images/btn_internet_marketing.png) 0 0 no-repeat;
    width:309px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

a.btn-internet-marketing:hover {
    background:url(../images/btn_internet_marketing.png) 0 -50px no-repeat;
}

a.btn-usability {
    background:url(../images/btn_usability.png) 0 0 no-repeat;
    width:285px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

a.btn-usability:hover {
    background:url(../images/btn_usability.png) 0 -50px no-repeat;
}

a.btn_followus{
  background:url(../images/btn_followus.png) 0 0 no-repeat;
  width:124px;
  height:30px;
  display:block;
  margin:20px 0 0 0;
  text-indent:-9999px;
}

a.btn_followus:hover{
	background-position:0 -40px;
}

a.btn_fan{
  background:url(../images/btn-become_fan.png) 0 0 no-repeat;
  width:145px;
  height:30px;
  display:block;
  margin:20px 0 0 0;
  text-indent:-9999px;
}

a.btn_fan:hover{
	background-position:0 -40px;
}

a.btn_view-post{
  background:url(../images/btn_full-post.png) 0 0 no-repeat;
  width:149px;
  height:30px;
  display:block;
  margin:20px 0 0 0;
  text-indent:-9999px;
}

a.btn_view-post:hover{
	background-position:0 -30px;
}

a.btn_requestquote {
    background:url(../images/btn_quote_2.png) 0 0 no-repeat;
    width:189px;
    height:47px;
    display:block;
    margin:0px 0 0 0;
    text-indent:-9999px;
}

a.btn_requestquote:hover {
    background:url(../images/btn_quote_2.png) 0 -49px no-repeat;
}

a.btn_backtohome {
    background:url(../images/btn-back-to-home.png) 0 0 no-repeat;
    width:172px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

a.btn_backtohome:hover {
    background:url(../images/btn-back-to-home.png) 0 -50px no-repeat;
}



/* page setup */
body {
    background:#FFF url(../images/seamless_background.jpg) 50% 0 repeat;
	 background-attachment:fixed;
    font-family:Arial, Helvetica, sans-serif;
    line-height:180%;
    color:#646464;
    font-size:12px;
    padding:10px 0 0 0;
}

body.inner_page {
    background:#FFF url(../images/seamless_background.jpg) 50% 0 repeat;
	 background-attachment:fixed;
}

/* wrapper setup */
div.wrapper {
    margin:auto;
    width:962px;
    position:relative;
}
div.wrapper_middle {
   margin:120px auto 0;
   width:100%;
	background:#fff;
	border-top:4px solid #63c6d7;
}
div.wrapper_inner {
   margin:84px auto 0;
   width:100%;
	background:#fff;
	border-top:4px solid #6fd9d2;
}
div.wrapper_home {
  margin:54px auto 0;
  width:100%;
	background:#fff;
	border-top:4px solid #6fd9d2;
}

div.wrapper_folio,
div.wrapper_logos {
  margin:54px auto 0;
  width:100%;
	background:#fff;
	border-top:4px solid #6fd9d2;
} {
  margin:54px auto 0;
  width:100%;
	background:#fff;
	border-top:4px solid #6fd9d2;
}



/* header */
div#header {
    background:url(../images/header_bg.png) 50% 0 no-repeat;
    position:relative;
    height:145px;
    margin:0;
    z-index:50;
}

/* logo */
img#logo {
    position:absolute;
    top:0px;
    left:26px;
    border:0;
}

/* main body setup */
div#middle {
    width:962px;
    margin:0 auto;
    padding:135px 0 38px 0;
    clear:both;
	 position:relative;
}
div.wrapper_inner div#middle_alt,
div.wrapper_home div#middle_alt {
    width:962px;
    margin:-58px auto 0;
    padding:0px 0 38px 0;
    clear:both;
	 position:relative;
	 background:url(../images/middle_bg.png) 0 0 no-repeat;
}

div.wrapper_folio div#middle_alt,
div.wrapper_logos div#middle_alt {
    width:962px;
    margin:-58px auto 0;
    padding:0px 0 38px 0;
    clear:both;
	 position:relative;
	 background:url(../images/middle_bg.png) 0 0 no-repeat;
}


/* right column */
div#right {
    width:270px;
    padding:0 26px 0 0;
    float:right;
    position:relative;
}

/* content column */
div#content {
    width:auto;
    margin:0 315px 0 0;
    padding:0;
}

/* footer */
div#footer {
    background:url(../images/footer_shadow.png) 50% 0 no-repeat;
    width:auto;
    padding:40px 0 30px 0;
    clear:both;
    overflow:hidden;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.clear{
	clear:both;
}

.floatbox {
    overflow:hidden;
}

/* topmenu */
div#topmenu {
    background:url(../images/menu_bg.png) 0 0 no-repeat;
    position:absolute;
    top:65px;
    right:0;
    width:548px;
    padding:0 0 0 10px;
    height:45px;
}

div#topmenu ul {
    list-style:none;
}

div#topmenu ul li {
    background:url(../images/menu_sep.png) 0 0 no-repeat;
    float:left;
    padding:1px 0 0 0;
}

div#topmenu ul li.first {
    background:none;
}

div#topmenu ul li a {
    padding:16px 17px 0 16px;
    color:#5b5c5c;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    display:block;
    font-size:12px;
    text-transform:uppercase;
    height:27px;
}

div#topmenu ul li a:hover {
    background:url(../images/hover_bg.png) 0 0 repeat-x;
    color:#FFF;
    text-decoration:none;
}

div#topmenu ul li ul {
    background:url(../images/dropdown_bg.png) 0 100% no-repeat;
    padding:5px 9px 15px 9px;
}

div#topmenu ul li ul li {
    border:0;
    background:url(../images/dropdown_sep.png) 50% 0 no-repeat;
    overflow:hidden;
    padding:18px 0 6px 0;
}

div#topmenu ul li ul li:first-child {
    background:none;
}

div#topmenu ul li ul a {
    border:0;
    line-height:normal;
    height:auto;
    color:#FFF;
    padding:0 9px 10px 9px;
		font-size:12px;
}

div#topmenu ul li ul a:hover {
    background:none;
}

div#topmenu ul li.sfHover a {
    background:url(../images/hover_bg.png) 0 0 repeat-x;
    color:#FFF;
    text-decoration:none;
}

div#topmenu ul li.sfHover ul li a {
    background:none;
}

div#topmenu ul li.sfHover ul li:hover {
    background:#FFF url(../images/dropdown_sep_hover.png) 0 0 no-repeat;
}

div#topmenu ul li.sfHover ul li:hover a {
    color:#4ccdc3;
}

div#topmenu img.alignleft {
    float:left;
    margin:-8px 10px 0 0;
}

/* top bar */
div.top_bar {
    position:absolute;
    background:url(../images/top_bar.png) 0 0 no-repeat;
    width:268px;
    height:25px;
    top:15px;
    left:406px;
    padding:0 10px 0 10px;
}

div.top_bar a {
    display:block;
    float:left;
    color:#FFF;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:10px;
    margin:0 16px 0 0;
}

div.top_bar a.dorsal {
    background:url(../images/dorsal_bg.png) 0 2px no-repeat;
    padding:2px 0 0 27px;
}

div.top_bar a.twitter {
    background:url(../images/twitter_bg.png) 0 6px no-repeat;
    padding:2px 0 0 27px;
}

div.top_bar a.facebook {
    background:url(../images/facebook_bg.png) 0 6px no-repeat;
    padding:2px 0 0 14px;
    margin:0 17px 0 0;
}

/* visit */
div.btn_quote {
    position:absolute;
    right:0;
    top:-8px;
}

/* steps */
div.steps {
    background:url(../images/stap_bg.png) 0 0 no-repeat;
    padding:14px 0 26px 20px;
	 width:962px;
    overflow:hidden;
	 position:absolute;
	 top:-120px;
}

div.steps a.more {
    background:url(../images/learn_more_bg.png) 0 0 no-repeat;
    display:block;
    width:154px;
    height:38px;
    text-indent:-9999px;
    margin:5px 0 0 0;
}

div.steps a.more:hover {
    background:url(../images/learn_more_bg.png) 0 -50px no-repeat;
}

div.steps_box {
    background:url(../images/box_middle.png) 100% 0 no-repeat;
    width:250px;
    padding:0 30px 0 15px;
    float:left;
    margin:0 18px 0 0;
    line-height:25px;
}

div.steps .starter {
    background:url(../images/boder_bg.png) 0 100% no-repeat;
    padding:13px 0 20px 0;
    height:38px;
    margin:0 0 15px 0;
}

div.steps .starter h3 {
    background:url(../images/stap_1.png) 0 0 no-repeat;
    margin:0;
    padding:0 0 0 47px;
    font-size:19px;
    text-transform:uppercase;
    color:#008e83;
}

div.steps .starter h3 span {
    color:#666767;
    font-size:14px;
    display:block;
    line-height:18px;
    font-weight:normal;
}

div.steps .search {
    background:url(../images/boder_bg.png) 0 100% no-repeat;
    padding:13px 10px 25px 0;
    margin:0 0 15px 0;
}

div.steps .search h3 {
    background:url(../images/stap_2.png) 0 0 no-repeat;
    margin:0;
    padding:0 0 0 47px;
    font-size:19px;
    text-transform:uppercase;
    color:#008e83;
}

div.steps .search h3 span {
    color:#666767;
    font-size:14px;
    display:block;
    line-height:18px;
    font-weight:normal;
}

div.steps_box_alt {
    width:250px;
    padding:0 30px 0 15px;
    float:left;
    margin:0 18px 0 0;
    line-height:25px;
}

div.steps .premium {
    background:url(../images/boder_bg.png) 0 100% no-repeat;
    padding:13px 0 25px 0;
    margin:0 0 15px 0;
}

div.steps .premium h3 {
    background:url(../images/stap_3.png) 0 0 no-repeat;
    margin:0;
    padding:0 0 0 47px;
    font-size:19px;
    text-transform:uppercase;
    color:#008e83;
}

div.steps .premium h3 span {
    color:#666767;
    font-size:14px;
    display:block;
    line-height:18px;
    font-weight:normal;
}

/* featured work */
.featured_work{
	width:100%;
	height:357px;
}

/* portfolio area */
.portfolio_area{
	width:100%;
	height:447px;
}

/* logo area */
.logo_area{
	width:100%;
	height:283px;
}

/* content */
div.content {
    color:#585858;
    padding:1px 0 0 26px;
}

div.content h1 {
    color:#008e83;
    font-size:28px;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

div.content_alt h2, 
div.content_alt div.ccm-blog-post-preview h3{
    color:#008e83;
    font-size:20px;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

div.content_alt div.ccm-blog-post-preview h3 a{
    color:#008e83;
		text-decoration:none;
}

div.content p.highlighted {
    font-size:14px;
}

div.content a.packages-pricing {
    background:url(../images/pricing_packages_bg.png) 0 0 no-repeat;
    width:264px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

div.content a.packages-pricing:hover {
    background:url(../images/pricing_packages_bg.png) 0 -50px no-repeat;
}

div.content_alt a.features-list {
    background:url(../images/feature-list.png) 0 0 no-repeat;
    width:264px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

div.content_alt a.features-list:hover {
    background:url(../images/feature-list.png) 0 -50px no-repeat;
}


div.content_alt {
    color:#585858;
    padding:44px 0 0 26px;
    margin:0 0 35px 0;
    width:592px;
}

.wrapper_home div.content_alt {
    padding:77px 0 0 26px;
}

.wrapper_folio div.content_alt,
.wrapper_logos div.content_alt  {
    padding:60px 0 0 26px;
}


div.content_alt h1 {
    background:url(../images/dorsal_right_bg.png) 0 0 no-repeat;
    width:653px;
    height:38px;
    margin:0 0 0 -11px;
    left:0;
    top:24px;
    position:absolute;
    font-size:28px;
    color:#FFF;
    padding:23px 0 0 35px;
    text-transform:uppercase;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
}

div.content_alt h4 {
    font-size:20px;
    color:#008e83;
    text-transform:uppercase;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
}


div#content div.content_home h4 {
    background:url(../images/dorsal_right_bg.png) 0 0 no-repeat;
    width:653px;
    height:38px;
    margin:0 0 0 -11px;
    left:0;
    top:24px;
    position:absolute;
    font-size:28px;
    color:#FFF;
    padding:23px 0 0 35px;
    text-transform:uppercase;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
}

div#content div.content_home h1 {
    font-size:20px;
    color:#008e83;
    text-transform:uppercase;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    background:none;
    margin:0;
    padding:0;
    position:relative;
}




div.content_alt p.highlighted {
    font-size:14px;
}

div.content_alt a.how-it-works {
    background:url(../images/tell_me_bg.png) 0 0 no-repeat;
    width:241px;
    height:47px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
}

div.content_alt a.how-it-works:hover {
    background:url(../images/tell_me_bg.png) 0 -50px no-repeat;
}

/* breadcrumb */
div.breadcrumb {
    overflow:hidden;
    padding:8px 0 0 26px;
}

div.breadcrumb ul {
    list-style:none;
}

div.breadcrumb ul li {
    background:url(../images/arrow.png) 0 7px no-repeat;
    background-position:center left;
    float:left;
    padding:0 0 0px 15px;
    margin:0 10px 0 0;
    
}

div.breadcrumb ul li.home {
    background:none;
		padding:0px;
}

div.breadcrumb ul li a {
    font-size:10px;
    text-transform:uppercase;
    
}

div.breadcrumb ul li a.active {
    color:#008e83;
}

/* quote */
div.pull_quote {
    background:url(../images/pull_quote_bg.png) 0 0 no-repeat;
    padding:18px 26px 20px 26px;
    font-size:16px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    overflow:hidden;
}

div.pull_quote p.quote_open {
    background:url(../images/quote_open_bg.png) 0 0 no-repeat;
    padding:12px 0 0 45px;
    line-height:20px;
    margin:10px 0 10px 0;
}

div.pull_quote span.name {
    display:block;
    float:right;
    color:#ff9c00;
    clear:both;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:15px;
}

div.pull_quote span.name a {
    color:#ff9c00;
}

div.pull_quote span.owner {
    float:right;
    color:#008e83;
    clear:both;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:11px;
}

div.pull_quote span.owner a {
    color:#008e83;
}

/* Sidebar */
div.sidebar{
	position:relative;
	margin:42px 0 0 0;
}

div.sidebar h3 {
    text-transform:uppercase;
    color:#f7ad33;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    font-size:21px;
    margin:0 0 10px 0;
}

div.sidebar h3 span {
    font-family:"Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif;
    font-size:13px;
    display:block;
    color:#008e83;
    font-weight:normal;
    margin:0 0 5px 0;
}

div.directors h3 {
    text-transform:uppercase;
    color:#f7ad33;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    font-size:21px;
    margin:0 0 10px 0;
}

div.directors h3 span {
    font-family:"Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif;
    font-size:13px;
    display:block;
    color:#008e83;
    font-weight:normal;
    margin:0 0 5px 0;
}

div.directors{
padding:10px 0px;
border-bottom:1px dashed #CCC;

}

/* Sidebar Widget */
.sidebar_widget{
	padding:0 0 42px 0;
	background:url(../images/sidebar_divider.png) 0 100% no-repeat;
	margin:0 0 20px 0;
}

/* blog feed */
.blog-feed_icon{
	position:absolute;
	top:0px;
	right:0px;
}

ul.blog_feed{
	list-style-type:none;
	padding:5px 0 0;
	margin:0 0 25px 0;
}
ul.blog_feed li{
	clear:left;
	padding:10px 0;
	border-bottom:1px solid #dddddd;
}
ul.blog_feed li:hover{
	background:#f5f5f5;
}
	ul.blog_feed p.date{
		background:url(../images/blog-feed_date-bg.png) 0 0 no-repeat;
		display:block;
		overflow:hidden;
		float:left;
		width:37px;
		height:35px;
		margin:0 10px 0 0;
	}
		p.date span.day{
			color:#008e83;
			font-size:18px;
			font-family:Arial, Verdana, Hevetica, sans-serif;
			line-height:12px;
			display:block;
			margin:7px 0 0 9px;
		}
		p.date span.month{
			color:#008e83;
			font-size:9px;
			font-family:Arial, Verdana, Hevetica, sans-serif;
			text-transform:uppercase;
			line-height:9px;
			display:block;
			margin:2px 0 0 9px;
		}
	ul.blog_feed p.title{
		font-size:11px;
		display:block;
		width:220px;
		margin:3px 0 0;
		padding:0;
		line-height:1.4em;
		float:right;
	}
	ul.blog_feed a.post_link{
		display:block;
		text-decoration:none;
		color:#646464;
	}
	ul.blog_feed a.post_link:hover{
		color:#008e83;
	}
	
div.sidebar a.btn_blog {
    background:url(../images/btn_visit-blog.png) 0 0 no-repeat;
    width:144px;
    height:30px;
    display:block;
    text-indent:-9999px;
}

div.sidebar a.btn_blog:hover {
    background:url(../images/btn_visit-blog.png) 0 -40px no-repeat;
}

/* newsletter */
div.newsletter {
    width:332px;
    float:left;
    font-family:"Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#FFF;
}

div.newsletter h4 {
    margin:0 0 5px 0;
    color:#FFF;
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
}

div.newsletter h3 {
    margin:0 0 9px 0;
    font-size:19px;
    color:#FFF;
    font-weight:normal;
    text-shadow:#000 1px 1px 1px;
}

div.newsletter ul {
    list-style:none;
    overflow:hidden;
}

div.newsletter ul li {
    background:url(../images/input_bg.png) 0 0 no-repeat;
    float:left;
    margin:10px 0 0 0;
}

div.newsletter ul li input.input_box {
    width:210px;
    margin:7px 0 0 0;
    color:#5e5e5e;
    background:none;
    border:none;
    padding:0px 50px 10px 7px;
}

div.newsletter ul li input.submit {
    background:url(../images/submit_bg.png) 0 0 no-repeat;
    border:none;
    width:49px;
    height:39px;
    margin:-5px 0 0 -53px;
    display:block;
    position:absolute;
    cursor:pointer;
}

/* footer right */
div.footer_right {
    width:577px;
    float:left;
    overflow:hidden;
    margin:0 20px 0 0;
}

/* copyright */
div.copyright {
    font-size:11px;
    color:#FFF;
    width:316px;
    float:left;
		line-height:1.6em;
}

div.copyright .estate {
    display:block;
}

div.copyright a.design {
    color:#FFF;
    text-decoration:underline;
    display:block;
    color:#FFF;
    float:left;
    font-size:11px;
    margin:0 10px 0 0;
}

div.copyright span.saelstrom {
    /*background:url(../images/saelstrom_bg.png) 0 4px no-repeat;*/
    display:block;
    float:left;
    padding:0 0 0 20px;
}

div.copyright span.saelstrom a {
    color:#FFF;
}

/* call */
div.call {
    width:215px;
    float:right;
    margin:0 0 20px 30px;
    overflow:hidden;
}

div.call img {
    float:left;
    margin:0 15px 0 0;
}

div.call a.face_book {
    background:url(../images/icon_facebook.png) 0 0 no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:0 10px 0 0;
}

div.call a.footer_twitter {
    background:url(../images/icon_twitter.png) 0 0 no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
}

/* footer menu */
div#footer_menu {
    background:url(../images/footer_menu_bar.png) 0 0 no-repeat;
    width:577px;
	height:35px;
    padding:0 0 0 8px;
    clear:both;
    overflow:hidden;
	margin:6px 0 0 0;
}

div#footer_menu ul {
    list-style:none;
	
}

div#footer_menu ul li {
    background:url(../images/footer_menu_sep.png) 0 0 no-repeat;
    float:left;
}

div#footer_menu ul li.first {
    background:none;
}

div#footer_menu ul li a {
	height:34px;
    padding:12px 21px 12px 21px;
	color:#5b5c5c;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    display:block;
    font-size:11px;
    text-transform:uppercase;
}

div#footer_menu ul li a.active {
    background:url(../images/footer_hover_bg.png) 0 0 repeat-x;
    color:#FFF;
    float:left;
}

div#footer_menu ul li a:hover {
    background:url(../images/footer_hover_bg.png) 0 0 repeat-x;
    color:#FFF;
    text-decoration:none;
}

/*2 Columns */

.columns{
clear:none;
overflow:hidden;

}

.columns ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:525px;
}

.columns ul li {
background:transparent url(../images/check.png) no-repeat scroll 0 6px;
background-position:left top;
float:left;
margin:0 0 12px;
padding:0 0 2px 25px;
width:236px;
}

/*End Columns */


.large-text{
    font-size:20px;
    text-transform:uppercase;
    color:#008e83;
    

}

/*HotBox BG */

div.hotbox-bot {
width:639px;
background:url(../images/hotbox_bot-bg.gif) 0 0 no-repeat;
background-position:left bottom;
margin:0 0 0 -25px;
margin-top:45px;
clear:both;
}

div.hotbox-top {
background:url(../images/hotbox_lg-bg.gif) 0 0 no-repeat;
background-position:left top;
}

div.hotbox-top-sm {
background:url(../images/hotbox_sm-bg.gif) 0 0 no-repeat;
background-position:left top;
}

div.hotbox-content{
    padding:15px 25px 25px 25px;
    margin:0 0 35px 0;
}

div.hotbox-content span{
font-size:14px;

}

div.hotbox-content h2 {
    color:#008e83;
    font-size:20px;
    font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
		margin:12px 0 .7em 0;
}
	div.hotbox-content .box-left{
			width:282px;
			margin-right:25px;
			float:left;
	}
	div.hotbox-content .box-right{
			width:282px;
			float:left;
	}
		div.hotbox-content .box-left  h2.seo{
				color:#008e83;
				font-size:18px;
				font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				background:url(../images/icon_seo.gif) 100% 0 no-repeat;
		}
		
		div.hotbox-content .box-right h2.web{
				color:#008e83;
				font-size:18px;
				font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				background:url(../images/icon_web.gif) 84% 0 no-repeat;
		}


div.hotbox-content .box-right h2.leaders{
				color:#008e83;
				font-size:18px;
				font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				background:url(../images/radial_info.png) 84% 0 no-repeat;
		}


div.hotbox-content .box-right h2.directors{
				color:#008e83;
				font-size:18px;
				font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				background:url(../images/directors_icon.png) 84% 0 no-repeat;
		}




	div.hotbox-content .box-left  h2.directors{
				color:#008e83;
				font-size:18px;
				font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				background:url(../images/directors_icon.png) 100% 0 no-repeat;
		}


div.hotbox-content .box-left  h2.aboutstrom{
				color:#008e83;
				font-size:18px;
				font-family:"Avenir 85 Heavy", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				background:url(../images/orange_strom.png) 100% 0 no-repeat;
		}

              

div#feature-l{
background:url(../images/features-divide.gif) 0 0 no-repeat;
background-position:left bottom;
padding:25px 0;

}

div#feature-l img{

float:right;
padding:15px 0px 6px 25px;

}

div#feature-r{
background:url(../images/features-divide.gif) 0 0 no-repeat;
background-position:left bottom;
padding:25px 0;

}

div#feature-r img{

float:left;
padding:15px 25px 6px 0px;

}

.feature-first-item{
padding-top:0px !important;

}

.feature-last-item{
background:none !important;
padding-bottom:0px !important;

}

/*END Features List */


/*Checklist Styles */

.checklist{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.checklist li {
background:transparent url(../images/check.png) no-repeat scroll 0 6px;
background-position:left top;
margin:0 0 12px;
padding:0 0 2px 25px;
}

/*END Checklist Styles */

.menu-title{
	height:40px;
	padding-top:20px;
}

/*Service Menu Styles */

.service_table td{

    width:186px;
    height:45px;
    padding:0 10px 10px 0;   
    
}

.last-item{
padding-right:0px !important;

}

.service_table td a{
   
    width:186px;
    height:45px;
    color:#008e83;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    background-color:#f0f4f4;
    border:1px solid #d9e6e5;
    
}

.service_table td a span{

    display:block;
    
}

.single span{
padding:18px 4px 2px 4px;

}

.double span{
padding:12px 4px 2px 4px;

}

.service_table td a:hover{
background-color:#FFF;
color:#f7ad33;
border:1px solid #ffe3b5;

}



/*END Service Menu Styles */

.divide{
height:27px;
background:url(../images/content_divide.png) top left no-repeat;
margin:25px 0px;

}

/* Tweet box */

.tweetbox-bottom{

background:url(../images/tweet-box-bot.gif) bottom left no-repeat;

}

.tweetbox-top{

background:url(../images/tweet-box-top.gif) top left no-repeat;

}

.tweet{

padding:40px 20px 20px;

}

.tweet_list li{

list-style:none;

}

/*Tweet box END */

/* Sidebar Blog Post */

.blog-box-bottom{

background:url(../images/side-blog-box-bot.gif) bottom left no-repeat;

}

.blog-box-top{

background:url(../images/side-blog-box-top.gif) top left no-repeat;

}

.side-post-title{
font-weight:bold;
}

.blog-box-content{

float:right;
width:200px;
padding:10px 10px 10px 0px; 


}

.blog-box-content p,
.side-blog-date p{
	margin:.5em 0;
}

.side-blog-date{
width:34px;
height:24px;
padding:18px 0px 0px 9px;

}

.side-blog-date p{
color:#008e83;
font-size:9px;
text-transform:uppercase;

}

.side-blog-date p span{
font-size:18px;
display:block;
color:#008e83;

}


.clearfix{
clear:both;

}

/* End Sidebar Blog Post */

/* Subnav Styles */

.subnav-bottom{

background:url(../images/subnav-bg-bottom.gif) bottom left no-repeat;

}

.subnav-top{

background:url(../images/subnav-bg-top.gif) top left no-repeat;

}


.subnav ul{


padding:10px 0px;
}

.subnav li{

list-style:none;
padding:2px 0px 0px 0px;
background:url(../images/subnav-divider.png) top left no-repeat;

}

.subnav li:first-child{
background:none !important;

}

.subnav a{
display:block;
width:269px;
height:38px;
font-size:13px;
text-transform:uppercase;
color:#585858;
}

.subnav a:hover{
color:#FFFFFF !important;
background:url(../images/subnav-rollstate.gif) 0 0 repeat-x;
background-position:top left;
text-decoration:none;

}

.s-active {
background:url(../images/subnav-active.gif) top left repeat-x !important;
text-decoration:none;
color:#FFFFFF !important;
}
.subnav .s-active span{
display:block;
background:url(../images/subnav-active-arrow.gif) top left no-repeat;
margin-left:-16px;
height:24px;
padding-left:32px !important;


}

.subnav a span{
display:block;
padding:14px 0 0 16px;

}


/* End Subnav Styles */

.btn_quote2{
float:right;
margin:0px;
padding:0px;
}

/* Concrete5 CSS Ovewrite */
#content .ccm-blog-post-envelope{
	margin:30px 0 0 0;
}

#content .ccm-blog-post-tags p{
	margin:0;
}

#content .ccm-blog-post-envelope,
#content .ccm-blog-post-tags{
	font-size:11px;
}

#content .ccm-blog-post-comments .error{
	font-size:11px;
	display:block;
	float:left;
	margin-top:-5px;
	color:#e60000;
}

#content .ccm-blog-post-preview h2 a{
	color:#008e83;
}

#content .ccm-blog-post-preview h3{
	margin-bottom:0;
}

#content .ccm-blog-blog-post-content .blog-heading{
	margin-top:1em;
}

#content .ccm-blog-post-body .blog-heading{
	margin-top:1.2em;
}

#content .guestBook-title{
	margin-top:0.7em;
	border-bottom:0 none;
	line-height:100%;
}

#content .view-full-post a{
	background:url(../images/btn_full-post-2.png) no-repeat 0 0;
	width:150px;
	height:30px;
	display:block;
	border:0 none;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
#content .view-full-post a:hover{
	background-position:0 -30px;
}

#post-comments .submit-comment .post-comment-btn{
	background:url(../images/btn_post-comment.png) no-repeat 0 0;
	width:151px;
	height:30px;
	display:block;
	border:0 none;
	margin:0;
	padding:0;
	text-indent:-9999px;
	cursor:pointer;
}
#post-comments .submit-comment .post-comment-btn:hover{
	background-position:0 -30px;
}

#post-comments input{
	background:url(../images/input_1.png) no-repeat 0 0;
	width:186px;
	height:20px;
	display:block;
	border:0 none;
	margin:0;
	padding:2px 3px 0 5px;
	font-size:12px;
	clear: both;
}

#post-comments textarea{
	background:url(../images/field_1.png) no-repeat 0 0;
	width:578px;
	height:150px;
	display:block;
	border:0 none;
	margin:0;
	padding:5px;
	font-size:12px;
	line-height:1.6em;
	clear: both;
}

#post-comments .comment_name,
#post-comments .comment_email,
#post-comments .comment_comments{
	margin-bottom:13px;
}
#post-comments .comment_email .note{
	font-style:italic;
}

#post-comments .contentByLine{
	margin-bottom:10px;
}

#post-comments .contentByLine,
#post-comments .userName,
#post-comments .contentDate{
	font-size:14px;
}

.ccm-blog-post-body h3{

font-size:16px;
text-transform:uppercase;

}




/* Blog */
.content_alt .ccm-blog-post{
	margin-top:18px;
}

.content_alt .ccm-blog-blog-post-content .blog-heading{
	font-size:13px;
	font-weight:bold;
	color:#585858;
}

.content_alt .ccm-blog-post-tags p{
	font-style:italic;
}

/* form */
.form {
    
    padding:0px;
    margin:0px;
 
}

.form_content {
    padding:0px;
    margin:0px;
    overflow:hidden;
    font-size:13px;
    color:#585858;
}

.form_content ul {
    list-style:none;
    overflow:hidden;
}

.form_content ul li {
    float:left;
    width:172px;
    margin:4px 100px 10px 2px;
}

.form_content ul li.large {
    float:none;
    width:auto;
    margin:4px 25px 0px 0px;
    clear:both;
}

.form_content ul li label {
   color:#008E83;
	text-transform:uppercase;
	line-height:100%;
}

.form_content ul li input.fields {
    width:188px;
    height:20px;
    padding:5px 2px 5px 2px;
    border:0;
    background:url(../images/input_1.png) no-repeat 0 0;
    
}

.form_content ul li textarea {
    background:url(../images/field_1.png) no-repeat 0 0;
	width:578px !important;
	height:150px !important;
	display:block;
	border:0 none;
	margin:0;
	padding:5px;
	font-size:12px;
	line-height:1.6em;
	clear: both;
}


.selectbox{
width:170px;
margin:5px 2px;


}

.form_content ul li input.submit_button {
    background:url(../images/form-submit-btn.png) 0 0 no-repeat;
    padding:10px 5px 0px 5px;
    width:142px;
    height:38px;
    display:block;
    margin:20px 0 0 0;
    text-indent:-9999px;
    cursor:pointer;
    border:none !important;
}

.form_content ul li input.submit_button:hover {
    background:url(../images/form-submit-btn.png) 0 -50px no-repeat;
}

.contact-title{
	margin-top:0.7em;
	border-bottom:0 none;
	line-height:100%;
}


