/*          Author: Andrew WC Brown   Link:http://www.monsterboxproductions.com    */
/* Default------------------------------------------------------------------------ */
html,body{ width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(0,150,0) url(../images/bg.jpg); }
body{ font: normal 14px "Lucida Grande",Arial,Helvetica,sans-serif; }
h1,h2,h3,h4{ font-family: Arial;  font-size: 15px; margin: 0px; }
h2,h3 { font-weight: normal; font-size: 22px;  margin-bottom: 10px;}
h3 { font-size: 18px; }
p{ margin: 10px 0px; line-height: 1.7em; font-size: 14px; }
p2{ margin: 10px 0px; line-height: 1.7em; font-size: 12px;}
a{ color: rgb(0,0,255); text-decoration: none; }
a:hover{ text-decoration: underline; }
img{ display: block; border: 0px; }
br { clear: both;}
div.clear { clear: both;}
div.top { height: 10px; }
div.container { width: 960px; margin: 0px auto; background: rgb(255,255,255); }
/* Header------------------------------------------------------------------------ */
div.header { padding: 10px; padding-bottom: 0px; background: url(../images/header_bg.jpg) no-repeat top; }
div.header h1 { display: block; background: url(../images/header_logo.jpg) no-repeat; width: 300px; height: 103px;}
div.header span { display: none; }
/* Navigation-------------------------------------------------------------------- */
div.navigation_wrap { clear: both;  background: rgb(255,255,255); }
div.navigation_wrap div.navigation{ background: rgb(0,150,0); height: 37px; border: solid 1px rgb(0,150,0); width: 940px; margin: 0 auto; }
div.navigation_wrap div.navigation ul{ margin: 0; padding: 0; }
div.navigation_wrap div.navigation li{ display: inline; list-style: none; margin: 0; padding: 0; }
div.navigation_wrap div.navigation a{ float: left; font-size: 12.4px; color: rgb(255,255,255); font-weight: 400; background: rgb(22,167,22); border-right: solid 1.5px rgb(0,150,0); height: 22px; margin: 0; padding: 6px 6px 8px; padding-top: 8px;}
div.navigation_wrap div.navigation a.active{ background: rgb(0,0,122); color: rgb(255,255,255); }
div.navigation_wrap div.navigation a.active:hover{ background: rgb(0,0,122); color: rgb(255,255,255); }
div.navigation_wrap div.navigation a:hover{ background: rgb(15,187,15); color: rgb(255,255,255); text-decoration: none; }
div.navigation_wrap div.navigation li.right_side{ float: right; }
div.navigation_wrap div.navigation li.right_side a{ border-right: 0; border-left: solid 1px rgb(0,150,0); }
/* Content---------------------------------------------------------------------- */
div.content { background: rgb(255,255,255); padding: 10px; }
div.content_wrap { float: right; width: 750px;}
div.buildings h2 { clear: both; padding-bottom: 0px; line-height: 1em; }
div.buildings img { float: right; border: solid 1px rgb(120,120,120); }
div.buildings p { width: 520px; padding-top: 0px; }
div.content h2.large { font-size: 32px; margin-bottom: 0px; line-height: 1em;}
div.content p.large { color: rgb(60,160,60); font-size: 24px; font-weight: bold; margin-top: 0px; line-height: 1em; text-transform: uppercase; }
div.content img.large { padding-top: 5px;}
div.facts h3 { border-bottom: solid 1px rgb(150,150,150); font-weight: bold; font-size: 15px; text-transform: uppercase; margin-bottom: 0px; padding-top: 15px;}
div.facts ul.alternate { margin: 0px; padding: 0px; margin-left: 40px;}
div.facts ul.alternate li { padding: 5px; padding-left: 0px; }
div.facts div.disclaimer { color: rgb(255,0,0); padding: 10px 0px; font-weight: bold; }
div.facts div.fact_left { float: left; width: 350px; }
div.facts div.fact_right { float: right; width: 350px; }

div.sections img { float: left; margin-right: 6px; }

div.reserve { margin-bottom: 40px; }
div.reserve div.title { float: left; width: 280px; }
div.reserve p.name { font-size: 20px; font-weight: bold; margin-bottom: 0px; line-height: 1em; }
div.reserve p.title { margin: 0px; line-height: 1em; padding-top: 5px; }
div.reserve div.info { float: right; width: 450px;}
div.reserve div.info p { margin: 2px 0px;}
div.reserve div.alt { border-top: solid 1px rgb(230,230,230); }

div.contact_area { margin-bottom: 40px; width: 480px; margin: 0px auto; padding-top: 20px;}
div.contact_area div.title { float: left; width: 200px; }
div.contact_area p.name { font-size: 20px; font-weight: bold; margin-bottom: 0px; line-height: 1em; }
div.contact_area p.title { margin: 0px; line-height: 1em; padding-top: 5px; }
div.contact_area div.info { float: left; width: 280px;}
div.contact_area div.info p { margin: 2px 0px;}
div.contact_area div.alt { border-top: solid 1px rgb(230,230,230); }

div.gallery { padding-top: 10px; }
div.gallery img { float: left; margin: 3px; }
div.gallery a img { border: 4px solid rgb(180,180,180); }
div.gallery a:hover img { border: 4px solid rgb(0,0,255); }
table.levels { border-collapse: collapse; width: 100%; margin-top: 10px; }
table.levels td { border: solid 1px rgb(200,200,200); padding: 5px;}
table.levels tr.alt td { background: rgb(230,230,230); }

div.plans { margin-bottom: 30px; }
div.plans h2 { margin-top: 40px; }

div.photos { margin-bottom: 30px; }
div.photos h2 { margin-top: 40px; }

div.floor_navigation { background: rgb(240,240,240);  }
div.floor_navigation ul { margin: 0px; padding: 0px; list-style-type: none; height: 46px; }
div.floor_navigation li { float: left; padding: 10px;}
div.floor_navigation a { float: left; padding: 4px 8px; }
div.floor_navigation a:hover { background: rgb(0,0,255); color: rgb(255,255,0); text-decoration: none; }
div.floor_navigation a.active { background: rgb(0,0,255); color: rgb(255,255,255); }

div.home_building { float: left; width: 305px; }
div.home_building h3 { font-size: 16px; text-transform: uppercase; margin-top: 5px; clear: both; }
div.mckellar_business { padding: 0px 10px; }

p.intro { font-size: 15px; line-height: 1.8em; }

div.area h3 { border-bottom: solid 1px rgb(150,150,150); font-weight: bold; font-size: 15px; text-transform: uppercase; margin-bottom: 0px; padding-top: 15px;}
/* Tabs---------------------------------------------------------------------- */
div.tabs { margin: 5px 0px; clear: both; }
div.tabs ul { background: url(../images/nav_bg.jpg) repeat-x bottom; height: 26px; padding: 0px; margin: 0px; border-left: solid 1px rgb(160,160,160);}
div.tabs li { display: inline; padding: 0px; }
div.tabs a{ color: rgb(100,100,150); background: rgb(240,240,255); height: 12px; font-size: 14px; float: left; border: solid 1px rgb(160,160,160); border-left: 0px;  padding: 8px; padding-top: 4px; }
div.tabs a.active, div.tabs a:hover{ background: rgb(255,255,255); color: rgb(0,0,0); border-bottom: solid 1px rgb(255,255,255); text-decoration: none; }
/* Column---------------------------------------------------------------------- */
div.column { float: left; width: 167px; padding: 10px;}
div.side_navigation { background: rgb(0,150,0); }
div.side_navigation ul { list-style-type: none; padding: 0px; margin: 0px; }
div.side_navigation li { padding: 0px; margin: 0px;  }
div.side_navigation li a{ display: block; background: rgb(22,167,22); color: rgb(255,255,255); border-bottom: 1px solid rgb(0,150,0); font-size: 14px; padding: 7px 6px; width: 167px; }
div.side_navigation li a:hover { background: rgb(15,187,15); text-decoration: underline; }
div.side_navigation li a.active{ background: rgb(0,0,122); color: rgb(255,255,255); }
/* Footer---------------------------------------------------------------------- */
div.footer { background: rgb(255,255,255) url(../images/footer_bg.jpg) no-repeat bottom; padding: 10px; margin-top: 5px; clear: both; }
div.footer p { margin: 0px; padding-top: 10px; border-top: 1px dashed rgb(200,250,200) }