/*
	
	COMPLETE T.O.C
	
	=RESET
	=GENERAL
	=LAYOUT
	=PAGES
		=HOME
			=slideshow-index
			=slideshow-clients
			=service-overview-index
			=hasicon	
		=ABOUT
			=team
		=SERVICES
			=service-overview
		=PORTFOLIO
			=portfolio-filter
			=portfolio-overview
			=portfolio-pagination
			=slideshow-portfolio
		=BLOG
			=blog-post
			=blog-navigation
			=blog-post-comment
			=search
		=CONTACT

*/


@font-face {
    font-family: 'roboto_condensedregular';
    src: url('RobotoCondensed-Regular-webfont.eot');
    src: url('RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'libel_suitregular';
    src: url('libelsuit.eot');
    src: url('libelsuit.eot?#iefix') format('embedded-opentype'),
         url('libelsuit.woff') format('woff'),
         url('libelsuit.ttf') format('truetype'),
         url('libelsuit.svg#libel_suitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
        font-family: 'AftaSans';
        src: local('☺'), url('AftaSansThin-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'roboto_condensedlight';
    src: url('robotocondensed-light-webfont.eot');
    src: url('robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-light-webfont.woff2') format('woff2'),
         url('robotocondensed-light-webfont.woff') format('woff'),
         url('robotocondensed-light-webfont.ttf') format('truetype'),
         url('robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* =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:inherit;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{ 
	
		width: 720;
		background:#ffffff;
    	//	font:12px 'roboto_condensedlight', Arial, sans-serif;
		font:12px 'AftaSans', Arial, sans-serif;
	//	font:13px 'Droid Sans', Arial, sans-serif;
		font-weight:300;
		color:#666;
	}

	/* =headings
	-------------------------------------------------------------- */
	
	h1,h2,h3,h4,h5,h6{ color:#333; }
	
	h1{ font-size:25px; line-height:32px; margin-bottom:15px; text-transform:none;}
	h2{ font-size:23px; line-height:25px; margin-bottom:15px; text-transform:none;}
	h3{ font-size:18px; line-height:22px; margin-bottom:10px; text-transform:none;}
	h4{ font-size:16px; line-height:17px; margin-bottom:10px; text-transform:none;}
	h5{ font-size:15px; line-height:15px; margin-bottom:8px; text-transform:none; color: #000;}
	h6{ font-size:16px; line-height:16px; margin-bottom:8px; text-transform:none;}
	
	h1, h2, h3, h4, h5, h6{}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
	
	.ie7 h1, .ie7 h2, .ie7 h3, .ie7 h4, .ie7 h5, .ie7 h6{ font-weight:normal; }
	
	/* =text-elements
	-------------------------------------------------------------- */
	
	a{ color:#0073BF; text-decoration:none; }
	a:hover{   }
	a img{ border:none; }
		
	strong{ font-weight: bold; color:#333; }
	em{ font-style: italic; }
	
	p, ul, ol, pre, code{ margin-bottom:20px; }
	
	p.last, ul.last, h1.last, h2.last, h3.last, h4.last, h5.last, h6.last{ margin-bottom:0; }
				
	ul{ list-style-type:circle; list-style-position:inside; }
	ul.checklist{ }
	
	ol{ list-style-type:decimal; list-style-position:inside; }
	
	blockquote{ padding:1px 20px 5px 60px; line-height:24px; color:#999999; }
	blockquote span{ color:#666666; }
	
		.blockquote-left{ width:200px; float:left; }
		.blockquote-right{ width:200px; float:right; }
		.blockquote-nobg{ background:none; padding:0; }					 
				 
	pre, code{ border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; }

	/* due to IE <HR> margin bugs I had to made a class and apply it to a div to achieve the effect of a <HR> */
	hr{ border:none; height:10px; margin:0px 0; color:#0a4d0a; }
	
	.hr{ border-top:2px solid #0a4d0a; }
	
	
	/* =tables
	-------------------------------------------------------------- */
	
	table{ width:720;}
	th{ padding:5px 15px; text-transform:none; font-weight:bold; text-align: left; background: #e6f0e1; color: #000;}
	td{ padding:0px 0px;  margin:0; text-align: middle; vertical-align:center; color: #000; }
	td a { text-decoration: none; color: #000; }
	td img { padding-top: 0px; vertical-align: middle; }
	td ul { padding-left:2em; margin-top: 0px; list-style-type:disc; list-style-position:outside;}
	td ul li {padding-top: 0px; display:list-item;}
	tr.alt{ background-color:#f5f5f5; }
	
	table.tchannel { width: 100%; border-collapse:separate; border-spacing:0; border: 0px; margin-bottom:5px; }
	table.tchannel tbody { overflow: auto; }
	table.tchannel th{ background-color: #fff; padding:5px; text-transform:none; font-size: 16px; font-weight: normal; text-align: left; border-top: 1px solid #000; border-bottom: 1px solid #000;}
	table.tchannel td{ padding:5px 5px 5px; border-bottom:1px solid #000; color: #000; text-align: left; vertical-align: top; font-size: 16px;}
	table.tchannel td a { text-decoration: none; color: #000; }
	table.tchannel td img { padding-top: 0px; vertical-align: middle; }
	table.tchannel td ul { padding-left: 20px; list-style:disc outside none ; }
	table.tchannel.td.span.name { font-size: 16px; font-weight: bold; padding-left: 10 px; text-align: left; display: inline-block; color: #FF0000; }
	table.tchannel td span trend{ font-size: 16px; font-weight: bold; padding-left: 10 px; text-align: left; display: inline-block; color: #000; }
	table.tchannel td h1 { margin-left: 0px;  font-size: 16px; color: #000;}
	table.tchannel td h2 { margin-left: 10px; font-size: 16px; font-weight: bold; color: #000; display: inline-block;}
	table.tchannel td h3 { margin-left: 20px; font-size: 14px; display: inline-block;}
	table.tchannel td h4 { margin-left: 20px; font-size: 14px; display: inline-block;}
	table.tchannel td h5 { color: #999999; font-size: 12px; margin-bottom: -5px;}
	table.tchannel tr.alt{ background-color:#f5f5f5; }



	/* =forms-messages
	-------------------------------------------------------------- */
	
	label{ font-weight:bold; color:#000000; }
		label span.required{ color:#ff0000; }
	
	fieldset{ padding:25px; margin:0 0 20px 0; border:1px solid #efefef; }
	legend{ font-weight: bold; }
	form p{ margin-bottom:10px; }
	
	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(imgs/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
	.errormsg a{ color:#8a1f11; }
	.successmsg{ border-color:#c6d880; background:#e6efc2 url(imgs/bg-msg.png) no-repeat 0 -220px; color:#264409; }
	.successmsg a{ color:#264409; }
	.infomsg{ border-color:#92cae4; background:#d5edf8 url(imgs/bg-msg.png) no-repeat 0 -72px; color:#205791; }
	.infomsg a{ color:#205791; }
	.noticemsg{ border-color:#ffd324; background:#fff6bf url(imgs/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:#D5EDF8; color:#111111; }
	.text-highlight2{ padding:2px 5px; background-color:#FFF6BF; color:#111111; }

	.bordered{ padding:20px; border:1px solid #efefef; }
	
	.float-left{ float:left; }
	.float-right{ float:right; }

	/* =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{}
		
		.col145{ width:145px; float:left; margin-right:20px; }
		.col180{ width:180px; float:left; margin-right:20px; }
		.col205{ width:205px; float:left; margin-right:20px; }
		.col280{ width:300px; float:left; margin-right:10px; }
		.col635{ width:635px; float:left; margin-right:20px; }
		.col430{ width:430px; float:left; margin-right:20px; }
		.hdrright{ width:450px; float:right; text-align:right; vertical-align: top; }
		.col450{ width:450px; float:left; }
		.hdrleft{ width:400px; float:left; vertical-align: top;}
		.hdrleft h1 { font-size: 18px; color:#fff; font-weight:bold; }
		.hdrleft h2 { font-size: 12px; color:#fff }
		.col580{ width:550px; float:left; margin-right:20px; }
		.col655{ width:655px; float:left; margin-right:20px; }
		.col940{ width:720;; float:left; margin-right:20px; }
		.colhead{ width:720;; float:left; border-bottom: 1px solid #999; margin-top:-20px; margin-bottom:5px;}
		.colhead h1 { font-size: 12px; font-weight: bold; margin-bottom:-10px;}
		.last{ margin-right:0px; }
		.clear{ clear:both; }


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

@font-face {
	font-family: libelsuit;
	src: url('libelsuit.otf') format ('opentype');
}

@font-face {
	font-family: bebasneue;
	src: url('BebasNeue.otf') format ('opentype');
}



wrap{ width:720; margin:0; background:#fff; border: 1px solid #bbb;} 

	
	#header{ position:relative; z-index:10; /* IE6 and IE7 z-index bug fix*/ 
			 }  

		#logo-header-widget-1{ margin-bottom:5px; }
		
			/* =logo
			-----------------------------------------------------------------------------------------------*/
			
			#logo{ float:left; color: #fff; font-size: 16px; margin:10px;   }	
			#logo img{ display:block; }
			#logo p{ font-size: 10px; }
			#logo h1{ font-size: 16px; }
			#logo h2{ font-size: 14px; }
			
			/* =header-widget-1
			-----------------------------------------------------------------------------------------------*/
			
			#header-widget-1{ float:right; margin:10px; }
		
				/* =social-media
				-----------------------------------------------------------------------------------------------*/
				
				#social-media{ list-style-type:none; margin-bottom:0; float:right; margin-top:10px; }
				#social-media li{ float:left; }
				#social-media li a{ display:block; float:left; margin-left:2px; opacity:1; }
				#social-media li a:hover{ opacity:0.8; }
				
		#menu-header-wigdet-2{ border-top:1px solid #cccccc; font-size: 14px;}
		
			/* =dropdown-menu
			-----------------------------------------------------------------------------------------------*/
	
			/* level 1 menu */
			ul#dropdown-menu{  list-style:none;  margin-bottom:0;   }		  
			ul#dropdown-menu li{ float: left; }
			
			ul#dropdown-menu li a{ display: block; padding:10px 0 20px 0; margin-right:30px; margin-top: 5px; border-top:1px solid #cccccc; margin-top:-1px;   
								   color:#000; font-family: 'Open Sans', sans-serif; text-transform:none; font-size: 15px;  }	
			ul#dropdown-menu li.last > a{ padding-right:0; }
										   
			ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; text-decoration:none;  }
			
			ul#dropdown-menu li.hover a{ text-decoration:none; color:#999; } 				/* LEVEL 1 menu item styling ON HOVER */		
			ul#dropdown-menu li.current > a{ color:#333; border-top-color:#0a4d0a; }		/* styling of LEVEL 1 menu item that is current */						   							   
			
				/* level 2 menu */
				ul#dropdown-menu ul{ width:170px; position:absolute; top:100%; left:-10px;  list-style:none; display:none;font-size: 15px; 
									 background-color:#ffffff; border:1px solid #efefef; z-index:15; padding:5px 0; }	
												 
				ul#dropdown-menu ul li{ width:140px; padding:0 15px; }	
							
				ul#dropdown-menu li .sub-menu li > a{ color: #000; width:140px; display: inline-block; border:none; border-bottom:1px solid #cccccc; padding:10px 0;   	/* LEVEL 2 menu element styling  */ 
									font-weight:normal; text-transform:none; font-size:15px; font-family:'Droid Sans', sans-serif;  } 		/* IE 6 and 7 Needs Inline Block */
					  
				ul#dropdown-menu li .sub-menu li > a:hover{ text-decoration:none; color:#999; } /* LEVEL 2 menu item styling ON HOVER */
				
				ul#dropdown-menu li .sub-menu li:last-child > a{ border:none; }					/* LAST LEVEL 2 menu item styling */
				ul#dropdown-menu li .sub-menu li:last-child > a:hover{ border:none; } 
	
					/* level 3 menu */
					ul#dropdown-menu ul ul{ left:100%; top:-1px; }
					ul#dropdown-menu li:hover > ul{ visibility:visible; }
					
					ul#dropdown-menu ul ul li > a{ border-bottom:1px solid #fff; border-bottom:none; } /* LEVEL 3 menu styling */
					
			.arrow{ }
			
			/* =header-widget-2
			-----------------------------------------------------------------------------------------------*/
			
			#header-widget-2{ padding-top:23px; }

			
	#content{ position:relative; z-index:5;  /* IE6 and IE7 z-index bug fix*/ 
			  padding-bottom:10px; min-height:300px; }

		
		#content > .hr:first-child{ margin-top:0; }
		
		#page-header{ position:relative; width:720; height:180px; overflow:hidden; margin-bottom:30px; }		  
			#page-header img{ position:absolute; top:0; left:0; z-index:10; }	  
			#page-header-title{ position:absolute; bottom:0px; left:0px; z-index:20; padding:10px 35px 10px 25px; width:220px; background-color:#F28133; color:#fff; }

			
		/* =pdf
		-----------------------------------------------------------------------------------------------*/
		
		.pdf{ padding:4px 10px 0px 55px; min-height:48px; margin-bottom:10px; }
		
		
		/* =side-nav
		-----------------------------------------------------------------------------------------------*/
		
		.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #f0f0f0; margin-bottom:30px; }
		.side-nav li{ border-bottom:1px solid #f0f0f0; }
		.side-nav li a:hover{ }
		.side-nav li a{ display:block; padding:11px 0 10px 10px; }
		.side-nav li.current a{ color:#000000; }
		.side-nav li.current a:hover{ text-decoration:none; }
		
		
		/* =accordion
		-----------------------------------------------------------------------------------------------*/
		
		.accordion { list-style-type: none;   }
		.accordion li { float: left; display: block; width:100%; border-top:1px solid #f0f0f0; margin-bottom:0;   }
		.accordion li.current>a { color:#555;  }
		.accordion li.last{ border-bottom:1px solid #f0f0f0;}
		.accordion li:hover{ background-color:#f9f9f9; }
		.accordion li.current{ background-color:#f9f9f9; }
		.accordion li div { padding:0px 30px; background-color:#f9f9f9; }
		.accordion li >a{ text-decoration: none; display: block; cursor: pointer;  
						padding:13px 0px 13px 30px; font-family:'Open Sans'; }	


		/* =tabs
		-----------------------------------------------------------------------------------------------*/
		
		.tabs-menu{ margin-bottom:0; list-style:none; border-bottom:1px solid #efefef; }
		.tabs-menu li{ display:inline; }
		.tabs-menu li a{ float:left; padding:10px 20px; display:block; margin-bottom:-1px;  }
		.tabs-menu li.current a{  border:1px solid #efefef; border-bottom-color:#fff;  color:#666; }
		.tabs-content{ padding-top:30px; }

		
	#footer{ width:720; margin:0 -50px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:40px 50px; background-color:#f9f9f9;  }
		
		#footer h6{ margin-bottom:20px;  }
		#footer h6 span{ padding-right:20px; background-color:#f9f9f9; }

		#footer-widget-1{}
		#footer-widget-2{}
		#footer-widget-3{}	
		#footer-widget-4{}
		
		/* =footer-nav
		-----------------------------------------------------------------------------------------------*/
		
		.footer-nav{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
		.footer-nav a{ border-bottom:1px solid #efefef; display:block; padding:2px 0 2px 5px; }
		.footer-nav li.first a{ padding-top:0; }
		.footer-nav li.last a{  }

		/* =contact-info
		-----------------------------------------------------------------------------------------------*/
		
		#contact-info{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
		#contact-info li{ padding-left:25px; margin-bottom:0px; }
		#contact-info .phone{ }
		#contact-info .adress{  }
		#contact-info .email{ }
		
		

/* =PAGES
-----------------------------------------------------------------------------------------------*/	
				
	/* =HOME
	-----------------------------------------------------------------------------------------------*/				
				
		/* =slideshow-index
		-----------------------------------------------------------------------------------------------*/
		
		#slideshow-index{ position:relative; z-index:10; margin-bottom:0px; }
		
			#slideshow-index ul{ position:relative; width:720; height:300px; overflow:hidden; list-style:none; z-index:10; }
			#slideshow-index ul li{ width:720; height:300px; position:relative; }
			#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:15; }
			
			#slideshow-index .calltoaction{ position:absolute; top:160px; left:0px; z-index:20; padding:20px 35px 20px 25px; background-color:#F28133; opacity: 0.9; font-size: 30px;}
			
				.calltoaction h4{ margin-bottom:0; font-size: 18px; }
				.calltoaction a{ color:#fff;  }
				.calltoaction a:hover{ }
			
			#slideshow-index .slidetext{ position:absolute; top:60px; left:0px; overflow:hidden; width:230px;  padding:20px 25px; z-index:20; }

				.slidetext p{ margin-bottom:0; color:#fff; }							  
				.slidetext a{ color:#ffffff; }
				.slidetext a:hover{ text-decoration:underline; }	

 		#index-slideshow-pager{ width:14px; text-align:center; z-index:35; position:absolute; right:30px; bottom:32px;  }				  
		#index-slideshow-pager a{ display:inline-block; width:14px; height:14px; margin-left:1px; 
								   text-align:left; outline-style:none; text-indent:-9999px; }
		#index-slideshow-pager .activeSlide{  }
 
 
 		/* =slideshow-clients
		-----------------------------------------------------------------------------------------------*/
 
 		#slideshow-clients{ position:relative; z-index:10; }
 		
		#slideshow-clients ul{ position:relative; list-style:none; margin-bottom:0; }
 		#slideshow-clients ul li{ position:relative;  z-index:10; }
		#slideshow-clients ul li blockquote{ z-index:15; background:none; padding:0; }
	
	
		/* =service-overview-index
		-----------------------------------------------------------------------------------------------*/
		
		.service-overview-index{    }
		
		.service-overview-index h5 a{  }
		.service-overview-index img{ display:block; margin:0 -21px 20px -21px; }
		
		.service-overview-index ul{ list-style-type:none; list-style-position:outside; margin-bottom:30px;  }
		.service-overview-index li{ float:left; margin-right:20px; width:238px; cursor:pointer; border:1px solid #ddd; border-top:none; padding:0 20px 20px 20px; text-align:center; color:#777; }
		.service-overview-index li.last{ margin-right:0; }
		.service-overview-index li:hover{  }
		
		
		/* =hasicon
		-----------------------------------------------------------------------------------------------*/
		
		.hasicon{  margin-bottom:5px; line-height:20px; vertical-align:middle; }
		.hasicon img{ float:left; margin-right:10px; }	
		.hasicon h5{ font-size:15px; line-height:15px; margin-bottom:8px; text-transform:none; font-weight: bold; color:0a4d0a;}
		
		
	
	/* =ABOUT
	-----------------------------------------------------------------------------------------------*/	
	
		/* =team
		-----------------------------------------------------------------------------------------------*/
		.team{ padding-bottom:-30px; }
		.team-member{ border:1px solid #ddd; border-top:none; text-align:center; margin-bottom:30px; width:203px; }
		.team-member img{ margin:0 -1px 20px -1px; }
	
	
	
	/* =SERVICES
	-----------------------------------------------------------------------------------------------*/
	
		/* =service-overview
		-----------------------------------------------------------------------------------------------*/
		
		.service-overview{ margin:30px 0;   }

			.service-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:0;  }
				.service-overview li{ float:left; margin-right:20px; width:238px; cursor:pointer; border:1px solid #ddd; border-top: none; padding:0 20px 0 20px; text-align:center; color:#777; }
				.service-overview li.last{ margin-right:0; }
	
					.service-overview h5{ }
					.service-overview img{ display:block; margin:0 -21px 20px -21px; }


	
	/* =PORTFOLIO
	-----------------------------------------------------------------------------------------------*/
		
		/* =portfolio-filter ( main portfolio page )
		-----------------------------------------------------------------------------------------------*/

		#portfolio-filter{ list-style:none; margin-bottom:0px; }
		#portfolio-filter li{ float:left; }	  
		#portfolio-filter a{ display: block; border-left:1px solid #efefef; padding:0 10px; }
		#portfolio-filter a:hover{ text-decoration:underline; }
		#portfolio-filter li.first a{ border-left:none; padding-left:0; }							   
		#portfolio-filter li.current a{ color:#F28133; }
		#portfolio-filter li.current a:hover{ text-decoration:none; }
		
		
		/* =portfolio-overview ( main portfolio page )
		-----------------------------------------------------------------------------------------------*/
		
		.portfolio-overview{}

			.portfolio-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:-30px; }
			.portfolio-overview li{ float:left; margin:0 20px 30px 0; width:238px; position:relative;
									padding:0 20px 30px 20px;  border:1px solid #ddd; border-top:none; text-align:center; }
			.portfolio-overview li.last{ margin-right:0; }

				.portfolio-item-preview{ position:relative;  }
				
				.ie7 .portfolio-item-preview{ height:170px; }
					
					.portfolio-item-preview img{ display:block; margin:0 -21px 20px -21px;  }
					.preview-options{ position:absolute; bottom:0; left:-21px; right:0; top:0; width:280px; display:none; }
						
						.preview-options .lightbox{ display:block; position:absolute; top:20px; right:20px; width:26px; height:26px; 
													text-indent:-9999px; cursor:pointer; opacity:0.8; }					 
						.preview-options .view{ display:block; position:absolute; bottom:0; left:0; cursor:pointer; background-color:#F28133; color:#FFFFFF; padding:5px 10px; }
						
							.preview-options .lightbox:hover, .preview-options .view:hover{ opacity:1; }
	
				.portfolio-overview h5{ text-transform:none; }
				.ie7 .portfolio-overview h5{ text-transform:none; margin-top:20px; }
				.portfolio-overview p{ margin-bottom:0; }


		/* =portfolio-pagination ( main portfolio page )
		-----------------------------------------------------------------------------------------------*/
		
		.pagination{ list-style:none; float:right; margin-bottom:0; }
		
			.pagination li{ float:left; border-right:1px solid #efefef; padding:0px 10px; line-height:16px; }
			.pagination li.first{ padding-left:0; }
			.pagination li.last{ border-right:none; padding-right:0; }
			.pagination li.current a{ color:#000000; }	
			.pagination li a{ display:block; }
		
		
		/* =slideshow-portfolio ( single portfolio item )
		-----------------------------------------------------------------------------------------------*/
		
		#slideshow-portfolio{ position:relative; margin-bottom:30px; }
		
			#slideshow-portfolio ul{ position:relative; width:580px; height:352px; overflow:hidden; margin-bottom:0; list-style:none; }
			#slideshow-portfolio ul li{ width:580px; height:352px; position:relative; }
			#slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }
		
		#slideshow-portfolio-pager{ width:15px; text-align:center; z-index:35; position:absolute; right:30px; bottom:32px;  }				  
			#slideshow-portfolio-pager a{ display:inline-block; width:14px; height:14px; margin-left:1px;  
								   text-align:left; outline-style:none; text-indent:-9999px; }
			#slideshow-portfolio-pager .activeSlide{ }
		

			
	/* =BLOG
	-----------------------------------------------------------------------------------------------*/

		/* =blog-post
		-----------------------------------------------------------------------------------------------*/
		
	 	.blog-post{ position:relative; padding: 0 10px 0 90px; }

			.blog-post-title{ margin:0px 0 15px 0px; border-bottom:1px solid #f5f5f5; padding:10px 0 15px 0;  }
				
			.blog-post-date{ position:absolute; left:0; top:0px; width:50px; border:1px solid #f0f0f0; padding:26px 10px 19px 10px; text-align:center; font-size:32px; }
				.blog-post-date span{ display:block; margin-top:10px; color:#777; text-transform:uppercase; font-size:10px; }
			
			.blog-post-thumb{ margin-bottom:20px; }
			
			.blog-post-info{ list-style-type:none; list-style-position:outside; margin-bottom:10px; }
				.blog-post-info li{ float:left; margin-right:15px; padding:0 0 5px 25px; }
				.blog-post-info	.author{ }
				.blog-post-info	.categories{ }
				.blog-post-info .comments{ }

			.blog-post-readmore{ margin-bottom:0; }

		
		/* =blog-navigation
		-----------------------------------------------------------------------------------------------*/
		
		.blog-navigation{ margin-left:90px; color:#efefef; }
		
		
		/* =blog-post-comment  ( blog post page comment section )
		-----------------------------------------------------------------------------------------------*/
		
		.blog-post-comment{ margin-top:20px; border-bottom:1px solid #efefef; padding-bottom:10px; }
			.blog-post-comment .who{ margin-bottom:10px; }
			.blog-post-comment .who span{ color:#999; }
			.blog-post-comment .bordered{ margin:0 20px 0 0; padding:5px; }
			.blog-post-comment-reply{ margin-left:90px; }
		
		
		/* =search
		-----------------------------------------------------------------------------------------------*/
	
		#search fieldset{ position:relative; border:none; margin:0; margin-bottom:20px; padding:0; }
		#search-input{ width:260px; padding:7px 10px; margin:0;  font-size:12px; color:#ccc; background-color:#fff; border:none; border:1px solid #f1f1f1;  }
		#search-input:focus{ color:#666; }
		#search .search-submit-btn{ position:absolute; top:8px; right:5px; height:18px; width:18px; outline:none;
									cursor:pointer; border:none; }
		
		
		
	/* =CONTACT
	-----------------------------------------------------------------------------------------------*/			
			
		#contact-form{}
		#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
		#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
		#contact-form p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }	

	.arrow { height: 0; width: 0; border: 4px solid transparent; }
        .arrow.up { border-bottom-color: #00FF00; }
	.arrow.down { border-top-color: #FF0000; }
	// Usage - <div class="arrow up"></div>