body{margin:0;padding:0;font-size:75%;font-family:Arial,Helvetica,Verdana,sans-serif;color:#8a8c8e;background:#CCC url(../3/images/body-bg.jpg1) repeat-x}
html>body{font-size:13px;}
#container{position:relative;margin:1em auto;width:997px;background:#FFF;border: 5px solid #AAA}
    #container-tl{position:absolute;z-index:99;top:-5px;left:-5px;}
    #container-tr{position:absolute;z-index:99;top:-5px;right:-5px;}
    #header{position:relative;height:210px}
        #tagline{position:absolute;top:0;right:0;background:url(../3/images/tagline-bg.jpg) no-repeat;width:440px;height:69px}
            #tagline p{font-size:1.5em;margin:15px 0 0 50px;padding:0}
            #tagline a{color:#FFF;text-decoration:none}
            #tagline a:hover{text-decoration:underline}
        #logo{margin-top:75px;margin-left:20px}
        #header ul{position:absolute;list-style:none;top:100px;right:10px}
            #header li{display:inline}
            #header li a{text-decoration:none;color:#8a8c8e;font-size:1.1em;padding:5px 7px}
            #header li a#menu-item-active{background:#94c83d;color:#FFF}
            #header li#menu-item-index a#menu-item-active{background:url(../3/images/menu-home.jpg) no-repeat top left}
            #header li#menu-item-about a#menu-item-active{background:url(../3/images/menu-about.jpg) no-repeat top left}
            #header li#menu-item-portfolio a#menu-item-active{background:url(../3/images/menu-portfolio.jpg) no-repeat top left}
            #header li#menu-item-franchise a#menu-item-active{background:url(../3/images/menu-franchise.jpg) no-repeat top left}
            #header li#menu-item-contact a#menu-item-active{background:url(../3/images/menu-contact.jpg) no-repeat top left}
    #subheader{position:relative;height:154px;background:url(../3/images/subheader-bg.jpg) no-repeat}
        #star{position:absolute;top:-15px}
        #phone-number{position:absolute;top:35px;left:250px}
        #screenshots{position:absolute;top:-40px;right:15px}
    #main{margin-top:30px}
        .col-left{float:left}
        .col-right{float:right}
        .col-sidebar,.col-main,.content-green{position:relative}
        .col-sidebar{width:282px;margin-right:20px}
        .col-main{width:680px;border-right:3px dotted #DDD}
        .col-third{float:left;width:300px;padding:0 8px 0 10px;border-right:2px dotted #CCC}
        .col-last{border-right:none}
        .content{padding:10px 20px;background:#FFF}
            .ctl{position:absolute;top:0;left:0}
            .ctr{position:absolute;top:0;right:0}
        .content-green{margin-bottom:2em;padding:20px 10px 5px 10px}
            .content-woct p,.content-cfyla p{font-size:1.1em}
        .block{position:relative;float:left;width:292px;height:322px;margin:1em 0 2em}
            .block-orange{background:url(../3/images/sub-content-from.jpg) no-repeat;margin-right:30px}
            .block-green{background:url(../3/images/sub-content-extra.jpg) no-repeat}
            .block p{position:absolute;top:110px;left:20px;width:250px;font-size:1.1em;line-height:1.4em}
            .block p.block-anchor{position:absolute;top:240px;left:20px}
            .block p.block-anchor a{color:#FFF;text-decoration:none;font-size:1.5em}
    #footer{clear:both;margin-left:35px auto;font-size:.8em;text-align:center}
        #footer p,#footer a{color:#777;text-decoration:none}
        #footer p{margin-top:1em;font-size:1.2em}
            #footer p#footer-links{font-size:1.5em}
        #footer a:hover{text-decoration:underline}

/* Typography */
h1,h2,h3{color:#94c83d;font-weight:normal}
h1{font-size:1.6em}
h2{font-size:1.2em}
h3{font-size:1em}
p,ul,ol{font-size:1.1em;line-height:1.6em}
a{color:#98C73B;text-decoration:underline}
#main a:hover{color:#FFF;background:#98C73B;text-decoration:none;-moz-border-radius:4px}
a img{border:0}
.a-no-style,.a-no-style:hover{text-decoration:none;background:none !important;color:#88C024 !important}
hr{margin:2.5em 0;height:0;background:#FFF;color:#FFF;border:0;border-bottom:3px dotted #DDD}

/* Forms */
label,input,textarea,select{float:left}
label{width:150px}
textarea{width:280px;height:100px}
form br{clear:both}

/* Plugins*/
/*Slider*/
#slider-container{position:relative;height:13px;background:#89C026;width:626px;-moz-border-radius:4px;margin-top:-3px}
#slider{width:601px}
#slider a{margin-top:6px;width:15px;height:7px;background:#FFF;-moz-border-radius:4px}
#slider a:hover{background:#FFF}
:active,:focus{outline:none}
#template-container{overflow:hidden;position:relative;height:160px;width:604px;background:#DCEBC1;border:1px solid #89C026;-moz-border-radius:8px 8px 0 0;border-width:1px 1px 0;padding:10px}
#template-container ul{position:absolute;list-style:none;overflow:none;white-space:nowrap;margin:0;padding:0}
.ui-slider{position:relative;text-align:left;margin-left:10px}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-0.3em;margin-left:-0.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-0.3em;margin-left:0;margin-bottom:-0.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
/*Thickbox*/
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666}
#TB_window a:hover{color:#000}
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%}
.TB_overlayMacFFBGHack{background:url(../images/macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75px;opacity:0.75px}
#TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%}
#TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px}
#TB_caption{height:25px;float:left;padding:7px 30px 10px 25px}
#TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0}
#TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:7px 10px 5px 0}
#TB_ajaxWindowTitle{float:left;margin-bottom:1px;padding:7px 0 5px 10px}
#TB_title{background-color:#e8e8e8;height:27px}
#TB_ajaxContent{clear:both;overflow:auto;text-align:left;line-height:1.4em;padding:2px 15px 15px}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}
#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus{color:#666}
* html #TB_overlay,* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
* html #TB_window,* html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) 0 (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) 0 'px')}

/* Portfolio */
#gallery{text-align:center}
.caption{text-align:center}
.galleria{list-style:none}
.galleria li{display:block;width:85px;height:85px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}