/* ======================================================
Filename:	stylesheet-common.css
Website:	www.detoxmedia.co.uk
Function:	Holds styles common to all pages.
Detox Media - Purifying The Web :: www.detoxmedia.co.uk
====================================================== */

/* =================================================== */
/* ----------------- HTML Tag Styles ----------------- */
/* =================================================== */

/* =================================================== */
/* --------------------- General --------------------- */

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

body {
	background-color: ffffff;
	background-image: url(../images/body-background.jpg);
	background-repeat: repeat-x;
}

/* =================================================== */
/* --------------------- Headings -------------------- */



/* =================================================== */
/* -------------------- Paragraphs ------------------- */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	color: #666666;
	margin-bottom: 15px;
	line-height: 1.3em;
}

.footer p {
	margin-bottom: 0px;
	text-align: center;
	padding-top: 17px;
}

.copyright p {
	margin-bottom: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* =================================================== */
/* ---------------------- Images --------------------- */



/* =================================================== */
/* ---------------------- Lists ---------------------- */

/* ------------------ Site Selector ------------------ */

.detox-site-selector ul {
	list-style: none;
	position: relative;
	padding-top: 3px;
}

.detox-site-selector ul li {
	display: inline;
	float: right;
	margin-left: 15px;
}

/* -------------------- Main Menu -------------------- */

.main-menu ul {
	list-style-image: none;
	list-style-type: none;
}

.main-menu ul li {
	position: relative;
	float: left;
	width: 154px;
	height: 50px;
	background-image: url(../images/menu-item-background.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

/* =================================================== */
/* ---------------------- Anchors -------------------- */

/* ------------------ Site Selector ------------------ */

.detox-site-selector ul li a,
.detox-site-selector ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #cccccc;
}

.detox-site-selector ul li a:hover,
.detox-site-selector ul li a:focus {
	text-decoration: none;
	color: #40c7e4;
}

.main-logo a img,
.main-logo a:hover img,
.main-logo a:focus,
.main-logo a:visited img {
	border: none;
}

/* -------------------- Main Menu -------------------- */

.main-menu ul li a,
.main-menu ul li a:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	text-decoration: none;
	color: #666666;
	width: 144px;
	height: 35px;
	margin-left: 5px;
	padding-top: 15px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: #40c7e9;
}

/* ------------------ Main Content ------------------- */

.page-content p a, .page-content p a:visited {
	color: #40c7e9;
	text-decoration: none;
}

.page-content p a:hover, .page-content p a:focus {
	text-decoration: underline;
}

/* --------------------- Footer ---------------------- */

.footer a, .footer a:visited {
	color: #666666;
	text-decoration: none;
}

.footer a:hover, .footer a:focus {
	color: #40c7e9;
	text-decoration: none;
}

/* =================================================== */
/* ---------------------- Tables --------------------- */



/* =================================================== */
/* -------------------- Form Items ------------------- */



/* =================================================== */
/* ------------------ Layout Classes ----------------- */
/* =================================================== */

.container {
	position: relative;
	margin: auto;
	width: 770px;
	height: auto;
}

.detox-site-selector {
	position: relative;
	width: 770px;
	height: 30px;
}

.main-logo {
	position: relative;
	margin-top: 40px;
	margin-bottom: 30px;
	width: 240px;
	height: 25px;
}

.main-menu {
	position: relative;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 770px;
	height: 50px;
}

.page-content {
	position: relative;
	width: 760px;
	height: auto;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

.footer {
	position: relative;
	clear: both;
	width: 760px;
	height: 50px;
	margin-left: 5px;
	background-image: url(../images/footer-background.jpg);
	background-repeat: no-repeat;
}

.copyright{
	position: relative;
	width: 760px;
	height: auto;
	margin-left: 5px;
}