@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* END "Reset CSS" ================================================== */

body, input.text, textarea { font-family: "Trebuchet MS", arial, sans-serif; }

body { background: #e8e8e8; color: #464749; text-align: center; font-size: 87.5%; /* 14px */ }

#wrapper { width: 960px; margin: 0 auto; text-align: left; padding: 18px; background: #fff; }

p.skip { display: none; }

/* General text style */

a { color: #4b4d5c; }
a:hover { background-color: #4b4d5c; color: #fff; text-decoration: underline; }
a:active { color: #000000; }	

strong { font-weight: bold; }
em { font-style: italic; }

p, h3, #content li { font-size: 0.785em; line-height: 1.545em; }
#content ul { margin: 0 0 12px 18px; }
#content li { list-style: disc; }

h3 { font-weight: bold; color: #4b4d5c;}

h2 { font-size: 0.857em; text-transform: uppercase; margin: 0 0 3px; }
#quote_box h2 { position: absolute; left: -999em; }
h2.tutortype { clear: both; color: #3e4159; margin: 20px 0 8px 75px; font-weight: bold; }


#become_a_writer h2, #settings h2, #why_us h2 { background-color: #ccc7ba; padding-top: 10px; line-height: 1; }
.image_box { margin: 0 0 10px; padding-top: 13px; border-top: 1px dotted #999; }

#logoblock { background: url(../images/clouds.jpg) no-repeat top left; height: 111px; width: 960px; border-bottom: 1px solid #fff; }
#logoblock img#logo { margin: 25px 0 0 22px; }

#navbar { background: #d3cbbd url(../images/navbar-bg.gif) top left; height: 1.4em;  }

ul#mainnav li { display: inline; font-size: 0.714em; text-transform: uppercase; }
ul#mainnav li a { float: left; display: block; padding: 5px 15px 5px; text-align: center; text-decoration: none; line-height: 1; border-right: 1px solid #fff; }
ul#mainnav li.active a { background-color: #4b4d5c; color: #fff; text-decoration: none; }

ul#contactinfo { float: right;}
ul#contactinfo li { display: inline; font-size: 0.714em; text-transform: uppercase; float: left; width: 151px; padding: 0; text-align: center; text-decoration: none; line-height: 1; }
ul#contactinfo li.phonenumber { padding: 5px 0; text-align: center; display: block; color: #fff; }
ul#contactinfo li a { float: left; display: block; padding: 5px 0 5px; text-align: center; text-decoration: none; line-height: 1; width: 151px; color: #fff; margin-left: }
ul#contactinfo li a:hover, ul#contactinfo li.active a { background-color: #d3cbbd; color: #4f536c; }

#main { width: 960px; clear: both; }

#mainimage { margin-bottom: 18px; padding-bottom: 6px; border-bottom: 1px dotted #999999; border-top: 1px solid #fff; }

#become_a_writer, #why_us, #settings { float: left; width: 200px; margin-right: 10px; }
#settings { margin-right: 38px; }

.row { float: left; clear: both; padding-bottom: 25px; width: 960px; }

#quote_box { width: 207px; float: left; padding: 27px 18px 18px 77px; background: #d8d6ca url(../images/quote-bg.jpg) top left no-repeat; }
blockquote#conversation { width: 207px; height: 198px; background: url(../images/conversation.gif) top left no-repeat; text-indent: -999em; margin: 0 0 25px; }

#what_you_take_away { background: #ccc8bb; width: 620px; float: left; margin-right: 38px; min-height: 110px; display: inline; }
#what_you_take_away h2 { border-bottom: 1px dotted #999; padding: 10px 0 3px; color: #4b4d5c; }
#what_you_take_away p { padding: 10px 14px 8px; }

#bookings { float: right; width: 302px; background: #d8d6ca url(../images/booking-box-bg.jpg) bottom left no-repeat; min-height: 110px; display: inline; }
#bookings h2 { background: url(../images/bookings.gif) top left no-repeat; width: 200px; height: 22px; text-indent: -999em; margin: 7px 0 12px; }
#bookings p { margin: 0 0 10px 77px; }

#leftcol { width: 200px; float: left; margin: 15px 21px 0 0; display: inline; padding-bottom: 20px; }

#subnav li { text-transform: uppercase; font-size: 0.8em; height: 1%; }
#subnav a { padding: 7px 0; text-decoration: none; border-bottom: 1px dotted #999; display: block; }
#subnav a:hover { background-color: #fff; color: #999; }
#subnav li.active a { font-weight: bold; }
#subnav li.active a:hover { color: #4b4d5c; }

#content { width: 514px; float: left; margin: 15px 11px 0 0; padding-bottom: 20px; }
#content img { margin: 0 0 12px; }
#content p { margin: 0 0 12px; }

#content img.portrait { float: left; margin: 3px 0 12px 0; }

.booking-form { margin: 30px 0;}
.booking-form a { background-color: #ccc7ba; padding: 4px 12px; text-transform: uppercase; font-size: 0.785em; color: #3e4159; text-decoration: none; }
.booking-form a:hover { background-color: #e2dfd6; }

#leftcol h3 { background-color: #ccc7ba; padding-top: 10px; line-height: 1; text-transform: uppercase;}

label { font-size: 0.785em; padding: 8px 0; display: block;  }
select, input, textarea { width: 200px; font-size: 0.785em; margin: 0; }
input, textarea { background-color: #e5e3dc; border: 0; width: 192px; padding: 3px 4px;}
textarea { height: 50px; }
input.submit { width: auto; padding: 0; float: right; width: 38px; margin-top: 20px; }
span.float_left { font-size: 0.785em; float: left; margin-top: 10px; width: 90px; }

.tutorbox { clear: both; }
.tutortext { width: 439px; float: right; }

.venuebox { clear: both; }
.venuetext { width: 391px; float: right; }
#content img.thumb { float: left; }

.pictures { padding: 17px 17px 0; background-color: #f0f0f0; margin-bottom: 20px; }
.pictures h4 { font-size: 0.785em; margin: 0 0 8px; }
#content .pictures img { margin: 0 0 17px; }

#footer { clear: both; border-top: 1px dotted #999999; padding: 7px 0 11px; width: 960px; position: relative;}
#footer a { color: #686a6d; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer ul { position: absolute; top: 11px; left: 0; width: 500px; padding: 0; margin: 0; }
#footer ul.right { left: 500px; width: 460px; }
#footer li { float: left; font-size: 0.714em; margin-right: 17px; }
#footer ul.right li { float: right; margin-right: 0; margin-left: 17px;  }

.hide { display: none; }

/* END PAGE-SPECIFIC ================================================ */
}  /* close @media rule */