@charset "utf-8";

/* CSS Document */

html,body{
background:#a6b2bd; 
margin:0;
padding:0;
height:100%;
font:14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
min-width:940px;
}

.clear-all{clear:both;}
img{border:0;}
ul{margin-top:5px;}
ul li{padding:0px; margin:0;}
h2{font-size:16px;}
a{color: #0378BB; text-decoration:none; border-bottom: 1px solid #0378BB;}
a:hover{color: #B23B00; border-bottom: 1px solid #B23B00;}
a.noline, a.noline:hover, a.LiveChatOnline:hover{border-bottom-width:0px;}

#wrapper{
background:url(../images/content-bg.jpg) top center repeat-y;
min-height:100%;
position:relative;
}

/* Header */

#header{
width:100%;
height:208px;
background:#000 url(../images/header-bg.jpg) top center no-repeat;
margin:0 auto 0 auto;
}

#feeser-logo{
position:absolute;
display:block;
background-color:transparent;
height:80px;
width:277px;
left:50%;
margin:52px 0 0 -450px;
border-bottom-width: 0px;
}

#feeser-logo div{display:none;}

a.LiveChatOnline, a.LiveChatOffline
{
    border:none;
    left:50%;
    margin-left:-185px;
    position:absolute;
    top:10px;
}
span.LiveChatOffline{display:none;}


/* Navigation */

#nav{
width:100%;
height:61px;
background:#a6b2bd url(../images/nav-bg.jpg) top center no-repeat;
margin:0 auto 0 auto;
}

#nav-sprite{
background:url(../images/nav.jpg) no-repeat;
width:407px;
height:61px;
margin:0 auto 0 auto;
padding:0;
}

#nav-sprite span{
display: none;
}

#nav-sprite li, #nav-sprite a{
height:61px;
display:block;
}

#nav-sprite li{
float:left;
list-style:none;
display:inline;
}

#about{width:84px;}
#services{width:108px;}
#portfolio{width:109px;}
#contact{width:106px;}
#about a:hover{background:url(../images/nav.jpg) 0px -61px no-repeat;}
#services a:hover{background:url(../images/nav.jpg) -84px -61px no-repeat;}
#portfolio a:hover{background:url(../images/nav.jpg) -192px -61px no-repeat;}
#contact a:hover{background:url(../images/nav.jpg) -301px -61px no-repeat;}

/* Page Content */

#content-box{
width:100%;
min-height:451px;
padding-bottom:0;
background:url(../images/content-box.jpg) top center no-repeat;
}

h1 {
width:100%;
height:49px;
margin:0 auto 0 auto;
}
h1 span {display:none;}
#hdr-welcome{background:#a6b2bd url(../images/hdr-welcome.jpg) top center no-repeat;}
#hdr-about{background:#a6b2bd url(../images/hdr-about.jpg) top center no-repeat;}
#hdr-services{background:#a6b2bd url(../images/hdr-services.jpg) top center no-repeat;}
#hdr-portfolio{background:#a6b2bd url(../images/hdr-portfolio.jpg) top center no-repeat;}
#hdr-contact{background:#a6b2bd url(../images/hdr-contact.jpg) top center no-repeat;}

#content{
position:relative;
width:100%;
margin:0 auto 0 auto;
padding-bottom:100px;
z-index:99;
}

#content p, #content .fence{
width:868px;
margin:0 auto 15px auto;
}

table.portfolio tr{height:255px;}
table.portfolio img{border:1px solid #999;}

.address {
float:left;
padding:10px 0 10px 0;
width:250px;
}

.address span, .digits div.email{
color:#8CC0DB;
display:block;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}
.digits div.email {
border-top: 1px solid #999;
padding-top: 8px;
margin-top: 12px;
width: 300px;
}

/* Footer */

#honey{
position:absolute;
width:100%;
height:172px;
bottom:0;
margin:0 0 65px 0;
background:url(../images/honey-comb.png) center no-repeat;
z-index:1;
}

#footer{
position:absolute;
bottom:0;
padding-bottom:0px;
width:100%;
height:66px;
background:#000000 url(../images/footer.jpg) bottom center no-repeat;
z-index:100;
}

#copyright{
position:absolute;
width:260px;
left:50%;
margin-left:-130px;
padding-top:20px;
text-align:center;
font-size:10px;
line-height:15px;
color:#376c88;
z-index:3;
}

#support{
position:absolute;
right:10px;
margin-top:20px;
}
#support a, #social a{
border-bottom-width: 0px;
}

#social{
position:absolute;
left:20px;
margin-top:20px;
}

#carousel{
	width: 868px;
}

/* Contact Numbers */
.digits {float:right; width:340px;}
.digits div.number{font-size:2.5em; color:#8CC0DB; margin: 15px 0 0 0;}
.digits div.number span{font-size:.5em; color:#000; text-transform:none; padding-left: 2px;}

/* Form Fields */
.field{position:relative; margin:10px 0 0 0;}
.field .f-t{height:1px; background: url(../images/form/frm_t_bg.png) top repeat-x;}
.field .f-ml{width:6px; background: url(../images/form/frm_ml_bg.png) bottom left repeat-y;}
.field .f-mlb{width:6px; height:25px; background: url(../images/form/frm_ml.png) bottom left no-repeat;}
.field .f-mr{width:6px; background: url(../images/form/frm_mr_bg.png) bottom right repeat-y;}
.field .f-mrb{width:6px; height:25px; background: url(../images/form/frm_mr.png) bottom right no-repeat;}
.field .f-bl{width:6px; height:6px; background: url(../images/form/frm_bl.png) no-repeat;}
.field .f-bm{height:6px; background: url(../images/form/frm_b.png) repeat-x;}
.field .f-br{width:6px; height:6px; background: url(../images/form/frm_br.png) no-repeat;}
.field .f-mc{padding:4px 0 2px 0;}
.field input, .field textarea{width:100%; height:100%; background:none; padding:0px; border:none; color:#333; font:14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;}
.field textarea {position:relative;}
.field input:focus, .field textarea:focus{outline:none;}
#sendemail{margin:10px 0px 0px 367px;}
.field .f-error{position:relative; overflow:hidden; background-color:#c00; color:#FFF; padding: 3px; font:12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif; text-align:center; opacity:0.5; filter:alpha(opacity=50)}

/* Form Red Field */
.field.red .f-t{height:1px; background: url(../images/form/red/frm_t_bg.png) top repeat-x;}
.field.red .f-ml{width:6px; background: url(../images/form/red/frm_ml_bg.png) bottom left repeat-y;}
.field.red .f-mlb{width:6px; height:25px; background: url(../images/form/red/frm_ml.png) bottom left no-repeat;}
.field.red .f-mr{width:6px; background: url(../images/form/red/frm_mr_bg.png) bottom right repeat-y;}
.field.red .f-mrb{width:6px; height:25px; background: url(../images/form/red/frm_mr.png) bottom right no-repeat;}
.field.red .f-bl{width:6px; height:6px; background: url(../images/form/red/frm_bl.png) no-repeat;}
.field.red .f-bm{height:6px; background: url(../images/form/red/frm_b.png) repeat-x;}
.field.red .f-br{width:6px; height:6px; background: url(../images/form/red/frm_br.png) no-repeat;}
.field.red .f-mc{padding:4px 0 2px 0;}

/* Thank You */
form.ty, form.tyError{display:none;}
#thankYou{display:none;}
#thankYou.ty{font-size:2.1em; color:#0177B7; padding: 30px 0 0 0; width:340px; display:block;}
#thankYou.ty div{font-size:.5em; color:#999; padding: 5px 0 0 50px;}

#thankYouError{display:none;}
#thankYouError.tyError{font-size:1.2em; color:#900; padding: 30px 0 0 0; width:340px; display:block;}
#thankYouError.tyError div{font-size:.7em; color:#999; padding: 5px 0 0 50px;}

/* border radius */
.br-tl {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
.br-tr {-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
.br-bl {-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;}
.br-br {-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}