body {
    background:#666 url(../images/homepage-background.gif) 0 -268px repeat-x; /*ie6 positioning*/
	color:#fff;
}
#wrapper {
	width:814px;
	margin:0 auto;
	position:relative;
	margin-top:30px;
	text-align:left;
}
#branding a {
background: url(../images/logo.gif) top left;
width:205px;
height:61px;
display:block;
float:left;
margin-left:15px;
margin-top:7px
}
#branding:after {
content: "."; /* This dot is the actual appended content */   
clear: both;   
height: 0;   
visibility: hidden;   
display: block; 
}
#crown {
	height:2px; /*ie get nothing*/
	background:url(../images/crown.gif) top left repeat-y;
	position:relative;
	clear:both;
	
}
#page {
	background:url(../images/page-y-dgrey.gif) top left repeat-y;
	padding:5px 15px 10px;
	width:770px;
}
/*----------------------------------

			TAB MENU

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

#home {
background:transparent url(../images/home-link.gif) repeat scroll left top;
display:block;
height:19px;
left:214px;
position:absolute;
text-indent:-999em;
top:67px;
width:64px;
z-index:99;
}
#home:hover, #home:focus {
background:transparent url(../images/home-link.gif) repeat scroll left bottom;
outline: none; 
}


body#homepage #main-nav, #main-nav {
line-height:normal;
list-style:none;
margin:0 0 0 2px;
width:800px;
}
body#homepage #home {display:none;} 

#main-nav li a,#main-nav li {
background:url(../images/main-menu.gif) top left;
float:left;
height:24px;
overflow:hidden;
display:block;
text-indent:-999em;
}


#main-nav #bola, #main-nav #bola a {
background-position:0 0;
width:152px;
}
#main-nav #cricket, #main-nav #cricket a {
background-position:-152px 0px;
width:96px;
}
#main-nav #hockey, #main-nav #hockey a{
background-position:-248px 0px;
width:125px;
}
#main-nav #coaching, #main-nav #coaching a{
background-position:-373px 0px;
width:78px

}
#main-nav #features, #main-nav #features a {
background-position:-451px 0px;
width:137px;

}
#main-nav #enquiries, #main-nav #enquiries a{
background-position:-588px 0px;
width:133px;

}
#main-nav #about, #main-nav #about a{
background-position:-721px 0px;
width:76px;
}




#main-nav #bola a:hover,body#bolapage li#bola a{
background-position:0 24px;
}
#main-nav #cricket a:hover,body#cricketpage li#cricket a{
background-position:-152px 24px;
}
#main-nav #hockey a:hover,body#hockeypage li#hockey a{
background-position:-248px 24px;
}
#main-nav #coaching a:hover, body#coachingpage  li#coaching a{
background-position:-373px 24px;
}
#main-nav #features a:hover,body#featurespage  li#features a {
background-position:-451px 24px;
}
#main-nav #enquiries a:hover,body#enquiriespage  li#enquiries a{
background-position:-588px 24px;
}
#main-nav #about a:hover,body#aboutpage li#about a{
background-position:-721px 24px;
}

/*indicators of section:*/

body#bolapage li#bola a,body#cricketpage li#cricket a,body#hockeypage li#hockey a,
body#coaching  li#features a,body#enquiriespage  li#enquiries a,body#aboutpage li#about a {
cursor:pointer;
}






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

			HOMEPAGE

------------------------------------*/
body#homepage {
background:#666 url(../images/homepage-background.gif) 0 -77px repeat-x;
}

/*safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0){

body#homepage{background-position: 0 -61px;
}
}
body#homepage #page {
	background:url(../images/page-y-grey.gif) top left repeat-y;
}
body#homepage ul {
list-style-type:none;
margin:0 1px 0px 0;
position:relative;
width:300px
}
body#homepage #branding a {
margin-left:0;
}

img.homepage {
position:absolute;
right:30px;
top:42px;
z-index:200;
}
h1.index {
font-size:35px;
color:#fff;
}
h2.index {
margin-top:-8px;
font-size:16px;
color:#fff;
}
body#homepage #footer {
background:transparent url(../images/footer-dark-grey.gif) no-repeat scroll left bottom;
height:169px;
margin-top:-136px;

}
body#homepage #footer a {
margin-top:125px;
}

body#homepage #branding a {float:none;}
body#homepage #branding {background-image:none; height:auto;}


body#homepage ul#cta {
vertical-align: top;
float:right;
font-size:1.1em;
font-weight:bold;
margin-top:-100px;
width:456px;
list-style-type:disc;
margin-left:10px;
position:relative;
zoom:1;
text-align:left;
}


body#homepage ul#cta li {
list-style-type:disc;
margin-left:20px;
}

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

			SECTION PAGES

------------------------------------*/
span#horizontalline {display:block; 
border-top:1px solid #b30000; 
border-bottom:1px solid #660000;
margin-top:-6px;
}
#branding {
background:url(../images/page-y-grey.gif) top left repeat-y;
height:76px;
}

#branding #section {
float:left;
display:-moz-inline-block;
display:inline-block;
margin:35px 0 0 10px;
width:505px;
text-align:center;
font-size:30px;
}
div#innerpage {
margin-top:15px;
background:#fff;
color:#333;
padding:5px 10px;
width:750px;
}


div.options {clear:both;}
div.options:after {
content: "."; /* This dot is the actual appended content */   
clear: both;   
height: 0;   
visibility: hidden;   
display: block; 
}

div.options ul {
list-style-type:none;
width:230px;
float:left;
border-left:1px solid #e2e2e2;
margin:0 10px 10px 0;
padding-left:10px;
}
div.options ul.first {
margin-left:0;
border:none;
padding:0;
}

p.notes {
clear:both;
display:block;
font-size:.9em;
padding:3px;
border: 1px solid #e2e2e2;
background:#f4f4f4;
margin-bottom:5px;
zoom:1;
position:relative;
}
.productimage {
display:block; 
float:right; 
margin-left:10px; 
margin-bottom:10px;
width:253px;
}

div.options ul.image  {
border:none;
padding:0;
}
div.options ul.image img { /*ie6*/
width:253px; /*ie6 244px*/
position:relative;
}
.price {
color:#660000;
font-weight:bold;
font-size:1.2em;
}
#footer {
background:url(../images/footer-dark-grey.gif) no-repeat bottom left;
height:20px;
}

div.product {
clear:both;
width:746px;
text-align:left;
}
div#site-creds {
text-align:center;
padding-bottom:55px;
}
div#site-creds a {
color:#fff;
}
div#site-creds a:hover {
color:#660000;
}
/*----------------------------------

			FEATURES AND BENEFITS

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

img.featuresimage-right {
float:right;
width:280px;
margin-bottom:10px;
margin-left:10px;
}

img.featuresimage-left {
float:left;
width:280px;
margin-bottom:10px;
margin-right:10px;
}
/*----------------------------------

			HELPER CLASSES

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

.floatright {display:block; float:right; margin-left:10px; margin-bottom:10px;}
.clear {clear:both; display:blcok; height:0;}

#gotoTop { /*not supported in ie6*/
background:#660000 url(../images/up-arrow.gif) no-repeat scroll 8px 5px;
border-left:1px solid #B30000;
border-top:1px solid #B30000;
bottom:0;
color:#FFFFFF;
display:block;
font-weight:bold;
height:22px;
overflow:hidden;
padding-left:21px;
position:fixed;
right:0;
width:26px;
}
/*----------------------------------

			CONTACT FORM

------------------------------------*/
div#form {
margin-left:0px;
}
.input,  
.textarea, 
.select, .code
{
border:1px solid #660000;
width:270px;
overflow:hidden;
font:Arial, Helvetica, sans-serif;
}
.input:focus,  
.textarea:focus, 
.select:focus {
border:1px solid #000;
background-color:#FFFFCC;
}

.comments {
height:180px;
}
.select {
width:273px;
}
div#form label {
float:left;
width:150px;
font-weight:bold;
margin-right:10px;
}
div#form div {
margin-bottom:5px;
clear:both;
}

div#checkboxes strong {
display:block;
float:left;
margin-right:10px;
width:121px;
}
div#checkboxes div {
float:left;
width:280px;
clear:none;
}
div#checkboxes span {
display:block;
width:250px;
clear:both;
}
div#checkboxes span input {
float:left;
}
div#checkboxes span label {
float:right;
margin-right:10px;
width:210px;
}
.submitbutton {
border:1px solid #660000;
background-color:#f4f4f4;
cursor:pointer;
margin-left:160px;
padding:7px;
}


ul#shortcontact  {
border-left:1px solid #E2E2E2;
list-style-type:none;
padding-bottom:70px;
padding-left:23px;
position:absolute;
right:0pt;
width:290px;
}

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

			COACHING

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

div.coaching-col-one {
width:490px;
float:left;

}

div.coaching-col-two {
border:1px solid #e2e2e2;
width:200px;
float:right;
margin-bottom:20px;
margin-top:52px;
}
div.coaching-col-two img {
display:block;
margin:5px;
}

span.capxion {
font-size:.8em;
width:190px;
margin-left:5px;
border-bottom:1px solid #e2e2e2;
display:block;
margin-bottom:8px;
}
span.last {
border:none;
}
/*----------------------------------

			HOCKEY PAGE

------------------------------------*/
ul#traing-drills {
width:485px;
list-style-type:none;
}
ul#traing-drills li {
float:left;
margin-right:10px;
}
ul#traing-drills:after {
  content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
}
body#hockeypage div#page {position:relative;}
body#hockeypage div#col-one {
float:left;
margin-right:10px;
width:490px;
position:relative;
overflow:hidden;
}
body#hockeypage div#col-two {
float:left;
width:245px;
position:relative;
margin-top:-5px;
}
body#hockeypage div#col-two img {
width:240px;
margin-top:58px;
}


span.caption {
display:block;
padding:5px;
}