/* Global Styles */
/* Content Elements */
/* Login - Register */
/* Header */
/* Home */
/* 404 */
/* Services */
/* Portfolio */
/* Blog */
/* Contact */
/* Sidebar */
/* Features */
/* Footer */

/********************************************************************************************** GLOABAL STYLES */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#f7f7f7 top repeat-x url('../images/bg.jpg');
	color:#7e7e7e;
	margin:0;
	padding:0;
}
h1{
	color:#929292;
	font-size:28px;
	}
h2{
	color:#929292;
	font-size:26px;
	}
h3{
	color:#929292;
	font-size:22px;
	}
h4{
	color:#929292;
	font-size:18px;
	}
h5{
	color:#929292;
	font-size:16px;
	}
h6{
	color:#929292;
	font-size:14px;
	}
.bottom_line{
	padding-bottom:10px;
	border-bottom:1px #d2d2d2 solid;
	}
small{
	font-size:11px;
	}
b, strong{
	font-weight:bold;}
i, em{
	font-style:italic;
	}
p{
	padding:15px 0px 15px 0px;
	line-height:19px;
	}
.fleft{ float:left;}
.fright{ float:right;}
.alignright{
	float:right;
	margin: 3px 0px 10px 10px;
	}
.alignleft{
	float:left;
	margin: 3px 10px 10px 0px;
	}		
#features_wrap ul, ol{
	position:relative;
	margin:0px 0px;
	}
#features_wrap ul li, ol li{
	padding:5px 0 0 0px;
	margin:0 0 0 30px;
	}
#features_wrap ul li{
	list-style-type:none;
	}
#features_wrap ol li{
	list-style-type: decimal;
	}	
#content table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	}
#content table tr th{
	background-color:#5B5B5B;
	padding:5px;
	text-align:center;
	border:1px #666 solid;
	}
#content table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	}
#content table tr th{
	background-color:#232323;
	padding:5px;
	text-align:center;
	border:1px #666 solid;
	}		
#content table tr td{
	padding:5px;
	text-align:left;
	border:1px #666 solid;
	}			
#main_container{
	width:960px;
	margin:0px auto 0px auto;
	display:block;
	}
	
/* -------------- Content ------------ */

#content_wrap{
	width:960px;
	margin:30px 0px;
	background:top center no-repeat url('../images/content_bg.png');
	}
#content{
	width:580px;
	margin:25px 20px 25px 25px;
	float:left;
	display:inline;
	}

/********************************************************************************************** Login - Register */

/*----------- Facebox ----------*/

#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url('../images/tl.png');
}

#facebox .tr {
  background:url('../images/tr.png');
}

#facebox .bl {
  background:url('../images/bl.png');
}

#facebox .br {
  background:url('../images/br.png');
}
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .popup {
  position: relative;
}
#facebox table {
  border-collapse: collapse;
}
#facebox td {
  border-bottom: 0;
  padding: 0;
}
#facebox .body {
  padding: 10px;
  background: #141414;
  width: 500px;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
  margin: 0;
}
#facebox .footer {
  border-top: 1px solid #8a8989;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.facebox_hide {
  z-index:-100;
}
.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/*------------ Login and Register fixed Buton --------- */

.login_btn {
     position: fixed;
     right: 0px;
     top: 200px;
	 height:130px;
	 width:30px;
 }
* html .login_btn {
     position: absolute;
}
.register_btn {
     position: fixed;
     right: 0px;
     top: 345px;
	 height:130px;
	 width:30px;
 }
* html .register_btn {
     position: absolute;
}

/* ----------- Login ----------- */

table.login {
	margin:20px 0px;

	}
table.login tr td{
	border:0px!important;
	}
table.login tr td.field-name{
	width:100px;
	padding:12px;
	text-align:right;

	}
table.login input, table.login select{
    float:left;
	width: 260px;
	height: 25px;
	padding: 5px 10px 0px 10px;
	color: #B4B4B4;
	border:none;
		margin-bottom:10px;
	margin-left:50px;
	background: url('../images/input_bg.png') repeat-x left top;
	}
table.login .submit{
    background: url(../images/login_bt.png) no-repeat;
	color:#FFF;
	width:70px;
	height:26px;
	font-weight:bold;
	display:block;
	border:0px;
	padding:4px;
	margin-left:260px;
	cursor:pointer;
	}

/* ----------- Register ----------- */
	

table.register {
	margin:20px 0px;

	}
table.register tr td{
	border:0px!important;
	}
table.register tr td.field_name{
	width:100px;
	padding:12px;
	text-align:right;

	}
table.register input, table.register select{
    float:left;
	width: 260px;
	height: 25px;
	padding: 5px 10px 0px 10px;
	color: #B4B4B4;
	border:none;
		margin-bottom:10px;
	margin-left:50px;
	background: url('../images/input_bg.png') repeat-x left top;
	}
table.register .submit{
    background: url(../images/register_bt.png) no-repeat;
	color:#FFF;
	width:90px;
	height:26px;
	font-weight:bold;
	display:block;
	border:0px;
	padding:4px;
	margin-left:240px;
	cursor:pointer;
	}

/********************************************************************************************** Header */
#header_wrap{
	position:relative;
	display:block;
	width:960px;
	height:95px;
	margin:0px auto;
	background:top left no-repeat url('../images/logo.png');
	}
#logo_link{
	position: relative;
	display:block;
	width:240px;
	height:95px;
}
#live_suport{
	float:right;
	padding-top:20px;
	margin:0;
	}

/* ----------- Menu ----------- */

#menu_wrap {
	display:block;
	width:960px;
	height:49px;
	margin:0px auto;
	z-index:1;
	}
#menu_wrap  a.current{
	/* styles in template_style.css */
	}
/* - more styles for menu are in in superfish.css - */

#search{
	float:right;
	height:26px;
	padding:10px 0px 10px 0;
	}

#search #searchform #s{
	width:270px;
	height:20px;
	background: no-repeat url('../images/search_field_bg.png');
	border:0px;
	padding: 5px 5px;
	margin:1px 10px 0 0;
	color:#666;
	}
#search #searchform #searchsubmit{
    margin-right:0px;
    float:right;
	width:35px;
	height:26px;
	background:left no-repeat url('../images/search_bt.png');
	border:0px;
	cursor:pointer;
	}

/********************************************************************************************** Home */

/* ---------- Banner ------------- */
.banner_wrap{
	width:960px;
	height:330px;
	margin:30px 0 0;
	/* styles in template_style.css */
	}
.banner_top{
    background:top center no-repeat url('../images/banner_corners_top.png');
	width:960px;
	height:9px;
	}	
.banner{
	width:960px;
	background:#232323;
	}
.banner_bottom{
    background:top center no-repeat url('../images/banner_corners_bottom.png');
	width:960px;
	height:9px;
	}
.banner_bg{
    background:url('../images/h_alt2_banner_bg.jpg') no-repeat top center;
	}
/* --------------- Home Tabs ---------- */

.tabs_wrap{
	width:960px;
 	}
.tab_block_left{
    height:280px;
	width:300px;
	margin:25px 10px 10px 0px;
	float:left;
	display:inline;
	}
.tab_block_center{
    height:280px;
	width:300px;
	margin:25px 10px 10px 20px;
	float:left;
	display:inline;
	}
.tab_block_right{
    height:280px;
	width:300px;
	margin:25px 0px 10px 20px;
	float:left;
	display:inline;
	}
.tabs_wrap h3{
    padding:10px 0px;
 	}
.tabs_corners_top{
   background:url(../images/tabs_corners_top.png) no-repeat;
   height:9px;
   width:300px;
   }
.tabs_wrap_content{
    background:url('../images/tabs_content_bg.png') repeat-y;
    padding:0px 10px;
 	}
.tabs_corners_bottom{
   background:url(../images/tabs_corners_bottom.png) no-repeat;
   height:9px;
   width:300px;
   }

/* --------------- Last work ------------ */

.last_work_home{
    margin-top:20px;
    margin-bottom:20px;
	}
.jcarousel-skin-tango .jcarousel-container {
    background: url('../images/home_last_w_bg.jpg') repeat-x;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 880px;
	padding: 10px 40px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  880px;
    height: 120px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 280px;
    height: 120px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 20px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 140px;
    cursor: pointer;
    background: url('../images/last_w_next.jpg') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url('../images/last_w_prev.jpg');
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background:url('../images/last_w_next_hover.jpg') no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 140px;
    cursor: pointer;
    background: url('../images/last_w_prev.jpg') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background:url('../images/last_w_prev_hover.jpg');
}
	
/********************************************************************************************** 404 */

.error_page{
    background:url(../images/404.png) no-repeat;
    width:500px;
    height:350px;
	}
.site_map{
    width:200px;
    margin:20px;
	}	
.site_map a{
    display:block;
	color:#7E7E7E;
	padding:5px 20px!important;
	border-bottom:#333333 1px solid;
	background: url('../images/arrow.png') no-repeat 0 50%;
	}
	
/********************************************************************************************** Services */
.service{
	padding:25px 0px 10px 0px;
	border-bottom:1px #d2d2d2 dotted;
	}
	.service p{
	float:left;
	}
	.service img{
	float:left;
	margin-right:10px;
	}


/********************************************************************************************** Portfolio */
.portfolio_item{
	padding:25px 0px 10px 0px;
	border-bottom:1px #d2d2d2 dotted;
	}
.portfolio_img{
	border:4px #EFEFEF solid;
    float:left;
	margin-top:20px;
	}	
.portfolio_desc{
    float:left;
    padding-left:10px;
	margin-top:20px;
    width:310px;
	}
.visit{
	width:560px;
	margin-top:30px;
	padding:5px 10px;
	background-color:#EFEFEF;
	}	

.paging {
    float:left;
	margin-top:25px;
	}
.paging a {
    float:left; background: url('../images/pag_btn.png') no-repeat top left; 
	text-align:center; 
	display:block; height:23px; 
	width:32px; 
	margin-right:10px;  
	line-height:22px;
	}
.paging a:hover, .paging span.selected {
    background: url('../images/pag_btn_hover.png') no-repeat bottom left; 
	text-decoration:none;
	color:#FFF; 
	}
.paging span.selected {
    float:left; 
	font-weight:bold;
	text-align:center; 
	display:block; 
	height:23px; 
	width:30px;
	margin-right:10px; 
	font-size:11px;color:#fff; 
	line-height:22px;
	}
	
/********************************************************************************************** Blog */	

.post{
	padding:25px 0px 10px 0px;
	border-bottom:1px #d2d2d2 dotted;
	}
.post_date{
    background:top center no-repeat url('../images/blog_date.png');
	float:left;
	width:37px;
	height:47px;
	}
.post img{
	border:4px #EFEFEF solid;
	}	
.post_date h3{
    color:#fff;
    padding-left:3px;
	padding-top:1px;
    }
.post_date h3 span{
    color:#666;
    padding-left:5px;
	padding-top:0px;
    }
.post_title{
   padding-left:15px;
   float:left;
   }
.postmeta {
	width:560px;
	padding:5px 10px;
	background-color:#EFEFEF;
	}
.postmeta a{
	padding:0px 10px;}
	
/* --------- Blog Comments --------- */

.comment_header{
	margin: 10px 0px;
	}

ol.comments_warp {
    margin: 0 0;
    padding: 0;
    list-style: none; 
    }
ol.comments_warp li {
    border-bottom: 1px solid #232323;
    padding: 10px 0; 
	}
ol.comments_warp ul {
    margin: 0;
    padding: 0;
    list-style: none; 
    }
.comments_warp li {
    margin: 20px 0;
    overflow: hidden; 
	}
.comments_warp .meta {
    float: left;
    display: inline;
    width: 75px; 
	}
.comments_warp .meta li {
    margin: 0;
    border: none;
    padding: 0;
	font-weight:bold;
	text-align:center;
	}
.comments_warp .meta img {
    background-color: #FFFFFF;
    padding: 4px;
    border: 1px solid #cccccc; 
	}
.comments_warp .comment_body {
    float: left;
    display: inline;
    width: 485px;
    padding: 0;
    margin-left: 20px; 
	}
	
/* ----------- blog comments form ------- */	
	
.comment_form{
   margin:0px;
    }
table.blog_comment {
	margin:20px 0px;

	}
table.blog_comment tr td{
	border:0px!important;
	}
table.blog_comment tr td.blog_field{
	width:150px;
	padding:12px;
	text-align:right;
	}
table.blog_comment input{
	width:400px;
	background: url('../images/form_field.png') no-repeat;
	border:none;
	padding:5px;
	}
table.blog_comment textarea{
    border:0px;
	width:400px;
	height:200px;
	background: url('../images/form_msg.png') no-repeat;
	padding:5px;
	overflow: hidden;
	}
table.blog_comment .submit{
    background:url(../images/comment_post_bt.png);
	color:#FFF;
    font-weight:bold;
	width:90px;
	height:26px;
	margin-left:310px;
	display:block;
	border:0px;
	padding:0px;
	cursor:pointer;
	}	
	  	
/********************************************************************************************** Contact Form */

span.red{
	color:#F00;
	}
.message{
	display:block;
	width:80%;
	padding:10px;
	margin:0px auto;
	border:none;
	text-align:center;
	font-size:16px;
	/* styles in template_style.css */
	}	
#commentForm { 
	width: 563px;
	}
#commentForm label.error { 
	width: 200px; 
	text-align:left;  
	color: #F00; 
	font-size:12px;
	}
#commentForm label.error{
	display:block;
	}
table.quote-form {
	margin:20px 0px;

	}
table.quote-form tr td{
	border:0px!important;
	}
table.quote-form tr td.field-name{
	width:150px;
	padding:12px;
	text-align:right;
	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
	width:400px;
	background: url('../images/form_field.png') no-repeat;
	border:none;
	padding:5px;
	}
table.quote-form select{
	width:400px;
	background-color:#F2F2F2;
	}
table.quote-form textarea{
	width:400px;
	height:200px;
	background: url('../images/form_msg.png') no-repeat;
	padding:5px;
	overflow: hidden;
	}
table.quote-form .submit{
	width:90px;
	height:30px;
	display:block;
	border:0px;
	padding:0px;
	cursor:pointer;
	/* styles in template_style.css */
	}
table.quote-form .submit:hover{
	/* styles in template_style.css */
	}	

		
/********************************************************************************************** Sidebar */

#sidebar{
	width:285px;
	margin:25px 25px 25px 20px;
	float:left;
	display:inline;
	}
#sidebar .submenu {
	margin-bottom:40px;
	}
#sidebar .submenu a{
    color:#383838;
	display:block;
	padding:10px;
	border-bottom:1px #d2d2d2 solid;
	background: url('../images/arrow.png') no-repeat 0 50%;	
	}
#sidebar .submenu a:hover{
    color: #999999;	
	}
#sidebar .sidebar_block{
	margin-bottom:10px;
	}		

#boxslideshow{
   position:relative;
   height:264px;
   margin-top:25px;
   }
#boxslideshow .cycle{ 
    background:transparent !important;
	}
.our_partners img{
border:#CCCCCC 4px solid;
   }


/********************************************************************************************** Features */	
#features_wrap{
	width:960px;
	margin-top:15px;
 	}

.features_corners_top{
	width:960px;
	height:21px;
	background:center top  no-repeat url('../images/features_corners_top.png'); 
	}
.features_content{
    width:960px;
    background:url('../images/features_bg.png') no-repeat;
    height:360px;
	display:block;
	}
.features_corners_bottom{
	bottom:0px; 
	left:0px;
	display:block;
	width:960px;
	height:19px;
	background:center  top no-repeat url('../images/features_corners_bottom.png');
	margin-bottom:40px;
	}
.features_block_left{
	width:285px;
	margin:25px 20px 10px 0px;
	float:left;
	display:inline;
	}
.features_block_center{
	width:260px;
	margin:25px 20px 10px 20px;
	float:left;
	display:inline;
	}
.features_block_right{
	width:285px;
	margin:25px 25px 10px 20px;
	float:left;
	display:inline;
	}	
.features_block_left h4{
    color:#fff;
	padding-top:5px;
	margin-left:30px;
	height:29px;
	padding-bottom:20px;
	}
.features_block_center h4{	
    color:#fff;
	padding-top:5px;	
	height:29px;
	}
.features_block_right h4{
    color:#fff;
	padding-top:5px;
	height:29px;
	}	
	
.features_block_center a{
    display:block;
	color:#7E7E7E;
	padding:10px 20px!important;
	border-bottom:#333333 1px solid;
	background: url('../images/arrow.png') no-repeat 0 50%;	
	}
	
/* ----------- newsletter----------- */

.newsletter_signup {
	float: left;
	width: 280px;
	margin-left: 53px;
	line-height: 18px;
}
.newsletter_signup strong {
	font-size: 18px;
	font-weight: bold;
	color: #222;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 280px;
	height: 38px;
	display: block;
}
.newsletter_field {
	width: 260px;
	height: 25px;
	padding: 5px 10px 0px 10px;
	color: #B4B4B4;
	border:none;
	margin-top: 10px;
	background: url('../images/input_bg.png') repeat-x left top;
}
.subscribe {
	float: right;
	margin-right:5px;
	color:#FFF;
	font-weight:bold;
	padding-left:25px;
	width: 90px;
	height: 30px;
	margin-top: 10px;
	border:none;
	background: url('../images/send_btn.png') no-repeat left top;
	cursor: pointer;
}
.subscribe:hover {
	background: url('../images/send_btn_hover.png') no-repeat left top;
}

/* ----------- Social icons ----------- */

.social{
    margin-top:10px;
    }
.social img{
    margin-right:5px;
	}
.latestposts{
    margin-bottom:10px;
}

/* ----------- Lasted blog posts ----------- */

ul.latest_posts{
    list-style:none; 
	margin:0px; 
	padding:0px 0px 0px 0px;
    }
ul.latest_posts li{
    border-bottom:#333333 1px solid;
	padding:0px;
	min-height:40px;
}
* html ul.latest_posts li{height:40px;} /* ie6 only */

.date{
    color:#4297EF;
}
.navscroll{
    clear:left; 
    height:25px; 
	position:relative;
	width:285px;
}
a.next, a.prev{
    margin-top:0px;
    width:21px;
	height:21px;
	text-indent:-9999px; 
	position:absolute;
}
a.next{
    background:url('../images/next.png') no-repeat; 
	right:0px;
}
a.prev{
    background:url('../images/prev.png') no-repeat;  
	right:25px;
}	
.clear{
	clear:both;
	}

/********************************************************************************************** Footer */
#footer_container{
	width:100%;
	padding:20px 0px 30px 0px;
	/* styles in template_style.css */
	}
#footer_container a{
	/* styles in template_style.css */
	}	
#footer_container a:hover{
	/* styles in template_style.css */
	}	

#footer{
	position:relative;
	width:960px;
	margin:0px auto;
	}
#footer_menu{
	position:absolute;
	top:0px;
	right:0px;
	}
#footer_menu a{
	display:inline-block;
	padding:0px 15px;
	}