/* -----------------------------------------------------------------------

   Import the Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

----------------------------------------------------------------------- */

@import "src/reset.css";    
@import "src/typography.css";    
@import "src/forms.css";      
@import "src/ie.css";


/* Global Settings
-------------------------------------------------------------- */

body { margin:0; width:1024px; position:relative; background:#fff url(../img/bg-header.png) repeat-x top left;}
div {text-align:left;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}


/* Grid Settings
-------------------------------------------------------------- */

.col1 {width:230px; margin-right:20px;}
.col2 {width:480px; margin-right:20px; padding-left:30px;}
.col3 {width:730px; margin-right:20px;}
.col4 {width:982px; margin-right:20px; padding-left:30px;}

.last {padding-left:0; margin-right:0;}



/* Page Settings
-------------------------------------------------------------- */

#header h1 {text-indent:-9999px; background:url(../img/logo-theBothy.png) no-repeat top left; width:495px; height:314px;}
#header h2 {text-indent:-9999px;}
#tour {position:absolute; top:25px; left:528px; background-image:url(../img/bg-fade.jpg);}
#intro {margin-top:-18px;} /* Pull left hand column up to the title image */
#location {margin-top:36px;} /* Drop down below te tour frame */
#rates {background:#f9f9f2 url(../img/img-leafInset.gif) top right no-repeat;}
#footer {padding:27px 0 36px 30px; font-size:12px;}