/*---------------------------------------------------------------------------------------------
Developed by Md Akter Uddin Rony- Extreme SOlutions- www.xtremebd.com

/* =RESET
-----------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: 'myriadpro' sans-serif;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* =GENERAL
-----------------------------------------------------------------------------------------------*/
	
	body{ 
		background:#444444 url(../../images/bg-body2.jpg) repeat top left;
		
		/*
		background:#444444 url(../../images/bg-body.jpg) repeat top left;
		background:#444444 url(../../images/bg-body2.jpg) repeat top left;
		background:#444444 url(../../images/bg-body3.jpg) repeat top left;
		background:#444444 url(../../images/bg-body4.jpg) repeat top left;
		background:#444444 url(../../images/bg-body5.jpg) repeat top left;
		background:#444444 url(../../images/bg-body6.jpg) repeat top left;
		background:#444444 url(../../images/bg-body7.jpg) repeat top left;
		background:#444444 url(../../images/bg-body8.jpg) repeat top left;
		background:#444444 url(../../images/bg-body9.jpg) repeat top left;
		*/
		
		font:12px Arial, sans-serif; 
		line-height:20px;
		color:#666666;
	}
	
		/* =headings
		-------------------------------------------------------------- */
		
		h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#252525; }
		
		h1{ font-size:28px; line-height:30px; margin-bottom:12px; }
		h2{ font-size:24px; line-height:26px; margin-bottom:12px; }
		h3{ font-size:18px; line-height:20px; margin-bottom:8px;  }
		h4{ font-size:14px; line-height:15px; margin-bottom:8px;  }
		h5{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		h6{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		
		
		/* =text-elements
		-------------------------------------------------------------- */
		
		a{ text-decoration:none; color:#346699; }
		a:hover{ text-decoration:underline;  }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
		a img{ border:none; }
		
		strong{ font-weight: bold; color:#252525; }
		em{ font-style: italic; }
		
		p, ul, ol, pre, code{ margin-bottom:20px;font-size: 13px; }
		
		ul{ list-style-type:circle; list-style-position:inside; }
		
			ul.checklist{ list-style-image:url(../../images/bg-checklist.png); }
		
		ol{ list-style-type:decimal; list-style-position:inside; }
		
		blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:#ffffff url(../../images/quote.gif) no-repeat top left; color:#999999; }
		blockquote span{ color:#666666; }
		
			.blockquote-left{ width:250px; float:left; }
			.blockquote-right{ width:250px; float:right; }					 
					 
		pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }
		
		hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
		
			/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
			
			.hr{ border-top:1px solid #efefef; margin:30px 0; }
			.hr-alt{ border-top:1px solid #efefef; margin:30px -30px 30px -30px; } 																	      
			.hr-alt2{ border-top:1px solid #efefef; margin:0 0 30px 0; }																	  
			
			
		/* =tables
		-------------------------------------------------------------- */
		
		table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef;  }
		th{padding:10px 15px; text-transform:uppercase; font-weight:bold; }
		td.top2{padding:10px 15px; border-top:1px solid #efefef; }
		tr.alt{background-color:#f5f5f5; }
             

		/* =forms-messages
		-------------------------------------------------------------- */
		
		label{ font-weight:bold; color:#000000; }
			label span.required{ color:#ff0000; }
		
		fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; }
		legend{ font-weight: bold; }
		
		input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
		input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
		select{ border-width:1px; border-style:solid; background-color:#ffffff;  }
		
		input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
		
		input.text{ width:250px; padding:5px; }
		textarea{ width:380px; height:125px; padding:5px; }

		.errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
		.errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(../../images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
		.errormsg a{ color:#8a1f11; }
		.successmsg{ border-color:#c6d880; background:#e6efc2 url(../../images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
		.successmsg a{ color:#264409; }
		.infomsg{ border-color:#92cae4; background:#d5edf8 url(../../images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
		.infomsg a{ color:#205791; }
		.noticemsg{ border-color:#ffd324; background:#fff6bf url(../../images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
		.noticemsg a{ color:#514721; }


		/* =default-classes
		-------------------------------------------------------------- */
		
		.img-align-left{ margin:5px 10px 0 0; float:left; }
		.img-align-right{ margin:5px 0 0 10px; float:right; }
		
		.text-right{ text-align:right; }
		.text-center{ text-align:center; }
		
		.text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
		.text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }

		.bordered{ padding:5px; border:1px solid #efefef; }


		/* =grid
		-------------------------------------------------------------- */

		/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
		.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
			.fixed{display:block;}
			/*  \*/
			.fixed{min-height:1%;}
			* html .fixed{height:1%;}
				
		.row{ width:940px; }
			
			.col-700{ width:700px; float:left; margin-right:20px; }
			.col-580{ width:580px; float:left; margin-right:20px; }
			.col-520{ width:520px; float:left; margin-right:20px; }
			.col-460{ width:460px; float:left; margin-right:20px; }
			.col-340{ width:340px; float:left; margin-right:20px; }
			.col-220{ width:220px; float:left; margin-right:20px; }
			.col-180{ width:180px; float:left; margin-right:20px; }
			.col-160{ width:160px; float:left; margin-right:20px; }
			.col-right1{ width:580px; float:right; margin-right:20px; }
			
		.last{ margin-right:0px; }
		.clear{ clear:both; }
		.block{ display:block; }
		.hide{ display: none; }	
		

/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

	#wrap{ width:940px; padding:0 40px; margin:0 auto; background-color:#ffffff; border-top:4px solid #DA1623; 
		  -moz-box-shadow:0 -5px 5px 0 #333; -webkit-box-shadow:0 -1px 10px 0 #333; box-shadow:0 -1px 10px 0 #333; }
	
	
		#header{ padding-top:40px;  }
		
			.dropdown-container{ position:relative; z-index:10; }  /* IE6 and IE7 fix for the dropdown  */
			.slideshow-container{ position:relative; z-index:5; }  /* menu showing below the slider bug */
			.inner-page-title-container{ position:relative; z-index:5; margin-bottom:30px;  }
			
			/* =logo
			-----------------------------------------------------------------------------------------------*/
			
			a#logo{ display:block; float:left; }
			a#logo img{ display:block; }
			
			/* =dropdown-menu
			-----------------------------------------------------------------------------------------------*/
	
			/* level 1 menu */
			ul#dropdown-menu{  float:right; list-style:none; }		  
			ul#dropdown-menu li{ float: left; }
			ul#dropdown-menu li a{ display: block; padding:7px 23px 5px 0; font-size:13px; text-transform:uppercase; color:#252525; }			   
			ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; }
			ul#dropdown-menu li.hover a{ text-decoration:none; } /* styleing when hovering on menu item a */					 
			ul#dropdown-menu li.current > a{ color:#346699; }							   
			ul#dropdown-menu li .sub-menu li a{ color:#252525; }							   
			ul#dropdown-menu li.last > a{ padding-right:11px; }
			ul#dropdown-menu li.client-login a{ padding-left:40px; background:url(../../images/bg-client-login.png) no-repeat 10px center; border-left:1px solid #efefef;  }
			
			/* level 2 menu */
			ul#dropdown-menu ul{ position:absolute; top:100%; left:0; width:180px; list-style:none; display:none; 
								  border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:35; }				 
			ul#dropdown-menu ul li{ width:180px; }				
			ul#dropdown-menu ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none; 
									  font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* IE 6 and 7 Needs Inline Block */			  
			ul#dropdown-menu ul li a:hover{ background-color:#f5f5f5; } 
			
			/* level 3 menu */
			ul#dropdown-menu ul ul{ left:100%; top:-1px; }
			ul#dropdown-menu li:hover > ul{ visibility:visible; }
			
			.arrow{ background:url(../../images/bg-sidenav.gif) no-repeat 165px 12px; }


		#content{ }
		
			.pdf{ background:url(../../images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }
			
			/* =side-nav
			-----------------------------------------------------------------------------------------------*/
			
			.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }
			.side-nav li{ border-bottom:1px solid #efefef; }
			.side-nav li a:hover{ }
			.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(../../images/bg-sidenav.gif) no-repeat 10px 12px; }
			.side-nav li.current a{ color:#000000; }
			.side-nav li.current a:hover{ text-decoration:none; }

			/* =tabs
			-----------------------------------------------------------------------------------------------*/
			.tabs-menu{ margin-bottom:0; list-style:none; }
			.tabs-menu li{ display:inline; }
			.tabs-menu li a{ float:left; padding:5px 20px; display:block; background-color:#212121; color:#fff; 
							 border-right:1px solid #ffffff; border-top:2px solid #ffffff; }
			.tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }
			.tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }
		
			/* =accordion
			-----------------------------------------------------------------------------------------------*/
			.accordion { list-style-type: none;  }
			.accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }
			.accordion li.current>a { background: url(../../images/bg-accordion.png) no-repeat right 8px; }
			.accordion li div { padding:20px 20px; background:#f5f5f5; }
			.accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(../../images/bg-accordion.png) no-repeat right -55px; 
							 padding:5px; border-bottom:1px solid #ffffff;  padding:5px 20px; color:#fff; }


		#footer{ padding-bottom:30px;  }
	
			#footer p.last{ margin-bottom:0; }

			/* =social-media
			-----------------------------------------------------------------------------------------------*/
			
			#social-media{ list-style-type:none; margin-bottom:0; margin-top:4px; float:right; }
			#social-media li{ float:left; }
			#social-media li img{ display:block; float:left; margin-right:5px; }
			#social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; }
			
			
/* =PAGES
-----------------------------------------------------------------------------------------------*/	
				
/* =INDEX
-----------------------------------------------------------------------------------------------*/				
		
	.main-line{ margin-bottom:0; line-height:26px; margin-top:30px; }
	.ie6 .main-line{ font-size:17px; }	
		
	/* =slideshow-index
	-----------------------------------------------------------------------------------------------*/
	
	#slideshow-index{ position:relative; z-index:10; }
	
		#slideshow-index ul{ position:relative; width:940px; height:350px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; }
		#slideshow-index ul li{ width:940px; height:350px; position:relative; }
		#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:20; }
		
			#slideshow-index ul li .slidetext{ position:absolute; bottom:0; left:0; padding:15px 20px; width:900px; z-index:25; overflow:hidden;
			background:url(../../images/bg-slider.png) repeat-x top left; }
				.slidetext p{ margin-bottom:0; color:#fff; }								  
				.slidetext a{ color:#fff; text-decoration:underline; }	
									
	#index-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:12px;  }
	.ie7 #index-slideshow-pager{ bottom:15px; }								  
	#index-slideshow-pager a{ text-align:left; background:url(../../images/bg-pager.png) no-repeat 0 0; display:inline-block; 
							 width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
	#index-slideshow-pager .activeSlide{ background:url(../../images/bg-pager.png) no-repeat 0 -64px; }
	
	/* =services-overview
	-----------------------------------------------------------------------------------------------*/
	
	#services-menu{ list-style: none; margin-bottom:0; }
		#services-menu li{ padding:5px 15px 5px 0; border-top:1px solid #efefef; }
		#services-menu li.last{ border-bottom:1px solid #efefef; }
		#services-menu li a{ display:block;}

		#services-menu li a.active{ background: url(../../images/bg-sidenav.gif) no-repeat right; text-decoration:none;  }
		.ie6 #services-menu li a.active{ background:none; }
		
		#services-menu li a:hover{ background: url(../../images/bg-sidenav.gif) no-repeat right;  }
	
	#services-container{ position: relative; min-height:190px; border-top:1px solid #efefef; }
		.service{ height:160px; padding:15px 10px; margin-bottom:10px; overflow:hidden; }
		.service h4{ padding:5px 5px 5px 35px; background-repeat:no-repeat; background-position:center left; }
			
	
/* =CONTACT
-----------------------------------------------------------------------------------------------*/		
	
	#contact-form{}
		#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
		#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
		p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }

	
/* =PORTOFOLIO
-----------------------------------------------------------------------------------------------*/
	
	.portfolio-item{}
		.portfolio-item-preview{ display:block; background:url(../../images/bg-fade.png) no-repeat center center;  }
		.ie6 .portfolio-item-preview{ background:none; }
		
		
	.pagination{ list-style:none; }
		.pagination li{ display:inline; border:1px solid #efefef; margin-right:7px;  padding:4px 9px; float:left;  }
		.pagination li a{ display:block;  }
		.pagination li.current a{ text-decoration:underline; }


	/* =slideshow-portofolio
	-----------------------------------------------------------------------------------------------*/
		
	#slideshow-portfolio{ position:relative; }
	
		#slideshow-portfolio ul{ position:relative; width:700px; height:300px; overflow:hidden; margin-bottom:0; list-style:none; }
		#slideshow-portfolio ul li{ width:700px; height:300px; position:relative; }
		#slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }

		#portfolio-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:12px;  }
		.ie7 #portfolio-slideshow-pager{ bottom:15px; }								  
			#portfolio-slideshow-pager a{ text-align:left; background:url(../../images/bg-pager.png) no-repeat 0 0; display:inline-block; 
									 width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
			#portfolio-slideshow-pager .activeSlide{ background:url(../../images/bg-pager.png) no-repeat 0 -64px; }
	
	
/* =CLIENTS
-----------------------------------------------------------------------------------------------*/
	
	.latest-clients{}
		
		.client{}	
			.client-logo{ width:208px; height:135px; border:1px solid #efefef; margin-bottom:40px; }
			.client p{ color:#999999; }
	
	.latest-clients-list{}
		.latest-clients-list p{ line-height:30px; }
		
	.testimonial{}	
	
	
/* =TEAM
-----------------------------------------------------------------------------------------------*/
	
	.team-social-media{ list-style-type:none; }
		.team-social-media li{ float:left; }
		.team-social-media li img{ display:block; float:left; margin-right:5px; }
		.team-social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; }


/* =BLOG
-----------------------------------------------------------------------------------------------*/
	
	.blog-sidebar{}
	.blog-sidebar .date{ padding-right:0; }

	.blog{}
	.blog-post{}
	
	.comment{ margin-bottom:20px; }
	.comment .who{ margin-bottom:5px; }
	
	/* =search
	-----------------------------------------------------------------------------------------------*/

	#search fieldset{ position:relative; border:none; margin:0; margin-top:0; padding:0; }
	#search-input{ width:208px; padding:5px; margin:0;  font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
	#search-input:focus{ border:1px solid #cccccc; color:#666666; }
	#search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;
								background:url(../../images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }

	.ie6 #search .search-submit-btn{ top:6px; }
	.ie6 #search-input, .ie7 #search-input, .ie8 #search-input{  }


.text-input{width:300px;}
.error{ display:none;}
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 299px;	

}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {  

background: #ddd;

margin-top: 1px;
}

ul.menu li a, ul.menu ul.menu li a {
  color:#000000;	
  padding: 0.5em;
	background:#CCCCCC;

}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #ddd;
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
  background: #fff;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
	background: #eee;
	border-left: 5px #31967b solid;
	padding-left: 15px;

}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.menu ul.menu {
    border-left: 5px #9c9a9c solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    text-decoration: underline;
	
    background: #CCC;
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #ccc	;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: bold;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #eee; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
/*.indent2 { padding-left: 2em; }*/
.indent2 
{
margin-left:3px;}
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }


.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 10px;
visibility: hidden;
border:1px solid #999;
font:normal 13px 'PT Sans',Verdana;
line-height: 16px;
z-index: 999;
background-color: white;
width: 450px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

/* =Home content
	-----------------------------------------------------------------------------------------------*/

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
fieldset
{
	border:none;
	width:400px;
}
fieldset input,fieldset textarea
{
	border:1px #666666 solid;
}
.error
{
	color:#F00;
	font-weight:bold;
}
.style15 {font-size: 13px}
.style28 {
	font-size: 11px
}
.style30 {
	color: #359177
}
.style15 {font-size: 13px}
.style28 {
	font-size: 11px
}
.style30 {
	color: #359177
}
.style36 {color: #999999}


.style12 {}

.style8 {	font-size: 11px;
	color: #333333;
	line-height: 14px;
}

.style23 {	font-size: 11px;
	line-height: 14px;
}
.style31 {color: #245C4F}
.style5 {color: #157459;
	font-size: 11px;
}
.style25 {color: #669966}
.style38 {color: #FFFFFF}
.style39 {font-size: 12px}
.style41 {color: #286C59}
.style42 {font-size: 14px}
.style43 {font-weight: bold}


.companies li {
float: left;
width: 220px;
line-height: 20px;
}

.companies {
height: 50px;
margin: 15px 30px;
border-bottom: 1px solid #ddd;
}

.style40 {
line-height: 22px;
}

.award tr td {
width: 221px !important;
border: 1px solid #ddd;
padding: 3px 5px;
}

.award table {
width: 100%;
}