/**
 * application main stylesheet
 *    define base, helper, layout, forms, icons styles
 */

body {}
* { margin:0; padding:0;}
body { background:#151c21; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#444;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:18px;}

.tail-top { background:url(/img/tail-top.jpg) center -20px repeat-x #f6f4e5;}
.tail-bottom { background:url(/img/tail-bottom.gif) left bottom repeat-x;}

cite{
    font-size: large;
}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#frm-contact-us label { display:block; line-height:14px;} 
#frm-contact-us label input { width:244px; padding:2px 0 2px 3px; color:#717171; background:none; border:1px solid #a4a4a4; margin-top:2px;}
#frm-contact-us textarea {width:264px; height:88px; padding:2px 0 2px 3px; margin-bottom:15px; color:#717171; border:1px solid #a4a4a4; overflow:auto;}


/*==================list====================*/
ul { list-style:none;}

.nav { float:right; padding:40px 0 0 0;}
.nav li { display:inline;}
.nav li a { display:block; float:left; color:#000; text-decoration:none; font-size:.91em; text-transform:uppercase; margin-left:5px;}
.nav li a em { display:block;}
.nav li a b { display:block; padding:4px 17px 6px 17px; font-style:normal;}
.nav li a:hover { color:#fff; background:url(/img/nav-bg.gif) left top repeat-x; }
.nav li a:hover em { background:url(/img/nav-left.gif) no-repeat left top;}
.nav li a:hover b {background:url(/img/nav-right.gif) no-repeat right top; }
.nav li a.current { color:#fff; background:url(/img/nav-bg.gif) left top repeat-x; }
.nav li a.current em { background:url(/img/nav-left.gif) no-repeat left top;}
.nav li a.current b {background:url(/img/nav-right.gif) no-repeat right top; }

/* custom top nav styles */

#page-base #home-link,
#page-about #about-link,
#page-projects #projects-link,
#page-contact #contact-link {
    color:#fff;
    background:url(/img/nav-bg.gif) left top repeat-x;
}

#page-base #home-link em,
#page-about #about-link em,
#page-projects #projects-link em,
#page-contact #contact-link em {
    background:url(/img/nav-left.gif) no-repeat left top;
}

#page-base #home-link b,
#page-about #about-link b,
#page-projects #projects-link b,
#page-contact #contact-link b {
    background:url(/img/nav-right.gif) no-repeat right top;
}

.footer-nav { padding:43px 0 0 0; overflow:hidden; margin-left:-9px;}
.footer-nav li { display:inline; margin-left:-3px;}
.footer-nav li a { background:url(/img/bull.gif) no-repeat left 6px; padding:0 9px 0 12px; color:#647783; text-decoration:none;}
.footer-nav li a:hover { text-decoration:underline;}

/* custom zooluweb link placement */
#zoolu-link {
    position: absolute;
    left: 620px;
    bottom: 30px;
}

.thumbs { width:100%; overflow:hidden; padding-bottom:10px;}
.thumbs li { display:inline;}
.thumbs li a { display:block; float:left; background:#fff; border:1px solid #89866d; padding:3px; margin:0 5px 5px 0;}
.thumbs li a.alt { margin-right:0;}
.thumbs li a:hover { background:#89866d; border:1px solid #000;}

.list1 li { background:url(/img/arrow1.gif) no-repeat left top; padding:0 0 6px 23px;}
.list1 li.last { padding-bottom:22px;}
.list1 li a { color:#8c0401;}

.list2 li { font-size:.91em; color:#000; width:100%; margin-bottom:13px; position:relative;}
.list2 li.last { background:none; margin-bottom:0; padding-bottom:13px;}
.list2 li a { color:#000; text-decoration:none; }
.list2 li a:hover { color:#000;}
.list2 li a span { text-decoration:underline; font-size:1.1em;}
/*==========custom styles==========*/
.call-for-quote { font-size: 1.3em; display:block;}
.address a { font-size: 1.3em; display:block;}
.phone-num { font-size: 1.6em; display:block; margin-top: 5px;}

.list3 { width:100%; overflow:hidden; padding-bottom:18px;}
.list3 li { float:left; width:174px; padding: 3px; margin-right:4px; font-size:.91em; color:#fff;}
.list3 li.alt { margin-right:0;}
.list3 li strong { color:#000;}
.list3 li a {display:block; background:#fff; border:1px solid #89866d; padding:3px; margin-bottom:14px;}
.list3 li a:hover {background:#89866d; border:1px solid #000;}

.list4 { width:100%; overflow:hidden;}
.list4 li { width:174px; float:left; font-size:.91em; text-transform:uppercase; padding:0 20px 20px 0; }
.list4 li.alt { padding-right:0;}
.list4 li .zoom { float:left; padding-right:30px;}
.list4 li a { color:#3f5265;}
.list4 li .border-img { margin-bottom:7px;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.img-box1 { width:100%;}
.img-box1 img { float:left; margin:0 20px 0 0;}
.img-box1:after {content: ' '; clear:both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0;}

.border-img {background:#fff; border:1px solid #89866d; padding:3px; float:left; margin-right:20px;}
.border-img img { margin:0;}

.extra-wrap { overflow:hidden; }

blockquote div { margin-bottom:14px;}

.p1 { margin-bottom:18px;}
.p2 { margin-bottom:12px;}

/* custom video styles */
#video-commercial{
    position: relative;
    left: 42px;
    padding-bottom: 40px;
}

/*==================txt, links, lines, titles====================*/
a {color:#8c0401;}
a:hover{text-decoration:none;}

h2 { font-size:1.6em; border-bottom:1px solid #bfc3be; color:#000; line-height:1.1em; padding-bottom:6px; margin-bottom:16px;}
h3 { font-size:1.33em; color:#000; line-height:1.1em; margin-bottom:17px;}
h5 { font-size:1em; margin-bottom:8px;}
h5 a { color:#717171;}

/*=====custom h5 style====*/
.contact-form{color:#444; font-size:1em; margin-bottom:0;}

h6 { font-size: 1em; font-weight:normal; color:#555; margin-bottom:14px;}

.link1 { background:url(/img/arrow2.gif) no-repeat; padding:0 0 0 21px; color:#000; font-weight:bold; display:block; position: relative; top: 8px; font-size: 14px;}
.link2 { background:url(/img/arrow1.gif) no-repeat; padding:0 0 0 21px; color:#000; font-weight:bold; display:block;  font-size: 14px;}
.link3 { color:#000;}

.line-ver { background-image:url(/img/line-ver.gif); background-repeat:repeat-y; width:100%;}

/*==================boxes====================*/
.box {background:url(/img/box-bg.gif) left top repeat-x #a6b2b5; width:100%;}
.box .border-top {background:url(/img/border.gif) repeat-x top;}
.box .border-bot {background:url(/img/border.gif) repeat-x bottom;}
.box .border-left {background:url(/img/border.gif) repeat-y left;}
.box .border-right {background:url(/img/border.gif) repeat-y right;}
.box .left-top-corner {background:url(/img/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(/img/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(/img/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(/img/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:23px 16px 34px 20px;}

.box1 {background:url(/img/box1-bg.gif) left bottom repeat-x #fff; width:100%;}
.box1 .border-top {background:url(/img/border1.gif) repeat-x top;}
.box1 .border-bot {background:url(/img/border1.gif) repeat-x bottom;}
.box1 .border-left {background:url(/img/border1.gif) repeat-y left;}
.box1 .border-right {background:url(/img/border1.gif) repeat-y right;}
.box1 .left-top-corner {background:url(/img/left-top-corner1.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(/img/right-top-corner1.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(/img/left-bot-corner1.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(/img/right-bot-corner1.gif) no-repeat right bottom; }
.box1 .inner { padding:23px 20px 40px 40px;}

.box2 {background:#e4e2cf; width:100%; color:#000;}
.box2 .border-top {background:url(/img/border-top2.gif) repeat-x top;}
.box2 .border-bot {background:url(/img/border2.gif) repeat-x bottom;}
.box2 .border-left {background:url(/img/border2.gif) repeat-y left;}
.box2 .border-right {background:url(/img/border2.gif) repeat-y right;}
.box2 .left-top-corner {background:url(/img/left-top-corner2.gif) no-repeat left top;}
.box2 .right-top-corner {background:url(/img/right-top-corner2.gif) no-repeat right top;}
.box2 .left-bot-corner {background:url(/img/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
.box2 .right-bot-corner {background:url(/img/right-bot-corner2.gif) no-repeat right bottom; }
.box2 .inner { padding:23px 20px 24px 20px;}

/*==========custom font-size============*/
.box2 .inner-address{ padding:23px 20px 24px 20px; font-size:14px;}

.cont-box { padding:20px 9px 0 0; margin:0;}
.cont-box span { float:right;}

.sm-box .left { background:url(/img/sm-box-left.png) no-repeat left top; padding-left:14px;}
.sm-box .right { background:url(/img/sm-box-right.png) no-repeat right top; padding-right:12px;}
.sm-box .inner { background:url(/img/sm-box-bg.png) left top repeat-x; padding:7px 0 10px 0;}

/*header*/
#header .row-1 { height:100px;}
#header .row-1 .fleft { padding-top:20px;}

/*content*/
#content { padding:0 5px 55px 5px;}
#content .indent { padding:0 0 32px 0;}

/*===custom contact style====*/
#content .indent-contact { padding:0 0 20px 0;}

/*footer*/
#footer { color:#647783;}
#footer strong { font-weight:normal; color:#fff; text-transform:uppercase; font-size:.91em;}
#footer a {color:#647783;}

/*==========================================*/


/*==================zoolu customization====================*/
#header h1 { text-indent: -9999px }
#header h1 a {
    display: block;
    outline: none;
    width: 473px;
    height: 68px;
    background: url(/img/campbell-logo.gif) no-repeat;
}

/*================Contact Form=======================*/
fieldset {
    border: 0;
}
.submit {
    float: right;
}
input.text{
    padding: 3px;
    width: 235px;
}
input.text, textarea.text, select {
    background: url(http://e1h11.simplecdn.net/zoolu/bg/input-bg.gif) #fff 0px 0px;
    border: 1px #666 solid;
    border-bottom: 1px #bbb solid;
    border-right: 1px #bbb solid;
    float: left;
}
.error, div.form-err {
    background:#FBE3E4 none repeat scroll 0 0;
    border: 2px solid #FBC2C4;
    color: #8A1F11;
    padding: 4px;
}
div.form-err p{
    margin-bottom: 0;
}
div.form-err ul {
    padding: 10px 10px 10px 14px;
    list-style-type: disc;
}
.error, .notice, .success, .form-err {
    background: transparent;
    border: 0; /*2px solid #DDDDDD;
    margin-bottom:1em;
    padding:0.8em; */
}
.success-confirm-msg-title{
    padding: 10px 0 25px 0;
}
li label {
    display: block;
    float: left;
    height: 1.5em;
    width: 200px;
    margin-top: 10px;
}
li label.on-top {
    height: auto;
    margin: 0;
    float: none;
    width: auto;
    padding: 0;
}

/*==========custom styles for rockland mag thumbnails=======*/
.rocklandCover {
    float: right;
}
.rocklandCouple {
    float: none;
    text-align: center;
    border-bottom: 20px
}
.rocklandPages .thumbs {
    text-align: center;
}
.rocklandPages .thumbs li a,
.rocklandPages .thumbs li a:hover,
.rocklandCouple a,
.rocklandCouple a:hover {
    float: none;
    display: inline;
    border: 0;
    background: transparent;
}
.rocklandPages .thumbs li a img,
.rocklandCouple a img{
    padding: 3px;
    border: 1px solid #89866d;
    margin-bottom: 3px;
}

.rocklandPages .thumbs li a:hover img,
.rocklandCouple a:hover img {
    background: #666;
}

/*=====custom style for take a tour link=====*/
#tour-link {
    position: relative;
    top: 20px;
}

/*=====custom style for slideshow nav=====*/
#slideshow-nav {
    display: block;
    text-align: right;
    position: relative;
    bottom: 42px;
    text-decoration: none;
}

#slideshow-nav:hover {
    color: #000;
}
.slideshowContainer {
    text-align: center;
    margin-bottom: 10px;
}
.slideshowContainer img{
    padding: 5px;
    background: #FFF;
    border: 1px solid #89866d;
}

#slideshow-toolbar {
    position: absolute;
    width: 588px;
    top: 460px;
    font-size: 16px;
    font-weight: bold;
}

#slideshow-nav-next {
    float: right;
}

#slideshow-nav-prev{
    float: left;
}

.link2-slideshow {
    margin-top: 25px;
    background:url(/img/arrow1.gif) no-repeat;
    padding:0 0 0 21px;
    color:#000;
    font-weight:bold;
    display:block;
    font-size: 14px;
}
/*========custom License & BBB styles=======*/
.bbb-logo {
    position: relative;
    left: 82px;
}
.box1 .inner-bbb {
    padding:20px 20px 16px 20px;
}
.box1 .inner-bbb li {
    text-align: center;
}
.box1 .inner-bbb li h5 {
    position: relative;
    top: 10px;
}
.in-the-news p{
    font-size: 12px;
}