/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#2d2e30;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.rightCall {float:right;}
.rightCarousel {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.385em;
		color:#424141;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:19px;}
em {color:#b9b5ad;}

/* ============================= main layout ====================== */

li { background:url(images/marker1.gif) no-repeat 0 9px; padding-left:17px; line-height:1.846em;}
li a {color:#424141;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

#header {background-color: #ffffff;}
#header .top-bg {background:url(images/header-tail-top.gif) top repeat-x;}
#header .main {background:url(images/header-tail.gif) bottom repeat-x; padding-bottom:18px;}

.menu {padding:0 0 0 5px; width:100%; overflow:hidden; padding-top:19px;}
.menu li {float:left; font-size:1.462em; background:none; padding:0;}
.menu li a {padding:4px 35px 0 34px; height:48px; display:block; float:left; text-decoration:none; color:#f5f7f2;}
.menu li a:hover, .menu .active a {text-decoration:none; color:#1d1d1d; background:url(images/body-bg.jpg);}

.logo {padding:16px 0 0 0;}
.logo .right {padding:0 0 0 0;}
.logo .right ul {padding:2px 10px 10px 0;}
.logo .right li {float:right; width:34px; padding:0 0 0 2px; background:none;}
.logo .right li a {display:block; width:34px; height:35px;}
.logo .right .free-consultation img {
	width: 80px;
	float: left;
	margin-left: 20px;
	padding-right: 5px;
}
.logo .right .free-consultation {
	font-weight: bold;
}

.logo .rightCall {padding:0 0 0 0; }
.logo .rightCall li {background:none;}

.logo .rightCarousel {padding:0 0 0 0; }
.logo .rightCarousel li {background:none;}

.social-icons {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 100px;
	padding-top: 5px;
	width: 80px;
}
.social-icons img {
	width: 32px;
	background: #FFF;
	margin-left: 2px;
	margin-right: 2px;
}
.social-icons a:hover img {
	opacity: 0.8;
}
.logo .twitter a {background:url(images/icon-twitter-sprite.jpg) no-repeat 0 0;}
.logo .flickr a {background:url(images/icon-flickr-sprite.jpg) no-repeat 0 0;}
.logo .technorati a {background:url(images/icon-technorati-sprite.jpg) no-repeat 0 0;}
.logo .facebook a {background:url(images/icon-facebook-sprite.jpg) no-repeat 0 0;}
.logo .rss a {background:url(images/icon-rss-sprite.jpg) no-repeat 0 0;}

.logo .twitter a:hover {background:url(images/icon-twitter-sprite.jpg) no-repeat 0 -35px;}
.logo .flickr a:hover {background:url(images/icon-flickr-sprite.jpg) no-repeat 0 -35px;}
.logo .technorati a:hover {background:url(images/icon-technorati-sprite.jpg) no-repeat 0 -35px;}
.logo .facebook a:hover {background:url(images/icon-facebook-sprite.jpg) no-repeat 0 -35px;}
.logo .rss a:hover {background:url(images/icon-rss-sprite.jpg) no-repeat 0 -35px;}

/* ============================= content ====================== */

#site-content {background-color: #ffffff; overflow: auto;}

h1 {font-size:2.923em; line-height:1.2em; letter-spacing:-1px; margin:-7px 0 -5px 0;}
h2 {font-size:1.846em; line-height:1.2em; color:#969595; margin-bottom:27px;}
h3 {font-size:1.461em; line-height:1.2em; color:#000; margin-bottom:26px;}
.row2 h3 {font-size:1.461em; line-height:1.2em; color:#fff; margin:0;}
h5 {font-size:1.154em; line-height:1.067em; color:#31353b; font-weight:normal; margin-bottom:20px;}




.js {background:url(images/js-bg.jpg) no-repeat 0 0; padding:7px 2px 7px 2px;}
.js .inner {position:relative;}
.js img {margin:0 5px;}

.slide {position:absolute; margin-top:155px; width:100%; height:55px; color:#8e8d8d; font-size:1.154em; line-height:1.333em;}

#panel1, #panel2, #panel3 {background:#ffffff; padding:25px 30px 92px 35px; margin:62px 0 -60px 0;}

.btn-slide {background:#7a9a2d; color:#fff; display:block; padding:7px 0 5px 2px; height:43px; font-size:19px; text-decoration:none; margin:0 5px; text-align: center;}

* html .js {padding:7px 0 7px 0;}
* html .btn-slide {margin:0 7px 0 7px;}
* html .js img {margin:0 5px 0 7px;}

.type2 .btn-slide {background:#19aaf1;}
.type3 .btn-slide {background:#e68507;}
.btn-slide strong {display:none; padding:10px 0 0 0;}
.btn-slide em {color:#fff !important; display:block;}
.active em {display:none;}
.active strong {display:block;}




.row2 {background:#1d1d1d; padding:22px 0 25px 0; color:#878787;}
.row2 a {color:#b9b5ad;}
.padding1 {padding-top:5px;}
.col-pad {padding-right:4px;}
.col-pad2 {padding-right:78px;}

.indent {padding:0 20px 49px 25px;}
.indent2 {padding:27px 20px 49px 25px;}
.row2 .indent {padding:25px 20px 0 30px;}

.link {font-weight:bold; display:inline-block; margin-top:7px;}
#page1 .link {padding-left:17px;}
.type2 .link {color:#19aaf1;}
.type1 li {background:url(images/marker2.gif) no-repeat 0 8px;}
.type3 li {background:url(images/marker3.gif) no-repeat 0 8px;}
.row2 .type1 li {background:url(images/marker4.jpg) no-repeat 0 8px;}
.row2 .type2 li {background:url(images/marker5.jpg) no-repeat 0 8px;}
.row2 .type3 li {background:url(images/marker6.jpg) no-repeat 0 8px;}
.type2 .link {color:#7a9a2d;}
.type3 .link {color:#e68507;}

.row2 .link {font-weight:normal; color:#b9b5ad; display:inline-block; text-decoration:none; margin-top:14px; padding-left:14px;}
.row2 .link:hover {text-decoration:underline;}
.row2 .type1 .link {background:url(images/marker4.jpg) no-repeat 0 5px;}
.row2 .type2 .link {background:url(images/marker5.jpg) no-repeat 0 5px;}
.row2 .type3 .link {background:url(images/marker6.jpg) no-repeat 0 5px;}

.title {background:url(images/title-tail-bg.gif) top repeat-x;}
.title .right-bg {background:url(images/title-right-bg.gif) right top no-repeat;}
.title .left-bg {background:url(images/title-left-bg.gif) right top no-repeat; padding:7px 0 10px 22px;}
.title1 {background:url(images/title1-bg.gif) no-repeat 0 0; padding:0 0 2px 40px;}
.title2 {background:url(/images/title2-bg.gif) no-repeat 0 0; padding:0 0 2px 40px;}
.title3 {background:url(images/title3-bg.gif) no-repeat 0 0; padding:0 0 2px 40px;}

.margin1 {margin-top:25px;}
.margin2 {margin-right:21px;}
.margin3 {margin-top:15px;}
.line {background:url(images/line.gif) bottom left repeat-x; padding-bottom:25px; margin-bottom:25px;}
.icons {margin-right:-50px;}
.icon {width:90px; margin-right:50px; float:left;}

/* ============================= footer ====================== */

#footer {background:url(images/footer-tail.gif) top repeat-x; color:#d0d0d0; font-size:.923em; padding:21px 0 0 0;}
#footer a {color:#d0d0d0;}

/* ============================= forms ============================= */

.taright {text-align:right;}
/* #ContactForm {padding:20px 0 0 0;} */
#ContactForm label {height:40px; display:block;}
#ContactForm .link {margin-right:23px;}

.input {width:253px; height:15px; border:1px solid #7d7d7d; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:253px; height:135px; border:1px solid #7d7d7d; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}

