/*-------------------------------------------------------------------------------------------*/
/* 0. CSS RESET & CLEARFIX - HTTP://MEYERWEB.COM/ERIC/TOOLS/CSS/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, 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; }
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
	body { line-height: 1 }
	ol, ul { list-style: none }
	blockquote, q { quotes: none }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	/* Clear Floats */
	.container:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
	.fix {clear: both;height: 1px;margin: -1px 0 0;overflow: hidden; }
	html body * span.clear,
	html body * div.clear,
	html body * li.clear,
	html body * dd.clear
	{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP STRUCTURE */
/*-------------------------------------------------------------------------------------------*/
	body { background: #fff;
		   font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
		   color: #5e6066;}

	/* TYPOGRAPHY
	---------------------------------------*/	
	h1, h2, h3,h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; font-weight: bold; }
	h1 { font-size: 24px; line-height: 28px; }
	h2 { font-size: 20px; line-height: 22px; }
	h3 { font-size: 16px; line-height: 20px; }
	h4 { font-size: 14px; line-height: 18px; }
	h5 { font-size: 12px; line-height: 18px; }
	h6 { font-size: 10px; line-height: 16px; }
	
	p { margin-bottom: 16px; }
	a { color: #6684BF; }
	a:hover { color: #111; }
	code { padding: 3px 5px }
	code, pre { font: 12px/18px "Monaco", "Courier New", "Courier", monospace; color: #e33100; }
	pre { background: url('../pgmx/images/pre_bg.gif'); white-space: pre; overflow: auto; padding: 0 10px; line-height: 19px; font-size: 11px; clear: both; margin-bottom: 20px; }
	address { color: #333; line-height: 18px; margin: 0 0 18px; }
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }
	a { text-decoration: none }
	strong { font-weight: bold }
	small { font-size: 90%; line-height: inherit; color: #777; font-weight: normal; }
	ins { text-decoration: underline; }
	em { font-style: italic }	

/*-------------------------------------------------------------------------------------------*/
/* 2. LAYOUT STRUCTURE */
/*-------------------------------------------------------------------------------------------*/
	#wrapper  { }
	#content { padding: 30px 0 20px; }
	#main { width:580px; float: left; border-right:1px dashed #ECEDF3; margin: 0 0 20px; padding-right:20px; }
	#main.full-width { border: none; width:940px; }
	#sidebar { width: 300px; float: right; }
	.container  { width: 960px;	margin: 0 auto; }
	.slides_container { width: 960px }
	
/*-------------------------------------------------------------------------------------------*/
/* 3. HEADER STRUCTURE */
/*-------------------------------------------------------------------------------------------*/
	#header-container { /*padding: 30px 0 20px;*/ background-color:#cdcdcd; height:50px; }
	#header { padding: 25px 0 0; }

	/* LOGO
	---------------------------------------*/	
	.logo { float: left; padding-bottom: 18px; }
	.logo img{display: block;}
	.logo a { font-weight: bold; font-size: 24px; }
	.logo a:hover { text-decoration: none }

	/* TOP BAR
	---------------------------------------*/	
	#top-container { position: relative; background-color:#FFFFFF; height:68px; }
	#top-container .nav li a { padding-bottom: 0; }
	#top-inner { padding: 18px 0 0; clear: both; position: relative; }
	#top-left { float: left; padding-bottom: 18px; }
	#top-right { float: right; padding-bottom: 18px; }
		
	/* NAVIGATION
	---------------------------------------*/
	#primary-nav { float: right; padding-top: 30px; }
	.nav{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	.nav li{float: left; position: relative;}
	.nav li a{display: block; padding: 2px 15px 25px; line-height: 18px; font-weight: 500; font-size: 12px; color: #848E9C;}
	.nav li a:hover{color: #111;}		
	.nav li { background: url("../images/sep.png") no-repeat scroll right 5px transparent; }
	.nav li ul li { background: none; }
	.nav li:last-child { background: none; }
	/* SUB MENU
	---------------------------------------*/
	.nav ul.sub-menu{display: none; position: absolute; top: 39px; left: 0px; z-index: 40; background: rgba(0, 0, 0, 0.6); width: 160px;}
	.nav ul.sub-menu li:last-child{border-bottom: none;}
	.nav li:last-child ul.sub-menu{left: 162px; right: 0px;}
	.nav ul.sub-menu ul{left: 162px; top: 0px;}
	.nav li:last-child ul.sub-menu ul{left: auto; right: 162px; top: 0px;}

	.nav ul.sub-menu li{width: 160px; border-bottom: 1px solid #333;}
	.nav ul.sub-menu li a{display: block; padding: 3px 5px; margin: 5px; line-height: 1.5em; color: #eee; border-top: none;}
	.nav ul.sub-menu li a:hover{color: #fff;
	}

		
/*-------------------------------------------------------------------------------------------*/
/*  FOOTER STRUCTURE */
/*-------------------------------------------------------------------------------------------*/
	#footer-container{padding: 30px 0px; border-top: 1px solid #ECEDF3;}
	#footer { }
	#footer .widget { padding: 0;}
	#footer a { color: #999; }
	#footer a:hover{color: #111;}
	#footer .column { float: left; width: 31%; margin-right: 20px; }
	#footer .column.last { margin-right: 0px; }
	#footer .column ul li { border-bottom: 1px solid #ECEDF3; padding: 10px 0; }
	#footer .column ul li:first-child { padding: 0 0 10px;}