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

/* TOUR DE WAGGA - Aug 2009 v1*/

body {font-family: Verdana, Geneva, sans-serif; line-height: 1.2; font-size: 13px; color:#333; background:#666 url(../images/bg_body.jpg) repeat 0; margin:0; padding:0;}
.strong {font-weight:bold;}
img.image {border: 1px sold #333;}

div#wrap {width: 1080px; margin: 0 auto; background:url(../images/bg_wrap.png) repeat-y 0;}
div#header {width:1001px; height:200px; position: relative; margin:0 auto; background:url(../images/bg_header.png) no-repeat; color:#FFF;}
	div#header h1.logo {text-indent:-9999px; background:url(../images/logo_TourDeWagga.png) no-repeat; display:block; width:315px; height:68px; position:absolute; top:40px; left:92px;}
	div#header h1{font-size:21px; padding:105px 0 0 100px; letter-spacing:-0.3px;}
	div#header h2{font-size:14px; font-style:italic; text-align:right; padding:30px 40px 0 0;}
	div#header h2 span{font-weight:normal;}

div#container {width:940px; background:#999 url(../images/bg_container.jpg) repeat 0; padding:10px 0; margin:0 auto;}

div#benefits {font-size:18px; color:#FFF; font-style:italic; padding-left:35px;}
	div#benefits ul li {float:left; list-style:none; padding:0 15px; letter-spacing:-0.3px;}
div#about {clear:both; margin-left:15px; background:url(../images/bg_about.png) no-repeat; height:110px; padding-top:35px;}
div#about p {width:560px; margin-left:50px; font-size:13px; font-weight:bold;}
div#banana {background:url(../images/banana.png) no-repeat; width:222px; height:52px; float:right; text-indent:-9999px; margin-right:50px;}
div#nav {width:840px; height:54px; background:#333 url(../images/bg_nav.jpg); padding-left:16px;}
	div#nav ul {margin:0 auto}
	div#nav ul li {float:left; list-style:none; padding:16px 12px; letter-spacing:-0.3px; font-size:16px; font-style:italic; font-weight:bold}
	div#nav ul li a {text-decoration:none; color:#CCC;}
	div#nav ul li a:hover {color:#FD1912;}
		
div#infoBox {width:635px; height:433px; margin:0 auto; padding:25px; margin-top:-22px; background:url(../images/bg_infoBox.png) no-repeat;}
	div#infoBox .info {margin-left:10px;}
		div#infoBox .info a {color:#333;}
		div#infoBox .info a:hover {color:#444;}
	div#infoBox .panel {padding-left:15px;}
	div#infoBox .panel h1 {background:url("../images/bg_headers.png") no-repeat scroll center 0 transparent; color:#FFFFFF; font-style:italic; padding-bottom:22px; padding-top:4px; text-align:center;}
	div#infoBox .panel h3 {margin-bottom:5px;}
	div#infoBox .panel ul li {font-size:14px; list-style-image:url(../images/bullet.gif); line-height:22px; margin-left:30px}
	
	div#infoBox table{border-collapse:collapse; font-size:14px; margin:20px 5px;}
	div#infoBox th[scope="row"] {background-color:#F0F0F0; color:#575757; width:29%;}
	div#infoBox th, div#infoBox td {text-align:left; border-bottom:1px solid #bbb; border-top:1px solid #bbb; padding:1px 2px; text-align:left; vertical-align:top;}
	
	div#infoBox .btn {position:absolute; font-size:14px; font-style:italic; font-weight:bold; margin-top:7px;}
		div#infoBox .btn a{text-decoration:none; color:#333;}
		div#infoBox .btn a:hover{text-decoration:none; color:#444;}
		div#infoBox .btnPrev {margin-left:-20px;}
		div#infoBox .btnNext {margin-left:520px;}

	div#infoBox .image img {border: 1px solid #333; display:block;}
	div#infoBox .caption {font-weight:bold;}
	div#infoBox #DailyBtn {float:right; background:url(../images/btn_dailybreakdown.png) no-repeat; width:124px; height:48px; margin-right:20px; margin-top:110px;}
		div#infoBox #DailyBtn:hover {background-position:0 -48px;}
		
	div#infoBox .imageInside {margin:0 auto; margin-left:45px}

div#footer {background:url(../images/bg_footer.png) no-repeat; width:1080px; display:block; height:73px; margin:0 auto; position:relative}
div#disclaimer {font-size:9px; line-height:12px; width:640px; padding:18px 35px 10px 92px; float:left;}
	div#disclaimer p {margin:0;}
div#sponsor {font-size:12px; font-weight:bold;}
	div#sponsor p {position:absolute; top:28px; right:160px; margin:0;}
div#SSWLogoSponsor {position:absolute; right:85px; top:13px; margin:0;}

/*Daily Breakdown */

div#dailyBreakDownContent {padding:0 40px; color:#FFF;}
div#dailyBreakDownContent h1 {margin:25px 0 20px; font-size:14px}
div#dailyBreakDownContent h2 {margin:50px 0 5px; font-size:20px; border-top:1px solid #666; height:40px; padding-top:15px; text-align:center; background:url(../images/bg_h2maps.png) no-repeat 120px 10px;}
div#dailyBreakDownContent img {border: 1px solid #333; display:block;}
div#dailyBreakDownContent a {color:#FFF;}
div#dailyBreakDownContent a:hover {color:#eee;}


/*Slider */

#slider {
    width: 840px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 350px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    height: 370px;
    width: 620px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {display: inline;}

ul.navigation a.selected {}

ul.navigation a:focus {outline: none;}

.scrollButtons {
    position: absolute;
    top: 190px;
    cursor: pointer;
}

.scrollButtons.left {left: 55px;}

.scrollButtons.right {right: 55px;}

.hide {display: none;}

/* Reset.css Original by Erik Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;}