body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
margin: 0px; padding: 0px; border: 0px;
}
.clear:after{
content:""; display: block; clear:both;
}
.clear{ zoom: 1; }



body {
font-family:Calibri;
background: url(images/bg.jpg) repeat-x;
background-color: #100E0E;
}

#container {
width: 800px; margin: 0 auto;
}

#navbar ul { 
display:block;
float: left;
height: 30px; 
list-style: none; 
background:url(images/nav_top.jpg) no-repeat;
}

#navbar ul li {
display: block;
height: 30px;
float:left;
}

#home {
width: 91px;
}
#about {
width: 120px;
}
#contact {
width: 145px;
}
#events {
width: 135px;
}
#advertise {
width: 225px;
}
#links {
width: 84px
}

#navbar ul li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
outline: none;
}

li#home a:hover {
background:url(images/nav_top.jpg) no-repeat 0 -30px;
}
li#about a:hover {
background:url(images/nav_top.jpg) no-repeat -91px -30px;
}
li#contact a:hover {
background:url(images/nav_top.jpg) no-repeat -211px -30px;
}
li#events a:hover {
background:url(images/nav_top.jpg) no-repeat -356px -30px;
}
li#advertise a:hover {
background:url(images/nav_top.jpg) no-repeat -491px -30px;
}
li#links a:hover {
background:url(images/nav_top.jpg) no-repeat -716px -30px;
}

#nav-description {
height: 54px;
float: left;
}

#left-side {
width: 222px;
float: left;
}

#right-side {
width: 578px;
float: left;
}

#logo {
margin-top: 10px;
width: 800px;
height: 110px;
background: url(images/logo-home.jpg) no-repeat;
}

#logo h1, p {
text-indent: -9999px;
}

#choose-event {
height: 200px;
background: url(images/chooseevent-bg.jpg) no-repeat;
}

#choose-event h1 {
font: Calibri;
font-size: 18px;
color: #7E7E7E;
}

#promotion {
height: 189px;
}

#social-networks {
height: 200px;
background: url(images/side-plain.jpg) no-repeat;
}

#home-slider {
float: left;
height: 259px;
margin-bottom: 20px;
width: 794px;
overflow: hidden;
border: solid 1px #FFFFFF;
}

#home-slider li {
list-style: none;
height: 259px;
}

#welcome {
float: left;
width: 576px;
height: 300px;
background: url(images/welcome.jpg) no-repeat;
font: Calibri;
}

#welcome h1 {
text-indent: -9999px;
}

#rydercup-home {
float: left;
width: 576px;
background: url(images/rydercup-home.jpg) no-repeat;
}

#rydercup-home h1 {
height: 86px;
text-indent: -9999px;
}

#wimbledon-home {
float: left;
width: 576px;
background: url(images/wimbledon-home.jpg) no-repeat;
}

#wimbledon-home h1 {
height: 106px;
text-indent: -9999px;
}

#olympics-home {
float: left;
width: 576px;
background: url(images/olympic-home.jpg) no-repeat;
}

#olympics-home h1 {
height: 89px;
text-indent: -9999px;
}

#footer {
margin: 0 auto;
width: 100%;
float: left;
height: 118px;
background: url(images/footer-bg.jpg) repeat-x;
}

/*contact page*/

#contact-info {
width: 576px;
height: 900px;
float: left;
}

#logo-contact {
margin-top: 10px;
height: 110px;
}

#contactpage-form {
background-color: #333333;
margin-top: 20px;
width: 500px;
height: 500px;
}

/*Ryder Cup 2010 page*/

#logo-rydercup2010 {
margin-top: 10px;
width: 800px;
height: 135px;
background: url(images/rydercup2010.jpg) no-repeat;
}

#logo-rydercup2010 h1, p {
text-indent: -9999px;
}

#rc2010-leftside {
float:left;
width: 400px;
height: 800px;
}

#rc2010-rightside {
float: left;
width: 400px;
height: 800px;
}

#rc2010-description {
width: 800px;
height: 60px;
}

/*advertise page*/

#advertise-logo {
margin-top: 10px;
width: 800px;
height: 135px;
background: url(images/advertise-logo.jpg) no-repeat;
}

#advertise-logo h1, p {
text-indent: -9999px;
}

#advertise-info {
float: left;
width: 576px;
font: Calibri;
}

#advertise-info h1 {
text-indent: -9999px;
}

#option1-side {
padding-top: 10px;
padding-left: 10px;
width: 150px;
height: 100px;
background: url(images/option1-bg2.jpg) no-repeat;
}

#option1-side h1 {
font: Calibri;
font-size: 18px;
color: #7E7E7E;
}

#option2-side {
padding-top: 10px;
padding-left: 10px;
height: 100px;
width: 200px;
background: url(images/option1-bg2.jpg) no-repeat;
}

#option2-side h1 {
font: Calibri;
font-size: 18px;
color: #7E7E7E;
}

#property-df {
margin-right: 30px;
height: 200px;
background: url(images/chooseevent-bg.jpg) no-repeat;
}

#property-df h1 {
font: Calibri;
font-size: 18px;
color: #7E7E7E;
}

#faq-link {
height: 189px;
}

/*faq page*/

#faqs {
float: left;
width: 576px;
height: 1000px;
background: url(images/faq-header.jpg) no-repeat;
font: Calibri;
}

#faqs h1 {
text-indent: -9999px;
}

#choose-event-faq {
height: 200px;
background: url(images/option1-bg.jpg) no-repeat;
}

#choose-event-faq h1 {
font: Calibri;
font-size: 18px;
color: #7E7E7E;
}

/*advertiseform page*/

#form {
width: 800px;
height: 1600px;
float: left;
}

/*events page*/

#events-info {
margin-right: 20px;
width: 429px;
height: 590px;
float: right;
}

#promotion-events {
height: 189px;
}

/*about page*/

#about-info {
margin-left: 70px;
width: 500px;
height: 850px;
float: right;
}

/*Ryder cup adverts*/

#rydercup-ad {
width: 800px;
float: left;
}

#rydercup2010ad-slider {
float: left;
height: 200px;
margin-bottom: 20px;
width: 400px;
overflow: hidden;
border: solid 1px #FFFFFF;
}

#rydercup2010ad-slider li {
list-style: none;
}

#ad-leftside {
width: 405px;
height: 250px;
float: left;
}

#ad-rightside {
padding-top: 30px;
width: 350px;
height: 220px;
float: left;
}

#ad-description {
width: 800px;
float: left;
}

#ad-photos {
width: 800px;
float: left;
}