
/* =========== BASE RESESTS and STYLES =========== */	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre,abbr, address, cite, code,del, dfn, 
em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0;
	padding:0;
	border: 0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
	background-color: #FFF1E0;
	font: 62.5%/1.4 Arial, Helvetica, sans-serif;
	color: #444;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
ol, ul {
	list-style-position: inside;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #4781AA;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #000;
}
abbr[title], dfn[title] {
	border:none;
	cursor:help;
}
input, select {
	vertical-align:middle;
}
input[type="text"] {
	height: 20px;
	padding: 4px;
	border: 1px solid #E2DDC3;
	font-size: 1.4em;
	margin: 0 9px 0 0;
}
input[type="radio"] {
	margin: 0;
	padding: 0;
	
}

/* =========== BASICS =========== */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 2.5em;
	letter-spacing: -0.04em;
	margin: 28px 0;
	color: #000;
}

ul.horizontal li {
	display: inline;
}

.invisible {
	display: none;
	visibility: hidden;
}

/* =========== CLEARFIX =========== */	
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

/* =========== STRUCTURE =========== */	
.container {
	padding: 0 10px;
	width: 972px;
	margin: 0 auto;
}

header {
	padding: 10px 0 0;
	color: #222;
}

footer {
	border-top: solid 8px #E9DECF;
	padding: 14px 0 18px;
	font-size: 1.2em;
}

/* =========== HEADER =========== */	
header h1, header h1 a {
	display:block;
	height: 27px;
	width:325px;
}
header h1 {
	text-indent: -99999em;
	float: left;
	margin: 32px 0 10px;
}

#contactDetails, #userMenu {
	float: right;
	width: 400px;
	margin: 0 0 10px;
}

#contactDetails {
	font-size: 1.2em;
}

#contactDetails dt {
	float: left;
	width: 50%;
}

#contactDetails dd {
	float: right;
	width: 50%;
	text-align: right;
}

#userMenu {
	width: 600px;
}


.ft-search {
	width: 350px;
	float: right;
}

#userMenu ul.horizontal {
	text-align: right;
	font-size: 1.4em;
	margin: 0 0 10px;
}

#userMenu ul.horizontal li {
	margin: 0 3px;
}

#userMenu ul.horizontal li:last-child {
	margin: 0 0 0 3px;
}

#userMenu .ft-search input.text-search {
	float: left;
}

#userMenu .ft-search label {
	vertical-align: middle;
	margin-left: 5px;	
}

#userMenu ul.searchType {
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.3em;
	float: left;
}

#userMenu .button {
	float: right;
	clear: none;
}

header nav {
	clear: both;
	border-top: 8px solid #9E2F50;
	border-bottom: 23px solid #A7A59B;
	background-color: #fff;
	padding: 4px 0;
}

header nav li {
	margin: 0 8px;
	font-size: 1.4em;
}

header nav li:last-child {
	margin-right: 0;
}

header nav a {
	color: #000;
	padding: 2px 4px;
}

header nav a:hover, header nav a:focus, header nav a:active {
	background-color: #E4EEF5
}

/* =========== FOOTER =========== */	
footer ul {
	margin: 0 0 5px;
}
footer ul li {
	margin-right: 7px;
}
footer ul li:before {
	content: '\2022\a0 ';
}
footer ul li:first-child:before {
	content: '';
}
footer p {
	color: #999;
}
footer strong {
	color: #000;
	text-transform: uppercase;
	margin-right: 8px;
}

/* =========== CONTENT =========== */
#content p, #content ul {
	font-size: 1.4em;
	margin-bottom: 14px;
}

#content p:last-child {
	margin-bottom: 28px;
}

/* =========== BUTTONS =========== */

.button {
	position:relative;
	display:inline-block;
	height:24px;
	width: auto !important;
	margin:0;
	padding:0 0.7em !important;
	border-width:0 !important;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	border-radius:0.3em;
	clear:both;
	
	background:#4e8fbd;
	background:-webkit-gradient(linear, left top, left bottom, from(#549ccf), to(#4782ab));
	background:-moz-linear-gradient(#549ccf, #4782ab);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#549ccf, endColorstr=#4782ab);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#549ccf, endColorstr=#4782ab)";
	
	zoom:1;
	
	box-shadow:inset 0 1px 0 #90bfe0;
	-moz-box-shadow:inset 0 1px 0 #90bfe0;
	-webkit-box-shadow:inset 0 1px 0 #90bfe0;
	
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	text-shadow:0 0 0 #FFF;
	line-height:24px;
	text-decoration:none;
	cursor:pointer;
	
}

.large {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.button:hover {
	color: #dddddd
}