/*
Description:	All Media CSS / Featuring 760px Slider
Website:		Shockwave Pool Service
				http://shockwavepool.com
Width:			760px
Content Width:	760px
Structure:		No sidebar
*/


/* Reset
----------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }


/* HTML5 Display-Role Reset for Older Browsers
----------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* Main Structure
----------------------------------------------- */

@charset "utf-8";
body { font: 100%/1.4 verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; color: #666; background: url('images/poolbg_1920x1200.jpg') no-repeat center top; background-attachment: fixed; background-color: #333; }

#wrapper760 { width: 75%; max-width: 760px; margin: 40px auto; background-color: #fff; border: 1px solid #baafa2; clear: both; }

#header { margin: 0; padding: 0; width: 100%; background-color: #fff; clear: both; }
#content { margin: 0; padding: 0; width: 100%; background: #fff; clear: both; }
#footer { margin 0; padding: 0; width: 100%; background: #fff; clear: both; }


/* Header Components
----------------------------------------------- */

#header .colright { float: right; width: 60%; margin-right: 24px; }
#header .colleft { float: left; width: 26%; }
#header .headerlogo { padding: 30px 12px 12px 30px; }

#header p.title { float: right; line-height: 1.6em; text-align: right; margin-right: 30px; padding: 24px 6px 12px 24px; border-bottom: 1px solid #ded7ce; width: 46%; }

#navtop { font-family: arial, helvetica, sans-serif; float: right; margin: 10px 10px 0 auto; border-bottom: 1px solid #b7b1aa; clear: both; }
#navtop2 p { font-family: arial, helvetica, sans-serif; font-size: .9em; float: right; line-height: 1.8em; margin: 20px 20px 0 0; text-align: right; clear: both; }


/* Navigation Bar
----------------------------------------------- */

#navtop ul.primary { list-style: none; margin: 0; padding: 0.4em 0; }
#navtop ul.primary li { display: inline; margin: 0 1em 0 0; }


/* Element / Tag Selectors
----------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, .title { margin-top: 0; padding-left: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #666; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1.4em; margin-bottom: 10px; padding-bottom: 6px; }

ul, ol, dl { padding: 0; margin-left: 0; }
p, ul, ol, dl { font-size: .9em; margin: 0 0 1em; }

.mailcontact table { color: #666; font-size: 0.9em; line-height: 2; margin: 24px auto; padding: 0 auto; width: 90%; }
.mailcontact td { border-bottom: 1px solid #eee; padding: 10px 12px 10px 8px; }


/* Links
----------------------------------------------- */

a img { border: none; }
a:link, a:visited { color: #89755e; text-decoration: none; }
a:hover, a:active { color: #700000; text-decoration: none; }

#navbar { font-size: .85em; float: right; margin: -15px 20px 0 0; border-bottom: 1px solid #ccc; }
#navbar ul { list-style: none; margin: 0; padding: 0.5em 0; }
#navbar ul li { display: inline; margin: 0 .5em; }

.nav-top:link, .nav-top:visited, .nav-top:active { color: #37284b; }
.nav-top:hover { color: #A60000; }
.nav-top { font-size: .9em; }

.nav-ur2:link, .nav-ur2:visited, .nav-ur2:active { color: #37284b; }
.nav-ur2:hover { color: #700000; }
.nav-ur2 { font-family: arial, helvetica, sans-serif; font-size: .75em; }

.maincontent a:link, .maincontent a:visited { color: #89755e; text-decoration: none; }
.maincontent a:hover, .maincontent a:active { color: #A60000; text-decoration: none; }

/* Layout Components #baafa2
----------------------------------------------- */

.maincontent { margin: 0; padding: 20px 60px; }

.title { padding-top: 8px; border-bottom: 1px solid #ded7ce; }

.txt7 { font-size: .7em; }
.txt75 { font-size: .75em; }
.txt8 { font-size: .8em; }
.txt8n { font-size: .8em; font-weight: normal; }
.txt85 { font-size: .85em; }
.txt85n { font-size: .85em; font-weight: normal; }
.txt9 { font-size: .9em; }
.txt9n { font-size: .9em; font-weight: normal; }

.txt75i { color: #666; font: Arial, Helvetica, sans-serif; font-size: .75em; font-weight: normal; font-style: italic; }

p.ernest { color: #666; float: right; font-family: arial, helvetica, sans-serif; font-size: 0.8em; font-style: italic; line-height: 1.6em; padding: 0 25px 20px; }

p.noshare { font-size: .8em; line-height: 1.6em; padding: 10px 48px 36px 48px; }

#contentform { margin: 20px 50px; padding: 0; font-size: .9em; }
#contentform h1 { font-size: 1.6em; }

#content .maincontent .colright { float: right; width: 50%; }
#content .maincontent .colleft { float: left; width: 45%; }


/* Footer Components #eee
----------------------------------------------- */

#contact-info .colright { float: right; width: 50%; }
#contact-info .colleft { float: left; width: 45%; }
#contact-info { margin: 0 60px; border-top: 1px solid #ded7ce; padding: 24px 0 0; }
#contact-info p { color: #666; font-size: .75em; text-align: left; }

#copyright { margin: 0 60px; padding: 12px 0; }
#copyright p { color: #666; font-size: .7em; text-align: left; }


/* Miscellaneous Float / Clear Classes
----------------------------------------------- */

.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.clear { clear: both; }


/* Fix Floats
----------------------------------------------- */
.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 */


/* Images
----------------------------------------------- */

img.alignright { display: inline; float: right; margin-left: 1.625em; }
img.alignleft { display: inline; float: left; margin-left: 1.625em; }

#header a img { border: none; }


/* Forms
----------------------------------------------- */
input, select, textarea { font-family: verdana, helvetica, arial, sans-serif; font-size: .9em; }
input.text, input[type=text], input[type=password], textarea { border: 1px solid #eee; padding: 2px; background: #fff; color: #404040; }
input::-webkit-input-placeholder { color: #404040; }
input.text:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #fff; }
input[type=submit]:enabled, button:enabled { border: 1px solid #eee; padding: 2px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url('images/button_gradient.png') repeat-x 0 0; color: #404040; cursor: pointer; }
input[type=submit]:enabled:focus, input[type=submit]:enabled:hover, button:enabled:focus, button:enabled:hover { border-color: #ccc; }
.mtfright { padding-right: 8px; text-align: right; }