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

h1, h2, h3, h4, h5, h6, p, a, img, ul, ol, li, dl, dd, dt, form {
	margin: 0;
	padding: 0;
	border: none;
	}
	
body {
	background: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#wrapper {
	margin: 0 auto;
	width: 705px;
	text-align: left;
	background: url(images/bg.gif) repeat-y left top;
	}

a.logo {
	display: block;
	width: 700px;
	height: 75px;
	background: #fff url(images/logo.gif) no-repeat left center;
	border-top: 10px solid /*#333*/ #452e65;
	overflow: hidden;
	}
	
a.logo h1 {
	display: none;
	}
	
ul#nav {
	width: 694px;
	height: 24px;
	padding: 0 3px;
	background: /*#333*/ #452e65;
	overflow: hidden;
	font: normal 11px/11px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	}
	
ul#nav li {
	display: inline;
	margin: 0;
	padding: 0;
	}

ul#nav li a {
	float: left;
	padding: 7px 7px 0;
	height: 17px;
	color: #fff;
	text-decoration: none;
	}

ul#nav li a:hover {
	background: #594477;
	text-decoration: underline;
	}

ul#nav li a.on,
ul#nav li a.on:hover {
	color: #333;
	background: #fff;
	height: 15px;
	font-weight: bold;
	}

#intro {
	background: #fff;
	width: 700px;
	border-bottom: 5px solid /*#333*/ #452e65;
	padding: 10px 0 1px;
	}

#content {
	float: left;
	width: 470px;
	background: url(images/cut_whitep.gif) no-repeat right top;
	padding: 10px 0;
	}

#sidebar {
	float: left;
	width: 230px;
	background: url(images/cut_greyp.gif) no-repeat right top;
	padding: 10px 0;
	}
		
h2 {
	font: bold 18px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333;
	margin: 0 10px 10px;
	}
		
h3 {
	font: bold 14px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333;
	margin: 0 10px 5px;
	border-top: 1px solid #eee;
	padding: 10px 0 0;
	}
	

p, ul, ol {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	margin: 0 10px 10px;
	}

li {
	margin: 0 25px;
	}

p a,
li a {
	color: #000;
	}
	
p.back {
	clear: both;
	border-top: 1px solid #ddd;
	padding: 10px 0 0;
	font: bold 12px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

p.back a {
	color: #fa1d1f;
	}

ul#features,
ul#products { 
	margin: 0 0 10px 5px;
	}
	
ul#features li {
	margin: 0;
	float: left;
	list-style: none;
	width: 220px;
	padding: 5px;
	font: bold 14px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
	}
	
ul#products li {
	margin: 0;
	float: left;
	list-style: none;
	width: 105px;
	height: 165px;
	padding: 5px;
	font: bold 12px/14px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

ul#features li img {
	display: block;
	padding: 0 0 5px;
	border-bottom: 5px solid #fa1d1f;
	margin: 0 0 5px;
	}

ul#products li img {
	display: block;
	padding: 0 0 5px;
	width: 105px;
	height: 105px;
	border-bottom: 5px solid #fa1d1f;
	margin: 0 0 5px;
	}

ul#features li a,
ul#products li a {
	color: #000;
	text-decoration: none;
	}


	
ul#news {
	margin: 0 10px;
	}
	
ul#news li {
	margin: 0 0 10px;
	list-style: none;
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	}
	
ul#news li a {
	font: bold 12px/14px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #1090a7;
	display: block;
	}

img.product {
	float: right;
	margin: 0 10px;
	display: inline;
	}
	
#footer {
	width: 700px;
	background: #333;
	clear: both;
	height: 80px;
	}
	
#footer p {
	padding: 10px 0 0 10px;
	width: 220px;
	float: left;
	font: normal 10px/13px Helvetica, Arial, sans-serif;
	color: #999;
	margin: 0;
	}
	
#footer p a {
	color: #999;
	}
	
	
/* social */

ul.social {
	height: 24px;
	}

ul.social li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.social li a {
	float: left;
	width: 24px;
	height: 24px;
	margin: 0 6px 0 0;
	text-indent: -9999em;
	}
	
ul.social li.s-twitter a { background-image: url(images/icon-twitter.gif); }
ul.social li.s-facebook a { background-image: url(images/icon-facebook.gif); }
ul.social li.s-linked a { background-image: url(images/icon-linked.gif); }
ul.social li.s-blog a { background-image: url(images/icon-blogger.gif); }