/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#e4e4e4;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.616em;
		color:#8c8c8c;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#80b736; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:10px;}
em {color:#414141;}



/* ============================= main layout ====================== */

.body-bg {background:url(../images/body-bg.gif) center 8px;}
.bottom-tail {background:url(../images/bottom-tail.gif) bottom repeat-x;}
.top-tail {background:url(../images/top-tail.gif) top repeat-x;}

#content li { padding-left:5px; font-size:1.077em; line-height:2.071em; list-style:square; margin-left:17px;}
#content li.list {padding-left:5px; font-size:1.077em; line-height:20px; padding-top:5px; margin-left:25px;}
#content li a {color:#414141; font-weight:bold;}

.imgindent {margin:0 37px 0 0; float:left;}

h2 { font:normal 20px/22px Arial, Helvetica, sans-serif; color:#414141; text-transform:uppercase; text-decoration:none; padding-bottom:15px;}
h3 {color:#414141; font-size:18px; text-transform:uppercase; text-decoration:none;}
h3 a {color:#414141; font-size:18px; text-transform:uppercase; text-decoration:none;}
h3 a:hover {text-decoration:none; color:#80B736;}
.title1 {background:url(../images/title1.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title2 {background:url(../images/title2.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title3 {background:url(../images/title3.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title4 {background:url(../images/title4.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title5 {background:url(../images/title5.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title6 {background:url(../images/title6.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title7 {background:url(../images/title7.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title8 {background:url(../images/title8.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}
.title9 {background:url(../images/title9.jpg) no-repeat 0 0; padding:0 0 26px 61px; margin:0;}

/* ============================= header ====================== */

#header { font-size:0.923em;}
#header .row1 {padding:20px 0 0 0; height:170px; position:relative;}
#header .row1 .btn-call-to-action { background-image:url(../images/btn-call-to-action.jpg); width:217px; height:35px; color:#fff; display:block; font-size:18px; font-weight:bold; text-decoration:none; padding:12px 0 0 15px; position:absolute; top:45px; right:0px;}
#header .row1 .btn-call-to-action2 { background-image:url(../images/btn-call-to-action.jpg); width:217px; height:35px; color:#fff; display:block; font-size:18px; font-weight:bold; text-decoration:none; padding:12px 0 0 15px; position:absolute; top:100px; right:0px;}
#header .row1 .btn-call-to-action:hover, #header .row1 .btn-call-to-action2:hover { background-position:0 -47px;}

#header .menu {margin-left:-14px; float:left;}
#header .menu li {float:left; text-transform:uppercase; padding:0; float:left;}
#header .menu li a {color:#363636; text-decoration:none; display:block; padding-left:14px; background:url(../images/menu-separator.gif) no-repeat 10px 16px; cursor:pointer;}
#header .menu li a span {padding:10px 21px; display:block; text-align:center; }
#header .menu li a:hover, #header .menu .active a {text-decoration:none; color:#fff; background:none;}
#header .menu li a:hover span, #header .menu .active a span { background-color:#414141;}

.phone {background:#91CB42 url(../images/phone-right-bg.gif) right top no-repeat; display:block; float:right; margin-top:75px; margin-right:16px; line-height:26px; color:#414141;}
.phone span {background:url(../images/phone-left-bg.gif) left top no-repeat; display:block; padding:0 13px 0 13px;}
.phone span a {line-height:26px; color:#FFFFFF; text-decoration:none; font-size:15px; display:block;}
.phone span a:hover {line-height:26px; color:#414141; text-decoration:none;}

/* ============================= content ====================== */

#content {padding:0 0 86px 0;}
#content2 {padding:0; margin:0;}
.plus {margin:121px 33px 0 33px;}

.link {display:inline-block; margin-top:10px; font-style:italic; color:#80b736;}

.col-pad {padding-right:86px;}
.col-pad3 { padding:15px 86px 0 10px;}
.col-pad5 { padding:15px 86px 0 15px;}
.col-pad4 { padding:15px 0 0 15px;}
.col-pad6 {padding-right:45px;}
.col-pad66 {padding-left:60px;}
.col-pad666 {padding-left:23px;}
.col-pad2 {padding-right:35px; padding-bottom:25px;}
.margin1 {margin-top:89px;}
.margin2 {margin-top:17px;}

.phones {font-weight:bold; padding:10px 0 10px 0;}
.phones span {display:inline-block; width:85px;}

.contact {font-weight:bold; color:#414141; font-size:1.077em; line-height:1.5em;}
.contact span {display:inline-block; width:100px;}
.contact a {color:#414141;}

.phone2 {display:inline-block; width:85px;}

/* ============================= footer ====================== */

#footer {padding:36px 0 0 0; font-size:0.923em;}
#footer .menu {margin-left:-14px; float:left;}
#footer .menu li {float:left; padding:0;}
#footer .menu li a {color:#a6a6a6; text-decoration:none; display:block; padding-left:14px; background:url(../images/menu-separator2.gif) no-repeat 5px 9px; cursor:pointer;}
#footer .menu li a span {padding:4px; display:block; text-align:center;}
#footer .menu li a:hover, #footer .menu .active a {text-decoration:none; background:none;}
#footer .menu li a:hover span, #footer .menu .active a span { background-color:#FFFFFF;}

#footer .right {color:#8c8c8c; font-weight:normal; padding:5px 0 0 0;}
#footer .right a {color:#8c8c8c; text-decoration:none;}
#footer .right a:hover {text-decoration:underline;}


/* ============================= forms ============================= */

.taright {text-align:right; padding:8px 4px;}
#SearchForm {float:right; padding-top:19px;}
#SearchForm label {background:url(../images/search-input-bg.gif) no-repeat 0 0; display:block; width:266px; height:26px;}
#SearchForm .input {width:229px; border:none; background:none; padding:5px 0 5px 10px; font-size:12px;}
#ContactForm label {height:50px; display:block; background:url(../images/input-bg.gif) no-repeat 0 0;}

#ContactForm .input {width:250px; border:none; background:none; padding:0 0 0 9px; font-size:1em; color:#8c8c8c;}
.textarea {background:url(../images/textarea-bg.gif) 0 0 no-repeat; padding:7px 10px 8px 10px;}
textarea {width:250px; height:71px; border:none; background:none; padding:0; overflow:auto; font-size:1em; color:#8c8c8c;}
#ContactForm .link {margin:10px 0 0 20px;}


ul.sitemap {margin:0 100px; padding:0 0 0 12px; list-style:square; }
ul.sitemap li {margin:0; padding:0; font:normal 14px/28px Arial, Helvetica, sans-serif; color:#414141;}
ul.sitemap li a {margin:0; padding:4px; font:normal 14px/28px Arial, Helvetica, sans-serif; color:#414141; text-decoration:none;}
ul.sitemap li a:hover { text-decoration:underline;  }

ul.sitemap li ul.subsite {margin:0 30px; padding:0 0 0 12px; list-style:square; }
ul.sitemap li ul.subsite li a {margin:0; padding:4px; font:normal 14px/28px Arial, Helvetica, sans-serif; color:#414141; text-decoration:none;}
ul.sitemap li ul.subsite a:hover { text-decoration:underline; }


.block_content {margin:0; padding:10px 0 0 0; width:325px; height:340px; float:left;}
.block_content .box01 {margin:0; padding:0; width:65px; float:left;}
.block_content .box02 {margin:0; padding:0; width:250px; float:left;}
.block_content .box02 p {margin:0; padding:10px 0 0 0;}

.design_box {margin:42px 0; padding:40px 0 0 0; width:302px; float:left; height:130px; background:url(../images/box.gif) no-repeat center;}
.design_box .box {margin:0; padding:0 0 0 8px; width:90px; height:90px; float:left;}

.portfolio_bx01 {margin:-15px 0; padding:0; width:260px; float:left;}
.portfolio_bx01 p {padding:8px 0 8px 0;}