/* 
 * CSS Style template 
 * ~~~~~~~~~~~~~~~~~~
 *
 */

@import "fonts/fonts.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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ---- Typography & Colours --------- */

* {
	font-family:"DIN-Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

body {									/* sets 1em = 10px */
	font-size: 62.5%; 
}
input, select, th, td {
	font-size: 1em;
}

/* typography.css */
html {font-size:100.01%;}
body {font-size:62.5%;color:#222;background:#fff;}
h1, h2, h3, h4, h5, h6 {font-family:"BryantLightAlternate", sans-serif; font-weight:normal;letter-spacing:-1px;}
h1 {font-size:3em;line-height:1;margin-bottom:0;letter-spacing:-5px;}
h2 {font-size:5em;margin-bottom:0.4em;letter-spacing:-3px; color:#27a2d6;}
h3 {font-size:1.7em;line-height:1;margin-bottom:0.6em;}
h4 {font-size:1.2em; font-weight:bold;line-height:1.25;margin-bottom:0.4em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size:1.4em;margin:0 0 0.6em; line-height:1.25;letter-spacing:0px;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} 
/*
a:focus, a:hover {color:#534741;}
a:hover {border-bottom:1px dotted #534741; }
a {color:#534741;text-decoration:none;}
*/

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0px;padding: 0px;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* END typography.css */


/* Grid
 * -----------------------------------------------------
 * Width, padding, margins - no color, border or images
 *
 */

/* Wrapper */
#container {
	margin-left: auto;
	margin-right: auto;
	width: 1005px;
	padding: 0px 12px;
}

/* Header */
header {
	width: 1005px;
	padding: 0;
}

header hgroup {
	padding: 24px 0px 0px 0px;
}

header hgroup * {
	/*font-family:"Georgia", serif;
	font-style:italic; */
}

header hgroup h2 {
	color: #fff;
}
	
/* Navigation */
#main-nav {
	width: 993px;
	clear: both;
	padding: 3px 6px 6px 3px;
	margin-bottom: 12px;
}

/* Horizontal section of columns */
section {
	padding: 0;
}

section div {
	width:280px;
	padding: 20px;
}

/* Footer */
footer {
	margin-top: 32px;
}


/* Columns */

/*.column_1w {
	border: 1px solid #000;
}*/

.column_1w, #section-1 div, #section-2 div:first-child {
	float: left;
	height:360px;
	margin-right: 8px;
}

.column_2w, #section-2 div:nth-child(2) {
	float: left;
	width: 630px;
	margin-right: 8px;
}

.column_3w {
	float: left;
	width: 949px:
	margin-right: 8px;
}

/* not sure about this ... 
.column_1w .section {
	padding: 0px 16px 0px 0px;
	width: 295px;
}

.column_2w .section {
	padding: 0px 16px 0px 0px;
	width: 614px; 
}

.column_3w .section {
	padding: 0px 16px 0px 0px;
	width: 933px;
}
*/



/* Block display 
 ***************************************/

/* body */

body {
	-moz-box-shadow: inset 0px 6px 12px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 6px 12px rgba(0,0,0,0.1);
	box-shadow: inset 0px 6px 12px rgba(0,0,0,0.1);
}


/* header */
header {
	
	font-size:3em;

}

/* navigation */
#main-nav {
}

#main-nav ol {
	font-size:2.2em;
	list-style:none;
}

#main-nav ol li {
	/*float:left;*/
	margin-bottom:4px;
	letter-spacing:-1px;
}


#main-nav ol li a  {
	display:inline-block;
	color:#000000;
	line-height:.75em;
	text-decoration:none;
	background-color: #fcee21;
	padding: 0px 64px 1px 0px;
	
	
}

#main-nav ol li a.selected, #main-nav ol li a:hover, #main-nav ol li a:visited:hover {
}


/* sections */
section {

}

/* columns */
section div {
	background-color: #f2f2f2;
		
}

section h2 {
		    background-image:url('../img/bg_fill.png');
		    background-color:#fff;
}
/* Footer */
footer {
	
}


/* ---- Page modules (Articles) ---------------- */

/* Article - global  */

#article-1 p {
	background-color: #f2f2f2;
	
}

/* ---- Module styles ------------------- */

/* Article classes */
/* -- txp forms take shape here -- */

/* teaser-links */
article.teaser-links {
	padding: 12px;
	background-color: #990000;
	color: #fff;
}

article.teaser-links ol li {
	margin-bottom: 0.3em;
}

article.teaser-links a {
	color: #fff;
}

/* footer-links */

article.footer-links a {
	color: #fff;
}


/* ---- Headers ---------------------- */


/* ---- Images ----------------------- */


/* ---- Lists  ----------------------- */



ol {
	list-style: none;
}

nav ol, nav ul, nav li {
/*	display: inline; */
	margin: 0;
	padding: 0;
}

#main-nav ul a {
	/*display:block;*/
	margin-right:1em;
}


#footer ul, #footer li {
	list-style-type: square;
	list-style-position: inside;
	margin: 0;
	padding: 0;

}

#footer li {
	padding-left: 0.4em;
}

#footer li {
	padding-bottom: 4px;
}

#footer ul a {
	margin-bottom: 0.6em;
}



/* ---- Comments --------------------- */
/* ---- Sidebar ---------------------- */
/* ---- Common elements -------------- */

.border1 {
	border: 1px solid;
	padding: 3em;
}

.border2 {
	border: 2px dotted;
}

.box1 {
	border: 1px solid #000;
	padding: 2em;
	background-color: #efefef;
}

.inside_shadow {
	-moz-box-shadow: inset 0px 0px 10px rgba(83,71,65,0.7);
	-webkit-box-shadow: inset 0px 0px 10px rgba(83,71,65,0.7);
	box-shadow: inset 0px 0px 10px rgba(83,71,65,0.7);
}


/* ---- Fixes & Hacks ---------------- */

* html .column_1w {						/* IEx patch for colummns */
	display: inline;
}
* html .column_2w {						/* IEx patch for colummns */
	display: inline;
}
* html .column_3w {						/* IEx patch for colummns */
	display: inline;
}
* html #columnLeft li {
	height: 1%;
}

.clearfix:after {						/* clearfix */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}									
* html .clearfix {						/* clearfix - IE6 */
	height: 1%;
}									
*:first-child+html .clearfix {			/* clearfix - IE7 */
	min-height: 1px;
}

/* =clear */

div section, footer, section, section br:last-child, nav br:last-child, header br:last-child, footer br:last-child {
	clear:both;
}

/* =hidden */

.skip, nav h2, footer h2{
	display:none;
}


/* =block */

header, section, article {
	display:block;
}