/** Cloud Construct LLC - base.css **/


/** Clear Floats **/
.clear
{   clear: both;}


/** BASE **/
html { background: #fafafa; }
body
{   font-family: Arial, sans-serif;
    font-size: 12px; color: #000; 
    background-color: #b8b8b8; padding: 0px 0px 50px 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b8b8b8), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #b8b8b8, #fafafa);
    background-image:    -moz-linear-gradient(top, #b8b8b8, #fafafa);
    background-image:      -o-linear-gradient(top, #b8b8b8, #fafafa);
    background-image:         linear-gradient(to bottom, #b8b8b8, #fafafa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#fafafa')
}

.pipes { background: transparent url("/content/images/layout/background.png") no-repeat top center; }
a {   color: #d90d00; text-decoration: none;}
a:hover { text-decoration: underline; }

.gutter1
{   width: 940px; margin: 0 auto;}
.gutter2
{   width: 980px; margin: 0 auto;}

#utility
{   background: #1a2732; padding: 5px 0px 2px 0px; height: 23px; color: #fff; text-transform: uppercase; font-size: 14px; text-align: right;
    -moz-box-shadow: 0px 1px 5px #000;
    -webkit-box-shadow: 0px 1px 5px #000;
    box-shadow: 0px 1px 5px #000; position: relative; z-index: 4;
}
#utility span { font-size: 18px; margin: -5px 0px 0px 0px; }
#utility a { color: #ffffff; text-decoration: none; font-size: 12px; }
#utility .youtube { float: right; margin: 0px 3px 0px 5px; background: transparent url("/content/images/icons/youtube.png") no-repeat top left; width: 52px; height: 23px; }
#utility .facebook { float: right; margin: -4px 0px 0px 2px; background: transparent url("/content/images/icons/facebook.png") no-repeat top left; width: 30px; height: 29px; }
#utility .twitter { float: right; margin: -4px 0px 0px 2px; background: transparent url("/content/images/icons/twitter.png") no-repeat top left; width: 30px; height: 29px; }
#utility .blog { float: right; margin: -4px 0px 0px 2px; background: transparent url("/content/images/icons/blog.png") no-repeat top left; width: 30px; height: 29px; }

header
{   height: 110px;
    background: #fff;
    height: 100px;
    margin: 0px auto;
    -moz-box-shadow: 0px 1px 5px #000;
    -webkit-box-shadow: 0px 1px 5px #000;
    box-shadow: 0px 1px 5px #000;
    position: relative; z-index: 3;
}
header a.logo { position: relative; top: 10px; }

header nav
{   float: right; text-align: right; width: 700px;}
header nav ul
{   float: right; position: relative; top: 40px;}
header nav ul li
{   float: left; font-size: 18px; text-transform: uppercase; padding: 0px 50px 0px 60px; background: transparent url("/content/images/icons/bullet.png") no-repeat center left;}
header nav ul li.active a { color: #000000; }
header nav ul li.first { padding: 0px 50px 0px 0px; background-image: none; }
header nav ul li.last { padding: 0px 0px 0px 60px; }
header nav ul li a
{   color: #d90d00; text-decoration: none; font-weight: bold;}
header .logo
{   float: left;}

.gallery
{   background: transparent url("/content/images/banner/banner1.jpg") no-repeat top center;
    margin: 0 auto; height: 408px;}
.secondary-gallery
{   background: #000; height: 50px; margin: 0 auto 15px auto; padding: 20px 0px;}
.gallery .search
{   width: 603px; position: relative; top: 200px;}
.secondary-gallery .search
{   }
.gallery .search .button-red, .secondary-gallery .search .button-red
{   float: left; width: 169px; height: 32px; font-size: 17px; text-align: center;
    color: #fff; text-transform: capitalize; text-decoration: none; padding-top: 15px;
    background: #ff2a20; border: solid 1px #000; border-width: 1px 1px 1px 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a20', endColorstr='#d52921'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2a20), to(#d52921)); 
    background: -moz-linear-gradient(top,  #ff2a20,  #d52921);}
.gallery .search input[type="text"], .secondary-gallery .search input[type="text"]
{   float: left; height: 30px; padding: 9px 10px 8px 22px; 
    width: 398px; border: solid 1px #000; font-size: 20px; color: #787878;}
.gallery .search a.advanced
{   float: right; color: #fff; text-decoration: underline; padding: 11px 35px 0px 0px;
    font-size: 12px;}
.secondary-gallery .search a.advanced
{   float: left; color: #fff; text-decoration: underline; padding: 18px 35px 0px 33px;
    font-size: 12px;}

.secondary-nav { background: #dadada; position: relative; z-index: 2; height: 40px;
                 -moz-box-shadow: 0px 1px 5px #000;
                 -webkit-box-shadow: 0px 1px 5px #000;
                 box-shadow: 0px 1px 5px #000;}
.secondary-nav ul
{   text-align: center; position: relative; margin: 0px auto 0px auto; padding-top: 14px; }
.secondary-nav ul li
{   display: inline; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0px 20px 0px 30px; 
    background: transparent url("/content/images/icons/bullet-secondary.png") no-repeat center left;
}
.secondary-nav ul li.active a { color: #000000; }
.secondary-nav ul li.first { background-image: none; }
.secondary-nav ul li.last { }
.secondary-nav ul li a {   color: #d90d00; text-decoration: none; font-weight: bold;}

.content
{   background: #f6f4f4; width:920px; margin: 0px auto 20px auto; padding: 40px 30px 30px 30px;}
.content h1
{   font-size: 24px; font-weight: bold; color: #51626f; margin: 0px 0px 30px 0px; text-transform: uppercase;}
.content h2
{   font-size: 20px; font-weight: bold; color: #51626f; margin: 30px 0px 25px 0px;}
.content h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 3px 0px;}
.content p
{   color: #000; font-size: 15px; line-height: 24px; margin: 0px 0px 15px 0px;}
.content ul li { font-size: 15px; margin: 0px 0px 12px 0px; background: transparent url("/content/images/icons/bullet-content.png") no-repeat center left; 
                 padding: 0px 0px 0px 15px;}

.content .left { float: right; width: 205px; border-left: solid 1px #d90d00; margin: 0px 0px 0px 35px; padding: 0px 0px 0px 20px; }
.content .left .logo { position: relative; top: -6px; width: 100px; margin: 0px 0px 10px 0px; }

.content .secondary-left { min-height: 400px; float: right; width: 300px; border-left: solid 1px #d90d00; margin: 0px 0px 0px 35px; padding: 0px 0px 20px 20px; }
.content .secondary-left img { margin: -10px 0px 15px 0px; display: block; }

.content .quad div
{   margin: 50px 20px 18px 0px; width: 190px; float: left; padding: 10px 15px 20px 15px; text-align: center;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    -moz-box-shadow: 0px 0px 4px #b1b1b1;
    -webkit-box-shadow: 0px 0px 4px #b1b1b1;
    box-shadow: 0px 0px 4px #b1b1b1;

    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b8b8b8));
    background-image: -webkit-linear-gradient(top, #ffffff, #b8b8b8);
    background-image:    -moz-linear-gradient(top, #ffffff, #b8b8b8);
    background-image:      -o-linear-gradient(top, #ffffff, #b8b8b8);
    background-image:         linear-gradient(to bottom, #ffffff, #b8b8b8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b8b8b8');

}
.content .quad h1
{   font-size: 15px; text-transform: uppercase; color: #D90D00; padding-top: 0px; margin: 0px 0px 18px 0px; font-weight: bold; width: 190px; height:32px; vertical-align: middle; display: table-cell;text-align: center;  }
.content .quad h1 a
{   color: #D90D00; text-decoration: none;  margin: 0px; padding: 0px;}
.content .quad div img
{   margin: 10px auto; -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px; }
.content .quad div p
{   font-size: 12px; color: #7a7979;}
.content .quad div p a
{   display: block; text-decoration: none;}

.content .quad .quad-first
{   margin-left: -10px;}
.content .quad .quad-second, .quad .quad-third
{   }
.content .quad .quad-fourth
{   margin-right: -15px;}







footer
{   background: transparent; color: #000; margin: 0px 0px 20px 0px;}
footer a
{   color: #d90d00; text-decoration: none;}
footer ul {text-align: center;}
footer ul li { display: inline; padding: 0px 20px 0px 20px; border-right: solid 2px #51626f; color: #000; font-size: 14px; font-weight: bold;}
footer ul li:first-child { }
footer ul li.red { color: #da1c10; }
footer ul li.grey { color: #51626f; font-size: 12px; font-weight: normal; border-right: solid 0px #000;}


/* PRINT */
@media print {
.gallery {
   content:url("/content/images/banner/banner1.jpg");
  }
}