/******* overall setup *******/

body
{
	font-size:80%;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-color:#0C0F1D;
}

h1,h2,h3,h4,h5
{
	margin:0px;
	padding:0px;
	font-size:100%;
}

.clear-both
{
	clear:both;
	font-size:1px;
	line-height:1px;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

a img
{
	border:none;
}

#ubercontainer
{
	width:100%;
	background-color:#3C66A2;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-position:top left;
}

#container
{
	width:750px;
	margin:auto;
	background-image:url(../images/bubbles.png);
	background-position:100% 88px;
	background-repeat:no-repeat;
	padding-bottom:100px;
}

p
{
	padding:0px;
	margin:0px;
	margin-bottom:8px;
}

/******* header *******/

#header
{
	margin-bottom:20px;
	height:80px;
}

#header img#logo
{
	float:left;
	padding-right:15px;
	padding-top:14px;
}	

#header img#strapline
{
	float:left;
	padding-top:25px;
}	

#header ul
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:right;
	margin-top:-10px;
}

#header ul li
{
	display:block;
	float:left;
	margin-right:15px;
}

#header ul li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:110%;
}

#header ul li.active a
{
	text-decoration:none;
	font-size:110%;
	color:#467FC9;
}

#header ul li a:hover
{
	text-decoration:underline;
}

/******* home content and layout *******/

.home-content
{
	width:480px;
	float:left;
	line-height:1.5em;
}

/******* special offer box *******/

.special-offer
{
	background-image:url(../images/translucent.png);
	_background-image:url(../images/translucent.gif);
	width:220px;
	float:right;
	padding:15px 15px;
	margin-bottom:5px;
	clear:right;
}

.special-offer a
{
	text-decoration:underline;
	color:#467FC9;
}

.special-offer ul
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.special-offer ul li
{
	margin:7px 0px;
}

/******* banners *******/

.horizontal-banners .banner
{
	width:243px;
	height:230px;
	background-image:url(../images/translucent.png);
	_background-image:url(../images/translucent.gif);
	float:left;
	margin-right:0px;
	overflow:hidden;
	margin-right:10px;
	position:relative;
}

.horizontal-banners .banner.banner-last
{
	margin-right:0px !important;
}

.vertical-banners .banner
{
	width:100%;
	height:108px;
	background-image:url(../images/translucent.png);
	_background-image:url(../images/translucent.gif);
	margin-right:0px;
	overflow:hidden;
	margin-top:10px;
	position:relative;
}

.vertical-banners .banner img
{
	float:left;
	padding-right:15px;
}

.banner h2
{
	font-size:130%;
	_font-size:110%;
	padding:8px;
}

.banner h3
{
	font-size:100%;
	_font-size:90%;
	padding:0px 8px;
}

.vertical-banners .banner h3
{
	font-size:100%;
	padding:0px 8px;
	font-weight:normal;
	line-height:1.5em;
}

.horizontal-banners .banner a
{
	color:#FFFFFF;
	text-decoration:none;
}

.vertical-banners .banner a
{
	text-decoration:none;
	color:#467FC9;
	font-weight:bold;
}

.vertical-banners .banner a:hover
{
	text-decoration:underline;
	color:#467FC9;
	font-weight:bold;
}



/******* footer *******/

#footer
{
	width:100%;
	/*background-image:url(../images/translucent.png);
	_background-image:url(../images/translucent.gif);*/
	background-color:#0C0F1D;
	height:50px;
	padding-top:10px;
}

#footer-inner
{
	margin:auto;
	width:750px;
}

#footer a
{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

/******* services *******/

.home-content.services h2
{
	display:block;
	padding-bottom:10px;
	font-size:120%;
}

.home-content.services ul
{
	list-style-type:none;
	padding:0px;
}

.home-content.services ul li
{
	display:block;
	float:left;
	margin:10px 20px 20px 0px;
}

.home-content.services ul a
{
	text-decoration:underline;
	color:#467FC9;
}

.home-content.services a
{
	text-decoration:none;
	color:#467FC9;
	font-weight:bold;
}

.home-content.services a:hover
{
	text-decoration:underline;
	color:#467FC9;
	font-weight:bold;
}


/******* gallery *******/

.gallery
{
	margin-top:15px;
}

.gallery a
{
	color:#467FC9;
}

/******* contact *******/

.contact h2
{
	font-size:130%;
}

.contact a
{
	color:#467FC9;
}

.contact form
{
	margin-top:25px;
}

.contact form ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.contact form ul li
{
	display:block;
	margin-bottom:6px;
}

.contact form ul li label
{
	width:220px;
	display:block;
	float:left;
}

.contact form ul li input,
.contact form ul li select
{
	display:block;
	width:200px;
	border:none;
	padding:2px;
	float:left;
}

.contact form ul li input.submitbutton
{
	display:block;
	margin-left:220px;
	width:100px;
}

.contact form ul li textarea
{
	width:300px;
	height:80px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #ffffff;
	float:left;
}

.contact div.clear-both
{
	line-height:6px;
	font-size:6px;
}

/******* errors *******/

.error
{
	margin:20px 0px;
	background-color:#ffffff;
	color:#FF0000;
	padding:8px;
	width:400px;
}