/* This stylesheet is a JWP joint -- 2008 */

/*
COLORS
------
Gray Text: #857f7d
Blue Links: #4475ba
*/

.bn { border:0; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.clear { clear: both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
strong.replace { left:-9999px; position:absolute; }

/* 
======================================================
Basic site styles
======================================================
*/
body { margin:0; padding:0; background:url(images/bg.jpg) top left no-repeat fixed #010106; font-family:helvetica, Arial, sans-serif; font-size:76%; }
span.highlight { background-color:#FFC; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none;}
a:visited { color:#fff; }

/* 
======================================================
Site structure (layout)
======================================================
*/
div#wrapper { width:720px; margin:30px 0 0 60px; padding:0; }
div#masthead { height:100px; margin:0 0 0 30px; }
div#content { background:url(images/content-bg.png) repeat; border-top:1px solid #31c1ed; padding:0; margin:30px 0 0 0; padding:30px 0 60px 0;}
div.content-section { margin:0 30px; }
div.copyright { text-align:center; margin:30px; background-color:#111136; border:1px solid #1a1a49; }

/*
======================================================
Navigation
======================================================
*/


/*
======================================================
Headers
======================================================
*/

div#masthead h1 { background: url(images/designed.png) top left no-repeat; height:94px; width:164px; float:left; margin:0; }
h2 { font-family:Georgia,"Times New Roman",Times,serif; color:#31c1ed; font-weight:normal; font-size:3em; margin:0 0 0 0;}


/*
======================================================
Paragraphs
======================================================
*/
p { margin: 18px 0 0 0; line-height:18px; font-size:1.1em; color:#b6b5b5; }
div#masthead p { background: url(images/showcase.png) top left no-repeat; height:58px; width:394px; float:left; margin:18px 0 0 30px;}
div.copyright p { margin:0 !important; padding:18px 0; }
/*
======================================================
Link Styles
======================================================
*/
div.content-section p a.image { background: url(images/image.gif) left no-repeat; padding:0  0 0 24px;}
div.content-section p a.link { background: url(images/link.gif) left no-repeat; padding:3px 0 0 24px;}

/*
======================================================
Images Styles
======================================================
*/
div.content-section img { border:1px solid #31c1ed; margin:0 0 0 30px; }

/*
======================================================
Form Styles
======================================================
*/
form { margin:16px 0 0 10px; }
input, textarea { border:1px solid #ccc; padding:3px; }
input.submit, input.subscribe { border:none; }


/*
======================================================
Miscellaneous Styles
======================================================
*/

hr.clear { height:10px; margin:30px; background: url(images/br.gif) repeat-x; border:0; }