@charset "utf-8";

html, * 
{
	margin:0px;
	padding:0px;
}

body 
{
	margin:15px 0px;
	padding:0px;
	font:normal 12px Arial,  Helvetica, sans-serif;
	color:#000;
	word-spacing:0px;
	letter-spacing:0px;
	background:#4c4d4d;
}

form, div, p, ul, ol, h1, h2, h3, h4, h5, h6
{
	margin:0px;	
	padding:0px;	
}

img
{
	vertical-align:top;
	border:none;
}

input, 
textarea, 
select
{
	/*border:none;
	color:#706f6f;*/
	font:normal 12px Verdana, Arial,  Helvetica, sans-serif;
}

a
{
	color:#01173b;
	text-decoration:none;
	outline:none;
}

a:hover,
.menu ol li a:hover
{
	text-decoration:underline;
}

.active
{
	font-weight:bold !important;
}

sup
{
	font-size:10px;
}

.left
{
	float:left;
}

.right
{
	float:right;
	margin:0px 0px 4px 8px;
}

.clear
{
	clear:both;
}

.clear-height
{
	clear:both;
	overflow:hidden;
	height:1px;
}


/* -------------------------------------- For page -------------------------------------------- */


#main
{
	width:1000px;
	margin:auto;
	padding:0px;
	background:#fff;
}

.top-bg
{
	background:url(../images/top-bg.jpg) top left no-repeat;
	height:23px;
	text-align:right;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	padding-right:10px;
}


.menu
{
	background:url(../images/meenu-bg.jpg) top left repeat-x;
	height:28px;
	width:1000px;
	text-align:center;
}


.menu ol
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:28px;
	text-align:center;
}

.menu ol li
{
	display:inline;
	margin:0px;
	padding:0px;
	height:28px;
}

.menu ol li img
{
	padding:0px 15px;
}

.menu ol li a
{
	display:inline-block;
	font:normal 12px/28px Arial, Verdana,  Helvetica, sans-serif;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

.h1
{
	font:italic 18px Trebuchet MS, Arial, Helvetica, sans-serif;
	/*color:#202220;
	letter-spacing:1px;*/
	color:#753375;
	padding:0px;
	padding-bottom:10px;
	margin:0px;
	text-transform:uppercase;
}

.h1 span
{
	font:bold italic 40px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#0155e9;
	/*border-bottom:1px solid #d03507;*/
}

.border-bottom
{
	border-bottom:2px solid #adb4bc;
}

.product
{
	float:left;
	width:590px;
	padding-left:10px;
	padding-right:15px;
	text-align:justify;
	line-height:18px;
}

.ul
{
	margin:15px 0px 15px 25px; 
	padding:0px;
}

.ul li
{
	list-style:url(../images/li.gif);
	padding-bottom:10px;
}

.ul ul
{
	margin:15px 0px -5px 20px; 
	padding:0px;
}

.ul ul li
{
	list-style:square !important;
	padding-bottom:8px;
}


.ability
{
	float:right;
	width:385px;
}

.ability-container
{
	background:url(../images/right-bg.jpg) top left repeat-y;
	padding:0px 30px 10px 15px;
	color:#fff;
	text-align:justify;
	font-weight:bold;
	line-height:20px;
}

.ability-img
{
	float:right;
	margin-right:-30px;
	padding:0px 0px 10px 10px;
}


.col-left
{
	float:left;
	width:270px;
	margin-left:10px;
	margin-bottom:10px;
	padding:10px;
	padding-bottom:0px;
	/*border:1px solid #9ea2a6;*/
}

.col-left ul
{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

.col-left ul li
{
	list-style:none;
	background:url(../images/product-list-bg.jpg) top left no-repeat;
	height:28px;
	margin-bottom:10px;
	cursor:pointer;
}

.col-left ul li a
{
	font:bold 13px/25px Arial, Helvetica, sans-serif;
	margin-left:25px;
	color:#fff;
}

.col-left ul li:hover
{
	background:url(../images/product-list-bg.jpg) left -28px no-repeat;
}

.col-right
{
	float:right;
	width:670px;
	margin-right:0px;
	margin-bottom:15px;
	padding:8px;
	/*border:1px solid #ccc;*/
	line-height:20px;
	text-align:justify;
}

.inner-top
{
	background:url(../images/inner-right-top.jpg) top left no-repeat;
	height:17px;
}

.inner-bottom
{
	background:url(../images/inner-right-bottom.jpg) top left no-repeat;
	height:17px;
}

.col-right-container
{
	background:url(../images/inner-right-bg.jpg) top left repeat-y;
	padding:0px 18px;
}

.col-right-container h1
{
	font:bold 22px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#753375;
	border-bottom:2px solid #622762;
	padding-bottom:4px;
	margin-bottom:8px;
	/*background:url(../images/h1-bg.png) bottom right no-repeat;*/
}

.col-right-container h1 span
{
	/*border-bottom:1px solid #d03507;*/
	color:#0054ea;
	background:#fff;
}

.red
{
	color:#FF0000;
}

.input,
.textarea
{
	vertical-align:middle;
	padding:2px;
	height:18px;
	width:200px;
	border:1px solid #ccc;
	border-top:2px solid #888b8f;
	border-left:2px solid #888b8f;
}

.textarea
{
	height:150px;
}

.input:hover,
.textarea:hover
{
	background:#f0f3f7;
}

.button
{
	font-weight:bold;
	padding:3px 6px;
	background:#57687c;
	color:#fff;
	border:1px solid #ccc;
	border-top:2px solid #888b8f;
	border-left:2px solid #888b8f;
	cursor:pointer;
}

.button:hover
{
	background:#fff;
	color:#57687c;
}

.font-size
{
	font-size:14px;
}

.client
{
	border:1px solid #ccc;
	padding:4px;
	margin-bottom:6px;
}

.align-left
{
	text-align:left;
}


/* -------------------------------------- enf page -------------------------------------------- */


/* ------------------------------------ Slide show --------------------------------------------- */


#thumbs
{
	width:650px;
		
}


div.content 
{
	display: none;
	float: left;
	width: 500px; 
}

div.content a, div.navigation a 
{
	text-decoration: none;
	color: #777;
}

div.content a:focus, div.content a:hover, div.content a:active 
{
	text-decoration: underline;
}

div.controls 
{
	/*margin-top: 5px;
	height: 23px;*/
}

div.controls a 
{
	padding: 5px;
}

div.ss-controls 
{
	float: left;
}

div.nav-controls 
{
	float: right;
}

div.slideshow-container 
{
	position: relative;
	clear: both;
	height: 550px; 
}

div.loader 
{
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	/*width: 548px;
	height: 548px;*/ 
}

div.slideshow 
{

}

div.slideshow span.image-wrapper 
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow a.advance-link 
{
	display: block;
	/*width: 548px;
	height: 548px; 
	line-height: 502px; */
	text-align: center;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited 
{
	text-decoration: none;
}

div.slideshow img 
{
	vertical-align: middle;
	border: 1px solid #ccc;
}


div.caption-container 
{
	position: relative;
	clear: left;
	height: 200px;
}

span.image-caption 
{
	display: block;
	position: absolute;
	/*width: 550px;*/
	top: 0;
	left: 0;
}

div.caption 
{
	line-height:18px;
	/*padding-top:580px;*/
}

div.image-title 
{
	font:normal 18px Arial, Helvetica, sans-serif;
}

div.image-desc 
{
	padding-top: 10px;
}

div.navigation
{
	
}

ul.thumbs
{
	clear: both;
	margin: 0;
	padding: 0;
}

ul.thumbs li 
{
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}

a.thumb 
{
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}

ul.thumbs li.selected a.thumb
{
	background: #990000;
}

a.thumb:focus 
{
	outline: none;
}

ul.thumbs img 
{
	border: none;
	display: block;
}

div.pagination 
{
	clear: both;
}

div.navigation div.top 
{
	margin-bottom: 12px;
	height: 11px;
}

div.navigation div.bottom 
{
	margin-top: -12px;
	position:relative;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis 
{
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}

div.pagination a:hover 
{
	background-color: #eee;
	text-decoration: none;
}

div.pagination span.current 
{
	font-weight: bold;
	background-color: #990000;
	border-color: #990000;
	color: #fff;
}

div.pagination span.ellipsis
{
	border: none;
	padding: 5px 0 3px 2px;
}

/* ------------------------------------ end Slide show --------------------------------------------- */

/* -------------------------------------- For footer -------------------------------------------- */

.footer
{
	clear:both;
	padding:0px;
	padding-right:10px;
	padding-top:10px;
	height:76px;
	text-align:right;
	background: url(../images/footer-bg.jpg) top left no-repeat;	
	color:#fff;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
}

.footer a
{
	color:#fff;
}