@import"../css/galleriffic.css";
/* 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 ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#717171;
	min-width:990px;
	background:url(../images/main-bg.jpg) 0 0 repeat;
}

.main-shining {
	background:url(../images/main-shining.jpg) center top no-repeat;	
}

.main {
	width:990px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.5em;
}

a {color:#1799cf; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}
.productimgs img{
width:200px;
}
.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:13px;}
.p3 {margin-bottom:19px;}
.p4 {margin-bottom:17px;}
.p5 {margin-bottom:16px;}
.p6 {margin-bottom:7px;}
.p7 {margin-bottom:18px;}
.p8 {margin-bottom:15px;}

.reg {text-transform:uppercase;}

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

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

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#484848;}
.color-4 {color:#717171;}
.block {display:block;}
.decor {text-decoration:none;}
.decor:hover {text-decoration:underline;}
.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  
/*********************************boxes**********************************/
.margin-bot {margin-bottom:50px;}
.margin-bot1 {margin-bottom:35px;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent-bot1 {margin-bottom:27px;}
.img-indent-bot2 {margin-bottom:30px;}
.img-indent-bot3 {margin-bottom:26px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:0 23px 0px 0;}
.img-indent2 {float:left; margin:0 8px 0px 0;}
.img-indent3 {float:left; margin:0 12px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	


.mr6 {margin-right:6px;}
.mt-4 {margin-top:-4px;}
.mt-12 {margin-top:-12px;}

.prev-indent-bot {margin-bottom:10px;}	

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
	background:url(../images/header-top.png) center top repeat-x;	
}
.header-bottom {
	background:url(../images/header-bottom.gif) center bottom repeat-x;	
}
h1 {
	padding:0; 
	position:absolute;
	left:355px;
	top:92px;
	z-index:1;
}
h1 a {
	display:block; 
	width:300px; 
	height:81px; 
	text-indent:-5000px; 
	background:url(../images/logo.png) 0 0 no-repeat;
	text-decoration:none;
}
.relative { position:relative;}
.slider {
	width:990px;
	height:666px;
	background:url(../images/slide.png) no-repeat;
	position:relative;
	overflow:hidden;
	padding-bottom:9px;
}
.head {
	width:990px;
	height:161px;
	background:url(../images/head-bg.jpg) center top no-repeat;
	position:relative;
	overflow:hidden;
}
/****************************menu*********************************************/
.menu {
	padding:7px 0px 9px 0;
	float:left;
}
.menu > li {
	float:left; 
	position:relative;
	margin:0px 21px 0 15px;
	
}
.menu > li.first {
	margin:0px 13px 0 6px;
}
.menu > li.last {
	margin-left:414px;	
}
.menu > li > a {
	display:inline-block; 
	font:normal 12px Arial, Helvetica, sans-serif; 
	line-height:1.2em; 
	padding:0 0 0px 0; 
	color:#ffffff; 
	text-align:center; 
	text-transform:none; 
}
.menu > li > a:hover, .menu > li > a.current {
	color:#0bc5e1;
	
}

.menu li.sfHover > a { color:#979797; }
.menu > li.sfHover > a.current { color:#0bc5e1;}
.menu ul {
	position:		absolute;
	padding:		5px 0 0px 0;
	top:			-999em;
	width:			129px;
	background:		 url(../images/sub-ul-bg.jpg) left top repeat-x #191919;
}
.menu ul ul {
	background:		#232323;

}
.menu li:hover {visibility:	inherit; }
.menu li li {background:none; border-bottom:1px solid #2f2f2f;}
.menu li li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 8px 22px; 
	font-size:		12px;
	line-height:	16px;
	color:#8c8c8c;
	
}
.menu li li li a{ padding-left:16px;}
.menu li li a:hover, .menu li li.sfHover > a {color:#FFFFFF;}

.menu li:hover ul, .menu li.sfHover ul {
	left:			-10px;
	top:			24px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			129px;
	top:			35px;
	z-index:		9999;
	padding-top:0;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
/*************************end menu********************************************/
/*********************************content*************************************/
#content {
	width:100%; 
	padding:0;
	position:relative;
	z-index:1;
	background:url(../images/content.jpg) center top;
}
.content-top {
	background:url(../images/content-bg.jpg) center top repeat-x;
}
.container-1 {
	padding:28px 0 40px 0;	
	line-height:18px;
}

h3 {
	font-size:20px; 
	line-height:2em; 
	margin:0 0 18px 0; 
	color:#000000;
}
.but-shining {
	display:inline-block;
	background:url(../images/but-shadow.png) right bottom no-repeat;
	padding-bottom:2px;
}
.button {
	display:inline-block; 
	padding:4px 12px;
	color:#666666; 
	background:#f9f9f8;
	font-size:11px;
	line-height:18px;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
	
	.button:hover {background:#DCDCDA;}

.list-1 li {
	line-height:21px; 
	font-size:12px;
	padding:5px 0 4px 10px; 
	background:url(../images/marker-1.png) 0 14px no-repeat;
}
	.list-1 li a {
		display:inline-block;
		color:#717171;
	}
		.list-1 li a:hover {
			text-decoration:underline;
		}

.list-2 li {
	font-size:14px; 
	line-height:24px; 
	padding:0px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 li a {
		display:block; 
		color:#1799cf; 
		padding-left:12px; 
		background:url(../images/marker-1.gif) 0 10px no-repeat;
	}
		.list-2 li a:hover {color:#fff;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
	background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;} 

/**********************************************************************************************index-1.html*****************************************************************************************/
.col-1 {
	width:300px;	
}
.col-2 {
	width:335px;	
}
.col-indent { margin-right:47px;}
/*******************************************************************************************end index-1.html*****************************************************************************************/
/**********************************************************************************************index-2.html*****************************************************************************************/
#page3 .container-1 {
	padding:28px 0 36px 0;
}
/*******************************************************************************************end index-2.html*****************************************************************************************/
/**********************************************************************************************index-3.html*****************************************************************************************/
#page4 .container-1 {
	padding:28px 0 22px 0;
}
.hide {
	position:relative;
	overflow:hidden;
}
/*******************************************************************************************end index-3.html*****************************************************************************************/
/**********************************************************************************************index-5.html*****************************************************************************************/
#page6 .container-1 {
	padding:28px 0 36px 0;
}
/*******************************************************************************************end index-5.html*****************************************************************************************/
/**********************************************************************************************index-7.html*****************************************************************************************/
#page8 .container-1 {
	padding:28px 0 65px 0;
}
/*******************************************************************************************end index-7.html*****************************************************************************************/
dl span {float:left; width:80px;}

/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:45px;
			}
			#contact-form label.message {
				height:215px;	
			}
			#contact-form input {
				width:352px;
				padding:7px 5px 8px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:18px;
				height:18px;
				color:#717171; 
				background:#f5f4f4;
				border:1px solid #d0cfcd;
				outline:none;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:199px;
				max-height:199px;
				margin:0;
				width:517px;
				max-width:517px;
				padding:7px 10px 7px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:18px;
				color:#717171; 
				background:#f5f4f4;
				border:1px solid #d0cfcd;
				overflow:auto;
				outline:none;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:10px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-2 { padding:20px 0px 0 0; text-align:right;}
		.buttons-2 a { margin-left:17px;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:47px 0 50px;
	background:url(../images/footer-bg.gif) center top repeat-x;
}
.footer-logo {
	padding-top:40px;
	display:none;
}
.footer-logo a {
	display:none;
	background:url(../images/footer-logo.png) no-repeat;
	width:135px;
	height:37px;
	margin-bottom:15px;
}
.footer-link {
	display:block;
	font-size:12px;
	color:#939392;
}
.footer-link a {
	color:#939392;	
}
.width { width:100px;}
.footer-list li {
	font-size:13px;
	line-height:20px;
	padding:5px 0 5px 0px;
}
.footer-list li.first a {
	background:url(../images/rss.gif) left 1px  no-repeat;
}
.footer-list li.second a {
	background:url(../images/twitter.gif) left 1px  no-repeat;
}	
.footer-list li.third a {
	background:url(../images/linkedin.gif) left 1px  no-repeat;
	padding-left:31px;
}
.footer-list li.four a {
	background:url(../images/facebook.gif) left 1px  no-repeat;
	padding-left:31px;
}	
.footer-list li a { 
	color:#767675;
	display:inline-block;
	text-decoration:none;
	padding-left:27px;
}
.footer-list li a:hover {text-decoration:underline;}