/*
Project Name: Jacob Morse
Project URI: http://www.JacobMorse.com/
*/

/* Reset Styles */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong, th{font-weight:bold;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}

/* Remember to define focus styles! */
a, a:focus, a:active, a:visited, input, textarea{outline:none;}
textarea{resize:none;}
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;}
caption, th, td{text-align: left;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

/* Base Styles */
body{background:#08364e; font-family:HelveticaNeue, Helvetica, Calibri, Arial, sans-serif; color:#444; font-size:15px;}
.clearfix{height:0px; line-height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
.clear:after{height:0px; line-height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .clear{height:1px} /* */

/* Common Styles */
.align-right{text-align:right; clear:both;}
.align-center{text-align:center; clear:both;}
.float-left{float:left;}
.float-right{float:right;}

/* Main Containers */
#wrapper{width:100%; height:auto; border-top:12px solid #052538;}
#page{width:940px; height:auto; margin:0px auto; padding:0;}

/* Home Page Content Section */
#home-content{width:100%; height:auto;padding-top:24px;}
#home-content-left{width:217px; height:394px; float:left; padding:82px 0 0 26px;}
#home-content-right{width:697px; height:auto; float:left; padding-top:149px;}

#home-content-right h1#title1{width:569px; height:58px; padding-bottom:6px; background:url(../images/home-heading1.png) no-repeat 1px 0px; text-indent:-9999px;}
#home-content-right #text{position:relative; width:559px; height:79px;}
#home-content-right h2#title2{width:559px; height:79px; background:url(../images/home-heading2.png) no-repeat top left; text-indent:-9999px; position:absolute; top:0px; left:0px;}
#home-content-right h3#title3{width:203px; height:33px; position:absolute; bottom:3px; right:10px;}
#home-content-right h3#title3 a{width:203px; height:33px; background:url(../images/home-heading3.png) no-repeat 0px 0px; text-indent:-9999px; display:block;}
#home-content-right h3#title3 a:hover{background-position:0px -33px;}

/* Footer */
#footer{width:100%; height:auto; clear:both; padding:38px 0 35px; background:url(../images/footer-bg.png) no-repeat top left;}

/* Elsewhere */
#elsewhere{width:626px; height:53px; margin:0 auto; padding:0 8px 0 9px; position:relative; background:url(../images/elsewhere-bg.gif) repeat-x top left;}
#elsewhere-left{width:9px; height:53px; position:absolute; top:0px; left:0px; background:url(../images/elsewhere-left.png) no-repeat top left;}
#elsewhere-right{width:8px; height:53px; position:absolute; top:0px; right:0px; background:url(../images/elsewhere-right.png) no-repeat top left;}
#elsewhere h3{width:120px; height:22px; background:url(../images/elsewhere.png) no-repeat top left; text-indent:-9999px; position:absolute; top:15px; left:24px;}

#elsewhere ul{list-style:none; width:480px; height:32px; position:absolute; top:12px; left:156px;}
#elsewhere ul li{padding:0 5px; position:relative;}
#elsewhere ul li, #elsewhere ul li a, #elsewhere ul li a img{float:left; width:30px; height:32px;}
#elsewhere ul li a{background-position:0px 0px; background-repeat:no-repeat; text-decoration:none;}
#elsewhere ul li a:hover{background-position:0px -32px;}
#elsewhere ul li span{background:url(../images/tooltip-bg.png) no-repeat; width:111px; height:45px; position:absolute; top:-49px; left:-37px; text-align:center; display:none; line-height: 37px; color:#052538; font-size: 12px; cursor:pointer; font-weight: bold;}

#elsewhere ul li#facebook a{background-image:url(../images/icons/facebook.png);}
#elsewhere ul li#twitter a{background-image:url(../images/icons/twitter.png);}
#elsewhere ul li#google a{background-image:url(../images/icons/google.png);}
#elsewhere ul li#linkedin a{background-image:url(../images/icons/linkedin.png);}
#elsewhere ul li#flickr a{background-image:url(../images/icons/flickr.png);}
#elsewhere ul li#gowalla a{background-image:url(../images/icons/gowalla.png);}
#elsewhere ul li#readernaut a{background-image:url(../images/icons/readernaut.png);}
#elsewhere ul li#lastfm a{background-image:url(../images/icons/lastfm.png);}
#elsewhere ul li#dribble a{background-image:url(../images/icons/dribble.png);}
#elsewhere ul li#tumblr a{background-image:url(../images/icons/tumblr.png);}
#elsewhere ul li#dopplr a{background-image:url(../images/icons/dopplr.png);}
#elsewhere ul li#yelp a{background-image:url(../images/icons/yelp.png);}

/* Footer Nav */
#fnav{width:624px; height:auto; margin:0 auto; padding:26px 10px 0 9px; font-size:14px; color:#3c6980;}
#fnav img{vertical-align:middle;}
#fnav-left{float:left; width:auto;}
#fnav-right{float:right; width:auto;}

#fnav-left a{text-decoration:underline; color:#3c6980;}
#fnav-left a:hover{text-decoration:underline; color:#fff;}

#fnav-right a{text-decoration:underline; color:#3c6980;}
#fnav-right a:hover{text-decoration:underline; color:#fff;}

/* Contact Form */
#contact-tab{clear: both; height:24px; position:relative; margin-right: 150px; top:36px;}
#contact-tab ul{list-style:none; height:24px; padding:0 ;float:right;}
#contact-tab ul li{float:left; height:21px; width:121px; padding:3px 0 0 25px; text-align:center; background:url(../images/tab.gif) no-repeat top left;}
#contact-tab ul li a img{width:95px; height:14px; float:left;}
#contact-tab ul li a{text-decoration:none; width:95px; height:14px; background:url(../images/get-in-touch.gif) no-repeat 0px 0px; overflow:hidden; display:block; text-align:center; float:left;}
#contact-tab ul li a:hover{background-position:0px -14px;}

#contact-wrapper{border-bottom:12px solid #052538; width:100%; height:auto; background:#052538 url(../images/divider.gif) repeat-x bottom left; position:absolute;top:-24px;z-index:1000;}
#contact-wrapper #contact{width:882px; height:auto; margin:0 auto; display:none; padding:0px;}
#contactFrm{width:100%; height:auto; padding:40px 0 0;}
#contactFrm #contactFrm-left{float:left; width:362px; height:auto; padding:0 39px 0 0;}
#contactFrm #contactFrm-right{float:left; width:481px; padding-top:43px; height:auto;}

#contactFrm #contactFrm-left h2{font-size:25px; font-weight:normal; color:#fff; padding-left:12px; padding-bottom:18px; float:left;}
#contactFrm #contactFrm-left span.required-top{font-size:12px; color:#ffcc00; text-align:right; float:right; margin-top:15px;}
#contactFrm #contactFrm-left div.required{width:12px; font-size:12px; padding-top:15px; color:#ffcc00; text-align:left; float:left;}
#contactFrm div.clear{width:100%; position:relative;}
#contactFrm div.ohyouknow{position:absolute;width:335px;height:30px;top:6px;left:21px;background:#08364E;display:none;}
#contactFrm #contactFrm-right div.ohyouknow{position:absolute;width:467px;height:207px;top:6px;left:9px;background:#08364E;display:none;}

#contactFrm .tb{width:330px; height:33px; padding:6px 10px 20px; background:url(../images/tb.gif) no-repeat 0px 0px; float:left;}
#contactFrm #last{padding-bottom:0;}
#contactFrm .tb input{width:330px; height:28px; background:none; border:none; font-size:21px; color:#fff; font-family:HelveticaNeue, Helvetica, Calibri, Arial, sans-serif; float:left;}
#contactFrm .tb input.promptText {color:#3c6980;}
#contactFrm .tb input.errormsg {color:#ffcc00;}
#contactFrm .tb input:focus {color: #fff;}

#contactFrm .ta{width:461px; height:210px; padding:6px 10px 20px; background:url(../images/ta.gif) no-repeat 0px 0px; float:left;}
#contactFrm .ta textarea{width:461px; height:205px; background:none; border:none; font-size:21px; color:#40738b; font-family:HelveticaNeue, Helvetica, Calibri, Arial, sans-serif; float:left;}
#contactFrm .ta textarea:focus {color: #fff;}

#contactFrm #send{float:right;}
#contactFrm span.confirmation{font-size:21px; line-height:38px; color:#5ea52d; padding-right:20px; display:block; float:right;}
#contactFrm span.confirmation img{vertical-align:middle; margin-top:-3px;}

/* Josiah's Addition[s] */

#status{display: none;}
#contactFrm span.confirmation{display: none;