/************************************************

*	Global Reset and Generals 			        *

************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

fieldset, img {

	border: 0;

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

}

ol, ul, li {

	list-style: none;

}

caption, th {

	text-align: left;

}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

}
h7 { font-size: 200%; font-weight: bold;  }

q:before, q:after {

	content: '';

}

strong {

	font-weight: bold;

}

em {

	font-style: italic;

}

* a {

	position: relative;

}

a img {

	border: none;

}

body {

	color: #202020;

	font: 12px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;

	background-color: #fff;

}

.strong {

	font-weight: 700;

}

.clearboth {

	clear: both;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

/************************************************

*	HyperLinks       							*

************************************************/

a, a:visited { color: #a4a9a0; text-decoration: none; }

a:hover { color: #8fc72a; text-decoration: underline; }

/************************************************

*	Header       							    *

************************************************/

#header { width:auto; margin:0 auto; height:43px; padding-top: 10px; padding-left: 300px; }

#logo {

	height:67px;

	width:290px;

	float:left;

	padding:25px 0 0 15px;

}

/************************************************

*	content          							*

************************************************/

.heading {

	font:bold 30px Georgia, "Times New Roman", Times, serif;

	color:#80817E;

	border-bottom:2px solid #9B9D98;

}

#content {

	width: 955px;

	margin: 0 auto 0 0;

	padding: 0 0 0;

}

#products {

	width: 905px;

	padding:0;

	background:url(images/product_box_bg.png) no-repeat left top;

	height:123px;

	margin-top:0;

}

#products_unten { background: url(images/product_box_bg.png) no-repeat 23px bottom; margin-top: 23px; padding: 0 0 0 23px; width: 905px; height: 163px; }

#product-boxes {

	width: 929px;

}

#details {

	width: 955px;

	padding-bottom:30px;

}

#details a {

	color:#6fae26;

	font:12px Tahoma, Arial, Helvetica, sans-serif;

}

#details a:hover {

	text-decoration:underline;

}

h3.title {

	font:24px Georgia, "Times New Roman", Times, serif;

	color:#fff;

}

.small-box {

	width: 700px;

	height:auto;

	float:left;

	padding:23px 5px 0;

}

.small-box img { float: left; padding:0 15px 15px 80px; }

.small-box p {

	line-height:19px;

	color:#ccc;

	padding-top:5px;

}

.small-box .product-title a {

	color:#f6f6f6;

	text-decoration:underline;

	font-weight:bold;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

}

.small-box .product-title a:hover {

	color:#b3b3b3;

}

.small-box .readmore a {

	color:#6fae26;

	font-weight:bold;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	display:block;

	padding-top:15px;

}

.small-box .readmore a:hover {

	color:#89ff00;

	display:block;

	padding-top:15px;

}

.line {

	width: 1px;

	height:323px;

	float:left;

	background:url(./images/line.gif) no-repeat;

	padding-left:7px;

}

#box-1 {

	width:200px;

	float:left;

	margin:25px 0 0 50px;

	display:inline;

}

#box-1 .date {

	color:#0b7aae;

	

	font:bold 11px Verdana, Arial, Helvetica, sans-s

}

#box-1 p {

	color:#80817f;

	font:12px Tahoma, Arial, Helvetica, sans-serif;

	line-height:17px;

	margin-top:5px;

}

#box-1 ul {

	margin-right: 5px;

	margin-bottom:15px;

}

#box-1 ul li { padding-top: 5px; padding-left: 3px; font:14px Arial, Helvetica, sans-serif; background-color: transparent; color:#80817f;

	font:12px Tahoma, Arial, Helvetica, sans-serif;

	line-height:17px;

	margin-top:5px;}

#box-1 ul li a {

	font:14px Arial, Helvetica, sans-serif;

	color:#000000;

}

#box-1 ul li a:hover {

	color: #777777;

}

#box-2 {

	width:280px;

	float:left;

	margin:25px 0 0 20px;

	display:inline;

}

#box-2 #welcome-text {

	color:#80817f;

	font:12px Tahoma, Arial, Helvetica, sans-serif;

	line-height:20px;

	margin-top:15px;

	margin-bottom:15px;

}

#box-3 {

	width:280px;

	float:left;

	margin:25px 0 0 15px;

	display:inline;

}

#box-3 .service-head {

	padding-left:55px;

	font:17px Georgia, "Times New Roman", Times, serif;

	color:#5c8d36;

}

#box-3 .service-text {

	padding-left:55px;

	padding-top:2px;

	font:12px Tahoma, "Times New Roman", Times, serif;

	color:#80817f;

	line-height:16px;

}

#box-3 .service1 {

	background:url(./images/date-48.gif) no-repeat;

	width:280px;

	height:51px;

	margin:15px 0 5px 0;

}

#box-3 .service2 {

	background:url(./images/plugins-48.gif) no-repeat;

	width:280px;

	height:51px;

	margin:30px 0 5px 0;

}

#box-3 .service3 {

	background:url(./images/email-48.gif) no-repeat;

	width:280px;

	height:51px;

	margin:30px 0 5px 0;

}

#box-4 {

	width:640px;

	float:left;

	margin:25px 0 0 216px;

	display:inline;

}

#box-4 p { font:12px/19px Tahoma, Arial, Helvetica, sans-serif; color:#80817f; margin-top: 5px; margin-bottom: 15px; margin-left: 5px; }

#box-4 h3 { color: #949393; font: 12px/19px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 15px; }

#box-4 .date { color: #0b7aae; font: bold 14px Verdana, Arial, Helvetica, sans-s; }

/************************************************

*	Wrapper          							*

************************************************/

#wrapper {

	width: 995px;

	margin: 0 auto;

	padding: 0;

	background:#fafdf2 url(./images/wrapper.gif) repeat-x 0 -120px;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

}

/************************************************

*	Navbar          							*

************************************************/

#toll {

	height:43px;

	background:url(./images/toll.gif) no-repeat;

	margin-left:150px;

	padding:9px 0 0 60px;

	font-weight:bold;

	color:#80817e;

}

#nav-box {

	height:92px;

	width:650px;

	float:left;

}

#nav {

	height:40px;

	width:650px;

	float:right;

}

#left-nav {

	background:url(./images/slice.gif) no-repeat;

	float:right;

	width:15px;

	height:40px;

}

#nav-bg {

	background:url(./images/nav_bg.gif) repeat-x;

	float:right;

	height:40px;

	width:auto;

}

#nav-box ul {

	padding-right:5px;

}

#nav-box ul li {

	float: left;

	padding:13px 17px 0 5px;

}

#nav-box ul li a {

	color:#9d9d9d;

	font-weight:bold;

	font-size:13px;

}

#nav-box ul li a:hover {

	color:#80817e;

}

/************************************************

*	Form            							*

************************************************/

#commentform label { color: #80817e; font-size: 12px; text-align: left; padding-left: 5px; }

#commentform input {

	font: 110% Arial, Verdana, Helvetica, sans-serif;

	padding: 5px 3px 3px 7px;

	border: solid 1px #cccfc9;

	background-color: #f5f9ed;

	margin: 4px 20px 4px 4px;

}

#commentform textarea {

	font: 12px Arial, Verdana, tahoma, Helvetica, sans-serif;

	width: 440px;

	height: 100px;

	background: #f5f9ed;

	border: 1px solid #cccfc9;

	padding: 5px 3px 3px 7px;

	margin-top: 3px;

}



/************************************************

*	Footer          							*

************************************************/



#footer {

	margin: 0 auto;

	padding: 0;

	padding-top: 20px;

	padding-left:30px;

	color:#808080;

	clear: both;

	background: url(./images/footer_bg.gif) repeat-x;

	height: 29px;

}

#footer a, #footer a:visited {

	color:#6fae26;

	text-decoration:none;

}

#footer a:hover {

	color:#7cd219;

}