/*
	format.css
	Last updated: 2011/8/4

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

body {
	background: url(../img/common/bg-main.jpg) 0 0 repeat-x;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	color: #666;
	line-height: 1.5em;
}

.wrapper {
	width: 969px;
	margin: 0 auto;
}

header,footer {
	overflow: hidden;
}

/* Text
-------------------------------------------------------------------------------*/

article p {
	margin-bottom: 1em;
}

article h1 {
	clear: both;
	font-family: Garamond, "Adobe Garamond Pro", Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 2.2em;
	color: #09C;
	margin-bottom: 0.5em;
}

a {
	color: #00536F;
	text-decoration: underline;
}

a:hover,
.active,
.current_page_item a {
	color: #01A3DC;
}

/* Header
-------------------------------------------------------------------------------*/

header {
	clear: both;
	margin-bottom: 34px;
	padding: 43px 0 0 5px;
}

header h1 {
	float: right;
}

header nav {
	float: left;
}

header nav ol {
	margin-top: 1em;
}

header nav li {
	float: left;
	margin-right: 4em !important;
}

header nav li a {
	text-decoration: none;
}

/* Nav
-------------------------------------------------------------------------------*/

nav {
	text-transform: lowercase;
}

nav ol {
	list-style: none;
}


/* Footer
-------------------------------------------------------------------------------*/

footer {
	clear: both;
	margin: 4em 5px 5em 3px;
	padding-top: 1.5em;
	font-size: 0.875em;
	line-height: 1.5em;
	border-top: 1px solid #BCDEED;
}

footer h1 {
	font-family: Garamond, "Adobe Garamond Pro", Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #01A3DC;
	margin-bottom: 0.5em;
}



/* Layout
-------------------------------------------------------------------------------*/

.gap {
}

.layout1111,
.layout11 {
	overflow: hidden;
}

.layout1111 .col {
	width: 240px;
	float: left;
}

.layout1111 .gap {
	float: right !important;
}

.layout11 .col {
	float: left;
	width: 444px;
	padding: 0 20px;
}

.layout11 .gap {
	float: right !important;
	border-left: 1px solid #BCDEED;
}

.layout1 {
	clear: both;
	overflow: hidden;
	margin-top: 2em;
	padding-left: 20px;
	min-height: 350px;
	/* background: url(../img/common/bg-col.png) 0 100% no-repeat; */
}



/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}