/* CSS Document */

body {
margin:0 auto; 
background:url(../images/gradient.jpg) repeat-x;
}
#text_box {
float:right;
width:380px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color:#494949;
text-align:right;
margin:456px 115px 0 0;
line-height:23pt;
}
#clear {
clear:both;
}


/* HOME PAGE */


#header_container {
	width:752px;
	height:171px;
	margin:0 auto
}

#home_container {
	width:752px;
	height:570px;
	margin:0 auto;
	border:#d1d3d2 solid 1px;
	background:#ffffff;
}

#header_left {
float:left;
background:url(../images/Hippo-backup-logo.jpg) no-repeat;
width:293px;
height:171px;
padding:0 0 0 0;
}

#header_right {
	float:right;
	background:url(../images/header_text.jpg) no-repeat;
	width:292px;
	height:138px;
	padding:0 22px 0 0;
}

#about_image_top {
float:left;
width:750px;
height:35px;
margin:0;
padding:0 0 0 0;
}

#home_image_top {
float:left;
width:750px;
height:278px;
margin:0;
padding:0 0 0 0;
}

#home_image_middle {
float:left;
width:750px;
height:27px;
margin:0;
padding:0 0 0 0;
}

#home_text_holder {
width:750px;
height:200px;
background:url(../images/light_gradient.jpg);
margin:0;
padding:0 0 0 0;
}


#home_text_box {
	float:left;
	width:390px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#5a5b5e;
	text-align:left;
	padding:30px 0px 0 30px;
	line-height:14pt;
}

#home_text_box a {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
}
#home_text_box a:hover {
	color:#005b7b;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}
.hometitle {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	color:#005b7b;
	text-align:left;
	line-height:18pt;
	font-weight: normal;
}

#footer_container {
	width:752px;
	height:50px;
	margin:0 auto
}

#home_text_box_bottom__left {
	float:left;
	width:300px;
	margin:0 auto;
	text-align:left;
	padding:15px 0 0 30px;
}
.email3 a {
color:#999999;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:8pt;
text-decoration:none;
}
.email3 a:hover {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}

#home_text_box_bottom__right {
	float:right;
	width:186px;
	margin:0 auto;
	text-align:left;
	padding:0 0 0 0;
}

#home_text_box_right {
	float:right;
	width:300px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#005b7b;
	text-align:left;
	padding:20px 10px 0 0;
	line-height:12pt;
}

#home_text_box_right li {
list-style-type:square;
color:#f1701d;
}

.bullet_text {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
color:#005b7b;
text-align:left;
line-height:12pt;
}
.bullet_text_bold {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#005b7b;
text-align:left;
line-height:12pt;
}

.title3 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
color:#5a5b5e;
font-style:italic;
text-align:left;
line-height:25pt;
}
.title4 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:24pt;
color:#0099ff;
text-align:left;
line-height:25pt;
}
.title5 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
color:#494949;
text-align:left;
line-height:25pt;
}
.email a {
color:#494949;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:12pt;
line-height:30pt;
text-decoration:none;
}
.email a:hover {
	color:#0099FF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height:30pt;
	text-decoration:none;
}



/* CONTACT PAGE */

#contact_container {
width:741px;
height:750px;
margin:0 auto;
background:url(../images/background3.jpg) no-repeat;
border:#c7c7c7 solid 1px
}
#contact_text_box {
float:left;
width:400px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#5a5b5e;
text-align:left;
padding:20px 0px 0 50px;
line-height:12pt;
}
#contact_text_box a {
color:#000000;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
text-decoration:none;
}
#contact_text_box a:hover {
color:#028e86;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
text-decoration:none;
}
#contact_text_box form {
margin:20px 0 0 0;
}
.title {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:30pt;
color:#028e86;
text-align:left;
}
.title2 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#009999;
	text-align:left;
	line-height:22pt;
}


#contact_text_box_left {
	float:right;
	width:260px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#5a5b5e;
	text-align:left;
	padding:20px 30px 0 0px;
	line-height:12pt;
}
.email2 a {
color:#494949;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:14pt;
line-height:35pt;
text-decoration:none;
}
.email2 a:hover {
	color:#0099FF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	line-height:35pt;
	text-decoration:none;
}


#contact_text_box_bottom {
width:741px;
margin:0 auto;
text-align:center;
padding:5px 0px 0 0px;
}
.email4 a {
color:#5a5b5e;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:8pt;
text-decoration:none;
}
.email4 a:hover {
color:#028e86;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}


/* SERVICES PAGE */

#services_container {
width:741px;
height:880px;
margin:0 auto;
background:url(../images/background4.jpg) no-repeat;
border:#c7c7c7 solid 1px
}
#services_text_box {
float:left;
width:400px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#5a5b5e;
text-align:left;
padding:20px 0px 0 50px;
line-height:12pt;
}
#services_text_box a {
color:#000000;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
text-decoration:none;
}
#services_text_box a:hover {
color:#59018f;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
text-decoration:none;
}
.servicestitle {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:30pt;
color:#59018f;
text-align:left;
}
.servicestitle2 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:18pt;
color:#59018f;
text-align:left;
line-height:30pt;
}

#services_text_box ul {
margin-left:0px; !important
margin-left:0;
}
#services_text_box li {
list-style-type:square;
color:#59018f;
}
.bullet_text {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:#005b7b;
	text-align:left;
	line-height:10pt;
}

#services_text_box_bottom {
width:741px;
margin:0 auto;
text-align:center;
padding:5px 0px 0 0px;
}
.email5 a {
color:#5a5b5e;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:8pt;
text-decoration:none;
}
.email5 a:hover {
color:#59018f;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}


#services_text_box_left {
float:right;
width:260px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#5a5b5e;
text-align:left;
padding:22px 0px 0 0px;
line-height:12pt;
}
.title5 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
color:#494949;
text-align:left;
line-height:35pt;
}
.email6 a {
color:#494949;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:14pt;
line-height:35pt;
text-decoration:none;
}
.email6 a:hover {
color:#59018f;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
line-height:35pt;
text-decoration:none;
}




/* NAVIGATION */
#nav {
	float:right;
	width:320px;
	padding: 5px 0 15px 10px;
	!important
	width:292px;
}

#nav ul {
list-style-type:none;
padding:0;
margin-left:0;
}
#nav li {
	margin:0;
	display:inline;
	padding:0 8px 0 8px;
	color: #f1701d;
	font-family: Arial, Helvetica, sans-serif;
}
.home a {
	color:#005b7b;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
}
.home a:hover {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.homeOn {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.about a {
color:#005b7b;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.about a:hover {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.aboutOn {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.free a {
color:#005b7b;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.free a:hover {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.freeOn {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.contact a {
color:#005b7b;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.contact a:hover {
color:#f1701d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}
.contactOn {
color:#005b7b;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
}


/* CONTACT FORM */

.form_line {
width:100%;
height:30px;
}
.form_left {
float:left;
}
.form_right {
float:right;
margin:0 50px 0 0;
}
.form_right_enquiry {
float:right;
margin:0 50px 0 0;
}