@charset "utf-8";
/* CSS Document */

body
{
margin:0px;
padding:0px;
background: url(../images/wedoxhtml-body-bg.jpg) left top repeat-x #FFF;
font: normal 14px/20px Arial, Helvetica, sans-serif;
color: #666666;
}
body a
{
font: normal 14px/20px Arial, Helvetica, sans-serif;
color: #87ab23;
text-decoration:none;
}
body a:hover
{
font: normal 14px/20px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: none;
}
h1
{
	font: bold 24px/36px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
	
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
text-align:justify;
}
.inner-body
{
	background: url(../images/wedoxhtml-inner-body-bg.jpg) left top repeat-x #FFF;
}
.clear
{
clear:both;
height:0px;
}
#container
{
	width: 100%;
	height:auto;
	float:left;
	text-align:left;
	background: url(../images/wedoxhtml-wrap-bg.jpg) center top no-repeat;
}
#wrap
{
	width: 100%;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:28px;
}
.warper-main
{
	width:960px;
	height:auto;
	margin:0px auto;
}
#header
{
	width:960px;
	height:93px;
	float:left;
	text-align:left;
}
.logo
{
	width:239px;
	height:75px;
	margin-top:12px;
	background: -webkit-gradient(linear, left top, left bottom, from(#87ab23), to(#769b20));
	background: -moz-linear-gradient(top,  #87ab23,  #769b20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#87ab23', endColorstr='#769b20');
	text-align:center;
	padding-top:6px;
	text-decoration:none;
	float:left;
}
.logo a
{
text-decoration:none;
}
.logo a:hover
{
	text-decoration:none;
}
.logo h1
{
	text-shadow:0 10px 10px #769819;
	font: bold 42px/46px Myriad Pro, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}
.logo h2
{
	text-shadow:0 10px 10px #769819;
	font: bold 14px/18px Myriad Pro, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}
.header-right
{
	width:630px;
	height:auto;
	float:right;
	padding-top:8px;
	}
.addthis
{
	width:630px;
	height:auto;
	float:left;
}
nav{
	float:right;
	display:block;
	padding-top:3px;
	width:630px;
	position:relative;
}

/* The navigation styling: */

nav ul li{
	display:inline;
}

nav ul li a,
nav ul li a:visited{
	color:#999999;
	display:block;
	float:left;
	font: bold 15px/26px Arial, Helvetica, sans-serif;
	color: #999999;
	margin:0px 0px;
	padding:0px 11px 0px;
	text-shadow:0 1px 1px #0d0d0d;
	text-transform: none;
	text-decoration:none;
	margin-right:3px;
}

nav ul li a:hover{
	text-decoration:none;
	background-color:#3b3b3b;
	color: #FFF;
	text-shadow:0 1px 1px #282828;
	font: bold 15px/26px Arial, Helvetica, sans-serif;
}
nav ul li.active a{
	text-decoration:none;
	background-color:#3b3b3b;
	color: #FFF;
	text-shadow:0 1px 1px #282828;
	font: bold 15px/26px Arial, Helvetica, sans-serif;
}
#body-main
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
}
.welcome
{
	width:960px;
	height:321px;
	float:left;
	text-align:left;
	background:url(../images/wedoxhtml-psd2html.jpg) right bottom no-repeat;
}
.welcome p
{
	margin:15px 0px 18px 0px;
	text-align:justify;
}
.welcome h2
{
	font: normal 33px/36px Arial, Helvetica, sans-serif;
	color: #222222;
	text-decoration:none;
	margin-bottom:15px;
}
.welcome h2 a
{
	font: normal 33px/36px Arial, Helvetica, sans-serif;
	color: #87ab23;
	text-decoration:none;
}
.welcome h2 a:hover
{
	font: normal 33px/36px Arial, Helvetica, sans-serif;
	color: #ff9900;
	text-decoration:none;
}
.welcome h3
{
	font: bold 18px/36px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
	background-color: #222222;
	padding-left:12px;
}
.welcome-left
{
	width:553px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:26px;
}
.welcome-right
{
	width:180px;
	height:auto;
	float:right;
	text-align:left;
}


a.orange {
	color: #fef4e9;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa71c), to(#e36e11));
	background: -moz-linear-gradient(top,  #faa71c,  #e36e11);
	display: block;
    color: #fff;
	text-align:left;
	padding-left:20px;
    text-decoration: none;
    width:206px;
	font: bold 24px/47px Arial, Helvetica, sans-serif;
	height:47px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: 0 1px 1px #d55e00;
	-webkit-box-shadow: 2px 2px 5px #d9d8d8;
	 -moz-box-shadow: 2px 2px 5px #d9d8d8;
}
a.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#e36e11), to(#faa71c));
	background: -moz-linear-gradient(top,  #e36e11,  #faa71c);
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    text-shadow: 0 1px 1px #dc8200;
	-webkit-box-shadow: 2px 2px 5px #d9d8d8;
	 -moz-box-shadow: 2px 2px 5px #d9d8d8;
	 font: bold 24px/47px Arial, Helvetica, sans-serif;
	 color: #FFF;
}
a.orange:active {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#72ff00), to(#387e00));
	background: -moz-linear-gradient(top,  #619702,  #7ac000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#72ff00', endColorstr='#387e00');
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    text-shadow: 0 1px 2px #679a01;
	border: solid 1px #4ba700;
	-webkit-box-shadow: 2px 2px 5px #d9d8d8;
	 -moz-box-shadow: 2px 2px 5px #d9d8d8;
	 font: bold 24px/47px Arial, Helvetica, sans-serif;
	 color: #FFF;
}
.arrow-th
{
	float:right;
	margin:6px 9px 0px 0px;
}
/* @more-products
=======================*/
#more-service 
{
	width:960px;
	height:228px;
	float:left;
	text-align:left;
}

#more-service h2 {
	padding:18px 0px 6px 0px;
	border-bottom:1px dashed #c1d391;
	font:bold 24px/30px Arial, Helvetica, sans-serif;
	color:#FFF;
}

.service
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:15px;
}
.service ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.service ul li
{
	width:217px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
	background:url(../images/wedoxhtml-service-inside-bg.jpg) left top no-repeat;
	margin-right:17px;
	padding:0px 5px;
}
.service ul li a
{
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}
.service ul li a:hover
{
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #d2ff00;
	text-decoration: underline;
}
.service-th
{
	margin:10px 5px;
}
.body-inside-box
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:30px;
}
.body-inside-left
{
	width:484px;
	height:auto;
	float:left;
	text-align:left;
}
.include
{
	width:484px;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:20px;
	background:url(../images/wedoxhtml-skel-bottom-bg.jpg) left bottom repeat-x;
}
.include ul li
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.include ul li
{
	width:461px;
	height:24px;
	float:left;
	text-align:left;
	font: normal 14px/24px Arial, Helvetica, sans-serif;
	color: #666666;
	background:url(../images/wedoxhtml-right-arrow-th.jpg) left center no-repeat;
	padding-left:23px;
}
.news-box
{
	width:484px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:15px;
}
.body-inside-right
{
	width:416px;
	height:auto;
	float:right;
	text-align:left;
	background:url(../images/wedoxhtml-skel-bg.jpg) left top repeat-y;
	padding-left:35px;
}
.pricing-box
{
	width:416px;
	height:auto;
	float:right;
	text-align:left;
	background:url(../images/wedoxhtml-skel-bottom-bg.jpg) left bottom repeat-x;
	padding-bottom:10px;
}
.testimonial-box
{
	width:416px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:17px;
}
.testimonial-box a
{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #87ab23;
	text-decoration:none;
}
.testimonial-box a:hover
{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #ff9900;
	text-decoration:underline;
}
.testimonial-box p
{
	border-top:1px dashed #cccccc;
	margin:12px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}
.section
{
	width:484px;
	height:auto;
	float:left;
	text-align:left;
}
.section p
{
	padding:7px 0px 20px 0px;
	border-bottom:1px dashed #d1d1d1;
	margin-bottom:24px;
	text-align:justify;
}
.section h1
{
	font: bold 24px/44px Arial, Helvetica, sans-serif;
	color: #333333;
}
.section h2
{
	font: normal 24px/30px Arial, Helvetica, sans-serif;
	color: #555555;
}

.aside
{
	width:416px;
	height:auto;
	float:right;
	text-align:left;
}
.aside ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.aside ul li
{
        border:0px;
        margin:0px;
        padding:0px;
        list-style-type:none;
        text-align:left;
		display:block;
}
.aside ul li a
{
        width: 401px;
        height: 30px;
		padding-left:15px;
        color: #646464;
        text-decoration: none;
        display: block;
        text-align:left;
		background: url(../images/service-arrow-normal.gif) 5px center no-repeat;
		font-weight:normal;
		text-decoration:none;
		line-height:30px;
}
.aside ul li a:hover
{
        color: #79BC17;
		height:30px;
		text-decoration:none;
		background:url(../images/service-arrow-hover.gif) 5px center no-repeat #FFF;
}
.aside ul li a.active
{
        color: #79BC17;
		height:30px;
		text-decoration:none;
		background:url(../images/service-arrow-hover.gif) 5px center no-repeat #FFF;
}
.aside h1
{
	font: bold 24px/45px Arial, Helvetica, sans-serif;
	color: #333333;
}
.aside h2
{
	font: bold 24px/47px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top:30px;
}
.aside p
{
	margin:8px 0px 15px 0px;
	text-align:justify;
}
.aside .link
{
	border-top:1px dashed #cccccc;
	padding-top:15px;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #ff9900;
}
.aside .link a
{
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #87ab23;
	text-decoration:none;
}
.aside .link a:hover
{
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #ff9900;
	text-decoration: underline;
}
#portfolio
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:22px;
}
#portfolio h1
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom:11px;
}
#portfolio p
{
	margin:25px 0px 7px 0px;
	text-align:justify;
}

#portfolio ul.work 
{
	 float: left; 
	 width: 960px;
	 border-bottom:1px dashed #d1d1d1;
	 padding-top:30px;
	 }
#portfolio ul.work li
 { 
 list-style: none; 
 float: left; 
 margin-right: 30px; 
 margin-bottom: 23px;
 font: normal 11px/22px Arial, Helvetica, sans-serif;
 color: #666;
 width:217px;
 display:block;
  }
  #portfolio ul.work li a
  {
 font: normal 13px/22px Arial, Helvetica, sans-serif;
 color: #87ab23;
 text-decoration:none;
  }
  #portfolio ul.work li a:hover
  {
 font: normal 13px/22px Arial, Helvetica, sans-serif;
 color: #ff9900;
 text-decoration: underline;
  }
  #portfolio ul.work a img 
{ 
padding:4px;
border:1px solid #cccccc;
}
#portfolio .work a img:hover
{
padding:4px;
border:1px solid #7eb801;
}
.contact-left
{
	width:484px;
	height:auto;
	float:left;
	text-align:left;
}

.contact-box
{
	width:484px;
	height:auto;
	float:left;
	text-align:left;
}
.contact-box h1
{
	font: normal 24px/28px Arial, Helvetica, sans-serif;
	color: #555555;
	padding-bottom:12px;
}
.contact-box p
{
	margin:0px;
	padding:0px;
}
#contact
{
	width:424px;
	height:auto;
	float:left;
	text-align:left;
	background-color: #87ab23;
	padding:24px 30px 30px 30px;
	font: normal 14px/30px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-bottom:15px;
}
#contact ul.fill
{
	 float: left; 
	 width: 424px;
	 display:block;
	 margin:0px;
	 padding:0px;
	 }
#contact ul.fill li
 { 
 list-style: none; 
 float: left; 
 margin-right: 20px; 
 width:202px;
 display:block;
  }
label { color: #FFF; }
.input
 {
	 border: 1px solid #729318; 
	 font-family: Keffeesatz, Arial;
	 padding:3px 0px 1px 10px;
	 color: #4b4b4b; 
	 font-size: 12px;
	 width:190px;
	 height:20px;
	 background:url(../images/wedoxhtml-input-th.jpg) left top repeat-x;
	  }
.input:focus,{ border: 1px solid #678d00; background-color: #FFF; }
.textarea
 {
    border: 1px solid #729318;
	padding:5px;
	 font-family: Keffeesatz, Arial; 
	 color: #4b4b4b; 
	 font-size: 12px;
	 width:412px;
	 height:72px;
	 background: url(../images/wedoxhtml-comment-bg.jpg) left top repeat-x;
	  }
.textarea:focus { border: 1px solid #678d00; background-color: #FFF;
 }

a.submit {
	color: #FFF;
	background: #222222;
	display: block;
    color: #fff;
	text-align:center;
    text-decoration: none;
    width:90px;
	font: normal 14px/33px Arial, Helvetica, sans-serif;
	height:33px;
	margin-top:10px;
}
a.submit:hover {
	background: #3a4f00;
	font: normal 14px/33px Arial, Helvetica, sans-serif;
	height:33px;
	display: block;
    color: #fff;
	text-align:center;
    text-decoration: none;
    width:90px;
}
footer
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	background:url(../images/wedoxhtml-footer-bg.jpg) left top repeat-x;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #666666;
}
footer a
{
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
}
footer a:hover
{
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #ff9900;
	text-decoration: underline;
}
.line{
	background-color:#000000;
	border-bottom:1px solid #1a1a1a;
	padding-top:1px;
	height:1px;
	margin-bottom:6px;
	overflow:hidden;
}
.footer-top
{
	width:950px;
	height:19px;
	float:right;
	text-align:right;
	background:url(../images/wedoxhtml-footer-top-bg.jpg) right top no-repeat;
	font: bold 12px/19px Arial, Helvetica, sans-serif;
	color: #999999;
	padding-right:10px;
}
.footer-top a
{
	font: bold 12px/19px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration:none;
}
.footer-top a:hover
{
	font: bold 12px/19px Arial, Helvetica, sans-serif;
	color: #86b600;
	text-decoration:none;
}
.footer-main
{
	width:960px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
.footer-container
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
}
footer p
{
	margin:8px 0px 15px 0px;
	text-align:center;
}
.footer-middle
{
	width:960px;
	height:auto;
	float:left;
	text-align:center;
	padding-top:20px;
	padding-bottom:12px;
}
.footer-left
{
	float:left;
	text-align:left;
	width:288px;
}
.icon-th
{
	float:right;
	margin-left:5px;
}
.footer-right
{
	float:right;
	text-align:right;
	width:550px;
}

.blog-feed
{
	width:484px;
	height:auto;
	float:left;
	text-align:left;
	
}
.blog-feed ul
{
	list-style-type:none;
}
.blog-feed ul li
{
	margin:0px;
	padding:10px 0px;
	border-bottom:1px dashed #999;
}
#twitter_div
{
	width:900px;
	height:auto;
	margin:0px;
	padding:0px;
	text-align:left;
}
#twitter_div ul
{
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
}
#twitter_div ul li
{
	margin:0px;
	padding:4px;
	text-align:left;
	list-style-type:none;
	border-top:1px solid #f1f1f1;
	display:block;
}
#twitter_div ul li:hover
{
	margin:0px;
	padding:4px;
	text-align:left;
	list-style-type:none;
	border-top:1px solid #f1f1f1;
	display:block;
	background-color:#f7f7f7;
}