/*
Theme Name: Salma Systems
Description: Created by Tynan Szvetecz and Chris Golaszewski for Commerce Kitchen
Author: Commerce Kitchen
Author URI: http://www.commercekitchen.com/
Version: 2.0
*/

/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; }
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */; }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */; }
*: first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */; }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #394695; }
a.button: active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #052363; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #394695; }
a.positive: active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative: active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

body { margin: 0; padding: 0; color: #666; background: #ebf3f9 url("images/site-bg.jpg") fixed center top; font-family: Verdana, Arial, sans-serif; font-size: 80%; }

a { color: #0066b3; font-weight: bold; text-decoration: underline; }
a:hover { color: #333; text-decoration: none; }
a: active { outline: none; }

img.border { padding: 1px; border: 1px solid; }
a img.border { border-color: #0066b3; }
a:hover img.border { padding: 0; border: 2px solid; }
img.alignright { float: right; margin-left: 10px; }

h1, h2, h3, h5, h6 { padding: 0.25em 0; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: bold; color: #00235d; }
h1 { font-size: 1.2em; line-height: 1.3em; color: #00235d; font-weight: normal; }
h2 { font-size: 1.7em; line-height: 1.5em; font-weight: bold; border-bottom: 4px solid #dbe9f4; color: #666; margin: 5px 0; }
h3 { font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #666; margin: 10px 0; }
.no-margin { margin-bottom: 0; padding-bottom: 0; }
h4 { padding: 0.25em 0; font-size: 1.8em; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: normal; color: #00235d; }
h6 { font-size: 1.25em; }
p img, p img.right { margin-top: 0px; }

#preheader { margin-top: 20px; padding: 0 0 4px 0; height: 60px; border-bottom: 4px solid #0066b3; background: transparent url("images/header-bg.gif") no-repeat top left; }

#logo { font-family: Georgia, Times, serif; color: #00235d; text-align: left; height: 65px; }
#logo p { margin-right: 2.0em; }
#phone { font-size: 1.1em; text-align: right; padding: 0 0 0 0; line-height: 1.2em; font-weight: bold; color: #666; }
#phone p { margin: 5px 0 0 0; padding: 0; }
.call-free-quote { font-size: 1.3em; }
.tag { font-size: .8em; font-style: italic; }

#header { border-bottom: 4px solid #0066b3; }

#global-menu-container { margin: 0; padding: 12px 0; float: left; width: 100%; }

/* BEGIN Override superfish.css */
.sf-menu { margin-bottom: 0; float: right; right: 50%; position: relative; }
.sf-menu a { padding: .7em 2em; background: transparent; color: #fff; font-size: .9em; border-top-color: #fff; }
.sf-menu a:hover { color: #00235d; background-color: #8cbbe2; }
.sf-menu a,
.sf-menu a:visited { color: #fff; }
.sf-menu li { background: #0066b3 url("images/menu-bg.gif") repeat-x top left; left: 50%; }
.sf-menu li li,
.sf-menu li li li { color: #00235d; background-color: #0066b3; width: 240px; left: 0; }
.sf-menu li li a,
.sf-menu li li li a { border-color: #fff; border-top-color: #fff; border-right: 1px solid #fff; color: #fff; }
.sf-menu li li:last-child a,
.sf-menu li li li:last-child a { border-bottom: 1px solid #fff; }
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a: active { color: #00235d; background-color: #8cbbe2; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { top: 2.2em; }
/* END Override superfish.css */

#home-header {}

#home-big-banner-container {}
#home-big-banner-container img { margin-left: 6px; }

#home-contact-container {}
#home-contact-container div { margin: 0; padding: 6px 14px 10px 14px; height: 274px; color: #fff; background: transparent url("images/contact-bg.gif") no-repeat top center; }
#home-contact-container div p { font-size: 0.9em; }

#drivers { background: #ebf3f9; border-top: 4px solid #0066b3; border-bottom: 4px solid #0066b3; }
.driver { padding: 0 10px 10px 10px; }
.driver h2 { margin: 5px 0; border: none; color: #0066b3; font-size: 1.1em; line-height: 1.1em; }
.driver p { margin: 0 0 5px 0; padding: 0; line-height: 1.2em; font-size: .9em; }

#content {}

#feature-check-list { float: left; padding: 10px; margin: 10px 10px 10px 0; border: 1px solid #eee; background-color: #f7f7f7; -moz-border-radius: 0.5em; -khtml-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
#feature-check-list h3 { margin: 0; padding: 0 4px; color: #666; font-size: 1.25em; line-height: 1.5em; }
#feature-check-list ul { margin: 1em 0; padding: 0; }
#feature-check-list ul li { margin: 1px 0 0 0; padding: 0.5em 0.5em 0.5em 24px; list-style: none; line-height: 1em; background: #e9efef url("images/form_button_icons/tick.png") no-repeat 4px center; }
#feature-check-list ul li.alt { background-color: #e0eded; }
#feature-check-list p { margin: 0.5em 0; padding: 0; text-align: center; }
#feature-check-list p a { margin: 0; padding: 0.5em 4px; display: block; text-decoration: none; color: #fff; font-size: 1em; line-height: 1.1em; border: 1px solid #036; background-color: #069; -moz-border-radius: 0.25em; -khtml-border-radius: 0.25em; -webkit-border-radius: 0.25em; }
#feature-check-list p a:hover { background-color: #09c; }
#feature-check-list.full-width { width: 650px; }
#feature-check-list.half-width { width: 50%; font-size: 0.9em; }
#feature-check-list.third-width { width: 33%; font-size: 0.8em; }

#sidebar { padding-bottom: 36px; }
#sidebar img { margin: 0 0 20px 0; }
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar ul li { margin: 0; padding: 0 0 1em 16px; background: transparent url("images/quicklinks-bullet.gif") no-repeat left 0.5em; }
#sidebar ul li a { font-weight: normal; font-size: .9em; }

#video {}
#video a { text-decoration: none; }
#video a:hover { text-decoration: underline; }
#video p { margin: 0 0 4px 0; padding: 0 0 0 0px; font-size: .9em; line-height: 1.2em; }
#video img { margin: 0 4px 0 0; }

.block h3 { font-size: 1.1em; color: #8c0b05; border-bottom: 1px solid #00235d; }
.block p {}
.testimonial-name { font-size: .8em; font-weight: bold; color: #00235d; font-style: normal; }

#footer { padding: 40px 0; text-align: center; font-size: .9em; line-height: 1em; }
#footer img { margin-bottom: 36px; }
#footer p { line-height: 1.4em; }

#footer-menu-container { float: left; width: 100%; position: relative; }
#footer-menu-container ul { margin: 30px 0; padding: 0; text-align: center; clear: left; float: right; right: 50%; position: relative; }
#footer-menu-container ul li { list-style: none; line-height: 1.3em; float: left; left: 50%; position: relative; }
#footer-menu-container ul li a { margin: 0; padding: 0 1em; color: #394695; font-size: .9em; text-decoration: none; }
#footer-menu-container ul li a:hover { color: #052363; text-decoration: underline; }

.images  { vertical-align: bottom; }
.center { text-align: center; }

label { font-weight: normal; }
input.text { width: 92%; }
input.small { width: 30px; }
textarea { width: 92%; height: 8em; }