/* CSS Document */

/* Global Layout Styles */

html,body{margin:0;padding:0}

body {
font: 0.9em/1.5em "Trebuchet MS", Verdana, sans-serif;
background:#000;
text-align:center;
color: #fff;
}

#container {
width:980px;
margin:0 auto;
padding:0;
}

#header {
height:393px;
background: url(../assets/banners/loch-lomond-jump.jpg) no-repeat;
margin:0;
padding:0;
}

#header.packages {background: url(../assets/banners/still-loch-lomond.jpg) no-repeat;}
#header.lodgings {background: url(../assets/banners/jetty.jpg) no-repeat;}
#header.day {background: url(../assets/banners/sam1.jpg) no-repeat;}
#header.trip {background: url(../assets/banners/kent.jpg) no-repeat;}
#header.coaches {background: url(../assets/banners/tim.jpg) no-repeat;}
#header.equip {background: url(../assets/banners/rope-throw.jpg) no-repeat;}
#header.photos {background: url(../assets/banners/nd10.jpg) no-repeat;}
#header.videos {background: url(../assets/banners/videos.jpg) no-repeat;}
#header.cool {background: url(../assets/banners/cool.jpg) no-repeat;}
#header.hello {background: url(../assets/banners/hello.jpg) no-repeat;}

#mainnav {margin:0; padding:0; height:55px;}

#wrapper {
float:left;
width:100%;
margin:0;}

#content {
background: url(../assets/generic/content_bg.gif) no-repeat left center;
margin-right: 560px;
min-height: 406px;
}

#middle{
float:left;
width:280px;
margin-left:-560px;
}

#right {
float:right;
width:260px;
margin-left:-260px;
margin-bottom:20px;
}

#fullcontent {
background:url(../assets/generic/content_bg.gif) no-repeat left center;
margin-right:0;
width:100%;
min-height: 406px;
}

#fullcontent.nobg {background:none;}

#footer{
float:left;
clear:left;
width:100%;
background:#e00083 url(../assets/generic/footer_bg.gif) no-repeat top;
margin:0;
padding:10px 0 10px 0;
}

/* Global Graphic Styles */

/* HEADER Styles */
#header h1 {
float:left;
text-indent:-9999px;
margin:0;
padding:0;
width:573px;
height:155px;
background:url(../assets/generic/loch-lomond-wakeboard-logo.png) no-repeat;
}

#header ul {
margin:0;
padding:0; 
float:right;
}

#header ul li {
text-indent:-9999px;
float:left;
display:inline;
list-style-type:none;
}

#header ul li a {overflow:hidden; border:none;}

#header li.home a:link, #header li.home a:visited {display:block; width:78px; height:80px; background:url(../assets/nav/home.png) no-repeat;}
#header li.home a:hover, #header li.home a:active {background:url(../assets/nav/home_ro.png) no-repeat;}

#header li.photos a:link, #header li.photos a:visited {display:block; width:78px; height:80px; background:url(../assets/nav/photos.png) no-repeat;}
#header li.photos a:hover, #header li.photos a:active {background:url(../assets/nav/photos_ro.png) no-repeat;}

#header li.videos a:link, #header li.videos a:visited {display:block; width:78px; height:80px; background:url(../assets/nav/videos.png) no-repeat;}
#header li.videos a:hover, #header li.videos a:active {background:url(../assets/nav/videos_ro.png) no-repeat;}

#header li.cool a:link, #header li.cool a:visited {display:block; width:78px; height:80px; background:url(../assets/nav/cool-wall.png) no-repeat;}
#header li.cool a:hover, #header li.cool a:active {background:url(../assets/nav/cool-wall_ro.png) no-repeat;}

#header li.blog a:link, #header li.blog a:visited {display:block; width:78px; height:80px; background:url(../assets/nav/blog.png) no-repeat;}
#header li.blog a:hover, #header li.blog a:active {background:url(../assets/nav/blog_ro.png) no-repeat;}

/* Header HIGHLIGHT Styles */
body#bghome #header a#navhome {background: url(../assets/nav/home_ro.png) no-repeat;}
body#bgphotos #header a#navphotos {background: url(../assets/nav/photos_ro.png) no-repeat;}
body#bgvideos #header a#navvideos {background: url(../assets/nav/videos_ro.png) no-repeat;}
body#bgcool #header a#navcool {background: url(../assets/nav/cool-wall_ro.png) no-repeat;}
body#bgblog #header a#navblog {background: url(../assets/nav/blog_ro.png) no-repeat;}

/* MAINNAV Styles */
#mainnav ul {
margin:0;
padding:0; 
}

#mainnav ul li {
text-indent:-9999px;
float:left;
display:inline;
list-style-type:none;
}

#mainnav ul li a {overflow:hidden; border:none;}

#mainnav li.packages {background:#e00083 url(../assets/nav/packages_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.packages a:link, #mainnav li.packages a:visited {display:block; width: 170px; height:36px; background:#e00083 url(../assets/nav/packages.gif) no-repeat;}
#mainnav li.packages a:hover, #mainnav li.packages a:active {display:block; background:#e00083 url(../assets/nav/packages_ro.gif) no-repeat;}

#mainnav li.lodgings {background: #e00083 url(../assets/nav/lodgings_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.lodgings a:link, #mainnav li.lodgings a:visited {display:block; width: 155px; height:36px; background:#e00083 url(../assets/nav/lodgings.gif) no-repeat;}
#mainnav li.lodgings a:hover, #mainnav li.lodgings a:active {display:block; background:#e00083 url(../assets/nav/lodgings_ro.gif) no-repeat;}

#mainnav li.stag {background: #e00083 url(../assets/nav/stag_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.stag a:link, #mainnav li.stag a:visited {display:block; width: 108px; height:36px; background:#e00083 url(../assets/nav/stag.gif) no-repeat;}
#mainnav li.stag a:hover, #mainnav li.stag a:active {display:block; background:#e00083 url(../assets/nav/stag_ro.gif) no-repeat;}

#mainnav li.coaches {background:#e00083 url(../assets/nav/coaches_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.coaches a:link, #mainnav li.coaches a:visited {display:block; width: 130px; height:36px; background:#e00083 url(../assets/nav/coaches.gif) no-repeat;}
#mainnav li.coaches a:hover, #mainnav li.coaches a:active {display:block; background:#e00083 url(../assets/nav/coaches_ro.gif) no-repeat;}

#mainnav li.equipment {background:#e00083 url(../assets/nav/equipment_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.equipment a:link, #mainnav li.equipment a:visited {display:block; width: 112px; height:36px; background:#e00083 url(../assets/nav/equipment.gif) no-repeat;}
#mainnav li.equipment a:hover, #mainnav li.equipment a:active {display:block; background:#e00083 url(../assets/nav/equipment_ro.gif) no-repeat;}

#mainnav li.get {background:#e00083 url(../assets/nav/getting-here_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.get a:link, #mainnav li.get a:visited {display:block; width: 135px; height:36px; background:#e00083 url(../assets/nav/getting-here.gif) no-repeat;}
#mainnav li.get a:hover, #mainnav li.get a:active {display:block; background:#e00083 url(../assets/nav/getting-here_ro.gif) no-repeat;}

#mainnav li.shop {background:#e00083 url(../assets/nav/shop_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.shop a:link, #mainnav li.shop a:visited {display:block; width: 78px; height:36px; background:#e00083 url(../assets/nav/shop.gif) no-repeat;}
#mainnav li.shop a:hover, #mainnav li.shop a:active {display:block; background:#e00083 url(../assets/nav/shop_ro.gif) no-repeat;}

#mainnav li.contact {background:#e00083 url(../assets/nav/contact_ro.gif) no-repeat -1000px -1000px;}
#mainnav li.contact a:link, #mainnav li.contact a:visited {display:block; width: 92px; height:36px; background:#e00083 url(../assets/nav/contact.gif) no-repeat;}
#mainnav li.contact a:hover, #mainnav li.contact a:active {display:block; background:#e00083 url(../assets/nav/contact_ro.gif) no-repeat;}


/* MAINNAV HIGHLIGHT Styles */ 
body#bgpackages #mainnav a#navpackages {background: url(../assets/nav/packages_ro.gif) no-repeat;}
body#bglodgings #mainnav a#navlodgings {background: url(../assets/nav/lodgings_ro.gif) no-repeat;}
body#bgstag #mainnav a#navstag {background: url(../assets/nav/stag_ro.gif) no-repeat;}
body#bgcoaches #mainnav a#navcoaches {background: url(../assets/nav/coaches_ro.gif) no-repeat;}
body#bgequipment #mainnav a#navequipment {background: url(../assets/nav/equipment_ro.gif) no-repeat;}
body#bgget #mainnav a#navget {background: url(../assets/nav/getting-here_ro.gif) no-repeat;}
body#bgshop #mainnav a#navshop {background: url(../assets/nav/shop_ro.gif) no-repeat;}
body#bgcontact #mainnav a#navcontact {background: url(../assets/nav/contact_ro.gif) no-repeat;}

/* CONTENT Styles */
#content h3, #middle h3, #right h3, #fullcontent h3 {text-indent:-9999px; margin:0 0 0 10px; padding:0; width:100%;}
#fullcontent h3.two {margin-top:30px;}

#content h3.welcome {background:url(../assets/titles/welcome.png) no-repeat;}

#middle h3.deals {background:url(../assets/titles/deals.gif) no-repeat;}

/*Added by chris@devonto.com */
#middle h3.whatsup {background:url(../assets/titles/whatsup.gif) no-repeat;}
/*End Add*/

#right h3.weather {background:url(../assets/titles/weather.gif) no-repeat;}

#content p, #fullcontent p {
text-align:justify;
font-size: 0.9em;
padding: 0 20px 0 10px;}

#fullcontent p.floatleft {float:left;}

#fullcontent img {border:none;}
#fullcontent img.fr {float:right; clear:right; margin-right:30px; border:none;}
#fullcontent img.frlodge {float:right; margin:0 0 0 10px; border:none;}
#fullcontent img.fl {float:left; clear:left; margin:10px 30px 30px 0 ; border:none;}

#fullcontent object {float:left; clear:right; padding:10px;}

#content p b, #fullcontent p b {color:#e00083}

#fullcontent p b.white {color:#fff;}

#content p a:link, #content p a:visited {color:#e00083; text-decoration:none;}
#content p a:hover, #content p a:active {color:#fff; text-decoration:underline;}

#fullcontent p a:link, #fullcontent p a:visited {color:#e00083; text-decoration:none;}
#fullcontent p a:hover, #fullcontent p a:active {color:#fff; text-decoration:underline;}

#content ul, #fullcontent ul {text-align:left; font-size:0.9em;}

#fullcontent div.split {
width: 230px; 
min-height: 300px; 
float:left; 
margin: 5px 10px 0 0;
border-right: 1px dotted #fff;
}

#fullcontent div.split img { 
align:center;

padding: 5px 0;
}

#fullcontent div.last {border:none;}

#fullcontent img.liquid {margin:0; padding:0;}


/* full CONTENT titles */
#fullcontent h3.stag {background:url(../assets/titles/stag.png) no-repeat;}
#fullcontent h3.packages {background:url(../assets/titles/packages.png) no-repeat;}
#fullcontent h3.lodgings {background:url(../assets/titles/lodgings.png) no-repeat;}
#fullcontent h3.food {background:url(../assets/titles/food.png) no-repeat;}
#fullcontent h3.day {background:url(../assets/titles/day.png) no-repeat;}
#fullcontent h3.trip {background:url(../assets/titles/trip.png) no-repeat;}
#fullcontent h3.coaches {background:url(../assets/titles/coaches.png) no-repeat;}
#fullcontent h3.equipment {background:url(../assets/titles/equipment.png) no-repeat;}
#fullcontent h3.photos {background:url(../assets/titles/photos.png) no-repeat;}
#fullcontent h3.videos {background:url(../assets/titles/videos.png) no-repeat;}
#fullcontent h3.coolwall {background:url(../assets/titles/coolwall.png) no-repeat;}
#fullcontent h3.hello {background:url(../assets/titles/sayhello.png) no-repeat;}
#fullcontent h3.travel {background:url(../assets/titles/travel.png) no-repeat;}
#fullcontent h3.thanks {background:url(../assets/titles/thanks.png) no-repeat;}
#fullcontent h3.oops {background:url(../assets/titles/oops.png) no-repeat;}

#fullcontent h3.seruncool {background:url(../assets/titles/ser-uncool.gif) no-repeat; margin-left: 40px;}
#fullcontent h3.uncool {background:url(../assets/titles/uncool.gif) no-repeat; margin-left: 70px;}
#fullcontent h3.cool {background:url(../assets/titles/cool.gif) no-repeat; margin-left: 80px;}
#fullcontent h3.subzero {background:url(../assets/titles/subzero.gif) no-repeat; margin-left: 70px;}

/* PACKAGE styles */
#fullcontent div.package {
text-align:left;
float:left;
width:385px;
height:180px;
background: url(../assets/generic/buttonbg.gif) no-repeat;
padding: 10px 10px 0 0;
margin: 10px 0 0 0;
}

#fullcontent div.package p {
padding: 0 0 0 30px;
margin:0;
line-height:1.2em;
color:#000;
}

#fullcontent div.package p b {color: #cf0264}

#fullcontent object {margin:5px 5px 5px 0; float:left;}

h4.title {
padding:0;
margin:20px 0 0 25px;
width:150px;
text-indent:-9999px;
}

h4.weekend {background:url(../assets/generic/weekend.gif) no-repeat}
h4.week {background:url(../assets/generic/week.gif) no-repeat}
h4.set {background:url(../assets/generic/sets.gif) no-repeat}
h4.learn {background:url(../assets/generic/learn.gif) no-repeat}
h4.wakeskate {background:url(../assets/generic/wakeskate.gif) no-repeat}
h4.payplay {background:url(../assets/generic/pay-and-play.gif) no-repeat}
h4.oneup {background:url(../assets/generic/oneup.gif) no-repeat}
h4.indy500{background:url(../assets/generic/indy500.gif) no-repeat}
h4.route66 {background:url(../assets/generic/route66.gif) no-repeat}
h4.vip {background:url(../assets/generic/VIP.gif) no-repeat}

h4.email {
padding:0;
margin:0px 0 0 25px;
width:184px;
text-indent:-9999px;
}

h4.email a:link, h4.email a:visited {
overflow:hidden;
display:block;
background:url(../assets/generic/email-more-info.gif) no-repeat center center;
}

h4.email a:hover, h4.email a:active {
display:block;
background:url(../assets/generic/email-more-info_ro.gif) no-repeat center center;
}

/* CONTENT middle Styles */
#middle .video{
	width:211px;
	margin:0 auto;
	display:block;
}

#middle div.postit {height: 230px; background:url(../assets/home/liquid_force_demo.gif) no-repeat; margin:0; padding:0;}
#middle div.postit h2 {text-indent:-9999px;}

#middle div.postit p {
font-weight:bold;
color:#e00083;
text-align:left;
line-height: 0.9em;
padding:45px 70px 5px 20px;
margin:0;
}

#middle div.postit a:link, #middle div.postitr a:visited {text-decoration:none; color:#e00083; font-weight:bold;}
#middle div.postit a:hover, #middle div.postit a:active {color:#000;}


#middle div.postit b.big {font-size:1.4em;}

#middle p.smaller {
text-align:justify;
font-size: 0.8em;
line-height:1.5em;
padding: 0;}

#middle p.smaller b {color:#e00083}

#middle p.smaller a:link, #middle p.smaller a:visited {text-decoration:none; color:#e00083; font-weight:bold;}
#middle p.smaller a:hover, #middle p.smaller a:active {text-decoration:underline; color:#fff;}



/* FOOTER Layouts */

#footer #leftfoot {float:left; margin:50px 100px 0 10px; padding:0;}

#footer #leftfoot h4 a:link, #footer #leftfoot h4 a:visited 
{text-indent:-9999px; width:265px; height:20px; display:block; background:url(../assets/generic/rideat.png) no-repeat;}
#footer #leftfoot h4 a:hover, #footer #leftfoot h4 a:active 
{background:url(../assets/generic/rideat_ro.png) no-repeat;}

#footer #leftfoot p {
text-align:left;
font-size:0.8em;
line-height:1.3em;
color:#000;
}

#footer #leftfoot a:link, #footer #leftfoot a:visited {text-decoration:none; color:#000;}
#footer #leftfoot a:hover, #footer #leftfoot a:active {text-decoration:underline; color:#fff;}

#footer ul {
float:right;
padding:20px 0 0 0;
margin:0;
}

#footer ul li {
text-indent:-9999px;
float:left;
display:inline;
list-style-type:none;
padding:0 10px 0 0;
}

#footer ul li a {overflow:hidden;}

#footer li.alliance a:link, #footer li.alliance a:visited {display:block; width:153px; height:38px; background:url(../assets/generic/alliance.gif) no-repeat;}
#footer li.alliance a:hover, #footer li.alliance a:active {background:url(../assets/generic/alliance_ro.gif) no-repeat;}

#footer li.mayles a:link, #footer li.mayles a:visited {display:block; width:150px; height:39px; background:url(../assets/generic/mayles.gif) no-repeat;}
#footer li.mayles a:hover, #footer li.mayles a:active {background:url(../assets/generic/mayles_ro.gif) no-repeat;}

#footer li.inverbeg a:link, #footer li.inverbeg a:visited {display:block; width:212px; height:30px; background:url(../assets/generic/inverbeg.gif) no-repeat;}
#footer li.inverbeg a:hover, #footer li.inverbeg a:active {background:url(../assets/generic/inverbeg_ro.gif) no-repeat;}

#footer li.oneill a:link, #footer li.oneill a:visited {display:block; width:139px; height:27px; background:url(../assets/generic/oneill.gif) no-repeat;}
#footer li.oneill a:hover, #footer li.oneill a:active {background:url(../assets/generic/oneill_ro.gif) no-repeat;}

#footer li.liquid a:link, #footer li.liquid a:visited {display:block; width:150px; height:46px; background:url(../assets/generic/liquid-force.gif) no-repeat;}
#footer li.liquid a:hover, #footer li.liquid a:active {background:url(../assets/generic/liquid-force_ro.gif) no-repeat;}

#footer li.xtreme a:link, #footer li.xtreme a:visited {display:block; width:108px; height:60px; background:url(../assets/generic/xtreme.gif) no-repeat;}
#footer li.xtreme a:hover, #footer li.xtreme a:active {background:url(../assets/generic/xtreme_ro.gif) no-repeat;}

#footer li.cameron a:link, #footer li.cameron a:visited {display:block; width:98px; height:85px; background:url(../assets/generic/cameron.gif) no-repeat;}
#footer li.cameron a:hover, #footer li.cameron a:active {background:url(../assets/generic/cameron_ro.gif) no-repeat;}
/* Form Layouts */

form#wakeform {
padding:10px; 
font-size:1em; 
width: 90%;
}

form#wakeform p {
font-size:1em; 
color:#FFF; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#wakeform fieldset#hidden {
display:none;
}

form#wakeform fieldset#feedback p {padding:4px; margin:0;}

form#wakeform fieldset {
display:block; 
border:1px dotted #e64a88; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em; 
font-size:1em; 
}

form#wakeform fieldset:hover {
border:1px dotted #CCC; 
}

form#wakeform legend {
font-size:0.9em; 
font-weight:bold; 
border:1px solid #e64a88; 
margin-bottom:15px; 
padding:6px; 
background:#333; 
color:#FFF;
}

* html form#wakeform legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#wakeform label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:left; 
padding-right:10px; 
color:#FFF; 
margin-bottom:0.5em;}

form#wakeform input {
border:1px solid #e64a88; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#000;
color: #FFF;
float:left;
}

fieldset#interest input {
width: 20px;
padding-top: 0.5em; 
}

form#wakeform input:hover { background:#666; border:1px solid #FFF; color:#fff;}
form#wakeform input:focus {background:#fff; border:1px solid #b80b38; color:#000;}

form#wakeform select {margin:0 0 1em 0.5em;}

form#wakeform textarea {
width:410px; 
height:10em; 
border:1px solid #e64a88; 
padding:0.5em; 
overflow:auto;
background:#000;
color:#FFF;
float:left;
}

form#wakeform textarea:hover { background:#666; border:1px solid #fff; color:#fff;}
form#wakeform textarea:focus {background:#fff; border:1px solid #b80b38; color:#000;}


form#wakeform #button1, form#wakeform #button2 {
color:#000; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background:#e64a88; 
border:1px solid; 
border-color:#999 #999 #333 #333;
}

form#wakeform #button1:hover, form#wakeform #button2:hover {
color:#fff; 
background:#333; 
border:1px solid; 
border-color:#666 #666 #999 #999; 
}

/* SOCIAL ICON STUFF */

.social	{

	height:50px;
	width:300px;
	margin:0px 240px 0 0;
	}
	
.social img	{
	border:0;
	}

#wakeboard_logo {
	background-image:url(assets/generic/loch-lomond-wakeboard-logo.png);
	background-repeat:no-repeat;
	display:inline;
	height:155px;
	width:573px;
	text-indent:-9999px;
}