/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
html, body { width:100%; height:100%; overflow:hidden; } 
body { color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

/*---- Background ----*/
div#background img { width:100%; height:100%; position:absolute; z-index:1; }

/*---- Container ----*/
div#page { position:absolute; z-index:2; height:100%; width:100%; overflow:auto; }

/*---- Container ----*/
div#container { width:1024px; margin:84px auto 0 auto; background:transparent url(../images/container-bg-new.png); background-repeat: repeat y; padding:17px 19px 20px 22px;  }

/*---- Header ----*/
div#header { padding:16px 16px 18px 30px; background:#000; }

/*---- Content ----*/
div#content { background:transparent url(../images/content/content-bg_new.png); background-repeat: repeat y; padding:6px 0 15px 0;  }	
div#content div.inner-content {padding:0 12px 0 30px; margin:0 0 10px 0; }

/*---- Main ----*/
div#main { float:left; width:730px; padding:19px 0 0 0; }
div#main div.main-column1 { float:left; width:352px;}
div#main div.main-column2 { float:right; width:352px; }
div#main div main-column {width: 704px;}

/*---- Sidebar ----*/
div#sidebar { background-image : url(../images/content/sidebar.gif); bacground-repeat: repeat y; float:right; width:207px; padding:19px 12px 0px 11px; }

/*---- Slideshow ----*/
div#slideshow { background:url(../images/slideshow/slideshow-bg.gif) repeat 0 0; padding:0 37px 0 45px; position:relative; width:942px; }

/*---- Footer ----*/
div#footer { width:1024px; padding:17px 19px 20px 22px; margin:0 auto 65px auto;  }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { float:left; }
div#header div#contact { float:right; width:650px; }
div#header div#main-navigation { float:right; width:655px; margin-top:45px; }

/*---- Contact ----*/
div#header div#contact ul { float:right; }
div#header div#contact ul li, div#contact ul li a  { display:inline; margin-left:10px; color:#A76F3E; font-size:110%; line-height:1.2em; }

/*---- Main Navigation ----*/
div#main-navigation ul li{ float:left; font-size:130%; margin-right:8px; }
div#main-navigation ul li a { float:left; text-decoration:none; font-size:100%; line-height:1.2em; color:#fff; }
div#main-navigation ul li.devider, div#main-navigation ul li a:hover, div#main-navigation ul li a.active { color:#A76F3E; }
div#main-navigation ul li a:hover { text-decoration:underline; }

/*---- Content ---*/
div#content h1 { font-size:200%; margin-bottom:34px; color:#A76F3E; padding-bottom:15px; background:transparent url(../images/content/line-bg.png) repeat-x left bottom; }
div#content p { color:#fff; font-size:120%; line-height:1.2em; margin-bottom:25px; }
div#content p a { color:#fff; }

/*---- Main ---*/
div#main h3 { color:#A76F3E; font-size:120%; margin-bottom:25px; line-height:1.2em; }

/*---- Sidebar ---*/
div#sidebar div.widget { margin-bottom:13px; }
div#sidebar div.widget h2 { color:#eee; font-size:180%; margin-bottom:17px; }
div#sidebar div.widget h3 { color:#000; font-size:150%; margin-bottom:17px; }

div#sidebar div.widget img { border:2px solid #fff; }

div#sidebar a.more-link { background:url(../images/content/sidebar/more-link.jpg) no-repeat right bottom; display:block; color:#000; margin-right:10px; }

/*---- Post ---*/
div.post h2 { font-size:260%; margin-bottom:10px;}
div.post h4 { font-size:220%; margin-bottom:10px;}
div.post h5 { font-size:200%; margin-bottom:10px;}
div.post h5 { font-size:180%; margin-bottom:10px;}

div.post p { color:#000; line-height:1.2em; font-size:120%; margin-bottom:20px; display:block; }
div.post p:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
div.post p a { color:#000; }

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post p img { max-width:100%; }
div.post p img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post p img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post p img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:120%; }
div.post li ul, div.post li ol { margin-bottom:0px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*---- Footer - Navigation ---*/
div#footer div#footer-navigation { float:left; }
div#footer div#footer-navigation ul li { display:inline; font-size:120%; color:#fff; }
div#footer div#footer-navigation ul li a { color:#fff; }
div#footer div#footer-navigation ul li.devider { margin:0 6px; }

div#footer ul.copyright { float:right; }
div#footer ul.copyright li { display:inline; color:#FFF; font-size:120%; }
div#footer ul.copyright li.devider { margin:0 6px; }

/*---- Common Boxes & Containers ----*/


/*---- Buttons ----*/
/*---- Pdf-Button ----*/
a.pdf-link { background:transparent url(../../images/file_icons/pdf.png) no-repeat 0 0; padding-left:40px; line-height:23px; min-height:23px; display:block; }

/*---- Spacer ----*/
div.spacer { height:1px; background:transparent url(../images/content/line-bg.png) repeat-x; line-height:1px; margin-bottom:25px; }

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Slideshow ----*/
div#slideshow img { vertical-align:top; }
div#slideshow a.previous-btn { background:transparent url(../images/slideshow/previous-btn.png) no-repeat 0 0; height:38px; width:38px; position:absolute; line-height:38px; text-decoration:none; top:90px; left:27px; z-index:10; }
div#slideshow a.next-btn { background:transparent url(../images/slideshow/next-btn.png) no-repeat 0 0;  height:38px; width:38px; position:absolute; line-height:38px; text-decoration:none; top:90px; right:18px; z-index:10; }