/* Vebra Solutions Ltd
Author: James Barwell
Date: 2008 */

*{margin: 0; padding: 0;}

/*
OPTIONAL EXTRAS
Remove this when building the site
*/

#optionalextras img {
	float: left;
	margin: 0 3px 6px 3px;
}
/* --- google map ---- */
#map{
height: 216px;
width: 301px;
border: 3px solid #fff;
}

/* ----- LAYOUT ----- */

body {
	background: url(../images/bg_grad.jpg) repeat-x;
	font-family: arial, verdana, tahoma, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 65%;
	line-height: 1.833em;
	font-size-adjust: none;
	font-stretch: normal;
}

html>body {
font-size: 12px;
}

a:link, a:visited{
	text-decoration: none;
	color: #0099FF;
}

a:active, a:hover {
	text-decoration: none;
	color: #22BBFF;
}

#container {
position: relative;
	margin: 0 auto;
	width: 765px;
	background: #FFFFFF;
}

#header img {
	float: left;
	margin: 0 3px 6px 3px;
}

#navcontainer {
	clear: left;
	width: 765px;
	height: 40px;
	margin: 0 0 6px 0;
}

#pagetitle {
	float: left;
	width: 196px;
	background: #003366;
	height: 30px;
	padding: 10px 0 0 0;
	margin: 0 6px 0 3px;
}

#navigation {
	float: left;
	width: 557px;
	background: #003366;
}

#maincontainer {
	clear: both;
	width: 759px;
	margin: 0 3px;
	padding-bottom: 10px;
	overflow: hidden;
}

#sideimage img{
	float: left!important;
	margin: 0 6px 0 0;
}

#content {
	float: left;
	margin: 0 3px 0 0;
	width: 534px;
	padding: 5px 10px;
	min-height: 300px;
	margin-bottom: 3px;
	background: url(../images/cont_grad.jpg) 0 0 repeat-y;
}
#content p img.fr{
	float: right; 
	padding: 3px; 
	border: 1px solid #DBF3FF;
	margin-left: 10px;
}

#foot_grad {
	clear: left;
	height: 10px;
	width: 759px;
	margin: 0 3px;
	background: url(../images/foot_grad.jpg) 0 0 repeat-x;

}

#footer {
	clear: left;
	width: 739px;
	height: 35px;
	margin: 0 3px;
	background: #003366;
	margin-top: 3px;
	padding: 0 10px;
}
#footer p{
line-height: 35px;
}

#footer p a{
margin-right: 10px; 
}

#footer_logos{
display: block;
text-align: right;
margin: 0; 
padding: 0;
float: right;
height: 44px;
width: 600px;
clear: both;
}


/* ----- TYPOGRAPHY ----- */

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	margin: 6px 0;
}

p {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 1.5em;
	margin-bottom: 16px;
}

#pagetitle p {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

#pagetitle p strong {
	font-size: 12px;
}

#navigation {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#navigation ul {
	list-style: none;
}
#navigation ul li{
	display: inline;
}

#footer p {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#footer p a{
	color: #fff;
}
#footer p a:hover{
	color: #09f;
}

.address {
	float: left;
}

.contact {
	float: right;
}

/* ------ Fade Gallery ---- */
.placeholder {
  position:absolute;
  top: 0px;
  left: 201px;
}


/* ----- MENU & LINKS ----- */

#navigation ul li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #036;
	height: 30px;
	padding: 10px 15px 0 15px;
}

#navigation ul li a:hover, #navigation ul li a.active {
	background: #09f;
}


/* ---- QUICKSEARCH ---- */
#quicksearch{
	background-color: #C8E6FE;
	margin: 0 0 0 40px;
	padding: 0;
	width: 450px;
}
#quicksearch form{
	margin: 0;
	padding: 10px 0 1em 10px;
}
#quicksearch h3{
	background-color: #09f;
	margin: 0;
	padding: .2em 0 .2em 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#quicksearch fieldset{
	border: 0;
}
#quicksearch legend{
	display: none;
}
#quicksearch p{
	margin: 0;
	padding: 0 0 4px 0;
	float: left;
}
#quicksearch label{
	margin: 0;
	padding: 0 2px 0 0;
	display: block;
	float: left;
	width: 90px;
	color: #00214E;
	text-align: right;
}
#quicksearch select{
color: #036;
	display: block;
	float: left;
	width: 120px;
}
#quicksearch p#qs-submit{
	width: 420px;
	display: block; 
	text-align: right; 
	clear: left;
}
button#submit{
color: #fff;
background-color: #09f;
border-width:1px;
border-style: solid;
border-color: #6cf #004897 #004897 #6cf ;
}
#content p span{
color: #09f;
}