/* Style Reset */
* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}

/* Isolated Color Section (just font theme colors - no bg colors - no neutral colors) */
/* To make customizing the theme colors a bit easier, I've isolated all the font-color rules here. No other styling, just the font colors. */
/* All other theme colors (graphics, bgs, etc.) are controlled by images inside the /css/images/ folder. */
#navigation li a:hover{color:#006aa7; }
#navigation li a.green{color:#006aa7 !important; }
#sub-nav li a{color:#bfdced;}

/* Main Section */
body{
    background:#fff ;
    font-family:"lucida sans",arial, sans-serif;
    color:#666;
    font-size:11px;
    line-height:16px;
}
a{ color:#006aa7; text-decoration: none}
a:hover{ color:#000000; text-decoration: underline}
a img{border:0; }
.shell{width:766px; margin:0 auto; }

#web a{color:#999999}
#web a:hover{color:#ffffff}

/* Header */
#header{overflow:hidden; position:relative; }
.frame #header{height:405px; background:url(images/header2.gif) repeat-x; }
.frame #header .slogan2 {width:350px; height:190px; margin-top:0px; padding-top:0px; padding-left:0px;float:right }
.frame #header .pictures {width:766px;height:263px;margin:0 auto;}
.frame #header .picturesns {width:766px;height:50px;margin:0 auto;}
.frame #header .menu {width:766px;height:35px;margin:0 auto;}
.frame #header .carstrip {width:766px;height:105px;margin:0 auto;}
.frame #header h3{font-size: 17px; text-transform: uppercase; width:450px; line-height:17px; font-weight: bold; position:relative; text-align: left;}
.frame #header h2 {font-size: 2em; float: left; text-transform: uppercase; font-weight: bold; }
.frame #header h1#logo a{background:url(images/moretrench_logo.jpg); height:75px; }
.frame #header h1#logo {padding-top:5px}



#headerns{overflow:hidden; position:relative; }
.frame #headerns{height:110px; background:url(images/header3.gif) repeat-x; }
.frame #headerns .slogan2 {width:350px; height:190px; margin-top:0px; padding-top:0px; padding-left:0px;float:right }
.frame #headerns .pictures {width:766px;height:263px;margin:0 auto;}
.frame #headerns .picturesns {width:766px;height:50px;margin:0 auto;}
.frame #headerns .menu {width:766px;height:35px;margin:0 auto;}
.frame #headerns .carstrip {width:766px;height:105px;margin:0 auto;}
.frame #headerns h3{font-size: 17px; text-transform: uppercase; width:450px; line-height:17px; font-weight: bold; position:relative; text-align: left;}
.frame #headerns h2 {font-size: 2em; float: left; text-transform: uppercase; font-weight: bold; }
.frame #headerns h1#logo a{background:url(images/moretrench_logo.jpg); height:75px; }
.frame #headerns h1#logo {padding-top:5px}



/* Navigation */
#navigation{float: left; display: inline; padding-top:10px; padding-left:15px; margin-left:0px;margin-top:2px; }
#navigation ul{list-style-type: none; font-size:15px;height:30px;}
#navigation li{float: left; display: inline;}
#navigation li a{font-size: 0.8em; float: left; display: inline; line-height:15px; height:20px; text-transform: uppercase; font-weight: bold; text-align: center; color:#252525; padding:0 10px; padding-top:8px; font-family:Helvetica, Arial, sans-serif; width: auto;}
#navigation li a:hover{text-decoration: none; background:url(images/hover.gif) repeat-x}
#navigation li:hover{ background:url(images/hover.gif) repeat-x;}
#navigation h2 {font-size: 2em; float: left;text-transform: uppercase; font-weight: bold;  }


/* #navigation li a.home{width:40px;} USED IN THE SIFR VERSION
#navigation li a.about{width:50px;}
#navigation li a.services{width:67px;}
#navigation li a.media{width:44px;}
#navigation li a.blog{width:38px;} */

#login-nav{float: left; display: inline; height:30px; background:url(images/brd.gif) no-repeat 0 0; padding-left:8px; margin: 0 6px; }

#sub-nav{ margin:0 25px 0 auto; width:700px; clear:both; top:-15px; position:relative; }
#sub-nav ul{line-height:12px; font-size: 11px; text-align: right; }
#sub-nav li{ display:inline; padding-top:20px; padding-left:20px; }
#sub-nav li a{ font-family:Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
#sub-nav li a:hover{ color:#fcfcfd; }


/* Main Content */
#content{background:#fff url(images/bottom-bg.gif) repeat-x 0 bottom; }

.artimage {float:right;width:230px;padding:0px 0px 0px 20px}
.couponimage {float:left;width:150px;padding:0px 0px 0px 0px}

#main{background:url(images/main.gif) no-repeat; padding-top:10px}


/* Column1 */
.Column1{width:325px; float: left; display: inline; padding-right:20px }
.Column1 p{padding-bottom:12px}
.Column1 h3{font-size: 1.3em;padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.Column1 ul{list-style-type: none; padding-left:25px;}
.Column1 li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}

/* Column2 */
.Column2{width:200px; float: left; display: inline; padding-right:20px;}
.Column2 p{padding-bottom:8px}
.Column2 h3{font-size: 1em;padding-bottom:5px; padding-top:10px; color:#2e2e2e; text-align: left;}
.Column2 ul{list-style-type: none; padding-left:25px;}
.Column2 li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}

/* Column3 */
.Column3{width:200px; float: left; display: inline;}
.Column3 p{padding-bottom:8px}
.Column3 h3{font-size: 1em;padding-bottom:5px; padding-top:10px; color:#2e2e2e; text-align: left;}
.Column3 ul{list-style-type: none; padding-left:25px;}
.Column3 li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}

/* Column1 */
.ArticleColumn1{width:545px; float: left; display: inline; padding-right:20px }
.ArticleColumn1 p{padding-bottom:16px}
.ArticleColumn1 h3{font-size: 1.7em;padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.ArticleColumn1 ul{list-style-type: none; padding-left:25px;}
.ArticleColumn1 li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}
.ArticleColumn1 image{padding:20px;float:right}


/* form */
.Form{width:500px; float: left; display: inline; padding-right:20px }

.FormColumn1{width:150px; float: left; display: inline; padding-right:20px;padding-bottom:5px;text-align:right}
.FormColumn2{width:300px; float: left; display: inline; padding-right:20px;padding-bottom:5px;}




/* Coupon */
.coupon{width:520px; float: left; display: inline; border: 1px dashed rgb(0, 0, 0); padding: 10px;}
.coupon p{padding-bottom:16px}
.coupon h3{font-size: 1.7em;padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.coupon ul{list-style-type: none; padding-left:25px;}
.coupon li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}
.coupon image{padding:20px;float:right}




/* Left Column */
.article{width:390px; float: left; display: inline; padding-left:9px; }
.article p{padding-bottom:16px}
.article h3{padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.article ul{list-style-type: none; padding-left:25px;}
.article li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}

/* Gallery Specific Styles */
.gallery-container h3{padding-bottom:17px; padding-top:3px; padding-left: 0px; color:#2e2e2e; text-align: left;}
.gallery-container img{margin: 6px; padding:0px; text-align: left;}
.gallerynav {float: right; margin-top:-39px; margin-right:16px;}
.gallerynav img {margin: 0;}
.gallerynav-footer {height:51px;}

/* Footer */
#footer{background:url(images/ftr.gif) repeat-x; height:53px; color:#fff;}
#footer p{margin:0 0 0 auto; width:225px; font-size: 9px; line-height:53px}
#footer ul{list-style-type: none; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline;}
#footer li{float:left; display: inline;}
#footer li a{float:left; display: inline; color:#fff; margin-right:16px; line-height:12px; padding-top:20px; font-weight: bold; font-size: 0.8em; font-family:Helvetica, Arial, sans-serif; }