@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff url(images/body_bg.jpg) top repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:960px; margin:0 auto;}

/********** header **********/
.header {
	width:1000px;
	padding:0;
	background:url(images/menu_lft.gif) no-repeat 0px 111px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 18px;
	color: #C00;
}
.block_header {
	margin:0 auto;
	width:960px;
	background: url(images/bg_top.jpg) repeat-x top;
	border:0px solid #fff;
}
.head_2 {margin:0 auto; width:1000px; padding:0; background:url(images/menu_rght.gif) no-repeat 980px 111px;}
/* logo */
.logo { float:left; padding:0; margin:0; width:345px; padding:30px 0px 30px 30px;}
.logo_text {
	float:left;
	width:300px;
	margin-top:55px;
	font:normal 11px Tahoma, Helvetica, sans-serif;
	color:#727b73;
	padding-left:30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
/*Simple_text*/
.Simple_text {
	font:normal 11px Tahoma, Helvetica, sans-serif;
	color:#000;
	padding:0;
	margin-top:100px;
	margin-left:60px;
	float:left;
	width:150px;
	background:url(images/live_chat.gif) no-repeat 260px;
	height: 150px;
}
.Simple_text_img {
	float:right;
	width:300px;
	margin-top:40px;
	padding-top:0px !important;
	padding-top:2px;
	height: 80px;
}

/* menu */	
.menu {
	padding:0;
	width:960px;
	height:54px;
	background:url(images/menu_bg.jpg) top repeat-x;
	color:#000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menu ul { padding:0; list-style:none; border:0; margin:0; padding:0 30px !important;  }
.menu ul li { float:left; margin:0; border:0;}
.menu ul li a {
	float:left;
	margin:0;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:19px;
	text-decoration:none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.menu ul li a.active {color:#fff; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/hover.jpg) repeat-x;}
.menu ul li a:hover {
	color:#FFF;
	text-decoration:underline;
	background:url(images/hover.jpg) repeat-x;
}

/* text */
.text {
	margin:0 auto;
	width:960px;
	padding:0;
	height:40px;
	border:2px solid #fff;
	background-image: url(%20);
	background-repeat: repeat-x;
	background-position: top;
	color: #C00;
	font-size: 16px;
}
.text .left_t {float:left; width:460px; margin:15px 0 0 55px !important; margin:15px 0 0 25px;   font:normal 10px Tahoma, Helvetica, sans-serif; color:#89908a;}
.text .right_t {float:right; width:150px; padding:8px;}
.text .right_t img { margin:0 15px 0 0;}

/*slider*/
.slider { width:960px; margin:0 auto; padding:0; background: #fff; border-bottom:2px solid #ebedeb; border-left:2px solid #F3F4F4; border-right:2px solid #F3F4F4;}
.slider h3 {font:normal 22px Tahoma, Helvetica, sans-serif; color:#363f38; padding:30px 0 0 30px; padding:30px 0 0 45px !important;}
.slider h3 a {font:normal 22px Tahoma, Helvetica, sans-serif; color:#99b41e; text-decoration:none;}

/*body*/
.body {
	width:900px;
	background:#fff;
	border-bottom:1px solid #eaecea;
	border-left:2px solid #F3F4F4;
	border-right:2px solid #F3F4F4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 1px;
}
.body a { font:bold 11px Tahoma, Helvetica, sans-serif; color:#d9000a; text-decoration:underline;}
.body h2 {
	color:#1F4174;
	margin:0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 5px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
}
.body h2 span {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-weight: normale;

}
.body p {
	color:#000;
	line-height:2em;
	margin:0;
	padding:5px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}
.body a:hover {
	text-decoration:none;
	color: #C03;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.body .list {float:left; margin:0; padding:15px;}
.body .list ul {font:normal 11px Tahoma, Helvetica, sans-serif; color:#6f6f6f; line-height:1.8em; padding:0; list-style:none; margin:0; }
.body .list ul li {background:url(images/ul.jpg) no-repeat left; padding:0 0 0 15px; }
.body .dot {float:left; width:800px; border-bottom:1px dashed #caceca; margin:0;  padding: 0 0 15px 0; }
.body .dot img {margin:0 15px 10px 0;}
.body .w_dot {float:left; width:800px; margin:0; }
.body .w_dot img {margin:0 15px 10px 0;}
/*services*/
.body .img {
	float:left;
	width:250px;
	margin:0;
	height: 40px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
.body .full {float:left; width:800px; border-bottom:1px dashed #caceca; padding: 10px 0 10px 0; margin:0;}
.body .full p {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	
}
.body .full img {margin:0 15px 10px 0 !important;}
.body .bott {float:left; padding:5px;}
.body .bott p {padding:0 !important;}
.body .bott img {margin:5px 10px;}

.body .right  {
	float:right;
	width:270px;
	padding:0;
	margin:0 0 15px 0;
	line-height: 0.5px;
	color: #C00;
}
.body .right .testimonials {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.body .right a {
	color:#d9000a;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.8px;
	font-weight: normal;
	font-variant: normal;
}
.body .right .testimonials h5 { font:bold 11px Arial, Helvetica, sans-serif; color:#616a62; float:right;}
.body .right .testimonials p {font:italic 13px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em;}

.body ul.sub { list-style:none; padding:0; margin:0;}
.body ul.sub li { background:url(images/sub_ul_li.gif) no-repeat left; line-height: normal; padding:10px 0 10px 25px; margin:0;}
.body ul.sub li a { font:normal 13px Arial, Helvetica, sans-serif; color:#6e6e6e;}
.body ul.sub li a.active { font:normal 13px Arial, Helvetica, sans-serif; color:#99b41e;}
.body ul.sub li a:hover { font:normal 13px Arial, Helvetica, sans-serif; color:##b1c229; text-decoration:underline;}

.body .left {
	float:left;
	width:600px;
	margin:0;
	padding:0;
}
.body .left .line { border-top:1px dashed #caceca; padding:10px 0 0 0; margin:5px 0;}
.body .left p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.4em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.body .left h3 {font:bold 17px Tahoma, Helvetica, sans-serif; color:#616a62; margin:0; padding:10px 0; }
.body .left img { margin:0; padding:5px 15px;}
.body_bg {
	background:#fff url(images/footer_bg.jpg) repeat-x bottom;
	text-align: left;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	line-height: 1.9px;
}

/********** contact form **********/
.form { float:left; width:560px; margin:0 0 0 30px !important; margin: 0 0 0 20px;}
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol {
	margin:0;
	padding:0;
	list-style:none;
	text-align: left;
}
#contactform li {
	margin:0;
	padding:0;
	background:none;
	border:none;
	display:block;
	text-align: left;
}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label {
	float:left;
	margin:0;
	width:110px;
	display:block;
	padding:5px 0;
	color:#000;
	text-transform:capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#contactform label span {  font:normal 11px Arial, Helvetica, sans-serif;}
#contactform input.text {
	width:390px;
	border:1px solid #d1d1d1;
	height: 16px;
	background:#fff;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#contactform textarea {
	width:390px;
	border:1px solid #d1d1d1;
	padding:2px;
	background:#fff;
	height:250px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0;
}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
/*Twitter*/
.footer {
	width:964px;
	margin:0 auto;
	padding:20px 0;
	color:#333;
	font:normal 10px Tahoma, Geneva, sans-serif;
	background:url(images/footer_bg_l.jpg) repeat-x top;
}
.footer a { color:#da0308; font:normal 10px Tahoma, Geneva, sans-serif; padding:5px ; text-decoration:underline; }
.footer a:hover {
	text-decoration:none;
	color: #F00;
}

p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	background:none;
	font-size: 17px;
	color: #999;
	top: 10px;
	clip: rect(50px,auto,auto,auto);
	right: 20px;
	left: 10px;
	font-family: Verdana, Geneva, sans-serif;
}
li.bg, .bg { clear:both; padding:0; margin:5px 0; background:none;}

/***********************java*********************************/
/* Scroll */
#screen { width:935px; padding:0; margin:0 auto;}
#screen ul { margin:0 auto; padding:0;}
#screen li { float:left; list-style:none; border:0;}
#screen .jq-ss-crop { margin:0; border:0; float:left; }
#left, #right { margin-top:50px; display:block; text-decoration:none; width:38px; padding:0 6px; }
#view { margin:0; padding:0; width:835px; border:0; height:300px; overflow:hidden; }
#images { width:2520px; padding:0; border:0; margin:0 auto;}
#images li a { color:#b1c229; font:bold 11px Tahoma, Geneva, sans-serif; line-height:1.8em;}
#images li span { display:block; font:normal 11px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:0 5px; margin:0; width:270px; line-height:1.8em;}
#images li img { margin:5px 0;}
#images li img.screen { display:block; border:0; margin:0; max-width:270px; padding:0;}
.h3 {
	font-family: Arial;
	font-size: 24px;
	color: #5EA8E3;
	text-decoration: underline;
}
.h4 {
	color: #F60;
}
.h4 {
	color: #F60;
}
.main .body.body_bg .list ul li {
	text-align: justify;
}
.h5 {
	color: #1F4174;
}
.h6 {
	color: #d9000a;
}
.h2 {
	text-align: left;
	color: #1F4174;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}
.hh {
	font-weight: bold;
}
.main .body.body_bg table tr th p {
	text-align: left;
}
.main .body.body_bg .full table tr th p .text em u {
	color: #C00;
}
.main .body.body_bg .full table tr th p .text em u {
	color: #C00;
}
.main .body.body_bg .full table tr th p .text em u {
	font-style: normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	font-size: 17px;
}
.main .body.body_bg p strong {
	color: #000;
	font-size: 12px;
}
.ss {
	font-size: 15px;
}
.main .body.body_bg tr p {
	font-size: 12px;
	color: #000;
}
.main .body.body_bg p b u {
	color: #C00;
}
/* piroBox november 2008*/

/*::::: GENERIC RULES ::::::::*/

body{
	margin:0;
	padding:0;
	background:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:80%;
	text-align:left;
	text-decoration: none;
}
ul,li{
list-style-type:none;
margin:0;
padding:0;
}
img{
border:none;
}
p{
margin:0;
padding:0;
}
h1{
margin:10px;
padding:10px;
font-weight:normal;
color:#fff;
}
.gray1{
color:#ff0000;
font-style:italic;
}
h2{
margin:10px;
padding:10px;
color:#bf0202;
font-size:18px;
width:60%;
}
h3{
margin:10px;
padding:10px;
color:#000;
font-size:16px;
font-weight:normal;
}
a{
color:#fff;
outline:none;
text-decoration:none;
}
a:hover{
color:#ff0000;
outline:none;
text-decoration:none;
}

/*::::: PIROBOX RULES::::::::*/

.bg_thumbs{
background:#fff;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}

.unloader, .img_box{
background:#000;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:0;height:90%;width:74px;right:0;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_tt.gif) top right no-repeat;}
a:hover.next_in{background:url(next_tt.gif) top right no-repeat!important;background:url(next_tt.gif) center right no-repeat;}
.box_previous_in{position:absolute;top:0;z-index:100012;height:90%;left:0;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_tt.gif) top left no-repeat;}
a:hover.previous_in{background:url(prev_tt.gif) top left no-repeat!important;background:url(prev_tt.gif) center left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:50%;margin-top:-9px;height:18px;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006;}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:18px;width:81px;right:-81px;z-index:1007;background:url(next_t_h.gif) center right no-repeat;}
a:hover.next{background:url(next_t.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:81px;overflow:hidden;z-index:1008;}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:18px;background:url(prev_t_h.gif) center left no-repeat;}
a:hover.previous{background:url(prev_t.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-25px;width:50px;height:50px;border:solid 1px;padding:2px!important;padding:1px;z-index:1002;visibility:hidden; overflow:hidden;}
.img_box img{position:relative;top:0;left:0;border:none;padding:0;z-index:1003;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#000;cursor:pointer;margin:0 5px 5px 0!important;margin:0 5px 3px 0;z-index:100014;background:url(close_t.gif) center right no-repeat!important;background:url(close_t.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px!important;margin-left:-22px!important;margin-top:-15px;margin-left:-20px;width:50px;height:50px;display:block;z-index:1007;}
.loader img{border:none;padding:0!important;padding:0;background:none;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption p{ margin:0;padding:0; margin-right:82px; }
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/

.gallery{float:left;padding:0;margin:0;width:930px;height:100%!important;height:auto;padding:5px;}
.gallery ul{float:left;padding:0;margin:0!important;margin:0;}
.gallery img{margin:0;padding:2px;height:139px;width:200px;}
.gallery li{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.gallery li a{float:left;height:143px;width:204px;border:2px solid #000;}
.gallery li a:hover{float:left;height:143px;width:204px;border:2px solid #000;}
.gallery_in{float:left;padding:0;margin:0;width:930px;height:100%!important;height:auto;padding:5px;}
.gallery_in ul{float:left;padding:0;margin:0!important;margin:0;}
.gallery_in img{margin:0;padding:2px;height:139px;width:200px;}
.gallery_in li{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.gallery_in li a{float:left;height:143px;width:204px;border:2px solid #333;}
.gallery_in li a:hover{float:left;height:143px;width:204px;border:2px solid #000;}
.single_box{float:left;padding:0;margin:0;width:232px;height:100%!important;height:auto;}
.single{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.single img{margin:0;padding:2px;height:139px;width:200px;}
.single a{float:left;height:143px;width:204px;border:2px solid #333;}
.single a:hover{float:left;height:143px;width:204px;border:2px solid #000;}