/* Verve Master Stylesheet */

/*General styling & reseting*/
* { margin:0; padding:0; }
html {height:100%}
body { min-height:101%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; text-align:center; }

a { text-decoration:underline; }
a:visited { }
.clearfix { clear: both; }

/* General and Layout */
#container { width: 932px; margin-left:auto; margin-right:auto; text-align:left;}

/* Headers */
h1 { font-family: Arial, Helvetica, sans-serif; color: #008c9a; margin-bottom: 10px; margin-top: 10px; font-size: 17px; }
h2 { font-size: 13px; margin-top:6px; margin-bottom:8px;  }

/* Styling and positioning for everything in Header Div*/
#header { font-size: 11px; background-image: url(../images/topbar_plain.gif); background-repeat: no-repeat; height: 39px; }
#header_contact { float: left; padding-top: 17px; padding-left: 40px; color:#FFFFFF; }
#header_contact a { color:#FFFFFF; padding-left: 10px; text-decoration:none; }
#header_nav { float: right; }
#header_nav ul { padding-top:17px; padding-right: 26px; }
#header_nav ul li { list-style-type:none; display:inline; color:#FFFFFF; font-weight: bold; margin-right:18px; }
#header_nav ul li a { color:#FFFFFF; text-decoration:none; }

/* Styling and positioning for everything in Branding Div*/
#logo { float:left; }
#branding { height: 108px; }
#branding ul { list-style-type: none; font-size:12px; font-weight: bold; margin-left: 130px; padding-top:24px; font-family:Arial, Helvetica, sans-serif; }
#branding ul li { display: inline; text-align:center; float:left; margin:19px;  }
#branding ul li a { font-weight: bold; display:block; float:left; color: #999999; text-decoration:none;  }

#branding ul li a:hover { border-bottom: 2px solid #008c9a; padding-bottom:5px; color:#000000; }
#branding ul li.active a { border-bottom: 2px solid #008c9a; padding-bottom:5px; color:#000000;  }


/*
/	This is al the styling for the 
/	Homepage containers
*/


/* Left of the Main Container */

#leftcontent { float: left; width: 446px; margin-right: 10px; background-image: url(../images/left_background.jpg); background-repeat: no-repeat; height: 597px; }

.h1colour { color:#00B1B0;}
.maincontent { padding: 10px; font-size: 11px; font-weight:bold; line-height: 18px;  color:#666666; }
.maincontent img { padding-top: 7px; padding-bottom: 7px; }


/* List and Styles */
#content ul { line-height:18px; margin-top:8px; margin-bottom:8px; }
#content ul li { list-style:none; }
#content ul li ul { margin-left: 30px; line-height:18px; margin-top:8px; margin-bottom:8px; }
#content ul li ul li { border-left:1px solid; border-color:#67C8C6; padding-left:10px;  }


/* Text effects and paragraphs */
#content p { line-height:18px; margin-bottom:10px; }

/* Images */
img { border: none; }
.floatright { float:right; margin-left:20px; margin-bottom:20px; }
.floatleft { float:left; margin-right:20px; margin-right:20px; }

/* Middle of the Main Container */

#middlecontent { float: left; width: 228px; padding: 0px; margin-right: 10px; background-image: url(../images/middle_background.gif); background-repeat: no-repeat; height: 597px; font-size: 10px; }

/* Scoop section */
#newsreel { padding: 20px; max-height: 557px; overflow:hidden; }
#newsheader h2 { font-size: 24px; color: #008C9A; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-top:0px; margin-bottom:0px; }
#newsreel h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666666; margin-top: 5px; border-top: solid 2px #CCCCCC; padding-top: 5px; text-align:center; }
#newsreel h4 { font-size: 11px; color: #00B1B0; font-family:Georgia, "Times New Roman", Times, serif; padding: 10px 0 5px 0; }
#newsreel h5 { font-size: 12px; color: #008C9A; }
#newsreel a img { text-align: right; }
#newsreel a { text-decoration:none; }

.news_item { border-top: solid 2px #CCCCCC; margin-top: 5px; }
.newsclear { margin-top: 5px; margin-bottom:10px; }

/* Right of the Main Content */

#rightcontent {  font-family:Arial, Helvetica, sans-serif;; float: left; width: 238px;  }
#rightcontent h3 { font-size: 13px; color:#FFFFFF; padding-top:5px; padding-left:10px;}
#specialoffers { border: 1px solid #999999; height: 452px; padding:5px; overflow:hidden; }
#specialoffers p { font-size: 9px; padding: 5px 10px 5px 10px; }
#contactbutton { background-image: url(../images/contact_button.jpg); background-repeat: no-repeat; margin-bottom: 3px; height: 29px; }
#jointeambutton { background-image: url(../images/jointeam_button.jpg); background-repeat: no-repeat; margin-bottom: 3px; height: 29px; }
#contactbutton a, #jointeambutton a { text-decoration:none; }

/* Client Login area */

#clientlogin { background-image: url(../images/loginsuccess_background.jpg); margin-bottom: 5px; background-repeat: no-repeat; height: 66px; }
#wlpeLoginForm { margin-top: 5px; }
#wlpeUsernameLabel { font-size: 9px; font-weight:bold; color:#FFFFFF; margin-left:10px; }
#wlpePasswordLabel { font-size: 9px; font-weight:bold; color:#FFFFFF; margin-left:8px; }
#wlpeUsername, #wlpePassword { height: 14px; width: 55px; font-size: 10px; border-top: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #666666; border-left: 1px solid #CCCCCC; }
#wlpeLoginButton, #wlpeLogoutButton { float:right; height: 14px; width: 56px; font-size:9px; color:#333333; margin-right: 9px; margin-top: 2px; background-color:#CCCCCC; border-top: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #666666; border-left: 1px solid #CCCCCC; text-align: center; }
#wlpeLoginCount { font-size: 10px; font-weight:bold; color:#FFFFFF; margin-left:10px; }


/*
/	This is al the styling for the 
/	Internal Page containers
*/

#internalleft {  float: left; margin-right:7px; }
#internalleft p { color:#999999; font-size: 11px; line-height: 18px; }
#internalleft h1 { color:#999999; }
#internalleft h2 { color: #00B1B0; margin-top: 10px; margin-bottom: 10px; font-size:11px; }
#internalleft h3 { color: #00B1B0; margin-top: 10px; margin-bottom: 10px; font-size:11px;  }
#internalleft ul { margin-top: 5px; margin-bottom: 10px; } 
#internalleft ul li { color:#666666; line-height: 24px; font-weight:bold; list-style-type: none; }
#internalright { width: 564px; float: left;}
#internalsub { margin: 7px; }

.testimonial { padding-top:5px; padding-bottom: 10px; color:#00B1B0; font-weight: bold; }

.ditto_item h3 a { color: #00B1B0;}


/* Styling for the Footer */
#footer { clear: both; margin-top:30px; }
#footer { font-size: 9px; color: #666666; padding-top: 20px; }

.companydetails { float:left; }
.footerblue { color: #00B1B0; padding-left: 15px; }
.footeremail { padding-left: 15px; }

#footernav { float: right; }
#footernav ul { padding-right: 5px; }
#footernav ul li { list-style-type:none; display:inline; color:#FFFFFF; font-weight: bold; padding-left:20px; }
#footernav ul li a, a, a:visited { color: #666666; }
#footernav a:hover { text-decoration:underline; }

/* Dev signature */
#devsig { float:left; text-align:left; clear:both; margin-top:20px; color:#B7B7B7; }
#devsig a { color:#B7B7B7; }

/*Styling for Contact Form*/
#cfName { margin-left: 54px; margin-top: 10px; }
#cfEmail { margin-left: 5px; margin-top: 10px; }
#cfRegarding { margin-left: 58px; margin-top: 10px; }
#cfMessage { margin-left: 67px; margin-top: 10px; }
#cfContact { margin-left: 119px; }

/*Styling for Reservation Form*/
form { margin:0px; padding:0px; }
#EmailForm { border:1px solid #00B1B0; padding:20px; margin-top:20px; width:430px; }
fieldset { border:0px; }

/* Scoop styles */
#scoop_container { margin-top:20px; }
#scoop_dateinfo { float:left; width:150px; font-family: Georgia, "Times New Roman", Times, serif; color:#666666; }
#scoop_dateinfo p { line-height:20px; }
#scoop_content { float:left; width:730px; }
.scoop_daytext { font-size:16px; }

/* Contact Form, using eForm! */
.errors { border:1px dashed; border-color:#FF0000; padding:10px; margin-bottom:10px; width:430px;  }
#EmailForm1 { width:430px; border:1px dashed; border-color:#00B1B0; padding:10px; }
#EmailForm1 input, #EmailForm1 textarea { background-color:#FFFFFF; border:1px solid; border-color:#00B1B0; margin:3px; }
#cfContact1 { padding:3px; font-weight:bold; border:1px solid; }

/* Address/text on contact form, misc! */
.contactus { font-size:13px; font-weight:bold; margin-bottom:8px; }
.verveblue { color:#008C9A; }

/* breaking changes! */
h3 a, h3 a:visited { color:#FFFFFF; }
form legend { display:none; }
.ditto_pageTitle { margin-top:10px; }
.ditto_pageTitle a:visited { color:#00B1B0; }