/**
 * Protech
 * Master stylesheet
 *
 * Author: Matthew Pennell, 29digital.com
 * Created: 08/01/10
 * Modified: 29/08/10
 */

/* @group Global Reset (YUI reset.css) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{q:'';}
abbr,acronym{border:0;}

/* @end */

/* @group Basic Elements & Utility Classes */

body {
	color: #606060;
	background: #fff url(/i/body.png) no-repeat 50% 0;
	font: 12px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body.home {
	background-image: url(/i/homebody.gif);
	background-repeat: repeat-x;
}

a {
	color: #ff7200;
}

.clear {
	clear: both;
}

/* @end */

/* @group Typography */

p, ol, ul {
	margin: 0 0 1.5em;
}

h1 {
	font-size: 2.3em;
	line-height: 0.9;
	margin-bottom: 0.6em;
}

h2 {
	font-size: 1.5em;
	line-height: 1.125em;
	margin: 1em 0 1em.125em;
	font-weight:bold; 
	color: #0068b9;
	border-bottom: 1px solid #0068b9;
	padding-bottom: 5px;
}

h3 {
	font-size: 1.5em;
	line-height: 1;
	color: #606060;
	margin-bottom: 1em;
}

#content ul li {
	background: url(/i/square.gif) no-repeat 23px 0.5em;
	padding-left: 37px;
}

/* @end */

/* @group General Layout */

.inner, #breadcrumb ol {
	width: 966px;
	margin: 0 auto;
}

#header {
	overflow: hidden;
	height: 72px;
}

.home #header {
	height: 72px;
}

#header .inner {
	position: relative;
}

#bar {
	background: url(/i/bar.jpg) no-repeat 50% 0;
	height: 108px;
}

#bar img {
	display: block;
	margin: 0 auto;
	height : 108px;
	width: 970px;
}

#main {
	overflow: hidden;
	background: url(/i/main.gif) repeat-x 0 0;
}

.home #main {
	margin-top: 4em;
	background: none;
}

#content {
	float: left;
	width: 706px;
	margin-top: 2em;
}

.home #content {
	float: none; 
	width: 100%;
	margin-top: 0;
}

#content img {
	margin: 1.5em;
}

#content #product-image {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

/* @group Breadcrumb */

#breadcrumb {
	background: url(/i/breadcrumb.gif) repeat-x;
	height: 37px;
	overflow: hidden;
}

#breadcrumb li {
	float: left;
	line-height: 37px;
}

#breadcrumb a {
	padding: 0 28px;
	display: block;
	background: url(/i/arrow.gif) no-repeat 100%;
	text-decoration: none;
	color: #7d7d7d;
}

#breadcrumb a:hover {
	color: inherit;
	text-decoration: underline;
}

#breadcrumb span {
	padding: 0 28px;
	display: block;
	color: #363636;
}

/* @end */

/* @group Sidebar */

#sidebar {
	float: left;
	width: 220px;
	background: #dedede;
	margin: 0 40px 4em 0;
}

#sidebar h1 {
	font-size: 2em;
	color: #888;
	background: url(/i/our-products.gif);
	width: 227px;
	height: 58px;
	margin: 0 0 0 -1px;
	text-indent: -999em;
}

#sidebar ul {
	margin: 0;
}

#sidebar ul ul {
	background: #e9e9e9 url(/i/sidebar.gif) no-repeat 0 0;
	border-bottom: 1px solid #d4d4d4;
	margin-top: -1px;
	padding: 6px 0;
}

#sidebar ul ul ul {
	background: #efefef url(/i/sidebar2.gif) no-repeat 0 0;
	border-bottom: 1px solid #dfdfdf;
}

#sidebar span {
	border-bottom: 1px dotted #afafaf;
	margin: 0 14px;
	display: block;
	padding: 6px 0;
}

#sidebar li:last-child span {
	border: 0;
}

#sidebar li li a {
	border: 0;
	padding: 4px 14px 4px 32px;
	background: url(/i/square.gif) no-repeat 19px 1em;
}

#sidebar li li li a {
	padding-left: 49px;
	background: url(/i/square.gif) no-repeat 40px 1em;
}

#sidebar a {
	display: block;
	text-decoration: none;
	color: #686868;
}

#sidebar a.current {
	color: #000;
}

#sidebar li li li a.current {
	font-weight: bold;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #ff7200;
}

/* @end */

/* @end */

/* @group Navigation & Search */

#nav {
	position: absolute;
	top: 0;
	left: 184px;
	font-size: 0.916em;
	line-height: 1.636;
	background: url(/i/nav.gif) repeat-x 0 18px;
	padding-left: 1px;
}

#nav li {
	float: left;
	width: 87px;
	text-align: center;
}

#nav li a {
	color: #fff;
	text-decoration: none;
	padding: 26px 0;
	display: block;
}

#nav li a:hover {
	background: url(/i/nav-over.gif) repeat 50% 0;
}

#search {
	position: absolute;
	right: 0;
	top: 18px;
	width: 141px;
}

#search label {
	position: absolute;
	left: -999em;
}

#search input {
	background: #252525 url(/i/search.gif);
	color: #cecece;
	border: 0;
	height: 22px;
	width: 82px;
	padding: 6px 29px 0 30px;
}

#search button {
	position: absolute;
	left: 112px;
	top: 0;
	border: 0;
	background: url(/i/go.gif) no-repeat 50% 50%;
	text-indent: -999em;
	width: 28px;
	height: 28px;
}

/* @end */

/* @group Forms & Tables */

form {
	margin: 0 0 1.5em;
}

.hiddenFields {
	display: none;
}

form h1 {
	font-size: 2em;
	color: #4d4d4d;
}

legend {
	display: none;
}

form li {
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

label {
	float: left;
	width: 75px;
	padding-right: 5px;
}

label.hidden {
	text-indent: -999em;
}

form .required {
	color: #ed0000;
}

input, select, textarea {
	display: block;
}

input, textarea {
	padding: 2px;
}

#content input, #content textarea {
	background: #f2f2f2;
	border: 1px solid #d7d7d7;
	width: 152px;
}

#content select {
	width: 158px;
	background: #fff;
	border: 1px solid #e3e3eb;
	border-top-color: #acadb2;
	padding: 2px;
}

#content textarea {
	width: 236px;
	height: 86px;
}

form div {
	padding-left: 80px;
}

form div input {
	display: none;
}

#content form img {
	margin: 5px 0 1.5em;
}

form button {
	cursor: pointer;
	background: url(/i/send.gif);
	width: 106px;
	height: 30px;
	border: 0;
	color: #fff;
	box-shadow: 5px 5px 5px #000;
}

/* @end */

/* @group Footer */

#footer {
	background: #2c2c2c;
	overflow: hidden;
	border-top: 2px solid #262626;
	color: #cdcdcd;
}

#contact {
	float: left;
	width: 258px;
	padding: 2em 32px;
}
#form, #latest-news {
	float: left;
	width: 298px;
	padding: 2em 12px;
}

#footer h3, #contact a {
	text-shadow: #000 1px 1px 1px;
}

.tel, .fax, #footer .contacts, .callback {
	display: block;
	margin: 0.75em 0;
}

#contact a {
	color: #84bfdb;
	font-size: 1.25em;
	line-height: 1.2;
	text-decoration: none;
	padding-left: 21px;
}

#contact a:hover {
	color: #fff;
}

#footer .contacts {
	background: url(/i/contacts.gif) no-repeat 0;
}

#footer .callback {
	background: url(/i/callback.gif) no-repeat 0;
	line-height: 20px;
}

#form input, #form textarea {
	background: #a1a1a1;
	border: 1px solid #3b3b3b;
	color: #fff;
	width: 134px;
}

#form textarea {
	width: 176px;
}

#latest-news li {
	border-bottom: 1px dotted #a4a4a4;
	margin-bottom: 1.5em;
	font-size: 0.917em;
	line-height: 1.273;
}

#latest-news a {
	text-decoration: none;
	color: inherit;
}

#latest-news h4 {
	color: #ff7200;
	font-size: 1.091em;
}

#latest-news a:hover h4 {
	text-decoration: underline;
}

/* @end */

/* @group Homepage */

/* @group Splash Animation */

#splash {
	margin: 0 auto !important;
	visibility: hidden;
	background: #004e9a url(/i/splash.jpg) no-repeat -493px -46px !important;
}

#splash h2, #splash p {
	margin: 4px 0 0;
	color: #fff;
	border: 0;
	padding: 0;
}

#bluefade {
	position: absolute;
	background: url(/i/bluefade.png) repeat-x 0 0;
	height: 50px;
	left: 50%;
	margin-left: -483px;
	top: 72px;
	width: 966px;
}

/* Override jQuery plugin default styles */

.panel {
	width: 483px !important;
	left: auto !important;
	right: 0 !important;
	height: 264px !important;
	overflow: visible !important;
}

.panel-overlay {
	width: 483px !important;
	margin-left: -483px;
}

.overlay {
	width: 483px !important;
	margin-left: -483px;
}

.strip_wrapper {
	left: 10px !important;
	width: 473px !important;
}

.filmstrip {
	background: #004e9a !important;
}

.nav-next, .nav-prev {
	display: none;
}

/* @end */

#about {
	background: #e3e3e3;
	border-top: 1px solid #a7a7a7;
	color: #888;
}

#about .inner {
	background: #e3e3e3 url(/i/about.jpg) no-repeat 0 0;
	padding: 3em 0 1.5em 360px;
	width: 606px;
}

#about h1 {
	margin-bottom: 0;
}

#home-products {
	margin: 0 0 1.5em -24px;
	overflow: hidden;
}

#content #home-products li {
	float: left;
	margin-left: 24px;
	width: 174px;
	display: inline;
	padding: 0;
	background: none;
}

#home-products a {
	text-decoration: none;
}

#content #home-products img {
	background: url(/i/frame.gif);
	padding: 2px 4px 4px 2px;
	margin: 0;
}

#home-products h2 {
	color: #000;
	border-bottom: 1px dotted #9c9c9c;
	width: 169px;
	padding-bottom: 8px;
	margin: 0;
	font-size: 1.25em;
	line-height: 1.2;
	min-height: 2.4em;
}

#home-products li ul {
	margin: 1em 0 2em;
}

#content #home-products li li {
	float: none;
	width: auto;
	margin: 0;
	display: block;
}

#home-products li li a {
	background: url(/i/square.gif) no-repeat 3px 0.4em;
	padding-left: 16px;
	text-decoration: none;
	display: block;
}

#home-products li li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Product Pages */

#product_table {
	margin-top: 30px;
	list-style: none;
}

#content #product_table li {
	float: left;
	width: 148px;
	height: 148px;
	margin: 0 24px 1.5em 0;
	text-align: center;
	background: none;
	padding: 0;
}

#product_table li a {
	text-decoration: none;
}

#product_table li img {
	display: block;
	margin: 10px auto 0;
}

#product_table li a:hover, #product_table li a:focus {
	color: #666;
}

#content #downloads li {
	background: url(/i/downloads.png) no-repeat 0 0;
	padding-left: 40px;
	margin-bottom: 1.25em;
	line-height: 40px;
}

#downloads li.DOC, #downloads li.doc {
	background-position: 0 -100px;
}

#downloads li.XLS, #downloads li.xls {
	background-position: 0 -200px;
}

#downloads li.PPT, #downloads li.ppt {
	background-position: 0 -300px;
}

#downloads li.jpg, #downloads li.gif, #downloads li.png,
#downloads li.JPG, #downloads li.GIF, #downloads li.PNG {
	background-position: 0 -400px;
}

#product-form {
	border-top: 1px solid #afafaf;
	padding-top: 25px;
}

/* @end */