html,body{height:100%;}
body{
background:url(../images/body-tail.gif) top center repeat;
color:#575454;
font:13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
min-width:320px;
position:relative;
}
.main{width:1020px; margin:0 auto; background:#fff;}
/*********************************header*************************************/
header{width:100%; padding-top:32px;}
header .main{padding-top:24px; padding-bottom:36px;}
header .indent-bottom{padding-bottom:19px;}
h1{float:left; padding-left:8px;}
h1 a{
display:block;
background:url(../images/logo.png) 0 0 no-repeat;
text-decoration:none;
padding:30px 0 0 4px;
min-width:160px;
}
h1 a:hover{text-decoration:none;}
h1 strong{display:none;}
h1 span{
display:block;
font-size:11px;
line-height:14px;
color:#7a7777;
}
/********************************* Content **********************************/
#content{width:100%;}
#content .main{padding-bottom:46px;}
/* ---------- Titles ---------*/
h3{font-size:25px; line-height:30px; color:#2c2c2c; letter-spacing:-1px;}
h4{font-size:17px; line-height:22px; color:#2c2c2c;}
h6{font:bold 13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#575454;}
h6.title1{display:inline;}
h6 a{color:#575454; text-decoration:none;}
h6 a:hover{color:#9f9f9f;}
/*---------- Columns --------*/
.col-2-1{float:left; width:189px; margin-right:26px;}
/*----------- Boxes ---------*/
.box{background:#f0f0f0;}
.box.icon-1, .box.icon-2, .box.icon-3, .box.icon-4{
line-height:18px;
background-repeat:no-repeat;
background-color:#f0f0f0;
}
.box.icon-1{background-image:url(../images/box-icon1.png); background-position:22px 23px;}
.box.icon-2{background-image:url(../images/box-icon2.png); background-position:19px 22px;}
.box.icon-3{background-image:url(../images/box-icon3.png); background-position:21px 23px;}
.box.icon-4{background-image:url(../images/box-icon4.png); background-position:24px 21px;}
.box.icon-1 h6, .box.icon-2 h6, .box.icon-3 h6, .box.icon-4 h6{line-height:18px;}
.box .indents{padding:20px 19px 20px;}
.box .indents1{padding:16px 15px 16px 57px;}
.box .indents2{padding:15px 15px 12px;}
/*------- Other blocks-------*/
blockquote{
border:1px solid #e2e2e2;
background:#fff;
padding:21px 15px 26px;
}
.quote-caption{
background:url(../images/quote-bottom.png) 20px top no-repeat;
margin-top:-1px;
padding-top:32px;
font-size:14px;
line-height:17px;
color:#989898;
}
/*---------- Fonts ----------*/
.bold{font-weight:bold;}
.text1{
font-size:22px;
line-height:30px;
color:#9f9f9f;
letter-spacing:-1px;
}
.word-spacing{word-spacing:-1px;}
/*---------- Links ----------*/
a{color:#575454; outline:none; cursor:pointer; text-decoration:underline;}
a:hover{text-decoration:none;}
a[href^="tel:"]{color:inherit; text-decoration:none;}
.link{
display:inline-block;
font-size:14px;
line-height:19px;
color:#000;
text-decoration:none;
text-transform:lowercase;
}
.link:hover{color:#9f9f9f;}
.link-1{text-decoration:none;}
.link-1:hover{color:#9f9f9f;}
.button{display:inline-block; cursor:pointer;}
.button:hover{text-decoration:none;}
/*----- Images -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent0{float:left;}
.img-indent2{float:left; margin-right:10px;}
/*---------- Lists -----------*/
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
.list-1 li{
font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#575454;
background:url(../images/marker-1.gif) 0 6px no-repeat;
padding-left:11px;
margin-bottom:12px;
}
.list-1.bold li{font-weight:bold; padding-left:13px;}
.list-1 a{color:#575454; text-decoration:none;}
.list-1 a:hover{color:#9f9f9f;}
.list-2 li{
font:13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#575454;
background:url(../images/marker-2.png) 0 6px no-repeat;
padding-left:21px;
margin-bottom:18px;
}
.list-2.short li{background-position:0 4px; margin-bottom:6px;}
.list-2 a{color:#575454; text-decoration:none;}
.list-2 a:hover{color:#9f9f9f;}
.list-3 li{
font:13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#575454;
overflow:hidden;
padding-bottom:12px;
border-bottom:1px solid #ddd;
margin-bottom:21px;
}
.list-3 li.last-item{border-bottom:none; padding-bottom:0;}
.list-3 .marker{
float:left;
margin-right:19px;
width:51px;
height:51px;
padding-bottom:16px;
background:url(../images/block1.png) center top no-repeat;
font:bold 36px/51px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
}
.list-3 h6{margin-top:-4px;}
/*---------- Borders ---------*/
.border-bottom{background:url(../images/pic1.gif) center bottom repeat-x;}
.border-bottom1{border-bottom:1px solid #9f9f9f;}
.border-bottom2{border-bottom:1px solid #ddd;}
/*---------- Indents ---------*/
p{margin-bottom:21px}
.p0{margin-bottom:0;} .p0-1{margin-bottom:3px;}
.p1{margin-bottom:5px;} .p1-1{margin-bottom:8px;}
.p2{margin-bottom:10px;} .p2-1{margin-bottom:12px;}
.p3{margin-bottom:15px;} .p3-1{margin-bottom:18px}
.p4{margin-bottom:20px;} .p4-1{margin-bottom:22px;}
.p5{margin-bottom:25px;} .p5-1{margin-bottom:28px;}
.p6{margin-bottom:30px;} .p6-1{margin-bottom:32px;}
.p7{margin-bottom:35px;} .p7-1{margin-bottom:37px;}
.p8{margin-bottom:40px;} .p8-1{margin-bottom:42px;}
.p9{margin-bottom:45px;} .p9-1{margin-bottom:47px;}
.indent-lr{padding-left:5px; padding-right:4px;}
.indent-top1-1{padding-top:8px;}
.indent-right2{padding-right:9px;}
.indent-right12{padding-right:60px;}
.indent-left2{padding-left:9px;}
.indent-bottom4{padding-bottom:20px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom7{padding-bottom:35px;}
.indent-bottom7-1{padding-bottom:38px;}
.indent-bottom8-1{padding-bottom:42px;}
.indent-bottom9-1{padding-bottom:47px;}
.indent-bottom17{padding-bottom:85px;}
/*----------- Map ------------*/
#map iframe{width:100%; height:256px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{font-weight:bold; margin-bottom:20px;}
#map dl span {float:left; width:79px;}
/************************************** Footer *************************************/
footer{width:100%; padding:37px 0 40px;}
.social-icons{
float:right;
overflow:hidden;
padding-top:1px;
}
.social-icons li{float:left; margin-right:2px;}
.social-icons li:first-child{
width:127px;
font-size:15px;
line-height:19px;
color:#1f1f1f;
margin-top:-1px;
}
.social-icons a{
display:block;
width:18px;
height:18px;
overflow:hidden;
background-position:center top;
background-repeat:no-repeat;
}
.social-icons a.icon-1{background-image:url(../images/icon-1.png);}
.social-icons a.icon-2{background-image:url(../images/icon-2.png);}
.social-icons a.icon-3{background-image:url(../images/icon-3.png);}
.social-icons a:hover{background-position:center -27px;}
.footer-text{float:left; vertical-align:baseline;}
.footer-logo{
display:inline-block;
text-indent:-999em;
font-size:0;
line-height:0;
width:75px;
height:18px;
overflow:hidden;
background:url(../images/footer-logo.png) 0 0 no-repeat;
vertical-align:middle;
margin-right:2px;
}
.footer-text a{color:#000;}
/*=================================================================================*/
@media only screen and (max-width: 995px) {
p, .p3, .p3-1{margin-bottom:15px}
.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1{margin-bottom:20px;}
.p8, .p8-1, .p9, .p9-1{margin-bottom:30px;}
h3{margin-bottom:15px !important;}
.col-2-1{width:150px; margin-right:21px;}
.indent-lr{padding-left:0; padding-right:0;}
.indent-top1-1{padding-top:0;}
.indent-right2{padding-right:0;}
.indent-right12{padding-right:44px;}
.indent-left2{padding-left:0;}
.indent-bottom4, .indent-bottom5, .indent-bottom7, .indent-bottom7-1, .indent-bottom8-1, .indent-bottom9-1, .indent-bottom17{padding-bottom:30px;}
/*-----------------------------------------*/
.main{width:768px;}
h1{padding-left:0;}
.box .indents{padding:12px;}
#map iframe{height:225px;}
}
@media only screen and (max-width: 767px) {
.img-indent0{margin-right:10px;}
.col-2-1{width:126px; margin-right:20px; margin-bottom:30px;}
.indent-right12{padding-right:0;}
/*-----------------------------------------*/
.main{width:480px;}
h1{float:none; margin-bottom:30px;}
.box.icon-1, .box.icon-2, .box.icon-3, .box.icon-4{background-position:22px center !important;}
.social-icons{float:none; margin-bottom:15px;}
.footer-text{float:none;}
}
@media only screen and (max-width: 479px) {
.col-2-1{float:none; width:100%; margin-right:0;}
/*-----------------------------------------*/
.main{width:320px;}
.box .indents{padding:20px;}
}