* {margin: 0; padding: 0;}
.clearfix {display: block; clear: both;}

body {background-color: #fff; font-size: 13px; font-family: arial, helvetica; }
#wrapper {width: 810px; margin: auto;}

p {padding: 10px 0 10px 0;}
li { font-family: arial, helvetica;}
a {font-family: arial, helvetica; color: #47973e; font-weight: bold; text-decoration: none;}
a:hover {color: #3341b4; text-decoration: underline;}

h1, h2, h3 {font-family: Georgia, Times;}

h1 {font-size: 30px; color: #444; font-weight: normal; padding: 0 0 15px 0;}
h2 {font-size: 20px; color: #3341b4; font-weight: normal;}
h3 {font-size: 18px; color: #3341b4; font-weight: normal; padding: 15px 0 0 0;}

/* header */
#header {height: 85px; padding: 15px 0 10px 0; margin: 0 0 30px 0; border-bottom: 1px solid #bbb;}
#header img {border: 0;}

#logo {float: left; width: 180px; height: 60px; padding: 5px 0 0 0;}
#telephone {float: right; width: 250px; text-align: right; padding: 5px 0 0 0; color: #444;}
#number {font-size: 30px; font-weight: bold;}

/* main navigation */
ul.nav {float: left; width: 140px; padding: 0 40px 0 0;}
ul.nav li {list-style-type: none; }
ul.nav a {display: block; height: 28px; text-decoration: none; border-bottom: 1px dashed #ccc; padding: 10px 0 0 0;}
ul.nav a:hover {text-decoration: underline;}
body#home .intuitionhome, body#learn .intuitionlearn, body#about .intuitionabout, body#venue .intuitionvenue, body#bookings .intuitionbookings, body#contact .intuitioncontact {color: #3341b4;}

#main-content {width: 630px; float: left;}
#main-content p {width: 410px;}
#main-content a {} .normal-link {display: inline; font-weight: normal;}
#main-content img {float: right;}

ul.benefits {padding: 20px 0 20px 0; list-style-type: none;}
ul.benefits li {background-image: url(/images/bullet.png); background-position: 0px 3px; background-repeat: no-repeat; width: 380px; padding: 0 0 15px 20px;}

/* base navigation */
ul.base-nav {float: left; height: 30px; padding: 60px 0 20px 180px;}
ul.base-nav li {display: inline; list-style-type: none; padding: 0 10px 0 0;}
ul.base-nav a {color: #666; font-weight: normal;}

/* contact form details */
form {float: left; width: 320px; margin: 10px 0 0 0; padding: 0;}
fieldset {} legend {}
label, input, textarea {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; float: left; clear: left;}
input, textarea {padding: 3px; border: 1px solid gray;}
label {line-height: 280%;}
textarea {margin: 0 0 15px 0;}
input:focus, textarea:focus {background: #dce8ff;}

/* footer */
#footer {float: left; height: 40px; width: 100%; border-top: 1px solid #bbb; border-bottm: 1px solid #bbb;}
.text-left {float: left;}
.text-right {float: right;}
.large-telephone {font-size: 20px; font-weight: bold; line-height: 200%;}

/* misc */
.button a {padding: 10px; display: block; background-color: #2da925; color: white; border: 1px solid #333; width: 280px; -moz-border-radius: 10px; -webkit-border-radius-: 10px;}
.button a:hover {padding: 10px; display: block; background-color: #3341b4; color: white; border: 1px solid #333; width: 280px; -moz-border-radius: 10px; -webkit-border-radius-: 10px; text-decoration: none;	}
.web-credits {float: left; font-size: 10px; padding: 0 0 20px 0; color: #777;}
.web-credits a {color: #333; text-decoration: underline;}
.web-credits a:hover {color: #3341b4; text-decoration: none;}
.contact a {display: block; line-height: 200%;}
.message-sent {border: 1px solid #aaa; background-color: #eee; padding: 10px; width: 430px; margin: 20px 0 0 0;}