body {
   font-family: verdana, geneva, 'sans serif';
   background: #d9d9d9;
   width: 100%;
   min-width: 1024px;
}

a {
   color: #696;
   text-decoration: none;
   background: transparent;
}

a:visited {
   color: #363;
}

a:hover, a:active, a:focus {
   background: transparent;
   color: #fff;
   text-decoration: underline;
}

h1 {
   font-size: 28px;
   margin: 15px 0;
}

h2 {
   font-size: 22px;
   color: #333;
   border-bottom: solid 1px #666;
   margin: 0 0 10px;
}

h3 {
   font-size: 18px;
   color: #666;
}

p {
   margin: 15px 0;
}

#content {
   padding-top: 10px;
   width: 100%;
   background: url(/images/layout/content_bg.png) repeat-x #d9d9d9;
}

.constrained {
   width: 100%;
   max-width: 1024px;
   padding: 0;
   margin: 0 auto;
}

#header {
   background: #000;
   display: block;
   height: 114px;
}

#header a {
   color: #73B058;
}

#banner {
   float: left;
}

#call-us {
   float: right;
   color: #999;
   font-size: 12px;
   line-height: 25px;
   height: 53px;
}
#call-us #call-to-action { color: #fff; }
#call-us #call-to-action img { vertical-align: middle; }
#call-us #phone-number { color: #fff; }
#call-us #phone-number span { color: #999;  }

div#login-badge {
   float: right;
   width: 269px;
   height: 53px;
   background: url(/images/layout/blog_badge.png) no-repeat;
   text-align: center;
   
}
#login-badge span,
#login-badge a {
   display: inline;
   color: #000;
}
#login-badge span {
   display: inline;
   font-size: 10px;
}

#menu ul {
   margin-top: -9px;
   float: right;
   list-style: none;
   width: 675px;
}
#menu ul li {
   display: block;
   float: left;
}
#menu ul li a {
   display: block;
   color: #999;
   text-decoration: none;
   font-size: 18px;
   padding: 5px 10px 0;
   border-right: solid 1px #333;
}
#menu ul li a#right-edge {
   border-right: none;
}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li a.active {
   color: #fff;
}
#menu ul li a span {
   display: block;
   font-size: 12px;
   padding: 5px 2px;
}

.tile {
   background: url(/images/layout/trim_tile.png) repeat-x transparent;
}
div.hr.tile {
   display: block;
   width: 100%;
   height: 45px;
   padding: 0;
   color: transparent;
   border: none;
   margin-bottom: -24px;
}
div.hr.tile hr {
   display: none;
}

#front-page-display > div.constrained {
   height: 520px;
   background: url(/images/layout/screenshots.png) right bottom no-repeat;
}
#front-page-display div.testimonial {
   margin: 0;
   padding: 10px 0;
   height: 135px;
}
#front-page-display div.testimonial p {
   font-size: 14px;
}
#front-page-display h2 {
   font-size: 23px;
   font-weight: bold;
   text-shadow: 2px 2px 2px #fff, 4px 4px 4px #666;
   margin: 0;
   padding: 15px 0 0 5px;
   width: 370px;
   border: none;
}

div#contact-bar {
   color: #fff;
   background: #696;
   border-top: solid 1px #3f0;
   padding: 20px 0 5px;
   font-weight: bold;
   font-size: 14px;
   width: 100%;
   height: 75px;
   position: absolute;
   margin-top: -100px;
   /* for IE */
   filter:alpha(opacity=90);
   /* CSS3 standard */
   opacity:0.9;
}
#contact-bar p {
   margin: 0;
}
#contact-bar span {
   color: #000;
}
#contact-bar a.contact-us-button {
   float: right;
   margin: -5px 0 0 15px;
}

#footer {
   background: url(/images/layout/footer_bg.png) repeat-x #000 !important;
   color: #ccc;
}
#footer #bottom-bar {
   font-size: 12px;
   padding-top: 48px;
}
#footer #footer-bar {
   width: 100%;
   height: 31px;
   padding: 9px 15px;;
   font-size: 20px;
}
#footer #footer-bar span {
   font-size: 14px;
   color: #999;
}
#footer #footer-bar img {
   vertical-align: middle;
}
#footer #footer-widgets {
   width: 100%;
   padding-top: 25px;
   height: 315px;
}
#footer-widgets ul li {
   font-size: 14px;
   margin: 15px;
}

.black {
   margin-bottom: -24px;
}

.black .constrained > h1:first-child {
   margin-top: 40px;
}
.black h1 {
   color: #fff;
}
.black h2,
.black h3 {
   color: #999;
}
.black a, 
#footer a {
   color: #9c9;
}
.black a:visited
#footer a:visited {
   color: #696;
}

.black div.column {
   padding-top: 15px;
   background: url(/images/layout/shine_bg.png) center top no-repeat;
}

div.border {
   border: solid 1px #666;
   margin: 0;
   padding: 20px 5% 5px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
}

.black div.column h2,
#footer #footer-widgets h3 a {
   display: inline-block;
   color: #fff;
   font-size: 18px;
   padding-bottom: 10px;
   margin: 0 0 15px;
}

.black div.column h2,
#footer #footer-widgets h3 {
   border-bottom: solid 1px #666;
}
.black div.column.middle h2 {
   color: #73b058;
   border-color: #73b058;
}
#footer #footer-widgets h3 {
   margin-bottom: 20px;
}
#footer #footer-widgets h3 img {
   vertical-align: middle;
   margin-right: 5px;
}
#footer #footer-widgets h3 span a {
   font-size: 12px;
   color: #ccc;
}

dl dt {
   color: #363;

}
#footer-widgets dl dt {
   color: #696;
}
#footer-widgets dl dt span {
   font-size: 9px;
   color: #fff;
   margin: 0 0 0 15px;
}
dl dd {
   margin-bottom: 15px;
}
#footer-widgets dl dd {
   font-size: 12px;
}
#footer-widgets dl dd p { margin: 0; }
#footer-widgets ul {
   list-style: none;
}

.black div.column h2 {
   font-size: 18px;
}
.black div.column p {
   margin: 10px 0;
   font-size: 14px;
}

.learn-more-link {
   display: block;
   margin: 30px 0 0;
}
img.learn-more-arrow {
   float: right;
}

.black {
   background: #000;
   color: #ccc;
   padding-bottom: 50px;
}

.black hr.tile {
   margin-bottom: 15px;
}

a.contact-us-button {
   background: transparent;
}

.fifth-width {
   width: 17%;
}
.quarter-width {
   width: 22%;
}
.third-width {
   width: 30%;
}
.half-width {
   width: 47%;
}
.three-quarters-width {
   width: 72%;
}
.three-fifths-width {
   width: 57%;
}
.four-fifths-width {
   width: 77%;
}

.column {
   float: left;
   margin: 0;
   padding: 0 1.5%;
}

.float-right {
   float: right;
}
.float-left {
   float: left;
}
img.float-left {
   margin: 10px 15px 10px 0;
}

.clear { 
   clear: both;
}

br.clear {
   display: block;
   width: 100%;
   height: 0;
}

.thumb {
   margin: 0px 15px 20px 0px;
   padding: 3px 3px 20px;
   border: solid 1px #666;
   background: #fff;
}
.thumb span {
   display: block;
   text-align: center;
   margin: 5px auto;
   width: 100%;
   font-style: italic;
}

.attributed {
   display: block;
   float: right;
}

.bio-info {
   margin-right: 15px;
}

.rounded {
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
	border-radius: 7px;
}

.dark-bg {
   background: #aaa;
   padding: 15px;
}
.white-bg {
   background: #fff;
   padding: 15px;
   border: solid 1px #333;
}
.white-bg a:hover, .white-bg a:active, .white-bg a:focus {
   color: #666;
}

#contact-form {
margin: 0 20px 40px;
}

#contact-form input, #contact-form select, #contact-form textarea, #contact-form button {
background-color: #fff;
font-size: 1em;
margin-bottom: 15px;
border: inset 1px #696;
}

#contact-form input.button {
background-color: #71af5a;
font-size: 1.5em;
margin-bottom: 15px;
background-image: url(/images/layout/input_bg.jpg);
background-repeat: repeat-x;
border: outset 1px;
padding: 5px 10px;
}

textarea#info_inquiry {
width: 100%;
}

input#info_phone {
width: 125px;
}

#contact-form label {
display: none;
}

#contact-form label.show {
   display: inline-block;
   width: 100px;
   color: #666;
   font-weight: bold;
}

.label-text {
   color: #666;
}

.center {
   margin: auto;
}

#notice, #warning, #error, .small-js-warning { width: 80%; padding: 10px; background: #88cc88; border: solid 1px #004400; color: #004400; margin: 5px auto 10px; }
#warning, #error, .small-js-warning { background: #ffdd55; color: #000; border-color: #000; }
.errorExplanation { background: #ffdd55; padding: 5px; border: solid 1px; }
.errorExplanation h2 { color: #000; font-size: 14px; }
.errorExplanation ul { color: #520000; }
#notice.small, #error.small, #warning.small, .small-js-warning { margin: 5px 0; font-size: 12px; padding: 5px; }
.small-js-warning { display: block; }

.ui-tabs .ui-tabs-hide {
   display: none;
   list-style: none;
}

.ui-tabs > div {
   padding: 20px;
   margin-bottom: 20px;
}

.ui-tabs > ul:first-child li {
   display: inline-block;
}


.black .ui-tabs > ul:first-child {
   background: url(/images/layout/black_tab_bg.png) no-repeat;
   height: 78px;
   margin-bottom: 20px;
   text-align: center;
}

.black .ui-tabs > ul:first-child li a {
   display: block;
   font-size: 18px;
   line-height: 20px;
   padding: 29px;
   color: #000;
   outline: none;
}

.black .ui-tabs > ul:first-child li.ui-tabs-selected {
   background: url(/images/layout/black_tab_bg_active_left.png) no-repeat;
}
.black .ui-tabs > ul:first-child li.ui-tabs-selected a {
   color: #fff;
   background: url(/images/layout/black_tab_bg_active_right.png) right no-repeat;
   text-decoration: none;
}

#footer-widgets #blog-headlines { height: 345px; overflow: hidden; }

/*---------Sticky Footer by Ryan Fait----http://ryanfait.com/---------*/

#content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -470px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
	height: 470px; /* .push must be the same height as .footer */
}

/*--------- Habla -----------*/

#habla_panel_div {
   /* The following is only supported by CSS3-supported browsers...
	http://en.wikipedia.org/wiki/Comparison_of_web_browser_CSS_support
	*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#habla_panel_div { padding: 3px !important; background: url(/images/layout/input_bg.jpg) repeat-x #73b058 !important; border: solid 1px #fff !important; color: #000; }
#habla_topbar_div { color: #333 !important; padding: 7px !important; background: transparent !important; }
#habla_topbar_div a { color: #000 !important; }
#habla_sizebutton_a, #habla_closebutton_a { background: transparent !important; }
#habla_conversation_div { border: none !important; }
#habla_conversation_div a { color: #fff !important; text-decoration: underline; }
#habla_input_div { background: #fff; border: inset 1px #356802 !important;}
#habla_wcsend_input { border: none !important; }
#hblink9 { color: #333 !important; }

/*--------- Twitter -----------*/

div.twtr-timeline { overflow: hidden !important; }
div.twtr-hd,
div.twtr-ft { display: none; }
div.twtr-tweet { border: none !important; }

/*--------- JQuery GalleryView -----------*/

/* GALLERY CONTAINER */
.gallery { background: transparent; border: solid 1px #333; padding: 0;}
.gallery#showcase { border: none; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
#clients .panel .panel-overlay,
#clients .panel .overlay-background { height: 100px; padding: 5px 1em;  top: 416px; }

#showcase .panel .panel-overlay,
#showcase .panel .overlay-background { padding: 0 1em; font-size: 14px; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #696; border-top: solid 1px #3f0; }

#venturit-description { margin-top: 40px; }
#adrenaline-description { margin-top: 25px; }