/*--------------------------------------------------------
	1.RESETS & MISC
--------------------------------------------------------*/
	
	
	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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
	
	header, nav, section, article, aside, footer {display:block;}
	
	
/*--------------------------------------------------------
	2.COMMONS
--------------------------------------------------------*/


	body{background:#1e2735;font:13px/19px Arial, Helvetica, sans-serif; color:#999;}


	#content .post {
	padding: 0em 0em 2.5em 0em;
}



/*--------------------------------------------------------
	3.STRUCTURAL 
--------------------------------------------------------*/


	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
	/*wrappers
	----------------------------*/
	#header-wrapper{width:100%; margin-bottom:50px;}
	#header-wrapper #header-inner{max-width:80%;height:100px;border-bottom:1px solid #333; margin:auto;}
	
		
	/*----------------------------
	iii.-- Content
	-----------------------------*/
	
	
	/*wrappers
	----------------------------*/
	#content-wrapper{width:100%; margin-bottom:50px;}
	#content-wrapper section.homepage{width:80%; margin:auto; overflow:hidden;}
	#content-wrapper section.pages{max-width:80%; margin:auto; overflow:hidden;}
	#content-wrapper section.slider-full-width{max-width:100%; margin:auto;}
	
	/*section-title & teaser
	----------------------------*/
	#section-title{max-width:100%;padding-bottom:50px;margin:0 auto 50px auto; border-bottom:1px solid #333;}
	#teaser{font:2em Helvetica, Arial, sans-serif;color:#FFF;margin:0 auto 50px auto;}
	
	/*homepage
	----------------------------*/	
		
	/*grid*/
	#content-wrapper section.homepage #grid{width:1168px; overflow:hidden;margin-left:-9px; position:relative;z-index:1;}
	#content-wrapper section.homepage #grid .thumb-type-1{width:288px!important;height:197px!important;}
	#content-wrapper section.homepage #grid .thumb-type-2{width:288px!important;height:398px!important;}
	#content-wrapper section.homepage #grid .thumb-type-3{width:580px!important;height:398px!important;}
	#content-wrapper section.homepage #grid .thumb-type-4{width:580px!important;height:197px!important;}
	#content-wrapper section.homepage #grid .thumb-type-5{max-width:100%;}
	

	#content-wrapper section.homepage #grid .thumb-type-1,#content-wrapper section.homepage #grid .thumb-type-2,#content-wrapper section.homepage #grid .thumb-type-3,#content-wrapper section.homepage #grid .thumb-type-4,#content-wrapper section.homepage #grid .thumb-type-4{/*height:auto;*/overflow:hidden;/*float:left;*/ margin:0 0 4px 4px;/*box-shadow:inset 0 0 0 3px rgba(255,255,255,1);-webkit-box-shadow:inset 0 0 0 3px rgba(255,255,255,1);-moz-box-shadow:inset 0 0 0 3px rgba(255,255,255,1);*/}
	#content-wrapper section.homepage #grid .thumb-type-1 a img,#content-wrapper section.homepage #grid .thumb-type-2 a img,#content-wrapper section.homepage #grid .thumb-type-3 a img,#content-wrapper section.homepage #grid .thumb-type-4 a img,#content-wrapper section.homepage #grid .thumb-type-5 a img{position:relative;z-index:-1;}
	


		
	/*thumbs - epic hover*/
	.thumb{position:relative; overflow:hidden; float:left;line-height:0;}
	.thumb a{float:left;display:block;width:inherit;height:inherit; line-height:0;}
	.thumb a img{max-width:100%;height:auto; line-height:0; display:block;}
	.thumb a .thumb-rollover{position:absolute;display:table;width:100%;height:100%;background: #000;/*ie8 fallback*/ background: rgba(0,0,0,0.8);top:0;opacity:0;z-index:1;}
	.thumb a .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle; width:100%;}
	.thumb a .thumb-rollover .thumbInfo img.graphic{position:relative; margin:auto;}