/*

Site Colours
---------------------------
green				#B0D600
dark green			#004812
blue				#049CEA
---------------------------

*/



/* @group Shortcuts */
.fl { float:left; }
.fr { float:right; }
.clr { clear:both; }
.di { display:inline; }
.db { display:block; }
.dn { display:none; }
strong { font-weight:bold; }
.comical { font-family:"Comic Sans MS", sans-serif; }
.mt { margin-top:5px; }
.ml { margin-left:5px; }
.m10 {margin: 10px;}
.w200px {width: 200px;}
/* @end */

/* @group Elements */
body { font-family:'Lucida Grande', Geneva, Verdana, sans-serif; background:#dbd8bd; font-size:12px; line-height:18px; }
p { margin-bottom:20px; }
ul { list-style-type:disc; margin:0 0 20px 15px; }
h1 { font-family:"Comic Sans MS", sans-serif; font-size:20px; margin-bottom:20px; }
h2 { font-weight:bold; font-size:14px; }
em { font-style:italic; }
input,select { width:200px; }
input.btn { width:auto; }
textarea { width:400px; height:150px; }
table.form td { padding:3px; vertical-align:top; }
img.inline { margin:0 10px 10px; border:1px solid #999; }
a { color:#000; }

/* doesn't work
div#vacation_rentals { font-size: 10px; margin-bottom: 10px; font-family: "Comic Sans MS", "Brush Script MT", cursive; } */

div#vacation_rentals {font-family: "Comic Sans MS", "Brush Script MT", cursive; color:#004812; font-size: 10px; margin-bottom: 10px; }
/* @end */

/* @group Structuce */
#skip { display:none; }
#container { margin:20px auto; width:860px; border:13px solid #fff; background:transparent url(../images/top_bg.png) no-repeat; }
#header { padding:0 70px; height:157px; background:transparent url(../images/top_right_florals.png) no-repeat; background-position:top right; position:relative; top:0; left:0; }
#content { position:relative; clear: left; padding:10px 70px; min-height:325px; background:transparent url(../images/right_florals.png) repeat-y; background-position:top right; }
.inner_content { padding:0 55px; }
.inner_gallery { padding:0 20px; }
#footer { height:139px; background:transparent url(../images/footer_florals.png) no-repeat; width:860px; position:relative; top:0; left:0; }
.logo { padding-top:14px; margin-bottom:15px; }
#greymatter-logo { width:886px; margin:0 auto 50px; padding:0 0 20px; border:0 solid red; }
#greymatter-logo a { float:right; display:block; margin:0; width:129px; height:23px; background:url(../images/greymatter_logo.png) no-repeat; }

/* @end */

/* @group Home */
.company_desc { width:238px; padding:5px 5px 5px 0; font-size:10px; color:#222; height:188px; line-height:12px; text-align:justify; }
.company_desc p { margin-bottom:10px; }
.coast_desc { width:130px; padding:10px; height:188px; background:#ffd24f; font-size:16px; color:#fff; line-height:18px; }
.weather_widget { width:189px; height:113px; background:#fff; }
.pool_desc { width:110px; padding:10px; height:93px; background:#d5e04d; font-size:16px; color:#fff; line-height:18px; }
.volcano_desc { width:102px; padding:10px; height:93px; background:#1ab7ea; font-size:16px; color:#fff; line-height:18px; }
.welcome { padding-top:71px; }
.info_tile { text-decoration:none; display:block; border:1px solid #bebdab; background:#d1cfbe; color:#000; padding:10px; font-size:13px; width:165px; line-height:16px; margin:15px 0 0 265px; }
.info_tile:hover { text-decoration:underline; }
#video_preview { position:absolute; top:0; right:35px; width:200px; }
#video_preview a img { float:left; }
#video_preview #preview_text { float:left; width:110px; margin:15px 0 0 10px; }

/* @end */

/* @group Navigation */
#navigation { width:724px; height:19px; margin:0; background:transparent url(../images/navigation_bg.png); list-style:none; }
#navigation li { float: left; }
#navigation a { text-align:center; margin:0 2px 0 0; height:18px; display:block; color:#fff; text-decoration:none; font-weight:bold; font-size:10px; text-transform:uppercase; }
#navigation a:hover { color:#FFD24F; }
#about_btn { width:125px; }
#photo_btn { width:122px; }
#rates_btn { width:98px; }
#todo_btn { width:124px; }
#rsvp_btn { width:117px; }
#navigation #contact_btn { width:124px; margin-right:0; }

/* @end */

/* @group Tables */
table.rates { border:1px solid #bebdab; background:#d1cfbe; padding:10px; text-align:left; margin:0 0 20px; width:100%; color:#666; font-size:14px; }
table.rates th { color:#1ab7ea; }
table.rates th { padding:10px 5px 5px; }
table.rates td { padding:2px; }
table.rates .rooms { width:150px; }


#methods_of_payment  {list-style-type: decimal;}
#methods_of_payment li {margin-left: 20px;}
/* @end */

/* @group Extras */
.map { margin:20px; border:0px solid #999; }
.pad { padding-top:30px; }

/* @end */

/* @group Photo Gallery */
#gallery { width:480px; padding:10px; background:#fff; }
#gallery #large { width:480px; }
#gallery #caption { padding:10px 0; }
#gallery #thumb_bar { padding:10px 0; }
#gallery #thumb_bar #thumbs { width:432px; overflow:hidden; height:74px; }
#gallery #thumb_bar #thumbs a { margin:0 5px; border:1px solid #ccc; padding:1px; }
#gallery #thumb_bar #slide_right { width:22px; height:72px; background:transparent url(../images/arrow_right.gif) no-repeat; border:1px solid #ccc; background-position:7px 27px; }
#gallery #thumb_bar #slide_left { width:22px; height:72px; background:transparent url(../images/arrow_left.gif) no-repeat; border:1px solid #ccc; background-position:7px 27px; }
#gallery_list { margin:0 0 0 30px; }
#main_img { width:720px; }
#gallery_submenu { width:720px; height:18px; background:#B0D600; border:0 solid red; margin:0; position:relative; }
#gallery_submenu li { display:inline; list-style-type:none; }
#gallery_submenu a { background:transparent url(../images/menu_g.png); float:left; text-align:center; padding:0 20px; height:18px; display:block; color:#fff; text-decoration:none; text-transform:capitalize; font-weight:bold; font-size:10px; }
#gallery_submenu a:hover,#gallery_submenu li.selected a { color:#000; }

/* @end */
#subgallery_submenu { width:720px; height:18px; background:#049CEB; border:0 solid red; margin:0; position:relative; }
#subgallery_submenu li { display:inline; list-style-type:none; }
#subgallery_submenu a { background:transparent url(../images/menu_g.png); float:left; text-align:center; padding:0 20px; height:18px; display:block; color:#fff; text-decoration:none; text-transform:capitalize; font-weight:bold; font-size:10px; }
#subgallery_submenu a:hover,#subgallery_submenu li.selected a { color:#222; }
#image_name { background:#fff; text-align:center; padding-bottom:10px; }
#weather { position:absolute; top:25px; right:70px; }

/* @end */

#googlemap {font-size: 16px; text-decoration: none; text-align: center; color: #049CEA; display: block; text-transform: uppercase; font-weight: bold; padding: 20px;}
#googlemap:hover {text-decoration: underline;}