/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------
CSS Wireframe - The Sports Investor
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {margin: 0px; padding: 0px; background: url(../images/bg-body.jpg) repeat-x top left;	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; color:#3F3D3D; 	font-size:14px}
	
p{ padding:0px; margin:0px}

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

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

img{border:none;}

h1{ color:#F50000; font-size:18px; padding:0 0 5px 0px; margin:0px}

.main{ margin:0 auto; width:980px; /*background:url(../images/img-header.png) no-repeat top center;*/}

.header{ background:url(../images/img-header2.gif) no-repeat top center;width:962px; float:left;  height:262px;}
	
.header-right{ float:right; background: url(../images/headerlright.png) no-repeat left top; width:9px; height:262px;}

*html .header-right{
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headerlright.png');
	*background:transparent;}

.header-left{ float:left; background: url(../images/headerleft.png) no-repeat left top; width:9px; height:262px;}

*html .header-left{
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headerleft.png');
	*background:transparent;}
	
.logo{padding:38px 0 0 35px; float:left}

.callout{ float:right; padding:8px 55px 0 0}

.topnav, .topnav a, .topnav a:visited{ text-decoration:none; color:#fff; font-size:13px; text-align:right; padding:0 5px 12px 0}
	.topnav a:hover{text-decoration:underline;}

.bg-center{ background:url(../images/bg-centerbody.gif) repeat-y top center; width:948px; margin:-0 0 0 0; padding:5px 16px}

.content-top{ background:url(../images/content-topbg.gif) no-repeat top center; width:947px;height:24px}

.content-bottom{ background:url(../images/content-bottombg.gif) no-repeat top center; width:947px;height:24px}

.content-bg{ background:url(../images/content-bg.gif) repeat-y bottom center; width:932px; padding:0px 0 0 15px}

.welcome{float:left; width:520px; padding:0px 0 0 0}
	.welcome p{ padding:0 0 12px 0 }

.txtalign-right{ text-align:right; padding:0 10px 0 0; color:#F50000 }
	.txtalign-right a{color:#F50000; text-decoration:none}
	.txtalign-right a:hover{color:#F50000; text-decoration:underline}
	
.services{ color:#528114;}
	.services ul{ list-style:none;}
	.services ul li{ list-style:none; background:url(../images/bull2.gif) no-repeat 6px center; padding:2px 0 2px 25px; font-weight:bold}

.spacer27{ height:27px; overflow:hidden}

.margintop30{margin:30px 0 0 0}

.margin-left{ margin:0 0 0 530px}

.pad-left{padding:20px 0 0 30px}

.float-left{ float:left;}

.clear-both{ clear:both}

.bg-box{ background:url(../images/bg-box.gif) no-repeat top left; width:464px; height:145px; float:left}

.bg-box2{ background:url(../images/bg-box.gif) no-repeat top right; width:464px; height:145px; float:right}

.racing{ background: url(../images/icon-racing.gif) no-repeat 12px 15px; padding:20px 15px 0 65px; line-height:16px; text-align:justify}
	.racing p{padding:0 0 8px 0}

.win{ background: url(../images/icon-nowin.gif) no-repeat 12px 15px; padding:20px 15px 0 65px; line-height:16px; text-align:justify}
	.win p{padding:0 0 8px 0}

.odds{ background: url(../images/icon-odds.gif) no-repeat 12px 15px; padding:20px 15px 0 65px; line-height:16px; text-align:justify}
	.odds p{padding:0 0 8px 0}

.bookmaker{ background: url(../images/icon-bookmark2.gif) no-repeat 12px 15px; padding:20px 15px 0 65px; line-height:16px; text-align:justify}
	.bookmaker p{padding:0 0 8px 0}

.txt13green{ color:#5A7F29; font-size:13px; font-weight:bold;}
	.txt13green span{ color:#3F3D3D}

#footer{ background:url(../images/bg-footer.jpg) repeat-x top left; height:181px; line-height:16px;}

.footercontent{width:955px; margin:0 auto; color:#fff; padding:25px 0 0 25px;}
	.footercontent a{ text-decoration:none;color:#fff}
	.footercontent a:hover{ text-decoration:underline;color:#C8EA6C}

.footercontent li{ background:url(../images/bull3.gif) no-repeat left center; list-style:none; padding:0 0 0 15px; line-height:18px}

.footer-logo{ float:right; padding:0 15px 0 0; font-size:12px }

a.nav1, a.nav1_on, a.nav2, a.nav2_on, a.nav3, a.nav3_on, a.nav4, a.nav4_on, a.nav5, a.nav5_on, a.nav6, a.nav6_on{
height:46px;
display:block;
float:left;
outline:none;
white-space:nowrap;
padding:0px;
margin:0px;
font-size:12px;
text-align:center;
color:#FFF;
text-decoration:none;
line-height:46px;
font-weight:bold;
padding-right:4px;
}

a.nav1 {
width:158px;
background: url(../images/our_services.jpg) no-repeat 0 -46px;
}
a.nav1:hover {
background-position: 0 0;
}
a.nav1_on{
width:158px;
background: url(../images/our_services.jpg) no-repeat 0 0;
}

a.nav2 {
width:158px;
background: url(../images/about_us.jpg) no-repeat 0 -46px;
}
a.nav2:hover {
background-position: 0 0;
}
a.nav2_on{
width:158px;
background: url(../images/about_us.jpg) no-repeat 0 0;
}

a.nav3 {
width:158px;
background: url(../images/latest_news.jpg) no-repeat 0 -46px;
}
a.nav3:hover {
background-position: 0 0;
}
a.nav3_on{
width:158px;
background: url(../images/latest_news.jpg) no-repeat 0 0;
}

a.nav4 {
width:158px;
background: url(../images/free_trial.jpg) no-repeat 0 -46px;
}
a.nav4:hover {
background-position: 0 0;
}
a.nav4_on{
width:158px;
background: url(../images/free_trial.jpg) no-repeat 0 0;
}