@charset "UTF-8";
/* CSS Document */
html {  height: 100%; }
body { background: url(http://www.ukeesurfschool.com/assets/images/new_header.jpg) center top no-repeat; margin: 0px; font-family: trebuchet MS, sans-serif; color: #234d78;  height: 100%;}
img { border: none;}
ul { margin: 0; list-style-type: none; }
h1, #sub_content #phone_no { font: xx-large georgia, serif; color: #234d78; margin: 0px; margin-top: 30px; margin-left: 10px;}
h2 { font: x-large georgia, sans-serif; color: #234d78; margin: 15px 0 10px 10px; }
#header { height: 279px; width: 960px; margin: 0 auto; padding-top: 10px;}
#branding {width: 230px; height: 253px; background: url(http://www.ukeesurfschool.com/assets/images/logo_canvas.png) no-repeat left top; margin-left: 15px; float: right; margin-right: 45px; }
#branding img { margin-left: 33px; margin-top: 5px;}
#branding a img {margin-top: 5px; margin-left: 8px;}
#main_navigation { background: url(http://www.ukeesurfschool.com/assets/images/nav_gradient.gif) left top repeat-x; height: 53px;}
#main_navigation ul { width: 960px; margin: auto; padding-top: 5px; }
#main_navigation ul li {  background: url(http://www.ukeesurfschool.com/assets/images/separator.gif) 0px 5px no-repeat; padding: 15px 10px 10px 10px; float: left; }
#main_navigation ul li#first { background-image: none; }
#main_navigation ul li a { background: url(http://www.ukeesurfschool.com/assets/images/home.gif) center top no-repeat; padding-right: 10px; width: 71px; height: 15px; float: left; text-indent: -4000px;}
#main_navigation ul li a#home { background-image: url(http://www.ukeesurfschool.com/assets/images/home.gif); }
#main_navigation ul li a#about { background-image: url(http://www.ukeesurfschool.com/assets/images/about.gif); width: 80px;}
#main_navigation ul li a#lessons { background-image: url(http://www.ukeesurfschool.com/assets/images/lessons.gif); width: 103px;}
#main_navigation ul li a#rentals { background-image: url(http://www.ukeesurfschool.com/assets/images/rentals.gif); width: 103px;}	
#main_navigation ul li a#gallery { background-image: url(http://www.ukeesurfschool.com/assets/images/gallery.gif); width: 99px;}	
#main_navigation ul li a#location { background-image: url(http://www.ukeesurfschool.com/assets/images/location.gif); width: 110px;}		
#main_navigation ul li a#contact { background-image: url(http://www.ukeesurfschool.com/assets/images/contact.gif); width: 110px;}
#main_navigation ul li a#admin { background-image: url(http://www.ukeesurfschool.com/assets/images/admin.gif); width: 110px;}			
#content_wrap {  width: 960px; margin: 0 auto; }
#main_content { width: 655px; padding: 0px 0px 20px 0px; float: left; }
#main_content p { padding: 0 15px; }
#main_content #benefits { background: url(http://www.ukeesurfschool.com/assets/images/learn_panel.jpg) left top no-repeat; width: 623px; height: 225px; padding: 15px; }
#main_content #benefits ul { margin: 25px 0 20px 10px; padding: 0px; } 
#main_content #benefits ul li { width: 270px; float: left; background: url(http://www.ukeesurfschool.com/assets/images/bullet.gif) 0px top no-repeat; padding: 2px 0px 5px 30px; }	
#main_content #benefits h2, #main_content #wave_report h2 { font-size: 170%;  }
#main_content #benefits h3 { clear: left; font: x-large georgia, sans-serif; width: 310px; margin-left: 10px; float: left;  }
#main_content #benefits a { float: left; margin-top: 15px; }
#main_content #wave_report { background: url(http://www.ukeesurfschool.com/assets/images/wave_report.jpg) left top no-repeat; width: 312px; height: 366px; margin-top: 10px; float: left;}
#main_content #wave_report h2 { margin: 25px 0 0 25px }
#main_content #wave_report table.RSSreport { font-size: small; margin-left: 25px; margin-top: 10px; }
#main_content #wave_report table.RSSreport td {  padding: 3px 0; line-height: 1.5em;}
#main_content img#quote { float: left; width: 312px; height: 366px; margin-top: 10px; }
#main_content #slide { margin: 25px 0 0 5px;}
#main_content #location { margin-left: 20px;}
#main_content #location p { padding-left: 0; }
#main_content h3 {margin-left: 10px;}
#main_content #formlabel{ font-size:16px;}
#main_content #theIput{float:left;}
/*#main_content #cal_image{float:left;}*/


#sub_content { width: 300px; float: left; background: url(http://www.ukeesurfschool.com/assets/images/sidebar_back.gif) left top repeat-y; height: 100%; }
.about_pic { margin-left: 20px;}
#gallery #sub_content { height: 950px; }
#lessons #sub_content {  height: 800px;}
#sub_content #phone_no { margin: 0px; text-align: right; margin-right: 30px;}
#sub_content #sean_message { margin-left: 25px; margin-top: 30px; }
#sub_content #shout { margin: 10px 0 0 17px; }
#sub_content #facebook { width: 220px; margin: 0 auto; text-align: center; }
#flickr_badge_uber_wrapper {text-align:center; width: 300px; }
#flickr_badge_wrapper {padding:10px 0 10px 30px;}
.flickr_badge_image { width: 75px; float: left;}
.flickr_badge_image img {margin: 5px 0px 0px 5px; width: 65px; height: 65px; border: 3px solid #e4e2e2;}
#flickr_badge_wrapper br {clear: left;}
#mail label {width: 120px; float: left;}
#mail fieldset { border: none;}
#mail input, #mail textarea { width: 250px; float: left;}
#mail br { clear: left;}
#mail #post { margin-left: 120px; width: 80px; }
h3.info { clear: left; padding: 30px 0 20px 0; }
.surfer { clear: left; }
p.proceed { clear: left; }
#form1 label, #form2 label { clear: left; font-size: small; width: 140px; float: left; text-align: right; padding-right: 10px; }
#form1 input{ width: 130px; float: left;}
#form2 input, #form2 select, #form2 .theTextarea { width: 200px; float: left;}
#footer {  clear: both; background-color: #f8fefe; border-top: 3px solid #eaeaea; }
#footer p { width: 950px; margin: 0 auto; font-size: x-small; color: #666; padding: 15px 0 50px 0; text-align: right;}