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

Name:     "Mike Holley" Master Styles
Designer: Mike Holley
URL:      www.mikeholley.com
Date:     Jan 01, 2009 v1.0

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

/* Suggested order:

 * width * height * margin * padding * border * background * color * font * text-decoration * text-align
 * vertical-align * white-space * other text * content  * display * list-style * position * float * clear

 */
 
/* =global ------------------------------------ */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0; padding: 0; }
	
ul,li { list-style-type: none; }

body {
	font: x-small Tahoma, "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	font-size/* */:/**/small;
	font-size: /**/small;
	line-height: 1.5em;
	background: #04B1E6;
	}

hr { clear: both; display: none; }
.hide { display: none; }
.clear { clear: both; }
.centered, p.centered { text-align: center; }
.right { text-align: right; }
.floatright { float: right; }
img { border: 0; }
a img { border: 0; }
h1, h2, h3, h4 {font-family:"Century Gothic","Futura","Trebuchet MS",Arial,Helvetica,sans-serif;}
h1, h2, h3, h4 {letter-spacing:.1em; font-weight:normal;}
h1 {display: block; height: 0px;}
h2 {font-size: 160%; margin-bottom: .6em;}
h3 {font-size: 160%; margin-bottom: .6em; color: #66C3E0;}
h4 {font-size: 120%; margin-bottom: .5em; color: #66C3E0;}
h5 {font-size: 90%;}
#h-welcome, #h-services, #h-about, #h-contact {width: 800px; height: 120px;margin: 0 auto; padding: 0;clear: both; text-indent: -9999px;}
#h-welcome {background: url(../images/h-welcome.gif) no-repeat 0px 43px;}
#h-services {background: url(../images/h-services.gif) no-repeat 0px 43px;}
#h-about {background: url(../images/h-about.gif) no-repeat 0px 43px;}
#h-contact {background: url(../images/h-contact.gif) no-repeat 0px 43px;}
p {margin-bottom: .8em;}
.enlarge {width: 780px; margin: 0px auto; padding: 45px 20px 45px 0px; font-size: 220%; color: #FFF; clear: both;}
ul li { font-size: 90%; }
.note { font-size: 85%; }
.leftCol {width: 210px; float: left;}

/* =links */
a { outline: none; }
a:link, a:visited {color: #66c3e0; text-decoration: none;}
a:hover {color: #66c3e0; }

/* =nav ------------------------------------ */
#nav {width: 100%; padding: 0px; background: #2A2A2A; position: fixed; z-index: 1000; left: 0px; top: 0px; border-bottom: 1px solid #0290BD; clear: both;}
#nav ul {width: 800px; height: 59px; margin: 0px auto; padding: 0px; background: url(../images/mikeholley.jpg) no-repeat 0px 2px;}
#nav li {padding: 20px 15px; display: inline; letter-spacing:.1em; float: right;}
#nav li a:link, #nav li a:visited {color: #FFF; text-decoration: none; font-weight: bold;}
#nav li a:hover {color: #317b9e;}
#n-one   {height: 1000px; padding-top: 60px;}
#n-two   {height: 1000px; padding-top: 60px;}
#n-three {height: 1000px; padding-top: 60px;}
#n-four  {padding-top: 60px;}
.wrapper {width: 100%; margin: 0px auto 50px; background: #98DFF5 url(../images/bckgrnd-wrapper.gif) repeat-x left top; clear: both;}
.wrapper-inner {width: 100%; border-top: 1px solid #A9CBD1; border-bottom: 1px solid #A9CBD1;border-right-style: none; border-left-style: none; background: #E2FBFF url(../images/bckgrnd-wrapper-inner.gif) repeat-x left top; clear: both;}
.wrapper-bottom {padding-bottom: 126px; background: url(../images/bckgrnd-wrapper-bottom.gif) repeat-x left bottom;}
.main {width: 800px; margin: 0px auto; padding: 30px 0px;}
.content {width: 530px; float: left;}

/*-- =sidebar ----------------------------------*/

.sidebar {width: 240px; padding-top: 16px; float: right; font-size: 90%;}
.sidebar a:link, #sidebar a:visited { color: #666; text-decoration: none; }
.sidebar a:hover { color: #008DCC; text-decoration: none; }
.sidebar h2 {margin-bottom: .2em; color: #476AA9; font-weight: bold;}
.sidebar p {margin-bottom: 1em;}
.sidebar #c-map {width: 240px; height: 240px; background: url(../images/photo-map.gif) no-repeat 0 0;}

/*-- =modules and lists ------------------------*/

.m-1 {margin-bottom:1em; background:#fff url(../images/mod-top.gif) no-repeat left top;}
.m-1b {padding: 8px 12px 2px; background:url(../images/mod-bottom.gif) no-repeat left bottom;}

.m-1-a {background:#fff url(../images/mod-top.gif) no-repeat left top;}
.m-1b-a {padding: 8px 12px 17px; background: url(../images/mod-bottom-quote.gif) no-repeat left bottom;}
cite.m-author {margin-bottom:1em; padding: 1px 10px 1px 66px; font-size: 90%; line-height: 1em; display: block;}

.m-2 {margin-bottom:1em; background:#fff url(../images/mod-top-home.gif) no-repeat left top;}
.m-2b {padding: 12px 12px 0; background:url(../images/mod-bottom-home.gif) no-repeat left bottom;}

ul.dots {margin: 0 0 1em; padding: 0; line-height: 1.2em; list-style: none;}
ul.dots li {margin: 0 0 0.5em; padding: 0 0 0 18px; background: url(../images/bullet.gif) no-repeat 4px 4px;}

#l-clients {margin: 0px 0px 0px -20px; padding: 0px;}
#l-clients li {margin: 0px 0px 17px 22px; padding: 0px; float: left; display: inline; background: none;}
#l-clients li a {width: 150px; height: 50px; padding: 4px; text-decoration: none; display: block; position: relative; border: 1px solid #e6e6e6; color: #65675d;}
#l-clients li a span {padding: 0px 5px; position: absolute; left: 4px; top: 4px; background: #fff; border: 1px solid #e6e6e6; border-width: 0 1px 1px 0;}
#l-clients li a:hover {background: #EFEFEF; border: 1px solid #B8B8B8; color: #949494;}
#l-clients li a:hover span {background: #EFEFEF; border-color: #C2C2C2;}
#l-clients li a img {position: absolute; left: 4px; top: 4px;}

#client-list {clear: both;}
#client-list .col {width: 215px; padding-right: 21px; float: left;}

/*-- =form styles ----------------------------- */

form {margin:0 0 10px; padding:0 10px 10px;}
fieldset {margin:0 0 20px 0; padding:0; border-width:0; border-bottom:1px dashed #D5D5D5;}
legend {margin:0px 0 .6em; padding:0; color:#66C3E0; font:normal 140% "Century Gothic", "Futura", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;}
legend em {font-style: normal; font-size: 80%; font-weight: normal;}
* html legend {margin-left:-8px; margin-bottom:10px;}
fieldset .field {padding:6px 0;border-top:1px dashed #d0d0d0;clear:both;}
fieldset br {display:none;}
fieldset .field label {width:115px; margin-right:5px; color:#636B75; display:block; float:left;}
fieldset .field label .required {color:#f00; font-weight:normal;}
fieldset .field input, fieldset .field select {width:280px;}
fieldset .field textarea {margin-top:5px;width:280px;}
fieldset .field .checkbox {margin: 2px 0 0 120px;font-size: 84%;}
fieldset .field .checkbox input {width: 15px; height: 15px; vertical-align: middle;}
fieldset .field .notes {color:#7C7C7C; font-size:75%; margin:2px 0 0 120px;}
input, textarea, select {font:normal normal x-small Verdana, Arial, sans-serif; content:"\"}\""; content:inherit; font-size:small;}
html>body input, html>body textarea, html>body select {font-size:small;}
input.text, textarea {padding:2px 0 2px 4px; background:#FFF; border:1px solid black; border-color:#c0c4c6 #e0e4e6 #e0e4e6 #c0c4c6; color:#808486;}
input.text.highlight, textarea.highlight {background-color:#FFF; color:#204050;}
form .button {margin-left: 121px;}
form .f-required {margin-left: 121px; font-size:75%;}