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

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, form, label, legend, fieldset, table, ul, li{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {font-family:Tahoma, Geneva, sans-serif;color: #000;line-height:1.5;margin:0px auto;background:url(../images/bg.jpg) repeat-x #fff;}
a:link, a:visited {color:#033;text-decoration:none;}
a:hover, a:active {color:#033;text-decoration:underline;}
a{font-weight:600;}
.left{float:left;}
.right{float:right;}
.end{clear:both;}

/* HEADER */
#header { height:534px; }
#header a{font-weight:normal;}
.headerimg {background-position: center top;background-repeat: no-repeat;width:100%;height:305px;position:absolute;top:230px;}

/* CONTROLS */
#headernav { float:right;margin:230px 0px 10px 0; }
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

#top{width:980px;margin:0px auto;position:relative;}
#top .main{width:980px;height:196px;}
#top .right{padding-top:80px;}
.tel{font-family:'CallunaRegular', Georgia, Arial; font-size:20px;text-align:right; line-height:1.4;} 
.navigation{height:32px; width:980px;padding-top:1px;margin:0px auto;}
#content{width:980px; position:relative;margin:0px auto;}
.left_main{width:679px;float:left;}
.left_column{width:291px; float:left;margin-right:30px;padding-top:36px;}
.mid_column{width:352px; float:right;}
.right_column{width:261px; float:right;padding-top:30px;}
.video{padding:40px 0 32px 0;}
#clients{width:980px; margin:0px auto;padding:20px 0;}
#clients .left{width:319px; border-right:2px dotted #ccc;float:left}
#clients .mid{width:336px; border-right:2px dotted #ccc;float:left; padding-left:10px;}
#clients .right{width:291px;float:left;padding-left:20px;}
.user1{width:96px; float:left;}
.user2{width:104px; float:left;}
.user3{width:100px; float:left;}
.user4{width:115px; float:left;}
.user5{width:98px; float:left;}
.user6{width:93px; float:left;}
#footer{background:#343434;}
.links{width:980px; margin:0px auto;padding:35px 0px;}
#footer .left{width:299px; border-right:1px solid #666;float:left; padding-right:20px;}
#footer .mid{width:306px; border-right:1px solid #666;float:left; padding:0 20px;}
#footer .right{width:291px;float:left;padding-left:20px;}
#details{width:100%;background:#000;height:90px; border-top:1px solid #666; border-bottom:1px solid #666;}
#footer .main{width:980px; margin:0px auto; padding:20px 0px 0px 0px;}

/*** NAV STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;z-index:1000;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:12em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:	left;position:relative;white-space:nowrap;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:2em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:12em; /* match ul width */top:0;}

/*** THIS SKIN ***/
.sf-menu {float:left;margin-bottom:1em;}
.sf-menu a {border-right:1px solid #f9f9f9; padding:0.9em 1.6em;text-decoration:none;font-size:11px;font-weight:600;}
.sf-menu li a:hover{background:#666;color:#fff;}
.sf-menu li {color:#f9f9f9;}
.sf-menu li ul a{color:#f9f9f9;background:#666;}
.sf-menu li li a{color:#f9f9f9;}
.sf-menu li li a:hover{background:#333;}
.sf-menu li li {background:#9C3;border-bottom:1px #000 solid;}
.sf-menu li li li {background:#9C3;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover,.sf-menu a:active {outline:0;}
.sf-menu li a, .sf-menu li:hover{color:#f9f9f9;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:3.4em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;display:block;right:1.2em; top:0.9em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-in+dicator {  /* give all except IE6 the correct values */top:.9em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/* ---------------- Begin  Ticker box CSS ----------------- */
.tickerbox {width:291px;margin:0;padding:0;height:340px;}
.tickerbox ul {width:291px; position:relative;padding:6px 0 0 0;}
.tickerbox li {width:291px;list-style:none;overflow:hidden;padding:0;font-size:11px;position:absolute;left:0px;top:0;}
/* ---------------- End  Ticker box CSS ----------------- */
/* ---------------- Begin  Contact Form ----------------- */
#savingscalc {font-size:11px;}
.justify10{width:60px;float:left;}
label{float:left;width:260px;margin:3px 0px;}
.line{padding:6px 3px;width:100%;}
/* form*/
.cForm{padding: 0 10px 10px 0px;font-size:11px;}
.cForm fieldset{background-color:#ffffff;}
.cForm label{display: block;color: #000000;font-weight: 700;line-height: 1.4em;float:left;width:90px;}
.cForm input{width: 300px;padding: 4px 0px;color: #666666;font-size: 11px;border: 1px solid #cecece;}
.cForm textarea{padding-left:10px;width: 300px; height: 80px;padding: 6px;color:#666666;font-style: italic;font-size: 12px;border: 1px solid #cecece;margin-bottom:10px;}
.cForm div.formfield{margin-top: 15px;padding-left:10px;float:left;width:320px;}
.cForm div.formfieldb{margin-top: 15px;margin-bottom:15px;padding-left:10px;float:left;width:320px;}
.cForm div.formfield span{margin-left: 10px;color: #b1b1b1;font-size: 11px;font-style: italic;}
.cForm #send{background: #C3B8B1;color: #000;font-weight: 700;font-style: normal;border: 0;cursor: pointer;width:300px;}
.cForm #send:hover{background: #DAD3CF;}
.cForm .button{background: #C3B8B1;color: #000;font-weight: 700;font-style: normal;border: 0;cursor: pointer;}
.cForm .button:hover{background: #DAD3CF;}
.cForm legend{color:#000000;}
/* ---------------- End  Contact form ----------------- */

h1{font-family:'CallunaRegular', Georgia, Arial; font-size:26px;font-weight:normal;padding:6px 0 10px;}
.green{color:#669999;font-size:30px;} 
p{font-size:11px; font-family:Tahoma, Geneva, sans-serif;padding:7px 4px;}
h2{font-family:'CallunaRegular', Georgia, Arial; font-size:38px;font-weight:400;padding:6px 0 10px;}
h3{font-family:'CallunaRegular', Georgia, Arial; font-size:38px;font-weight:400;padding:6px 0 10px;line-height:1.1;}
.mid_column ul{padding:5px 0px 5px 20px;font-size:11px;}
h4{font-family:'CallunaRegular', Georgia, Arial; font-size:38px;font-weight:400;padding:6px 0 10px;color:#669999;line-height:1.2;}
.small{font-family:'CallunaRegular', Georgia, Arial; font-size:30px;font-weight:400;padding:6px 0 10px;color:#000;}
.small a{font-weight:normal;}
h5{font-size:11px; font-weight:bold;padding:6px 0px 20px 0;}
#footer h3, #footer p, #footer a{color:#ffffff;}
.greenb{color:#669999;} 
#footer p{padding:2px 0px;}