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

a { color:#3d4862;}
a:hover { text-decoration:underline; color:#3c4766;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/

#invs_hitarea{

position:absolute;
}


.body_list ul{
list-style-image:url(images/ul_li.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;


}


.body_list_component{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:40px;

}

.blok_header { margin:0; padding:0; background:#ebebeb url(images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0; background-image:url(images/distige_logo.jpg); background-repeat:no-repeat;}
/* logo */
.logo { padding:0; margin:0; float:left; background-image:url(images/distige_logo.jpg); background-repeat:no-repeat; width:200px; height:96px; float:left;}
/* menu */	
.menu { padding:30px 0 0 0; margin:0 auto; width:750px; 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*/

.banner-left { margin:0; padding:19px 0 0 0; background: url(images/banner-left.jpg) top repeat-x; }

.banner-right { margin:0; padding:19px 0 0 0; background: url(images/banner-right.jpg) top repeat-x;}

.header_text_bg { margin:0; padding:0px 0 0 0; background: url(images/header_bk.jpg); top background-repeat:no-repeat; height:500px;}
.header_text_bg2 { margin:0; padding:19px 0 0 0; background: url(images/inside_header.jpg) top repeat-x; height:118px;}
.header_text2 {
	margin:0 auto;
	padding:15px 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:0 0 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#686868;
}
/*header_text*/

#free_quote{

	float:right;

}

.header_text { z-index:1;  margin:0 auto; padding:5px 10px; width:938px; background-image:url(images/intro_bk.png); background-repeat:no-repeat; 
}


.inside_header_text  {color:#eeeeee; margin:0 auto; padding:5px 10px; width:350px; background-repeat:no-repeat; float:right; font:normal 12px/12px  "Trebuchet MS",Arial, sans-serif; line-height:15.0px;
}


#header_intro{

font: 12px Arial, Helvetica, sans-serif; color:#cccccc; margin:0;  padding:10px 5px;
width:700px;
float:left;

}



.header_text h2 { font: normal 12px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0; margin:0;}
.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.header_text img { float:right; margin:0; padding:10px 0 0 0;}

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

/********** body **********/
.body_resize { margin:0; padding:0;  background:#fff;}
.body {
	width:940px;
	margin:0 auto;
	padding:10px 10px;
}
.body h2 { font:normal 18px/18px  "Trebuchet MS",Arial, sans-serif; color:#2a2a2a; margin:0;  padding:10px 5px;}
.body h2 span { display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body img { float:left; padding:0; margin:10px 5px;}
.body img.portf { margin:5px auto; padding:0;}
.body img.floated { float:right; padding:0; margin:10px 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:1.8em; padding:5px 5px; margin:0;}
.body p.grey { color:#565656;}
.body strong { color:#272727;}
.body p span { color:#4a8094; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a {
	text-decoration:none;
	color:#3d4862∂;
	line-height:1.8em;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.h2_Pink { font:normal 18px/18px  "Trebuchet MS",Arial, sans-serif; color:#ec067f; margin:0;  padding:10px 5px;}

.right {
	width:300px;
	float:right;
	padding:5px 10px;
	margin:0;
}
.left {
	width:610px;
	float:left;
	padding:5px 5px;
	margin:0;
}



.left ul li a{
color:#ff0799;
font-weight:bold;
text-decoration:none;
}

.left a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;



}

.inside_right { width:650px; float:left; padding:5px 10px; margin:0;}
.inside_left { width:220px; float:left; padding:5px 10px; margin:0;}


.block_left { width:255px; float:left; margin:10px; padding:0; background-color:#eeeff0;}
.block_right { width:255px; float:left; margin:10px; padding:0; background-color:#eeeff0;}

.port { padding:5px 10px;}




.port_resize { width:282px; float:left; margin:0; padding:10px 5px;}



/*FBG*/
.FBG { background: url(images/footer_fabric_bk.jpg); border-top:1px solid #e6e6e6; margin:0; padding:0;}
.FBG_resize { width:930px; margin:0 auto; padding:20px 10px;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#fbfbfb; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize ul { list-style:none; color:#fbfbfb; 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 11px Arial, Helvetica, sans-serif; color:#fbfbfb; }
.FBG_resize a { color:#2a2a2a; font: bold 11px Arial, Helvetica, sans-serif;}
.FBG_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px; margin:0;}
.FBG_resize .right {
	width:260px;
	color:#fbfbfb;
	float:left;
	margin:0;
	padding:10px 10px;
}
.FBG_resize .left {
	width:150px;
	color:#fbfbfb;
	float:left;
	margin:0;
	padding:10px 10px;
}




.social_box p { font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff; line-height:1.5em; padding:5px 0px; margin:0;}
.social_box{
	color:#FFFFFF;
	background-color:#222a3c;
	width:300px;
	height:85px;
	padding-left:10px;

}


#news_box{
	width:290px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	background-color:#fbfbfb;
}


#featured{
	background-color:#fbfbfb;
	height:300px;
}



.component_list{
	
	background-image:url(images/btn_component.png); background-repeat:no-repeat;
	text-align:left;
}


.component_list_lrg{
	
	background-image:url(images/btn_component-lrg.png); background-repeat:no-repeat;
	text-align:left;
}

.component_title{
	
	font:normal 20px/20px  "Trebuchet MS",Arial, sans-serif; color:#ffffff; margin:0;  padding:17px 5px 0 20px;
	position:relative;}
	

.component_title_lrg{
	
	font:normal 18px/18px  "Trebuchet MS",Arial, sans-serif; color:#ffffff; margin:0;  padding:17px 5px 0 20px;
	position:relative;}

/* Sidebar Sub Menu
-----------------------------------------------------------------*/
	.verticalbar	{
		border-bottom:1px solid #dddddd;
		margin-bottom:20px;
		}
		 
	.submenu	{
 		margin-bottom:20px;
  		}
				
	.submenu ul li	{ 
		border-bottom:1px solid #d0d0d0;
		border-top:1px solid #fff;					
		}

		.submenu ul li a	{
			display:block;
			padding:8px 0px 8px 15px;
			text-decoration:none;
			font:normal 12px/18px  "Trebuchet MS",Arial, sans-serif;
			}
					
			.submenu ul li a:hover{
	 			color:#ec067f;
				background:#e0e0e0;
				display:block;
				}

	.submenu ul li.current a{
	 						color:#ec067f;
							background:#e0e0e0;
							border-left:5px solid #ff0799;
							display:block;
							}



/*	Sub Pages Sidebar BG and Content
------------------------------------------------------*/	
	.sidebar	{
		background:#f7f7f7;
		border:1px solid #ccc;
		margin:15px 0 20px 0px;
		padding:0 0 30px 0;
		border-radius:5px;		
		-moz-border-radius:5px; /* This border does not applies for IE Browsers. These hacks are for the Firefox, Safari and Opera Browsers*/
		-webkit-border-radius:5px; 
		-khtml-border-radius:5px;		
		}
				
	.sidebar h2	{
		padding:15px;
		padding-bottom:5px;
		border-bottom:1px solid #d0d0d0;
	 	}

	.sidebar p {
		padding:0 15px;
	}



/* GALLERY / PORTFOLIO /

.gallery {margin-left: -22px;}
.two-thirds .gallery {width:630px;} /* stupid IE (version 7 only)  */
.gallery-item {
	float: left;
	width: 293px;
	margin: 0 0 22px 22px;}
.gallery-item h5, .gallery-item p {
	margin: 0 0 .65em;
	padding: 0;}
.gallery-image {
	width: 291px;
	height: 163px;
	border: 1px solid #C6C6C6;}
.gallery-description {
	height: 110px;
	margin: 8px 0 0;
	overflow: hidden;}



#prev_page{
float:left;


}


#next_page{
float:right;
padding-right:35px;


}







/* 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:10px 10px 0px;
}


.footer p { font:normal 11px  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:450px; margin:0; padding:15px 0 0 0; float:right;} 
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#ff0799;}
#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:#ff0799; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#000000;}
#contactform input.text { width:200px; color:#333333;  font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#ffffff; float:left;}
#contactform selector { width:200px; color:#333333;  font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#ffffff; float:left;}

#contactform textarea { width:410px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#ffffff; 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:#ff0799; font:normal 14px/14px  "Trebuchet MS",Arial, sans-serif; line-height:1.8em; 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;}