@charset "UTF-8";
/* Copyright 2008 ALTITUDE CREATIVE www.altitudecreative.co.uk */
.floatFix:after {content: "."; height: 0px;	clear: both; visibility: hidden; display: block;}

*
	{
	border:0;
	margin:0;
	padding:0;
}

body {
	background-color: #CCCCCC;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#F0F0F0;
	padding:0;
	margin:0;
}

a {color:#FFFFFF;text-decoration: none; text-transform: none; font-weight:bold;}
a:hover, a:active {color:#FFFFFF; text-decoration: underline;}

.link {color:#FFFFFF; text-decoration: none; text-transform: none; font-weight:normal;}
.link:hover, .link:active {text-decoration: underline;}

h1, h2, h3{ /* all the h's use these properties*/
	color:#FFFFFF;
	font-weight: normal;
}

h1 {
	font-size: 18px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:20px;
}

h2 {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:10px;	
}

.money:hover, .money:active {
	text-decoration: none;
	color:#000000;
}

h3 {

}
	
p {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #F0F0F0;
	margin-bottom: 10px;
}


/* ----------container to center the layout-------------- */

#container {
	width: 760px;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}

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

Define the width of the nav div

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

#nav
	{ 
	width:760px; 
	height:45px;
	}

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

Define the width of the main-nav div

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

#main-nav
	{
	float: left;
	width:250px;
	height: 30px;
	padding:10px 0 0 25px;
	}

	
#main-nav ul 
	{
	list-style:none;
	width:200px;
	}

#main-nav li 
	{
	list-style: none;
	display: inline;
	}

#main-nav li a 
	{
	text-decoration: none;
	float:left;
	padding: 0 20px 0 0;
	font-size: 14px;
	font-style:italic;
	font-weight:bold;	
	color:#999999;
	
	}	
	
ul#main-nav li a:hover, ul#main-nav li#current a {
	color: #741372;
}

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

Define the width of the service-nav div

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

#service-nav
	{
	float: right;
	width:470px;
	height: 45px;
	margin: 0 12px 0 0;
	}

	
#service-nav ul 
	{
	list-style:none;
	width:470px;
	}

#service-nav li 
	{

    list-style: none;
	display: inline;
	text-align: center;
	}

#service-nav li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/all_states.gif) no-repeat;
	text-indent:-9999px;
	}	
	
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
li#make a {
	width:137px;
	height:45px;
	 }
li#save a {
	width:110px;
	height:45px;
	 }
li#manage a {
	width:110px;
	height:45px;
	 }
li#protect a {
	width:106px;
	height:45px;
	 }
	
/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

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


li#make a:link, li#make a:visited {	
	background-position: -0px -0px;
	}
	
li#make a:hover, li#make a:focus {	
	background-position: 0px -50px;
	}
	
li#save a:link, li#save a:visited {	
	background-position: -137px 0px;
	}
	
li#save a:hover, li#save a:focus {	
	background-position: -97px -150px;
	width: 150px;
	margin-left: -40px;
	}	
	
li#manage a:link, li#manage a:visited {	
	background-position: -247px 0px;
	}
	
li#manage a:hover, li#manage a:focus {	
	background-position: -207px -300px;
	width: 150px;
	margin-left: -40px;
	}	
	
li#protect a:link, li#protect a:visited {	
	background-position: -357px 0px;
	}
	
li#protect a:hover, li#protect a:focus {	
	background-position: -317px -450px;
	width: 146px;
	margin-left: -40px;
	}

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

Set the on states using the body id.

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

body#make-page li#make a:link, body#make-page li#make a:visited {	
	background-position: 0px -50px;
	}

body#make-page li#save a:hover, body#make-page li#save a:focus {	
	background-position: -132px -200px;
	width: 115px;
	margin-left: -5px;
	}

body#save-page li#save a:link, body#save-page li#save a:visited {	
	background-position: -97px -150px;
	width: 150px;
	margin-left: -40px;
	}

body#save-page li#make a:hover, body#save-page li#make a:focus {	
	background-position: -0px -100px;
	overflow: auto;
	position: relative;

	}

body#save-page li#manage a:hover, body#save-page li#manage a:focus {	
	background-position: -210px -350px;
	width: 147px;
	margin-left: -37px;

	}
	
body#manage-page li#manage a:link, body#manage-page li#manage a:visited {	
	background-position: -213px -300px;
	width: 144px;
	margin-left: -34px;
	}


body#manage-page li#save a:hover, body#manage-page li#save a:focus {	
	background-position: -105px -250px;
	width: 142px;
	margin-left: -32px;
	overflow: auto;
	position: relative;
	}
	
body#manage-page li#protect a:hover, body#manage-page li#protect a:focus {	
	background-position: -325px -500px;
	width: 140px;
	margin-left: -32px;
	position: relative;
	}
	
body#protect-page li#protect a:link, body#protect-page li#protect a:visited {	
	background-position: -325px -450px;
	width: 140px;
	margin-left: -32px;
	}

body#protect-page li#manage a:hover, body#protect-page li#manage a:focus {	
	background-position: -223px -400px;
	width: 134px;
	margin-left: -24px;
	overflow: auto;
 	position: relative;
	}

body#protect-page li#blogs a:hover, body#protect-page li#blogs a:focus {	
	background-position: -470px -380px;
	width: 147px;
	margin-left: -29px;
	overflow: auto;
	position: relative;
	}
	
/*-----------------------------------------------------------------------------

Styles for the page

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

#header {
	background: url(../images/tel.gif) no-repeat right top #FFFFFF;
	height: 70px;
	margin: 0px 40px 20px 40px;
	padding: 30px 0px 0px 0px;
}

#wrapper-content {
	height: auto !important;
	padding:0;
	margin:0 20px 0 20px;
}

#content {
	width:720px;
	min-height: 370px;
	background: url(../images/content_background.jpg) no-repeat top #b3006f;
}

#column1 {
	width:400px;
	margin:0 20px 0 300px;
	padding: 20px 0 0 0;
}

#contact {
	width:250px;
	float:left;
	margin:0 0 0 40px;
	padding: 20px 0 0 0;
}

#contact2 {
	width:344px;
	padding: 20px 15px 0 0;
	float:right;
}

#words {
	float:left;
	margin:20px 0 0 30px;
	padding:0 0 0 0;
}

#ways {
	margin:-30px 0 0 30px;
	padding:0 0 0 0;
}

#box-wrapper {
	width: 706px;
	height: 170px;
	padding: 0 0 0 12px;
	margin: 20px 0 0 0;
}
#box {
	float:left;
	background:url(../images/box.gif) no-repeat;
	width: 135px;
	height: 150px;
	padding: 20px 15px 0 20px;
	margin: 0 0 0 0;
}

#box li {
	line-height: 18px;
}

#icon {
	float:left;
	width: 300px;
	text-align:center;
	margin:50px 0 0 0;
}


#call {
	height:100px;
	background: url(../images/call.gif) no-repeat center;
	width:100%;
	margin: 60px 0 0 0;
}

.button {
	background:#81c231;
	color:#FFF;
	font-size: 12px;
	font-weight:normal;
	text-decoration:none;
	border:2px solid #FFF;
	padding:1px 6px;
}

.button:hover, .button:active {
	background:#000;
	color:#FFF;
	text-decoration:none;
	border:2px solid #FFF;
	padding:1px 6px;
}


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

Styles for footer

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

#footer {
	width:720px;
	height:70px;
	background: url(../images/content_background_end.gif) no-repeat top center;
	color:#999999;
	text-align:center;
}

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

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

#footer li a 
	{
	text-decoration: none;
	padding: 0 10px 0 10px;
	color:#999999;
	font-weight:normal;
}
	
ul#footer li a:hover, ul#footer li#current a {
	color:#741371;
}

.footer-right a{
	float:right;
	color: #002525;
	width: 84px;
	height: 14px;
	background-image: url(../images/altitudelogo.gif);
}
.footer-right:hover a{
	color: #002525;
	width: 84px;
	height: 14px;
	background-image: url(../images/altitudelogo.gif);
	background-position: 100% -14px;
}