/* ------------------------------------------------------ */

/*               www.mcfrank.com Stylesheet               //
//         Site Design & Build by Chris Underwood         //
//                        contact:                        //
//                  chris@colormaria.com                  */

/* ------------------------------------------------------ */



body {background-color:#0082D1;margin:0;padding:0;width:100%;height:100%;}

DIV#container {width:845px;height:100%;margin:0 auto;}

a img {border:0;}

img.preloader {display:none;}

h1 {font-family:"Arial", "Geneva", sans-serif;font-size:30px;color:#60244E;font-weight:normal;margin:0;padding:0;margin-bottom:25px;}
h1 span {font-weight:bold;}
h1#about {padding-top:100px;}
h1#media {margin-bottom:5px;}
h1.subhead {font-size:20px;}
h1.media {font-family:"Arial", "Geneva", sans-serif;font-size:18px;color:#425126;font-weight:normal;margin:0;padding:0;margin-bottom:5px;}
h1.login {font-family:"Arial", "Geneva", sans-serif;font-size:18px;color:#425126;font-weight:normal;margin:0;padding:0;margin-bottom:5px;}
h2 {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:#009999;font-weight:normal;font-style:italic;margin:0;padding:0;margin-bottom:25px;}
h2.portfolio {color:#BD865C;}
h2.portfolioSection {color:#BD865C;font-style:normal;font-weight:bold;}
h3 {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:#51265A;font-weight:bold;margin:0;padding:0;text-decoration:none;font-style:italic;}
h3 span {text-decoration:underline;}
h4 {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:#CC6699;font-weight:bold;margin:15px 0 0 0;padding:0;}
h5 {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:#009999;font-weight:bold;margin:0;padding:0;}

p {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:BLACK;line-height:136%;margin:0 0 15px 0;padding:0;}
p.tools {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:BLACK;line-height:136%;margin:0 0 15px 0;padding:0;}
p.media {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:BLACK;line-height:136%;margin:0 0 0px 0;padding:0;}

span.number {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:BLACK;font-weight:bold;}
span.reason {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:#006699;font-weight:bold;line-height:18pt;}
span.reason-desc {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:BLACK;}

ul.toolsUL {list-style-type:disc;list-style-position:outside;margin:0 0 30px 20px;padding:0;}
ul.toolsUL li {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:BLACK;margin:0;padding:0;}

ul.media {list-style-type:disc;margin:10px 0 0 0;padding:0;}
ul.media li {font-family:"Arial", "Geneva", sans-serif;font-size:12pt;color:BLACK;margin:0px 15px 0px 15px;}

a.admin {font-family:"Arial", "Geneva", sans-serif;font-size:14px;color:#666;}


DIV.clear {clear:both;margin:0;padding:0;height:1px;}

TABLE#header {margin:0;padding:0;background:#7B9746 url('images/headerBG.jpg') no-repeat;height:96px;}

DIV#logo {margin-left:25px;padding-top:10px;}

DIV#headerContact {width:520px;text-align:right;padding-top:5px;color:WHITE;letter-spacing:1px;font-size:11px;font-family:"Trebuchet MS", "Geneva", sans-serif;}
DIV#headerContact a {color:WHITE;text-decoration:none;letter-spacing:1px;}
DIV#headerContact a:hover {color:WHITE;text-decoration:underline;}

DIV#topNav {
	font-size: 0.70em;
	background-color: transparent;
	font-family: "Trebuchet MS", "Geneva",sans-serif;
	font-weight: normal;
	width:100%;
	height: 26px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	margin-left:12px;
}

#topNav ul {margin:0; padding:0; list-style-type:none;}
#topNav li {float: left;margin:0px 15px 0px 15px;}
#topNav a {display: block;height:0;padding-top:26px; color:WHITE; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #topNav a:link, * html #topNav a:visited {height:27px; he\ight:0;}
* html #topNav a:hover {height:27px; he\ight:0;}

#topNav li.topNav-About {background:transparent url('images/topNav-about.jpg') no-repeat; background-position:0 0;height:31px;width:75px;}
#topNav li.topNav-About span {visibility:hidden;}
#topNav li.topNav-About:hover {background:transparent url('images/topNav-about.jpg') no-repeat; background-position:0% 100%;height:31px;width:75px;overflow:hidden;}
#topNav li.topNav-AboutON {height:31px;width:120px;margin:0px;padding:0;}

#topNav li.topNav-Media {background:transparent url('images/topNav-media.jpg') no-repeat; background-position:0 0;height:31px;width:52px;}
#topNav li.topNav-Media span {visibility:hidden;}
#topNav li.topNav-Media:hover {background:transparent url('images/topNav-media.jpg') no-repeat; background-position:0% 100%;height:31px;width:52px;overflow:hidden;}
#topNav li.topNav-MediaON {height:31px;width:120px;margin:0px;padding:0;}

#topNav li.topNav-Tools {background:transparent url('images/topNav-tools.jpg') no-repeat; background-position:0 0;height:31px;width:47px;}
#topNav li.topNav-Tools span {visibility:hidden;}
#topNav li.topNav-Tools:hover {background:transparent url('images/topNav-tools.jpg') no-repeat; background-position:0% 100%;height:31px;width:47px;overflow:hidden;}
#topNav li.topNav-ToolsON {height:31px;width:120px;margin:0px;padding:0;}

#topNav li.topNav-Portfolio {background:transparent url('images/topNav-portfolio.jpg') no-repeat; background-position:0 0;height:31px;width:73px;}
#topNav li.topNav-Portfolio span {visibility:hidden;}
#topNav li.topNav-Portfolio:hover {background:transparent url('images/topNav-portfolio.jpg') no-repeat; background-position:0% 100%;height:31px;width:73px;overflow:hidden;}
#topNav li.topNav-PortfolioON {height:31px;width:120px;margin:0px;padding:0;}

#topNav li.topNav-Contact {background:transparent url('images/topNav-contact.jpg') no-repeat; background-position:0 0;height:31px;width:88px;}
#topNav li.topNav-Contact span {visibility:hidden;}
#topNav li.topNav-Contact:hover {background:transparent url('images/topNav-contact.jpg') no-repeat; background-position:0% 100%;height:31px;width:88px;overflow:hidden;}
#topNav li.topNav-ContactON {height:31px;width:120px;margin:0px;padding:0;}

#topNav li.topNav-Client {background:transparent url('images/topNav-client.jpg') no-repeat; background-position:0 0;height:31px;width:115px;}
#topNav li.topNav-Client span {visibility:hidden;}
#topNav li.topNav-Client:hover {background:transparent url('images/topNav-client.jpg') no-repeat; background-position:0% 100%;height:31px;width:115px;overflow:hidden;}
#topNav li.topNav-ClientON {height:31px;width:120px;margin:0px;padding:0;}

DIV#topNavLinks {margin-left:215px;}
DIV#topNavLinks a {margin-right:5px;}

DIV#topNavHeadline {color:WHITE;font-size:14px;font-weight:bold;font-family:"Helvetica","Arial","Geneva",sans-serif;}

DIV#home-content-container {background:transparent url('images/homeBG.jpg') repeat-y;}
DIV#home-content {width:770px;margin:0 auto;padding-top:25px;}
DIV#about-content-container {background:transparent url('images/aboutBG.jpg') repeat-y;}
DIV#about-content {width:770px;margin:0 auto;padding-top:0px;}
DIV#tools-content-container {background:transparent url('images/toolsBG.jpg') repeat-y;}
DIV#tools-content {width:770px;margin:0 auto;padding-top:15px;}
DIV#media-content-container {background:transparent url('images/mediaBG.jpg') repeat-y;}
DIV#media-content {width:770px;margin:0 auto;padding-top:25px;}
DIV#portfolio-content-container {background:transparent url('images/portfolioBG.jpg') repeat-y;}
DIV#portfolio-content {width:770px;margin:0 auto;padding-top:10px;}
DIV#contact-content-container {background:transparent url('images/contactBG.jpg') repeat-y;}
DIV#contact-content {width:770px;margin:0 auto;padding-top:25px;}

DIV#waterSlice {margin-left:21px;}

DIV#we-attract {background:transparent url('images/home-we-attract.jpg') no-repeat;width:583px;height:94px;margin:0 auto;}
DIV#we-attract span {visibility:hidden;}
DIV#we-cast-lures {background:transparent url('images/home-we-cast-lures.jpg') no-repeat;width:463px;height:99px;margin:0 auto;}
DIV#we-cast-lures span {visibility:hidden;}
/*DIV#we-dig-deeper {background:transparent url('images/home-digger.jpg') no-repeat;width:770px;height:199px;margin:0 auto;border-bottom:2px solid #9FA042;border-top:2px solid #9FA042;}
DIV#we-dig-deeper span {visibility:hidden;}
DIV#we-dig-deeper2 {background:transparent url('images/home-we-dig-deeper.jpg') no-repeat;width:257px;height:53px;margin:0 auto;}
DIV#we-dig-deeper2 span {visibility:hidden;}
DIV#we-go-deeper {background:transparent url('images/home-we-go-deeper.jpg') no-repeat;width:251px;height:59px;margin:0 auto;}
DIV#we-go-deeper span {visibility:hidden;}*/
DIV#we-dig-deeper {background:transparent url('images/home-we-dig-deeper.jpg') no-repeat;width:257px;height:53px;margin:0 auto;}
DIV#we-dig-deeper span {visibility:hidden;}


DIV#home-flash {width:770px;margin:0 auto;margin-left:15px;}
DIV#home-flashNEW {width:770px;margin:0 auto;border-bottom:2px solid #9FA042;border-top:2px solid #9FA042;}
DIV#home-flash-swimmers {width:804px;margin:0 0 0 -17px;border-bottom:2px solid #9FA042;border-top:2px solid #9FA042;}

DIV#textCloud {
	width:100%;
	text-align:justify;
	color:#2A3419;
	font-family:"Arial","Geneva",sans-serif;
	background:transparent url('images/textCloud.jpg') no-repeat;
	width:711px;
	height:128px;
	margin:0 auto;
}
DIV#textCloud span {visibility:hidden;}

DIV#about-menu {
	float:left;
	width:170px;
	/*background:WHITE url('images/swimmers-small.jpg') no-repeat;
	background-position:bottom center;*/
	background-color:WHITE;
	border-top:2px solid #9BB8C9;border-bottom:2px solid #9BB8C9;
	text-align:center;
	margin:0;
	/*padding:5px 0px 130px 0px;*/
	padding:5px 0px 5px 0px;
	font-family:"Arial", "Geneva", sans-serif;
	font-size:14px;
	color:#454545;line-height:25px;
}

DIV#tools-left {float:left;}
DIV#tools-menu {
	width:170px;
	background-color:WHITE;
	border-top:2px solid #9BB8C9;border-bottom:2px solid #9BB8C9;
	text-align:center;
	margin:0;
	padding:5px 0px 5px 0px;
	font-family:"Arial", "Geneva", sans-serif;
	font-size:14px;
	color:#454545;line-height:25px;
}

DIV#media-menu {
	float:left;
	width:170px;
	background-color:WHITE;
	border-top:2px solid #DCCDDD;border-bottom:2px solid #DCCDDD;
	text-align:center;
	margin:0;
	padding:5px 0px 5px 0px;
	font-family:"Arial", "Geneva", sans-serif;
	font-size:14px;
	color:#454545;line-height:25px;
}

DIV#contact-menu {
	float:left;
	width:170px;
	text-align:center;
	margin:0;
	font-family:"Arial", "Geneva", sans-serif;
	color:#454545;line-height:22px;
	font-size:14px;border-top:2px solid #bbb;border-bottom:2px solid #bbb;padding:10px;background:WHITE;
}

DIV#contact-menu a {color:#666;}
DIV#contact-menu a:hover {color:#333;}

DIV#about-text {margin-left:195px;}

DIV#tools-right {margin-left:195px;}
img.tools-mirror {float:right;margin-top:-20px;}
DIV#media-text {margin-left:195px;}

ul#ten-reasons-list {margin:0px 0px 0px 17px;;padding:0;font-family:"Geneva", sans-serif;font-size:14px;color:#454545;line-height:146%;font-weight:bold;}
ul#ten-reasons-list li {list-style-type:decimal;list-style-position:outside;margin-bottom:20px;}
ul#ten-reasons-list li span {font-size:11px;font-weight:normal;}

DIV#portfolio-sub-nav {text-align:right;}
DIV#portfolio-sub-nav a {margin:0px 15px 0px 15px;font-family:"Arial", "Geneva", sans-serif;font-size:13px;color:#454545;}
DIV#portfolio-sub-nav a:hover {color:#6B853C;}
DIV#portfolio-sub-nav span {margin:0px 15px 0px 15px;font-family:"Arial", "Geneva", sans-serif;font-size:13px;color:#BD865C;}
DIV#portfolio-thumbs {margin-top:25px;}
DIV#portfolio-thumbs a {font-family:"Arial", "Geneva",sans-serif;font-size:11px;color:#454545;line-height:146%;}
DIV#portfolio-thumbs a:hover {color:#6B853C;}
DIV#portfolio-thumbs img {border:1px solid #BD865C;display:block;}
DIV#portfolio-thumbs table {margin-top:25px;padding-bottom:25px;border-bottom:1px solid #E5C2A7;}

DIV#contact-form {color:BLACK;font-family:"Arial", "Geneva", sans-serif;font-size:11px;margin-left:195px;padding-left:15px;}

input.text {border:1px solid #757575;color:#454545;padding:1px;font-family:"Arial", "Geneva", sans-serif;font-size:13px;}
textarea {border:1px solid #757575;color:#454545;padding:1px;font-family:"Arial", "Geneva", sans-serif;font-size:13px;}

DIV.back-to-top {width:100%;text-align:right;}

DIV#footer {clear:both;padding-top:50px;color:#333;text-align:right;width:100%;padding-bottom:0px;font-size:11px;font-family:"Arial", "Geneva", sans-serif;}
hr.footerHR {float:right;width:300px;border:0px;border-top: 1px dashed #333;background-color: transparent;height: 1px;margin:3px 0px 3px 0px;padding:0;}
DIV#footer a {color:#333;text-decoration:none;}
DIV#footer a:hover {color:#333;text-decoration:underline;}

DIV.clear {height:1px;}