@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ebebeb; text-align:justify; }
html { padding:0; margin:0;}

h2 { text-align:left; }
a { text-decoration:none;}
a img { border:none; outline:none; }
a:hover { text-decoration:underline;}
b {color:#000000; }
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background:#ebebeb url(../images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:359px; float:left;}
/* menu */	
.menu { padding:30px 0 0 0; margin:0 auto; width:600px; float:right; }
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#a9a8a8; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover {  background: url(../images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span {   background:url(../images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  background:url(../images/r_menu.gif) no-repeat right;}
.menu ul li a.active span {   background:url(../images/l_menu.gif) no-repeat left;}
/* search */
.search { padding:15px 0 5px 0; margin:0 auto; width:320px;}
.search form { display:block; float:left; padding:0;}
.search span { display:block; float:left; background: url(../images/search_bg.gif) left top no-repeat; width:263px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(../images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:19px 0 0 0; background: url(../images/header_text_bg.gif) top repeat-x; height:420px;}
.header_text_bg2 { margin:0; padding:19px 0 0 0; background: url(../images/header_text_bg2.gif) top repeat-x; height:118px;}
.header_text2 { margin:0 auto; padding:5px 10px; width:938px;}
.header_text2 h2 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}
.header_text2 p { width:350px; float:right; margin:0; padding:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#686868;}
/*header_text*/
.header_text { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #373737; }
.header_text h2 { font: normal 15px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0; margin:0;}
.header_text h2 span { font: normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.header_text img { float:right; margin:0; padding:5px 0 0 0;}

/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 60px 0; background:url(../images/banner_bg.png) no-repeat bottom; }
#cu3er-container { width:960px; outline:0; height:300px;}

/********** block index **********/
.body { margin:0; padding:0; background: #fff; border-top:1px solid #eaeaea;}
.body_resize { width:960px; margin:0 auto; padding:0;}
.body_resize h2 { font:normal 23px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body_resize p { font:normal 13px Arial, Helvetica, sans-serif; color:#7d7d7d; padding:10px 5px; margin:0; line-height:1.8em;}
.body_resize p span { color:#45b8c3; font: normal 12px Arial, Helvetica, sans-serif;}
.body_resize a { color:#45b8c3; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif;}
.body_resize img { margin:10px auto; padding:0;}
.body_resize img.floated { float:left; margin:10px; padding:0;}
.right  { width:300px; float:right; margin:0; padding:10px 10px;} 
.left  { width:620px; float:left; margin:0; padding:10px 10px;} 
.blog { width:280px; float:left; margin:0; padding:10px 5px;}
.blog p.grey { color:#5f5f5f;}

/*FBG*/
.FBG { margin:0 auto; width:960px; padding:10px 0 0 0;}
.FBG_resize { border-top:1px solid #e9e9e9; background:#f2f2f2; margin:0; padding:0;}
/****Recent **/
.Recent  { width:300px; float:left; padding:10px; margin:10px 0;}
.Recent p { font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent p span { color:#2a2a2a; font: bold 15px Arial, Helvetica, sans-serif;}
.Recent img { float: left; margin:10px 15px; padding:0;}

/*FBG*/
.FBG_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#717171; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { background:url(../images/ul_li.gif) left no-repeat; padding:3px 0 3px 15px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#717171; }
.FBG_resize a { color:#717171; font: 12px Arial, Helvetica, sans-serif;}
.FBG_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px; margin:0;}
.FBG_resize .right {width:275px; float:right; margin:0; padding:10px 10px;}
.FBG_resize .left { width:150px; float:right; margin:0; padding:10px 10px;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0;  margin:0; background:url(../images/footer_bg.gif) top repeat-x;}
.footer_resize { width:930px; margin:0 auto; padding:0 10px;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#6d6d6d;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:410px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 12px  Georgia, "Times New Roman", Times, serif; line-height:2.4em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}


#divCoolLinks {
	width:300px;
	height:32px;
	background:url(../images/sub_title_bg.jpg) no-repeat;
	margin-top:9px;
}
#divCoolLinks h1 {
	font-family: "VAGRounded" ,Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
    padding-top:9px;
	padding-left:13px;
}

#divCoolLinks li a { 
	float:left;
	padding-left:25px;
	width:260px;
	display:block;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Left Menu */

.arrowlistmenu{
padding-bottom:12px;
width: 280px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	height:18px;
	width:285px;
	margin:0px;
	padding:0px;
	background: url(../images/nav_bg1.jpg) no-repeat;
	padding-left: 43px;
	cursor: hand;
	cursor: pointer;
	font-size:15px;
	font-family: "VAGRounded" ,Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3C3C3C;
	padding-top:12px;
	padding-bottom:8px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../images/nav_bg1_open.jpg) no-repeat;	
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type:none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	background-color:#FFFFFF;
	width:225px;
	display: block;
	margin:0px;
	padding-left:43px; /*link text is indented 19px*/
	padding-top:5px;
	padding-bottom:12px;
	padding-right:30px;
	font-size:13px;
	font-weight:normal;
	font-family: Arial, sans-serif;
	color:#7d7d7d;
	text-decoration: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C3C3C3;
	border-bottom-color: #C3C3C3;
	border-left-color: #C3C3C3;
}
.ImgLive {
float:right;
padding-right:20px;
}



.rl{
padding-bottom:12px;
margin-top:0px;
width: 280px; /*width of accordion menu*/
float:right;
}

/* Tell A friend Form */

#formTell { text-align:left; }

#name, #email {
      width:200px;
      background-color:#FFFFFF;
	  color:#7d7d7d;
	  font-family: Arial, sans-serif;
	  font-size:12px;
	  border:none;
	  letter-spacing:1px;
	  padding-left:6px;
	  padding-top:2px;
	  border:#000000 solid 1px;
	  
}
#name, #email { 
      height:14px;
}

input#btn_submit {
      width:45px;
	  height:20px;
      background-color:#232222;
	  color:#FFFFFF;
	  font-family: Arial, sans-serif;
	  font-size:14px;
	  border:none;
}

input#btn_submit:hover {

    background-color:#FF0000;

}

.pop {
     position:absolute; top:60px; left:50%; margin-left:10px; display:none; width:560px; height:65px; z-index:3;
}