/*
Theme Name: CM Boat Rentals
Version: 1.0
Author: Good Work Marketing & Design
Author URI: http://www.goodworkmarketing.com
*/

/**************************************************************************************************/
/* Reset CSS for all broswers*/

/* DO NOT CHANGE ANYTHING WITHIN THIS BLOCK */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a bbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color:#000;}
	
/* remember to define focus styles! */
:focus 	{ outline: 0;}
body 	{ line-height: 1; color: black; background: white;}
ol, ul 	{ list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table 	{ border-collapse: separate; border-spacing: 0;}

table img	{padding:0; margin:0; border:0;}



caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q 	{ quotes: "" "";}

address {font-style:normal;}

/* fix images in IE*/

.ie6 img	{behavior: url("/pngbehavior.htc"); border:none; outline:none;}
.ie5 img	{behavior: url("/pngbehavior.htc"); border:none; outline:none;}

/* float and clear*/

.clrflt	{clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px}
.clrrt	{clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;}
.clrlft	{ clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; }
.fltrt		{float:right;}
.fltlft		{float:left; }


 /* autoclear */
 
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 		{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 




/************  FIX CSS CROSS BROWSER SUPPORTS **************************************

Examples:

    * html.gecko div#header { margin: 1em; }
    * .opera #header { margin: 1.2em; }
    * .ie .mylink { font-weight: bold; }
    * .mac.ie .mylink { font-weight: bold; }
    * .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]

Available OS Codes [os]:

    * win - Microsoft Windows
    * linux - Linux (x11 and linux)
    * mac - Mac OS

Available Browser Codes [browser]:

    * ie - Internet Explorer (All versions)
    * ie8 - Internet Explorer 8.x
    * ie7 - Internet Explorer 7.x
    * ie6 - Internet Explorer 6.x
    * ie5 - Internet Explorer 5.x
    * gecko - Mozilla, Firefox, Camino
    * opera - Opera (All versions)
    * opera8 - Opera 8.x
    * opera9 - Opera 9.x
    * konqueror - Konqueror
    * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira

Extra Codes:

    * js - Will be available when js is enable, so you can show/hide some stuffs
	
	
	***************/


body {margin: 0 auto; background-color: #FFFFFF; padding: 10px 0; font-family: Arial, Helvetica, sans-serif;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 18px;}
strong {font-weight: bold;}
em {font-style: italic;}

a {color: #ff5b00; text-decoration: none;}
a:hover {color: #ff5b00; text-decoration: underline;}

#shadowtop {margin: 0; width: 100%; background: url(images/shadowtop.jpg) no-repeat top center; padding-top: 16px;}
#shadowrepeat {margin: 0; width: 100%; background: url(images/shadowrepeat.jpg) repeat-y top center;}
#container {margin: 0 auto; width: 978px; background: url(images/waterbg.jpg) no-repeat bottom right;}
#menu {width: 186px; float: left; position: relative; padding: 50px 45px 10px 45px; text-align: right; margin:0;}
#menu .corner {position: absolute; top: 0; left: 0;}
#menu ul {font-family: Arial, Helvetica, sans-serif; padding: 55px 0 65px 0;}
#menu li {font-size: 18px; color: #686868; line-height: 50px; border-top: 1px dashed #686868;}
#menu li.noborder {border-top: none;}
#menu li a {color: #686868; text-decoration: none;}
#menu li a:hover {color: #3399FF; text-decoration: underline;}

#content {width: 702px; float: left; background: url(images/pelicanbg.jpg) no-repeat top left;}
.ie6 #content {width: 688px;}
#content .image {margin: 30px 0 30px 30px;}
#cleft {width: 260px; float: left; padding: 0 60px 0 30px;}
#cleft strong {font-size: 14px; font-weight: bold;}
#cleft img {display: none;}
#cright {width: 240px; float: left; background: #ff5b00; text-align: center; padding-top: 20px;}
#cright form {padding: 20px 0; font-size: 11px; color: #FFFFFF;}
#cbottom {background-color: #000000; padding: 10px 0;}
#cbottom p {font-size: 14px;}
#cbottom a {color: #FFFFFF; text-decoration: none;}
#cbottom a:hover {color:#FFFFFF; text-decoration: underline;}


#pagetemp {padding: 60px 30px 30px 30px; display: inline-block; width: 630px;}
#pagetemp h2 {font-family: Arial; font-size: 32px; line-height: 44px; font-weight: bold;}
#pagetemp h2.titlepad {padding-bottom: 10px;}
#pagetemp p {font-family: Arial; font-size: 13px; line-height: 21px; padding-top: 15px;}
#pagetemp h3 {font-family: Arial; font-size: 21px; font-weight: bold;}
#pagetemp .entry {padding-top: 20px; padding-bottom: 10px; border-top: 1px dashed #000000;}
#pagetemp ul {font-family: Arial; font-size: 18px; font-weight: bold; padding-bottom: 10px;}
#pagetemp li {display: inline; border-left: 1px solid #000000; padding: 0 10px 0 10px;}
#pagetemp li.noborder2 {border-left: none; padding-left: 0;}
#pagetemp label {font-family: Arial; font-size: 13px; line-height: 21px; padding-top: 15px; padding: 10px 0 5px 0;}
#mappress1 {float: right; margin-left: 20px; margin-top: 30px;}
#pagetemp h4 {line-height: 32px; font-family: Arial; font-size: 25px; padding-top: 15px; font-weight: bold; color: #ff5b00;}
#pagetemp h5 {font-family: Arial; font-size: 14px; font-weight: bold; padding-top: 10px; color: #000000;}
#pagetemp .rightimage {float: right; margin-left: 20px; border: 5px double #cccccc;}
#pagetemp ul.serviceslist {padding: 15px 0; display: list-item;font-family: Arial; font-size: 16px; font-weight: bold; width: 600px; display: inline-block; line-height: 30px;}
#pagetemp ul.serviceslist li {padding: 0; border: none; font-family: Arial; font-size: 13px; line-height: 23px; display: inline-block; width: 140px;}
#pagetemp form {width: 380px; float: left;}
#pagetemp form.wpcf7-form {
	width: 300px;
}

#pageboat {padding: 60px 30px 30px 30px;}
#pageboat h2 {font-family: Arial; font-size: 32px; line-height: 44px; font-weight: bold;}
#pageboat h2.titlepad {padding-bottom: 10px;}
#pageboat p {font-family: Arial; font-size: 13px; line-height: 21px; padding-top: 15px; width: 400px;}
#pageboat h3 {font-family: Arial; font-size: 21px; font-weight: bold;}
#pageboat .entry {padding-top: 20px; padding-bottom: 10px; border-top: 1px dashed #000000;}
#pageboat ul {font-family: Arial; font-size: 18px; font-weight: bold; padding-bottom: 10px;}
#pageboat li {display: inline; border-left: 1px solid #000000; padding: 0 10px 0 10px;}
#pageboat li.noborder2 {border-left: none; padding-left: 0;}
#pageboat img {border: 5px double #cccccc;}
#pageboat img.noimgb {border: none;}
#pageboat h4 {font-family: Arial; font-size: 25px; padding-top: 15px; font-weight: bold; color: #ff5b00;}
#pageboat h5 {font-family: Arial; font-size: 14px; font-weight: bold; padding-top: 10px; color: #000000;}

#ourboats {padding: 30px; padding-right:0; display:block; clear:both;}
#ourboats .text {margin-bottom: 30px; }
#ourboats .boat {width: 500px; border-top: 1px dashed #686868; border-bottom: 1px dashed #686868; padding: 30px 35px;}
#ourboats .nothing {border-bottom: none; padding-bottom: 10px;}
#ourboats p {padding-top: 10px;}
#img1 {position: relative; float: left;}
#img1 .float {float: left; margin-right: 30px; margin-bottom: 30px;}
#img1 .green {position: absolute; top: 35px; left: -30px;}
#img1 .orange {position: absolute; top: 58px; left: -30px;}

#img2 {position: relative; float: left;}
#img2 .float2 {float: left; margin-right: 30px; margin-bottom: 30px;}
#img2 .green2 {position: absolute; top: 35px; left: -30px;}
#img2 .orange2 {position: absolute; top: 58px; left: -30px;}

#footer {margin: 0 auto; width: 100%; padding: 20px 0 10px 0; text-align: center; background: url(images/shadowbottom.jpg) no-repeat top center;}
#footer ul {font-family: Arial, Helvetica, sans-serif;}
#footer li {display: inline; font-size: 11px; padding: 0 5px 0 10px; border-left: 1px solid #686868;}
#footer li a {color: #000000;}
#footer li a:hover {color: #ff5b00;}
#footer li.none {border-left: none;}
#footer p {padding: 10px; font-size: 10px;}

/****/

div.calendar {width: 200px; float: right; text-align: left;}
div.calendar h3 {font-family: Arial; font-size: 24px; font-weight: bold; padding: 10px 0 0 10px;}
div.calendar p {padding: 0 0 10px 0;}
div.calendar table {width: 170px; height: 130px; background-color:#F7F9FB; padding:5px;  border:1px solid #7B9EBD; margin: 10px; font:12px sans-serif; text-align:center; border-spacing:0; border-collapse:separate;}
div.calendar table caption {border:1px solid #E0E0E0; vertical-align:middle; background-color:#FFF; position:relative; text-align:center;}
div.calendar table tbody td {padding:.1em .2em; border:1px solid #E0E0E0; background-color:#FFF;}
div.calendar table thead th {font-weight: bold;}
div.calendar table tbody td.booked {background-color:#F66;}

.viewimageleft {float: left; padding: 0 10px 10px 0; clear: both;}
.mapp-poweredby {display: none;}

.borders {border: 5px double #cccccc;}