/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{
	line-height:1;
	color:black;
	background:white;
}
body,div,article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
	display:block;
}
nav ul{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:0;
}
/* change colours to suit your needs */
ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark{
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}
del{
	text-decoration:line-through;
}
abbr[title], dfn[title]{
	border-bottom:1px dotted;
	cursor:help;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr{
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select{
	vertical-align:middle;
}

body{
	font:normal 0.75em/1.5em Arial, Verdana, Tahoma, Geneva, sans-serif;
	color:#404040;
	text-align:left;
	direction:ltr;
/*	background:white url(img/dash-bg.gif) repeat 0% 0%;*/
	background:url(img/bg.png) fixed repeat 0% 0%;
	background:url(img/dash-bg.gif) fixed repeat 0% 0%;
}
h1, h2, h3, h4, h5, h6{font-weight:bold;}
h1{font-size:2em;}
a:link{color:#08C;text-decoration:none;}
a:visited{color:#08C;text-decoration:none;}
a:hover{color:#08C;text-decoration:underline;}
a:active{color:#08C;text-decoration:underline;}

.wrapper{
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
.wrapper.main{
	padding:0 30px;
	padding:0 35px;
	background:url(img/center.png) repeat-y 0% 0%;
}
#header{
	width:100%;
/*	padding-top:30px;
	border-top:5px solid #4cb2e5;
	border-top:5px solid #111;*/
	border-top:10px solid #404040;
	border-top:5px solid #4cb2e5;
}
#header .banner{
	padding:5px 0;
	border-bottom:1px solid black;
}

#header .bannerShadow{
	height:20px;
	background:url(img/slider-shadow.png) no-repeat 50% 0%;
}

#nav{
	margin:30px 0 0 10px;
}
#nav li{
	float:left;
}
#nav a{
	height:30px;
	line-height:30px;
	display:block;
	position:relative;
	text-decoration:none;
	color:#333;
	color:#000;
	font-size:1.5em;
	padding:0 10px 2px 10px;
/*	padding-bottom:4px;*/
	border-bottom:8px solid #333;
}
#nav a.active{border-color:#e42d96;}
#nav a:hover{border-color:#4cb2e5;}
#footer{
	width:100%;
/*	margin-top:30px;*/
	border-bottom:5px solid #4cb2e5;
	color:gray;
	line-height:16px;
	font-size:11px;
}
#footer .wrapper.footer{
	border-top:1px solid #000;
	padding:10px 0;
}
#footer nav li{float:left;padding-right:10px;}
#footer nav a{color:#666;}
#footer:hover nav a{
	color:#08C;
}

/*********
== HOME ==
*********/
.section{
	width:290px;
}
.section .sectionPhoto{
	width:280px;
	padding:4px;
	background:white;
	border:1px solid #999;
	box-shadow:1px 2px 2px #ccc;
	height:80px;
	overflow:hidden;
}
.section .sectionPhoto img{
	height:80px;
	width:280px;
	display:block;
}
.section h1 a{color:#000;}
.section a:hover{color:#08C;text-decoration:none;}
.section p{color:#404040;}

h1.secTitle a{color:#000;}
h1.secTitle a:hover{color:#08C;text-decoration:none;}

.secImage{
	padding:4px;
	border:1px solid #E5E5E5;
	background-color:#FFF;
}

.brands li{padding-top:10px;}
.brands img{
	height:50px;
}

.plist li{
	padding-left:25px;
	background:url(../images/plist_icon.gif) no-repeat 0% 50%;
	background:url(../images/li-icon.png) no-repeat 0% 50%;
}
.plist li.bg-top{
	background-position:0% 10%;
}

ul.portfolio li{
	background:url(../images/plist_icon.gif) no-repeat 0% 50%;
	padding-left:20px;
}

.latVido,
.latVido img,
.transBg{
	width:283px;
	height:212px;
	height:100px;
}
.latVido{
	padding:4px;
	border:1px solid #ccc;
	overflow:hidden;
}
.latVido img{
}
.latVido .transBg{
	position:absolute;
	background:url(../images/icon_play.png) no-repeat 50% 50%;
	top:4px;
	left:4px;
	z-index:1;
}
.latVido .transBg:hover{
	background-image:url(../images/icon_play_over.png);
}
.latVido .transBg a{
	display:block;
	position:relative;
	width:100%;
	height:100%;
}

.specialItems{
	width:588px;
	border:1px solid #d3d3d3;
	border:1px solid #ccc;
	background:#f9f9f9;
}
.specialItems hgroup h1{
	border-left:5px solid #666;
}
.specialItems hgroup{
	background:#f6f6f6;
	border-bottom:1px solid #ccc;
}
.specialItems ul{
	border-top:1px solid #fff;
}
.specialItems .head{
	width:119px;
	background:#09C;
	color:#fff;
}
.specialItems .head:hover{
	color:#ff0;
	text-decoration:none;
}
.specialItems .body{
	background:#f9f9f9;
	background:#e5e5e5;
	border:1px solid #ccc;
	border-width:0 1px 1px 1px;
}
.specialItems a.sample{
	width:132px;
	height:132px;
	border-bottom:1px solid #09C;
}
.specialItems a.sample img{
	width:132px;
	height:132px;
}
.specialItems .details{
	border-top:1px solid #09C;
}



.quote{
	background:#f1f1f1;
	border-left:10px solid #900;
}









/*SIDE NAV*/
ul.sideNav{
	border:1px solid #D3D3D3;
}
ul.sideNav li{
	
	border-top:1px solid #D3D3D3;
	border-bottom:1px solid #FFF;
}
ul.sideNav li.fchild{
	border-top-color:#FFF;
}
ul.sideNav li a{
	background:#F1F1F1 url(../images/list.jpg) no-repeat 5px 50%;
	display:block;
	padding:10px 10px 10px 25px;
	width:180px;
	color:#404040;
	outline:0;
}
ul.sideNav li a:hover{
	text-decoration:none;
	background-color:#FFF;
}
ul.sideNav li a.on{
	color:#C00;
	background-color:#FFF;
}


.ach th,
.ach td{
	padding:10px;
	border-bottom:1px solid #669;
	border-right:1px solid #669;
	border-color:#000;
}
.ach th{
	border-left:1px solid #669;
	border-color:#000;
	text-align:center;
	vertical-align:middle;
}
.ach tr:hover th,
.ach tr:hover td{
	background-color:#ffc;
}
.ach tr:hover th.bg-669{
	background:#669;
}
.ach tr:hover th.bg-339{
	background:#339;
}


.secImgs{
	width:190px;
	
}
.secImgs li{
	padding-bottom:10px;
}
.secImgs img{
	width:180px;
	padding:4px;
	border:1px solid #E5E5E5;
}


/*CONTACTS*/
.contactinfo th,
.contactinfo td{
	padding:5px 10px;
	color:#FFF;
	border-bottom:1px solid #F9F9F9;
}
.contactinfo th{
	background:#000;
	border-right:1px solid #F9F9F9;
}
.contactinfo td{
	background:#FF8C00;
	color:#FFF;
}

.textInput{
	border:1px solid #d3d3d3;
	padding:5px 3px;
	color:#666;
	outline:0;
}
.textInput:focus{
	color:#000;
	border-color:#000;
}


.contactForm th,
.contactForm td{
	padding:5px 10px;
	background:#f5f5f5;
	border-bottom:1px solid #fff;
}
.contactForm td{
	background:#f9f9f9;
	border-left:1px solid #fff;
}



/*MSGS*/
.msg{
	padding:10px 20px 10px 32px;
	background:#fffabf url(../images/icon_attention.gif) no-repeat 10px 50%;
	font-weight:bold;
	border:1px solid #ccc;
}
.msg.dir-rtl{background-position:98% 50%;padding:10px 35px 10px 20px;}
.msg.error{color:#801B1B;background-color:#FFCFCF;background-image:url(../images/icon_error.gif);border-color:#E5A3A3}
.msg.okay{color:green;background-color:#F0FEE9;background-image:url(../images/icon_okay.gif);border-color:#E1EFDB}