/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: December 18, 2008       */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}


html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: url(../images/main/bg_home.jpg) 50% 0px repeat-x #dedede;
	display: table;
}

.clear {
	clear:both;
}

a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {text-decoration: none; color: #b3c7d8;}
a:active {text-decoration: none;}

img {
	border: 0;
}

/*==================================*/
/*------------- HEADER -------------*/
/*==================================*/

#header {
	width: 903px;
	position: relative;
	margin: 0 auto;
}

#logo, #logo a {
	width: 330px;
	height: 120px;
}

#logo a {
	background: url(../images/main/logo.png) 0 10px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
}

#compare_but {
	height: 76px;
	width: 198px;
	position: absolute;
	top:25px;
	right: 0px;
}

#compare_but a {
	background: url(../images/main/compare_but.png) 0 0 no-repeat;
	width: 198px;
	height: 76px;
	overflow: hidden;
	text-indent: -9999em;
	display: block;
}

#compare_but a:hover {
	background: url(../images/main/compare_but.png) 0 -76px no-repeat;
}

/*==================================*/
/*----------- NAVIGATION -----------*/
/*==================================*/

ul#navigation {
	width: 903px;
	height: 77px;
	background: url(../images/main/navigation.jpg) 0px 0px no-repeat;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul#navigation li {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 77px;
	top: 0px;
}

ul#navigation a {display: block; text-align: left; color: #fff; text-indent: -9999em; overflow: hidden; height: 77px;}
a:focus {outline: none;}

#home {width: 130px; left: 0px;}
#about {width: 128px; left: 130px;}
#security {width:129px; left: 258px;}
#customerservice {width:129px; left: 387px;}
#strategicpartners {width:129px; left:516px;}
#contactus {width: 128px; left:644px;}
#signup {width: 130px; left: 772px;}

#home a:hover, #home.active a {background: url(../images/main/navigation.jpg) 0px -77px no-repeat;}
#about a:hover, #about.active a {background: url(../images/main/navigation.jpg) -130px -77px no-repeat;}
#security a:hover, #security.active a {background: url(../images/main/navigation.jpg) -258px -77px no-repeat;}
#customerservice a:hover, #customerservice.active a {background: url(../images/main/navigation.jpg) -387px -77px no-repeat;}
#strategicpartners a:hover, #strategicpartners.active a {background: url(../images/main/navigation.jpg) -516px -77px no-repeat;}
#contactus a:hover, #contactus.active a {background: url(../images/main/navigation.jpg) -644px -77px no-repeat;}
#signup a:hover, #signup.active a {background: url(../images/main/navigation.jpg) -772px -77px no-repeat; color: #fff;}

/*==================================*/
/*----------- FOOTER ---------------*/
/*==================================*/

#footer_wrapper {
	width: 100%;
	background: url(../images/main/footer.jpg) 50% 0px repeat-x;
	height: 136px;
	display: table;
}

#footer {
	width: 903px;
	background: url(../images/main/footer.jpg) 50% 0px repeat-x;
	height: 136px;
	padding: 35px 0 0 0;
	text-align: center;
	font-size: .75em;
	color: #707070;
	margin: 0 auto;
}

#footer ul {
	padding: 0 0 3px 0;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	padding: 0 5px 0 5px;
	color: #707070;
}

#footer ul li a:hover {
	text-decoration: underline;
	color: #ff8d13;
}

.footerlogo, .footerlogo a {
	width: 175px;
	height: 61px;
	margin: 0 auto;
}

.footerlogo a {
	background: url(../images/main/footerlogo.gif) 0px 0px no-repeat;
	display: block;
}