/* Fonts
--------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'InterstateRegular';
    src: url('../fonts/interstate-regular-webfont.eot');
    src: url('../fonts/interstate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-regular-webfont.woff') format('woff'),
         url('../fonts/interstate-regular-webfont.ttf') format('truetype'),
         url('../fonts/interstate-regular-webfont.svg#InterstateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

address { font-style:normal; }

/* H1 - H6
--------------------------------------------------------------------------------------- */

/* Global */
h1, h2, h3, h4, h5, h6 {
	margin:0;
}

/* Specific */
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

/* Faux Title */
.title-h1 { }
.title-h2 { }
.title-h3 { }
.title-h4 { }
.title-h5 { }
.title-h6 { }

/* Link
--------------------------------------------------------------------------------------- */

/* unvisited link */
a:link { color:#1fa6c8; text-decoration:none; } 

/* visited link */
a:visited { color:#1fa6c8; text-decoration:none;} 

/* mouse over link */
a:hover { color:#1fa6c8; text-decoration:underline; }  

/* selected link */
a:active { color:#1fa6c8; text-decoration:underline; }  

/*
--------------------------------------------------------------------------------------- */

body {
	padding-bottom:30px; 
	font-family: "Lucida Sans Unicode", Arial,Verdana, sans-serif;
	font-size:14px;
	line-height:1; 
	color:#000; 
	background: #fff url(../img/bg/bg-body.png) center 0 no-repeat;
	background-position: bottom;
	background-attachment: fixed;
}

/* wrapper-page
--------------------------------------------------------------------------------------- */
#wrapper-page {
	margin:0 auto;
	width:1000px;
	min-width:1000px;
	background:#fff;
}

/* header
--------------------------------------------------------------------------------------- */
#header {
	margin:15px 0 0 0;
}

#header .container {
	background: url(../img/pattern/pat-border.jpg) 0 111px repeat-x; 
}

#logo {
	margin-left:-8px;
	position:relative;
	float:left;
}

#menu-alt {
	margin-top:14px;
	float:right;
}

/* menu-alt
-------------------------- */
#menu-alt li { margin-top:3px; }

#menu-alt a:link { color:#6d6e71; text-decoration:none; font-family: 'InterstateRegular'; display:block; text-align:right; } 
#menu-alt a:visited { color:#6d6e71; text-decoration:none;} 
#menu-alt a:hover { color:#000; text-decoration:none; }  
#menu-alt a:active { color:#000; text-decoration:none; }  

#menu-alt .switch-lang a:link { color:#000; font-weight:bold; }
#menu-alt .switch-lang a:visited { color:#000; text-decoration:underline; } 
#menu-alt .switch-lang a:hover { color:#000; text-decoration:underline; }  
#menu-alt .switch-lang a:active { color:#000; text-decoration:underline; }  

/* menu
-------------------------- */
#menu {
	margin:42px 0 24px 0;
	padding-bottom:36px;
	background: url(../img/pattern/pat-border.jpg) 0 bottom repeat-x;
}

#menu li {
	position:relative;
}

#menu a:link { color:#5e5e5e; text-decoration:none; font-family: 'InterstateRegular'; } 
#menu a:visited { color:#5e5e5e; text-decoration:none;} 
#menu a:hover { color:#fff; text-decoration:none; }  
#menu a:active { color:#fff; text-decoration:none; }  

#menu li {
	display:block; 
	float:left; 
	overflow:hidden;
}

#menu img { 
	display:block; 
}

/* big
-------------------------- */
#menu .big {
	width:725px;
	height:450px;
	text-align:right;
}

	#menu .big .text {
		position:absolute;
		top:270px;
		right:0px;
		z-index:10;
	}

		#menu .big .title {
			display:inline-block;
			zoom: 1;
		 *display: inline;			
			background:#000;
			padding:5px;
			font-size:22px;
			color:#fff;
			float:right;
		}
		
		#menu .big .keywords {
			display:inline-block;
			zoom: 1;
		 *display: inline;			
			background:#000;
			padding:0px 5px;
			font-size:36px;
			line-height:42px;
			color:#fff;
			float:right;			
		}

/* small
-------------------------- */		
#menu .small {
	width:234px;
	height:225px;
	text-align:left;
}

#menu .small a:hover img {
	position:relative;
	top:-225px;
	left:0px;
}

	#menu .small .text {
		position:absolute;
		bottom:15px;
		left:0px;
		z-index:10;
	}

	#menu .small .title {
		display:inline-block;
		background:#000;
		padding:4px 5px;
		font-size:18px;
	}

/* images-3
-------------------------- */
#menu.images-3 .small {
	height:150px;
}

#menu.images-3 .small a:hover img {
	position:relative;
	top:-150px;
	left:0px;
}


/* wrapper-content
======================================================================================= */
#wrapper-content.col-2 #content,
#wrapper-content.col-2 #sidebar {
	width:470px;
	float:left;
}

#wrapper-content {
	margin-bottom:18px;
	padding-bottom:42px;
	background: url(../img/pattern/pat-border.jpg) 0 bottom repeat-x;
}

/* content
======================================================================================= */
#content {}

/* article
-------------------------- */
.article {
	font-size:14px;
	line-height:20px;
}

	.article p,
	.article ul,
	.article ol {
		margin-bottom:22px;
	}
	
	.article .title {
		font-size:22px;
		line-height:30px;
		margin-bottom:10px; 
	}
	
	.article .subtitle {
		font-size:14px;
		line-height:20px; 
	}

/* sidebar
======================================================================================= */
#sidebar {
	margin-left:20px;
}

#sidebar .mosaic {
	margin-bottom:3px;
	display:block;
	float:left;
}

#sidebar .mosaic.padding-left {
	padding-left:3px;
}

/* Footer
======================================================================================= */
#footer {
	color:#aaa;
	font-size:12px;
	line-height:20px;
}
#footer a:link { color:#aaa; text-decoration:none; } 
#footer a:visited { color:#aaa; text-decoration:none;} 
#footer a:hover { color:#aaa; text-decoration:underline; }  
#footer a:active { color:#aaa; text-decoration:underline; }  

#footer .section-title {
	font-weight:bold;
	color:#4c4c4c;
	font-size:12px;
}

#footer .section-link {}

/* col 1 to 3
-------------------------- */
#footer #col-1 {
	width:470px;
	float:left;
}

#footer #col-2 {
	width:216px;
	margin-left:20px;
	float:left;
}

#footer #col-3 {
	width:233px;
	margin-left:20px;
	float:left;
}

/* Util
======================================================================================= */

.container {
  width: 960px;
  min-width: 960px; 
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right;
}
.pull-left {
  float: left;
}

.hide {
  display: none;
}
.show {
  display: block;
}

.relative {
  position:relative;
}

.h-center {
  margin-left:auto;
  margin-right:auto;
  
}

/* Misc
======================================================================================= */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; clear:both; }