html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
img, fieldset {
	border: 0;
}
body, select, input, textarea {
	font: 0.625em/1.4 arial, helvetica, verdana, sans-serif;
}
html {
	overflow-y: scroll;
}
body {
	 background: #bbb;
	 color: #555;
}
code {
	padding: 5px;
	border: dashed 1px #999;
	background: #eee;
	margin: 1em 0;
	display: block;
}
#container {
	width: 900px;
	margin: 10px auto;
	background: #fff;
}
a {
	color: #999;
	text-decoration: underline;
}
a:hover {
	color: #000;
}
h1 {
	font-family: georgia, "times new roman", times, serif;
	font-size: 3em;
	color: #555;
	font-weight: normal;
}
h1 span {
	color: #ff7d00;	
}
h2 {
	font-family: georgia, "times new roman", times, serif;
	font-size: 1.8em;
	font-weight: normal;
}
h3 {
	font-family: georgia, "times new roman", times, serif;
	font-size: 1.6em;
	font-weight: normal;
}
#main-content p, #main-content ul, #main-content ol, #main-content blockquote {
	font-size: 1.4em;
	margin: 1em 0;
}
#main-content ul {
	margin: 1em 0 1em 15px;	
}
#main-content ol {
	margin: 1em 0 1em 20px;	
}
#main-content blockquote {
	border-left: 5px solid #ccc;
	padding: 0 0 0 10px;
	font-style: italic;
}

/* ~~~~~~~~~ ROUNDED CORNERS ~~~~~~~~~~ */

.tl, .tr, .bl, .br {
	position: absolute;
	width: 10px;
	height: 10px;	
	font-size: 0;
}
.tl {
	top: 0;
	left: 0;
}
.tr {
	top: 0;
	right: 0;
	background-position: top right;
}
.bl {
	bottom: 0;
	left: 0;
	background-position: bottom left;
}
.br {
	bottom: 0;
	right: 0;
	background-position: bottom right;
}

/* ~~~~~~~~~ PAGE HEADER ~~~~~~~~~~ */

#header {
	position: relative;	
	overflow: hidden;
	width: 100%;
}
#header img {
	float: left;
	padding: 20px;
}
#header ul {
	float: right;
	margin: 15px 20px;
	list-style: none;
	font-size: 1.1em;
}
	#header ul li {
		float: left;
		margin: 0 0 0 20px;
	}
#header .tl, #header .tr {
	background-image: url(../images/rounded-white.gif);	
}

/* ~~~~~~~~~ NAVIGATION ~~~~~~~~~~ */

#navigation {
	background: url(../images/background-navigation.gif) no-repeat bottom left #ff9026;
	border-bottom: 10px solid #bbb;
	overflow: hidden;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	list-style: none;
}
	#navigation li {
		float: left;
	}
		#navigation li a {
			color: #eee;
			text-decoration: none;
			display: block;
			padding: 10px 30px;
		}
		#navigation li a:hover {
			color: #fff;
			text-decoration: none;
		}
	#navigation li ul {
		position: absolute;
		left: -999em;
		font-size: 0.786em;
		list-style: none;
		z-index: 1000;
		margin: -1px 0 0 30px;
		border: 1px solid #999;
		font-weight: normal;
	}
		#navigation li ul li {
			float: none;
			padding: 0;
		}
	#navigation li ul a, #navigation li ul a:link {
		padding: 5px;
		width: 150px;
		background: #fff;
		display: block;
		color: #666;
	}
	#navigation li ul a:hover {
		background: #eee;
		color: #da6b01;
	}
	#navigation li:hover ul, #navigation li.sfhover ul {
		left: auto;
	}
		
/* ~~~~~~~~~ CONTENT ~~~~~~~~~~ */

#content {
	position: relative;	
	padding: 20px;
	overflow: hidden;
}
* html  #content {
	height: 1%;	
}
#content .tl, #content .tr, #content .bl, #content .br {
	background-image: url(../images/rounded-white.gif);	
}

/* ~~~~~~~~~ HOME ~~~~~~~~~~ */

.home #main-content {
	background-repeat: no-repeat;
	background-color: #ddd;
	width: 820px;
	min-height: 208px;
	position: relative;
	overflow: hidden;
	padding: 0 20px;
}
* html .home #main-content {
	height: 208px;	
}
#main-content .bl, #main-content .br {
	background-image: url(../images/rounded-dddddd.gif);	
}
.home #main-content h1 {
	margin: 15px 10px 5px 275px;
}
/*.home #main-content p {
	font-size: 1.3em;
	float: left;
	width: 280px;
	margin: 0 30px 1em 280px;
	display: inline;
}*/
.home #main-content p {
	font-size: 1.3em;
	margin: 0 30px 1em 280px;
}

/* ~~~~~~~~~ PRODUCTS BUTTONS ~~~~~~~~~~ */

.products-container {
	overflow: hidden;
	width: 100%;
	margin: 20px 0 0;
	list-style: none;
	clear: both;
}
.products-container li {
	float: left;
	width: 204px;
	height: 80px;
	margin-right: 15px;
}
.products-container li.item-1 {
	margin: 0 14px 0 0;	
}
.products-container li.item-4 {
	margin: 0;	
}
.products-container li a, .products-container li span {
	display: block;
	font-size: 100%;
	overflow: hidden;
	width: 204px;
	height: 80px;
	cursor: pointer;
}
	.products-container li span {
		display: block;
		position: relative;
		z-index: 1;
		margin-bottom: -80px;
	}
.products-container li a:hover, .products-container li span:hover {
		background-position: 0 -80px !important;
}
	
/* ~~~~~~~~~ FOOTER ~~~~~~~~~~ */

#footer {
	background: #bbb;
	padding: 15px 0;
	text-align: right;
	color: #555;
}
#footer p {
	font-size: 1.1em;	
}
	#footer a {
		color: #555;	
	}
	#footer a:hover {
		color: #333;	
	}
	
/* ~~~~~~~~~ CONTENT PAGE ~~~~~~~~~~ */	

/* layout */

#sub-navigation {
	float: left;
	width: 248px;
}
.content-page #main-content {
	float: right;
	width: 592px;
}

/* sub navigation */

.sub-nav-container {
	background: url(../images/background-sub-container.gif) bottom left no-repeat;
	margin: 0 0 20px;
	width: 100%;
}
	.sub-nav-container b {
		background: url(../images/background-sub-header.gif) no-repeat;	
		display: block;
		font-family: georgia, "times new roman", times, serif;
		color: #fff;
		padding: 7px 10px;
		font-size: 1.4em;
		font-weight: normal;
	}
	.sub-nav-container ul {
		list-style: none;	
	}
	.sub-nav-container ul li {
		border-bottom: 1px solid #ccc;
		padding: 5px;
	}
		.sub-nav-container ul li.last {
			border: none 0;	
		}
	.sub-nav-container a {
		font-size: 1.2em;
		color: #555;
		background: url(../images/icon-arrow.gif) no-repeat 0 1px;
		padding: 0 5px 0 25px;
		display: block;
	}
	.sub-nav-container .archive a {
		background: url(../images/icon-arrow-grey.gif) no-repeat 0 1px;
		color: #777;
		border: none 0;
	}
	.sub-nav-container a:hover {
		color: #333;	
	}
	.sub-nav-container .selected {
	font-weight: bold;
}
	
/* secondary navigation */
	
.sub-nav-container ul ul {	
	background: #ddd;
	padding: 5px 0 5px 25px;
	margin: 5px 0 0;
}
.sub-nav-container ul ul li {
	border: none;
	padding: 2px 0;
	font-weight: normal;	
}
.sub-nav-container ul ul a {
	padding: 0;
	background: none;
	font-size: 1.1em;
}
	
/* contact us */

.sub-contact-us {
	background: #666;
	position: relative;
	padding: 15px 20px;
	color: #ddd;
	margin: 0 0 20px;
	zoom: 1;
}
#content .sub-contact-us .tl, #content .sub-contact-us .tr, #content .sub-contact-us .bl, #content .sub-contact-us .br {
	background-image: url(../images/rounded-666666.gif);
	width: 5px;
	height: 5px;
}
.sub-contact-us p {
	font-size: 1.2em;	
}
.sub-contact-us b {
	font-size: 1.4em;
	font-family: georgia, "times new roman", times, serif;
	font-weight: normal;
}
.sub-contact-us a {
	color: #ddd;	
}
.sub-contact-us a:hover {
	color: #fff;	
}

/* share */

.share {
	margin: 0 0 20px;	
}
.share b {
	font-size: 1.4em;
	font-family: georgia, "times new roman", times, serif;
	font-weight: normal;
	border-bottom: 3px solid #999;
	margin: 0 0 10px;
	display: block;
}
.social {
	overflow: hidden;
	width: 100%;
	list-style: none;
}
	.social li {
		float: left;
		margin: 0 2px 0 0;
	}
.print-email {
	overflow: hidden;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	margin: 5px 0 0;
}
	.print-email li {
		float: left;	
	}
	.print-email a {
		padding: 1px 0 0 23px;
		color: #666;
		display: block;
		text-decoration: none;
	}
	.print-email a:hover {
			color: #333;	
	}
		.print-email li.print a {
			background: url(../images/icon-print.gif) no-repeat;
			margin: 0 15px 0 0;
		}
		.print-email li.email a {
			background: url(../images/icon-email.gif) no-repeat 0 2px;	
		}
		

/* breadcrumbs */

#content .breadcrumb {
	position: relative;
	background: #eee;
	padding: 5px 8px;
	margin: 0 0 10px;
}
#content .breadcrumb .tl, #content .breadcrumb .tr, #content .breadcrumb .bl, #content .breadcrumb .br {
	background-image: url(../images/rounded-eeeeee.gif);
	width: 5px;
	height: 5px;
}
#content .breadcrumb ul {
	width: 100%;
	overflow: hidden;
	list-style: none;
	font-size: 1em;
	margin: 0;
}
	#content .breadcrumb li {
		float: left;
		margin: 0 3px 0 0;
		color: #999;
	}
	#content .breadcrumb li a {
		color: #999;	
	}
	#content .breadcrumb li a:hover {
		color: #333;	
	}
	
/* content styling */

.content-page #main-content .intro {
	font-size: 1.6em;
	font-weight: bold;
	color: #666;
}
.content-page #main-content a {
	color: #ff7d00;	
}
.content-page #main-content a:hover {
	color: #ff6600;	
}
.content-page h1 {
	margin: 0.5em 0;
	color: #666;
}

/* content item */

.content-item {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	margin: 0 0 10px;
	overflow: hidden;
	width: 100%;
}
	#main-content .content-item p {
		margin: 0;	
	}
	
/* partners */

.partners h2 {
	margin-bottom: 20px;
}
.partners .content-item img {
	float: right;
	margin: 0 0 0 20px;
}
.partners .content-item {
	margin-top: 10px;
}

/* contact us */

#contact-details {
	font-size: 1.4em;	
}
#contact-details strong {
	font-weight: normal;
	font-style: italic;
	color: #999;
}
#contact-details address {
	display: inline;	
}
#contact-details #email, #contact-details #telephone, #contact-details #post {
	margin: 0 0 5px;	
}
#contact-details p {
	font-size: 1em;
	margin-top: 0;
}
#form-container {
	position: relative;
	background: #eee;
	padding: 15px;
	margin: 25px 0 10px;
}
#form-container .tl, #form-container .tr, #form-container .bl, #form-container .br {
	background-image: url(../images/rounded-eeeeee.gif);
	width: 5px;
	height: 5px;
}
#form-container .form-item {
	width: 100%;
	overflow: hidden;
	margin: 0 0 5px;
}
#form-container .form-item label {
	float: left;
	width: 110px;
}
#form-container .form-item span {
	float: right;
	font-size: 0.786em;
}
#form-container .form-item input, #form-container .form-item textarea {
	width: 230px;
	font-size: 1em;
}
#form-container .button .form-item input {
	width: auto;
	margin: 0 0 0 120px;
}

/* pagination */

.pagination {
	padding: 5px;
	position: relative;
	background: #eee;
	margin: 25px 0 0;
	overflow: hidden;
}
* html .pagination {
	height: 1%;	
}
#content .pagination .tl, #content .pagination .tr, #content .pagination .bl, #content .pagination .br {
	background-image: url(../images/rounded-eeeeee.gif);
	width: 5px;
	height: 5px;
}
#content .pagination ul {
	font-size: 1.1em;
	margin: 0;
}
.pagination li {
	display: inline;
	padding: 0 5px;
}
.content-page #main-content .pagination li a {
	color: #666;
}
.previous {
	float: left;
	width: 45%;
}
.next {
	float: right;
	width: 45%;
	text-align: right;
}

/* sitemap */

#sitemap {
	padding: 5px;
	position: relative;
	background: #eee;
	margin: 15px 0 0;
}
#content #sitemap .tl, #content #sitemap .tr, #content #sitemap .bl, #content #sitemap .br {
	background-image: url(../images/rounded-eeeeee.gif);
	width: 5px;
	height: 5px;
}
#sitemap ul {
	font-weight: bold;	
	margin-top: 20px;
}
.content-page #sitemap ul a {
	color: #666;	
}
#sitemap ul ul {
	font-size: 1em;
	font-weight: normal;
	margin: 10px 0;
}
#sitemap ul li {
	margin: 2px 40px;	
}

/* customers */

#customers-container, #products-container {
	overflow: hidden;
	width: 100%;
	margin: 10px 0 0;
}
	#customers-container .customer-item, #products-container .products-item {
		float: left;
		width: 283px;
		margin: 0 12px 20px 0;
	}
		#customers-container .customer-item h2, #products-container .products-item h2 {
			margin: 5px 0 0;	
		}
		#customers-container .customer-item dl {
			overflow: hidden;
			width: 100%;
			font-size: 1.2em;
		}
			#customers-container .customer-item dl dt {
				float: left;
				clear: left;
				margin: 0 5px 0 0;
				display: inline;
				color: #777;
			}
			#customers-container .customer-item dl dd {
				float: left;
				font-weight: bold;
			}
/* products */

#products-container .products-item {
	min-height: 175px;
}
	#products-container .products-item p {
		margin: 0;
		font-size: 1.2em;
	}