/*

By Mosaic Group LLC
*/

/*global resets*/

* {margin:0; padding:0;}
ol, ul{list-style:none;}
strong { font-weight: 700;}
em {font-style: italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
select img {border:none;}
img {border:none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}

a, a:visited {text-decoration: none; outline: none; color: #e99519;}
a:hover {text-decoration: underline; color: #e99519;}

body {
	background: #333;
	color: #fff;
	font-family: Helvetica;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center; /* for IE */
}

#wrapper{width: 960px;height: 700px;background: transparent url(images/scribble.png) no-repeat center center;
margin: 0 auto;text-align: left;overflow: visible;position: relative;}

#debug {width: 200px; height: 99%; border: 1px solid #fff; color: #fff; font-size: 0.7em; position: fixed; top: 0px; left: 0px; overflow: auto; display: none;}
#debug p {padding-bottom: 3px;}
#debug p.break {height: 20px;}

/************ header *************/
#header {height: 235px;width: 960px;background: transparent url(images/luke-karrys.png) no-repeat center center;
position: relative;top: 0;left: 0;margin: 30px auto 60px;}


/************ main-content *************/
#main-content {position: relative;width: 960px; height: 109px;}
#main-content h3 {clear: both; text-align: center; margin-bottom: 10px;}
#main-content h3.top-header {margin-top: -33px;}

span {color: #e99519;}
p.title {text-transform: uppercase; letter-spacing: 0.08em; font-size: 1em; text-align: center; margin-bottom: 15px; font-weight: bold;}
p.title span.break {padding: 0 10px; font-weight: 100;}

.margin-right {margin-right: 10px;}


/************ social-media icons *************/
#social-media {width: 984px; padding: 0 0 4px; height: 74px; z-index: 10; position: relative;}
#social-media a {padding: 0 4px; display: block; cursor: pointer; float: left; height: 74px; width: 74px; position: relative; top: 0px; text-decoration: none; color: #fff;}
#social-media a img {z-index:5; position: relative;}
#social-media a .hoverTitle {visibility: hidden; position: absolute; width: 74px; text-align: center; z-index:4;
text-transform: uppercase; font-size: 0.7em; height: 20px; top: 15px; left: 4px;}
#social-media a .hoverInfo {visibility: hidden; position: absolute; width: 200px; z-index:4;
text-transform: lowercase; font-size: 0.8em; height: 20px; bottom: 0px;}
#social-media a .rightSide {text-align: left;left: 84px;}
#social-media a .leftSide {text-align: right;right: 84px;}

/************ end main-content *************/


/****************contact form****************/
#mail-form {display: none;}
p.alert {margin-bottom: 10px; font-size: 0.75em;}
.forms {width: 270px;float: left;margin-right: 25px;}
.forms li {display: block;height: 20px;padding-bottom: 9px;}
.forms li.tall {height: 105px;}
.forms li label {width: 50px; float: left; font-size: 12px;padding: 4px 16px 0 0; text-align: right;}
.forms li input, .forms li textarea, .forms li select {width: 186px;height: 14px;float: left;background: #fff;border: 1px solid #000; padding: 2px;}
.forms li select {width: 192px;height: 20px; padding:2px 2px 2px 0;}
.forms li textarea {height: 100px;}
.forms #submit {float: left;background: #666;height: 20px;width: 65px;color: #fff;border: 1px solid #000; cursor: pointer;}
.forms #submit:hover {background:#e99519;}
.forms li label.invalid, p.invalid {color: #e99519;}
.forms li input.invalid, .forms li textarea.invalid, .forms li select.invalid {border-color: #e99519;}

.success {text-align: center; padding: 0 20px;}
.success h2 {padding: 40px 0 20px; color: #e99519;}
.success p {padding-bottom: 20px;}
.success p.quote {padding-bottom: 5px; font-style: italic; text-align: left; color: #e99519; font-size: 0.9em;}
.success p.author {float:right; text-align: right; font-size: 0.8em;}


/************ footer *************/
.margin-right {margin-right: 6px;}
#contact {width: 300px; right: 0px; top: 0px;}
#contact-methods {position: absolute; left: 81px; top: 26px;}
#contact-methods img {position: relative;}
p.instructions {font-size: 0.85em; padding-bottom: 10px;}
#gvoice {display:none;}

#footer {position: absolute;border-top: 1px solid #e99519;width: 984px;height: 40px; overflow: visible;}
#footer p {font-size: 0.95em; color: #fff; padding-top: 35px; height: 15px; }

/************ end footer *************/