@charset "UTF-8";
/* CSS Document */

/* sporting.css
------------------------------------------------------------------------------

Author:  			Peter Richman
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				15/07/2008

Version:			1.0
Designed for:		FireFox 2

CSS file:			Design One 

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





/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/
html
{
	padding-bottom: 0px;
	margin: 0px;
}
body{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
color:				#444444;
	padding-bottom: 0px;
	margin: 0px;
	background:		url(images/bodyBG.jpg) top left repeat-x;
}

img{
border:				none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Verdana, Arial, Helvetica, sans-serif;
}

p strong{
color:				#000;
}


a{
text-decoration:	none;
}

q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#000;
}




/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/

p{
font-size:			1.2em;
line-height:		1.8em;
color:				#000;
}

p a{
text-decoration:	underline;	
}

p a:hover{
text-decoration:	none;
}


.wrapper{
width:				940px;
margin-left:		auto;
margin-right:		auto;
}




/* =VERY TOP
------------------------------------------------------------------------------*/

.top{
background:			url(images/topBG.jpg) top left no-repeat;
width:				940px;
height:				437px;
}

.top h1{
margin:				0px 0px 20px 20px;
float:				left;
}

*html .top h1{
_margin-left:		0px;
}

.top p{
margin:				60px 100px 0px 0px;
float:				right;
font-size:			1.3em;
}

*html .top p{
_margin-right:		50px;
}

.top p span{
color:				#7a0e81;
}



.content{
background:			url(images/contentBG.jpg) top left repeat-y;
width:				940px;
}


.purpleStrip{
height:				29px;
width:				780px;
background:			#7a0e81;
float:				left;
margin-top:			-4px;
margin-left:		80px;
}


*html .purpleStrip{
_margin-left:		40px;
}

/* =BANNER
------------------------------------------------------------------------------*/

.top img{
margin:				5px 0px 0px 87px;
float:				left;
}

/* =MENU
------------------------------------------------------------------------------*/

.mainMenu{
float:				left;
list-style:			none;
background:			#7a0e81;
height:				29px;
width:				780px;
margin:				4px 0px 0px 80px;
padding:            0px;
}

*html .mainMenu{
_margin-left:		40px;
}

.mainMenu li{
float:				left;
padding:            5px 15px 0px 15px;

}

.mainMenu li a{
color:				#FFF;
font-size:			1.4em;
}


/* =CONTENT
------------------------------------------------------------------------------*/

.right{
float:				right;
margin:				0px 100px 0px 0px;
width:				500px;
}

*html .right{
_margin-right:		50px;
}

.left{
float:				left;
width:				200px;
margin:				0px 0px 0px 100px;
}


*html .left{
_margin-left:		50px;
}


.jdGallery{
margin:				5px 0px 0px 87px;
}

.mainMenu{
	
}

.right ul li{
color:				#7A0E81;
}

.right ul li a{
text-decoration:	underline;
color:				#7A0E81;
}

.right ul li a:hover{
text-decoration:	none;
}

.content .right h3{
color:				#7A0E81;
font-size:			1.5em;
}

p span{
font-style:			italic;
color:				#7A0E81;
}


/* =BODY CONTENT
------------------------------------------------------------------------------*/

.right h2{
color:				#7A0E81;
font-weight:		lighter;
font-size:			2.2em;
}


.right ul, .right ol{
font-size:			1.2em;
line-height:		1.8em;
color:				#000;				
}


/* =TESTIMONIAL
------------------------------------------------------------------------------*/


.testimonial{
font-size:			1.3em;
color:				#7A0E81;
font-style:			italic;
}



/* =FOOTER
------------------------------------------------------------------------------*/


.footerMenu{
float:				left;
list-style:			none;
border-top:			1px dotted #7A0E81;
width:				640px;
margin-left:		100px;
padding:	        5px 0px 0px 100px;
margin-top:			30px;
}



*html .footerMenu{
_margin-left:		50px;
_padding:			5px 0px 0px 60px;
_width:				670px;
_margin-right:		0px;
}

* ul[class="footerMenu"]{
* width:			700px;
* padding-left:		40px;
}


.footerMenu li{
float:				right;
margin:				0px 0px 0px 30px;
}

.footerMenu li a{
color:				#7A0E81;
}


.plug{
float:				right;
font-size:			0.9em;
margin-right:		80px;
margin-top:			4px;
width:				350px;
}


*html .plug{
_width:				400px;
_margin-right:		35px;
}

* p[class="plug"]{
* width:			400px;
* margin-right:		60px;
}