/*========================================================

Global CSS file for Woofti

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

/* CSS to define the overall document styles =======================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 80%;
	color: #fff;
	text-align: center;
	}
#pageHeader {
	width: 770px;
	height: 190px;
	background: url(../cssimages/banner-top.jpg) no-repeat;
	}
#container {
	position: relative;
	margin: 10px auto;
	width: 770px;
	background-color: #000;
	}
#page_footer {
	font-size: .90em;
	line-height: 1.5;
	width: 770px;
	height: 30px;
	margin: 0 0 10px 0;
	text-align: center;
}
p {
	color: #fff;
	font-size: .90em;
	line-height: 1.8;
	padding: 0 10px 0 10px;
	text-align: justify;
	}
.service_outline {
		float: left;
		display: block;
		width: 230px;
		border: 1px dotted #1E1E1E;
		margin: 7px 7px 20px 13px;
	}
.service_outline p {
	text-align: left;
}
.price {
	font-size: 2.0em;
	text-align: center;
}

/* CSS code to format the main content on each page ================================*/

#content ul { margin: 10px 0 0 15px;}
#content li {
	font-size: .90em;
	line-height: 1.5;
	list-style-type: none;
	color: #555753;
	display: block; 
	padding: 2px 0px 2px 25px; 
	margin: 2px 0;
	background: transparent url(../cssimages/bullet.gif) no-repeat 0px 3px;
	text-align: left;
}

/* CSS to format how header tags on the website ================================*/
h1, h2, h3 {
		font-family: georgia, "times new roman", arial;
		font-size: 2.5em;
		margin: 10px 10px 3px 5px;
		color: #994342;
		text-align: left;
}
h2 { font-size: 1.5em; color: #416678;}
h3 { font-size: 1.3em; color: #416678;}
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
	color: #416678;
	text-decoration: none;
}

/* CSS to format how hyperlinks look on the website ================================*/
a:link, a:visited { 
	text-decoration: underline; 
	color: #fff;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #fff;
	}
/* CSS to format the forms on the website ==========================================================*/
#form {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .75em;
	width: 500px;
	margin-left:20px;
	}
dl  {
	margin: 20px 0 0 20px;
}
dt {
	float: left;
	width: 220px;
	margin: 0 0 15px 0;
	padding-top: 4px;
	color: #555753;
	font-size: .75em;
}
dd {
	margin: 0 0 15px 0;
	color: #555753;
	font-size: .75em;
}
.submitbtn {
   margin: 3px 0 2px 0;
   color:#666666;
   font-family: Arial, Helvetica, sans-serif; 
   background-color: #efefef;
   font-weight: normal;
   border:1px solid #aaaaaa;
   }

/* CSS to format the system status page on the website ==========================================================*/
.system_status {
	margin-top: 40px;
	min-height: 300px;
}
.system_status h2, .system_status p {
	text-align: center;
}