/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body {
	background:#dfdede;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em;
	color:#767676;
}
html { min-width:980px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
.container {
	margin: 0 auto;
	position: relative;
	width: 980px;
	font-size:.8125em;
}

	/* Header */
	header{
	height:100px;
	overflow:hidden;
	background:url(../images/header-bg.gif) 0 0 repeat-x #f6f6f6;
	}
	header.small {
		height:135px;
	}
	
	/* Content */
	section#content {
	background:#f6f6f6;
	padding-bottom:33px;
	}
	
	/* Sidebar */
	aside{
	padding-bottom:1px;
	}
			
	/* Footer */
	footer{
	color:#6E6E6E;
	}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter {
	text-align:center;
	margin: 0 0 0px 0;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
figure.fleft { 
	margin:0 20px 0 0; 
	float:left;
	padding-top:4px;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:30px;
}
	.img-box figure { 
		float:left; 
		margin:0 20px 0 0;
		padding-top:4px;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#77c532; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:30px;
	color:#848283;
	font-weight:normal;
	padding:20px 0 0px 38px;
	line-height: 0.95em;
}
	h1 a {
	color:#838182;
	text-decoration:none;
	}
h2 {
	font-size:24px;
	line-height:1.2em;
	color:#2f2f2f;
	font-weight:normal;
	margin-bottom:20px;
	padding:6px 0 0 0;
}
h3 {
	font-size:24px;
	line-height:1.2em;
	color:#2f2f2f;
	font-weight:normal;
	padding:16px 0 15px 40px;
	margin:0 0 0 -15px;
}
	h3.icon1 {
	background:url(../images/icon2.gif) no-repeat 0 0;
	padding-left: 45px;
	}
	h3.icon2 {
	background:url(../images/icon1.gif) no-repeat 0 0;
	padding-left:44px;
	}
	h3.icon3 {
		background:url(../images/icon3.gif) no-repeat 0 0;
		padding-left:63px;
	}
h4 {
	font-size:1em;
	margin-bottom:18px;
	color:#2f2f2f;
	font-weight: normal;
}
h5 {
	font-size:1em;
	color:#2f2f2f;
}

.link1 { 
	font-size:16px;
	color:#000;
	background:url(../images/arrow1.gif) no-repeat 100% 3px;
	padding-right:20px;
	text-decoration:none;
}
.link1:hover {
	text-decoration:underline;
}

.link2 { 
	font-size:16px;
	background:url(../images/arrow2.gif) no-repeat 100% 6px;
	padding-right:16px;
}


.line-hor { 
	background:url(../images/line-hor.gif) 0 60% repeat-x;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	padding:35px 0 25px 0;
}
.line-ver, .line-ver1 { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}


/*==================boxes====================*/
.box {
	background:url(../images/left-top-corner.gif) no-repeat 0 0;
	width:100%;
	color:#767676;
	font-size:14px;
}
	.box .inner {
	background:url(../images/right-bot-corner3.gif) no-repeat 100% 100%;
	padding:17px 25px 20px 47px;
	}
	.box p {
	margin-bottom:7px;
	}
	
	.box ul li {
		border-bottom:1px dotted #c2c1c1;
		background:url(../images/arrow2.gif) no-repeat 1px 7px;
		padding:0 0 8px 18px;
		margin-bottom:7px;
	}
	.box ul li.last-child {
	border-bottom:none;
	padding-bottom:7px;
	}
		.box ul li a {
			color:#77c532;
			text-decoration:none;
		}
		.box ul li a:hover {
			color:#000;
		}



/*===== header =====*/
header .logo {
	position:absolute;
	left:0;
	top:0;
	width:330px;
	height:107px;
	background:url(../images/logo.jpg) no-repeat 0 0;
}
/*	header .logo span {
		display:block;
		margin-top:-14px;
		padding:0 0 0 40px;
		color:#b7b6b6;
	}
*/
header nav {
	position:absolute;
	right:50px;
	top:23px;
}
	header nav li {
		float:left;
		font-size:14px;
		padding-left:42px;
	}
		header nav li a {
			color:#2f2f2f;
			text-decoration:none;
		}
		header nav li a:hover, header nav li a.current {
			color:#f6f6f6;
			text-shadow:1px 1px 0 #b2b1b1;
		}


/*--- slider begin ---*/
.slider {
	position:absolute;
	left:0;
	top:102px;
}
#faded { width:980px; }
/*
 * Required: If fixed height, state it here
*/
#faded .rap { height:392px; overflow:hidden;}
#faded .prev {
	position:absolute;
	left:0;
	top:129px;
	width:66px;
	height:99px;
	background:url(../images/prev.jpg) no-repeat 0 0;
	z-index:10;
}
#faded .next {
	position:absolute;
	right:0;
	top:129px;
	width:66px;
	height:99px;
	background:url(../images/next.jpg) no-repeat 0 0;
	z-index:10;
}
/*--- slider end ---*/


/*===== content =====*/
#mainContent {
	padding:0 5px 0 0px;
}
	
	#mainContent ul li {
		background:url(../images/arrow3.gif) no-repeat 4px 6px;
		padding:0 0 2px 22px;
		font-size:14px;
		border-bottom:1px dotted #c2c1c1;
		margin-bottom:2px;
		color:#848283;
	}
	#mainContent ul li.last-child {
		border-bottom:none;
		margin-bottom:2;
		padding-bottom:2px;
		color:#848283;
	}
		#mainContent ul li a {
			text-decoration:none;
			color:#848283;
		}
		#mainContent ul li a:hover {
			color:#77c532;
		}

/*===== footer =====*/

footer .fleft {
	padding-top:5px;
}
footer .indent {
	padding:31px 5px 0px 0;
}
	footer a {
		color:#6E6E6E;
		text-decoration:none;
	}
	footer a:hover {
		text-decoration:underline;
	}

.social-links {
	float:left;
	vertical-align: top;
}
	.social-links li {
		float:left;
		padding-left:30px;
	}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
}
	#contacts-form .col-1 {
	width:270px !important;
	margin-right:0 !important;
	}
	#contacts-form .col-2 {
		width:280px !important;
		margin-right:0 !important;
	}
	#contacts-form label {
		display:block;
		height:56px;
		overflow:hidden;
	}
		#contacts-form input {
	color:#111;
	border:1px solid #dfdede;
	padding:4px 0 4px 5px;
	width:250px;
	background-color: #FBFBFB;
		}
		#contacts-form textarea {
	color:#111;
	border:1px solid #dfdede;
	padding:3px 0 3px 5px;
	width:270px;
	overflow:auto;
	height:129px;
	margin-bottom:25px;
	background-color: #FBFBFB;
		}
		#contacts-form .link1 {
			float:right;
			margin-left:11px;
		}

/*==========================================*/
.h1b {
	color:#A0A0A0;
}
.searchform {
	float: right;
}
input.searchfield
{
	border: 1px dotted #767676;
	padding:2px;
	margin: 5px 0;
}

input.searchbutton
{
	font-family: verdana, sans-serif;
	background-color:#767676;
	padding: 5px 10px;
	cursor: pointer;
	border: none;
	color: #FFF;
	width:125px
}
.h3h {
	font-size:24px;
	line-height:1.2em;
	color:#2F2F2F;
	font-weight:normal;
	margin:20px 0 0 0px;
	padding: 16px 0 10px 40px;
}
.productdesc {
	margin-bottom: 15px;
}

.h3s {
	font-size:24px;
	line-height:1.2em;
	color:#2F2F2F;
	font-weight:normal;
	margin:0px 0 10px 0;
	padding-left: 40px;
}
.supportdesc {
	font-size:18px;
	line-height:3em;
	color:#5F5F5F;
	font-weight:normal;
}
.faqdesc {
	font-size:18px;
	line-height:1.2em;
	color:#5F5F5F;
	font-weight:normal;
}

select.find1 {
	border:1px solid #BCBBBB;
	padding:3px 3px 3px 5px;
	width:250px;
	background-image:url(../images/white.gif);
	margin: 9px 10px 10px 0;
}

