/* 
Title:		Master styles for Clarets Corporate
Author: 	marketing@dpi21.com
Copyright: 	© 2009. dpi21. Creative Digital Thinking
*/

body {
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	line-height: 18px;
}
	
/* links */

a {
	color: #fff;
	outline: none;
}

a:hover {
	color: #9FC8E6;
}

/* page structure 
--------------------------------------------- */
img#bg, #header, #footer {
	display: none;
}

#body {
  width: 100%;
  padding: 10px;
}


/* header 
--------------------------------------------- */

#logo, #main-nav, #main-nav ul, #main-nav li, #main-nav p {
	float: left;
}

#logo {
	padding-left: 40px;
}

/* nav */

#main-nav {
	padding-top: 15px;
	font-size: 14px;
}

#main-nav p, #main-nav li, #main-nav a {
	display: block;
}

#main-nav li a {
	padding: 5px 10px;
	border-left: 1px solid #7A4D62;
	text-decoration: none;
}

#main-nav p {
	padding: 10px 8px 7px 8px;
	text-decoration: none;
}

#main-nav li a:hover {
	background-color: #6E3C54;
}

/* Sub Nav */

#sub-nav {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

#sub-nav li {
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 17px;
	font-weight: bold;
}

#sub-nav #active {
	padding: 8px 10px;
	background-color: #7D0041;
}

#sub-nav li a {
	display: block;
	background: url(../img/backgrounds/black.png) repeat;
	padding: 8px 10px;
	text-decoration: none;
}

#sub-nav li a:hover {
	background: #7D0041;
	color: #fff;
}

/* masthead */

#masthead, #masthead img {
	float: left;
}

#masthead {
	padding-bottom: 15px;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

#masthead img {
	padding: 0 0 0 5px;
}

#masthead p {
	float: right;
	text-align: right;
	padding: 0 5px 0 0;
	font-size: 14px;
	line-height: 25px;
	margin-top: -2px;
}

#masthead strong {
	font-size: 35px;
	color: #9FC8E6;
}

/* heading */

#heading, #heading h1 {
	float: left;
}

#heading ul {
	float: right;
	padding-top: 10px;
	font-weight: bold;
}

#heading li {
	display: block;
	float: right;
}

#heading h1 {
	font-size: 34px;
	padding: 20px 0;
}

#heading span {
	font-weight: normal;
}

#heading a {
	text-decoration: none;
}

#heading {
	width: 100%;
	margin: 5px 0;
}

/* movie */

#movie {
	float: left;
	background: #fff;
	padding: 5px;
	width: 615px;
	height: 350px;
}

/* events */

#events {
	float: right;
	width: 325px;
}

#competition {
	float: left;
	width: 315px;
	padding: 30px 5px 0 5px;
	text-align: center;
	font-size: 14px;
}

#competition {
	background: url(../img/backgrounds/black.png) repeat;
	height: 92px;
}

#competition strong {
	font-size: 16px;
}

#kit-sponsor {
	float: left;
	width: 325px;
}

#kit-sponsor a {
	display: block;
	border: 5px solid #fff;
}

#kit-sponsor a:hover {
	border: 5px solid #9FC8E6;
}

/* quick links */

#quick-links, #quick-links li, #quick-links ul {
	float: left;
}

#quick-links {
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

#matchday-hospitalityBt, #matchday-sponsorshipBt, #advertising-opportunitiesBt, #boaBt {
	display: block;
}

#matchday-hospitalityBt {
	background: url(../img/buttons/macthday-hospitality.jpg) left top no-repeat #000;
	margin-right: 15px;
}

#matchday-sponsorshipBt {
	background: #000 url(../img/buttons/macthday-sponsorship.jpg) no-repeat left top;
	margin-right: 15px;
}

#advertising-opportunitiesBt {
	background: #000 url(../img/buttons/advertising-opportunities.jpg) no-repeat left top;
	margin-right: 15px;
}

#boaBt {
	background: #000 url(../img/buttons/boa.jpg) no-repeat left top;
}

#quick-links img {
	float: right;
	margin-top: -2px;
}

#quick-links li a {
	display: block;
	border: 5px solid #fff;
	padding: 150px 5px 5px 5px;
	width: 210px;
	font-weight: bold;
	text-decoration: none;
}

#quick-links li a:hover {
	border: 5px solid #9FC8E6;
}

/* Copy */

#copy-container, #copy, #copy div {
	float: left;
}

#copy {
	width: 600px;
}

#copy-container {
	width: 965px;
	background: url(../img/backgrounds/black.png) repeat;
	padding: 10px 0;
	height: 445px;
}

html>body #copy-container {
	height: auto;
	min-height: 445px;
}

#copy-container .heading, #copy-container .copy-heading {
	color: #9FC8E6;
	font-weight: bold;
	line-height: 24px;
}

#copy-container .heading {
	padding: 10px 0 0 10px;
	font-size: 22px;
}

#copy-container .copy-heading {
	font-size: 20px;
}

#copy .sub-heading {
	font-size: 14px;
}

#copy div{
	width: 280px;
	padding: 10px;
	height: 365px;
}


html>body #copy div {
	height: auto;
	min-height: 365px;
}

#copy div p, #testimonials div p, #accessibility div p, #meet-the-team p {
	padding: 5px 0;
}

#copy div ul {
	padding: 5px 0 5px 15px;
}

#copy div li {
	list-style-type: disc;
}

#copy #showreelBt {
	padding: 9px 10px 7px 40px;
	background: url(../img/icons/showreel.png) left top no-repeat;
}

#copy #dress-codeBt {
	padding: 8px 0 8px 40px;
	background: url(../img/icons/dresscode.png) left top no-repeat;
}

#copy a {
	color: #9FC8E6;
}

#copy a:hover {
	color: #fff;
}

.news-images {
	float: right;
	width:320px;
	padding: 5px 10px;
}

.news-images img {
	padding: 5px 0;
}

#advertisingMenu {
	float: left;
	width: 595px;
	border-top: 1px dotted rgba(255,255,255,0.5);
	padding: 5px 0 0 5px;
}

#advertisingMenu p {
	float: left;
}

#advertisingMenu ul {
	float: right;
	text-align: right;
}

#advertisingMenu li {
	display: block;
	float: left;
	margin-right:5px;
}

#advertisingMenu li a, #advertisingMenu p a {
	display: block;
	padding: 3px 8px;
	text-decoration: none;
	background: #7D0041;
	color: #fff;
	font-weight: bold;
}

#advertisingMenu li a:hover, #advertisingMenu p a:hover {
	background: #9FC8E6;
	color: #000;
}

/* Testimonials */

#testimonials, #testimonials div, #accessibility, #accessibility div {
	float: left;
}

#testimonials, #accessibility, #meet-the-team {
	width: 965px;
}

#testimonials div, #accessibility div {
	width: 300px;
	padding: 10px;
}

/* Events */

#events-content, .event, .event .text, .event img {
	float: left;
}

#events-content {
	width: 580px;
	padding: 0px 10px;
}

.event {
	width: 570px;
	padding: 5px;
}

 .event img {
	height: 130px;
}

.event .text {
	padding: 5px 0px 5px 10px;
	width: 460px;
}

.event .text p {
	padding: 5px 0;
}

/* Fixtures */

#fixtures {
	border: 1px solid #727376;
	width: 950px;
	font-size: 12px;
	margin: 5px 0;
}

#fixtures td {
	padding:5px;
	border-right: 1px solid #727376;
}

#fixtures .top-row td {
	background-color: #7D0041;
	font-size: 13px;
}

#fixtures .top-row {
	border-bottom: 1px solid #727376;
}

#fixtures .grey-row {
	background-color: #3A3A3C;
}

#fixtures border-right {
	border-right: 1px solid #727376;
}

/* Contact Form */

#meet-the-team, #meet-the-team div, #meet-the-team form, #meet-the-team span {
	float: left;
}

#meet-the-team div {
	width: 280px;
	padding: 10px;
}

#meet-the-team form {
	border: 1px solid  #3A3A3C;
	margin-top: 10px;
	padding: 10px 5px;
}

#meet-the-team span {
	padding: 0px 10px;
}

#meet-the-team .input, #meet-the-team .textbox, #meet-the-team select {
	background-color: #3A3A3C;
	border: 0;
	padding: 4px;
	margin-top: 2px;
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
}

#meet-the-team .input, #meet-the-team select {
	width: 215px;
}

#meet-the-team .textbox {
	width: 350px;
	height: 170px;
}

#meet-the-team #send {
	background: url(../img/icons/send.jpg) left top no-repeat;
	border: 0;
	width: 51px;
	height: 26px;
}

#contact-form p {
	padding: 5px 0;
}

#contact-form .input {
	background-color: #3A3A3C;
	border: 0;
}

/* Site Map */

.site-map a {
	text-decoration: none;
}

/* Other Buttons */

#other-buttons {
	float: right;
	margin: 15px 0 0 0;
	width: 240px;
	background: url(../img/backgrounds/black.png) repeat;
	padding: 5px 0 5px 5px;
}

#other-buttons ul, #other-buttons li {
	float: right;
}

#other-buttons li {
	display: block;
	padding: 5px 10px 5px 30px;
}

#other-buttons #emailBt {
	background: url(../img/icons/email.jpg) left no-repeat;
}

#other-buttons #printBt {
	background: url(../img/icons/print-page.jpg) no-repeat left;
}

/* footer 
--------------------------------------------- */

#footer {
	font-size: 12px;
	color: #999;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

#dpi21, #dpi21 img, #dpi21 p {
	float: left;
}

#dpi21 {
	padding: 15px 0 15px 15px;
	width: 300px;
}

#dpi21 img {
	border-right: 1px solid #939598;
	padding: 0px 5px 0px 0px;
	width: 75px;
	height: 35px;
}

#dpi21 p {
	padding: 3px 0px 0px 5px;
	line-height: 14px;
}

#validation {
	float: right;
	width: 350px;
	text-align: right;
	padding: 15px 15px 15px 0;
}

#validation li {
	display: inline;
	padding-left: 10px;
	background: url(../img/icons/tick.png) left no-repeat;
}

/* misc. 
--------------------------------------------- */

.blue {
	color: #9FC8E6;
}

.border-bottom {
	border-bottom: 1px dotted rgba(255,255,255,0.5);
	margin-bottom: 5px;
}

hr, .hide {
	display: none;
	}
	
a img {
	border: none;
	}