/* -------

UNIVERSAL RESETS
GENERIC CLASSES
GENERAL STRUCTURE
HEADINGS
BRANDING
LINKS
PARAGRAPHS
BLOCKQUOTES AND CITATIONS
FORMS
LISTS
TABLES
MISC PRESENTATION ELEMENTS
META
ACCESSIBILITY
PAGE SPECIFIC

------- */

/*
@UNIVERSAL RESETS
------------------------------------------
*/
* { margin:0; padding:0; text-align:left; }
img, object, embed { display:block; border:0; }
a { outline:none; }

/*
@GENERIC CLASSES
------------------------------------------
*/
.separator { display:none; }

/* Use these where it makes sense to do so instead of creating new classes. */
.db { display:block; }
.di { display:inline; }
.dn { display:none; }

.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 */
		
/*
@GENERAL STRUCTURE
------------------------------------------
*/
html { min-height:100%; height:auto; }

body { height:100%; line-height:1.4em; color:#333; font-family:"Trebuchet MS"; background:url(/images/bg/body.jpg) left bottom no-repeat; }

div#header { padding:20px; }

div#container { position:relative; width:768px; margin:0 auto; }

div#page-body { padding:20px; }

div#content { padding-top:80px; }

div.section {  }
div.section-content { padding-top:80px; }
body#contact div.section-content { padding-top:100px; }
div#article { min-height:500px; padding:20px; background:url(/images/bg/article.png) repeat-x; border:2px solid #bebebe; }
div#article-content {  }

/*
@NAVIGATION
------------------------------------------
*/
div#contact { position:absolute; top:0; right:22px; }
div#contact a { display:block; padding-right:6px; color:white; text-decoration:none; background:url(/images/bg/contact-tab-right.gif) right bottom no-repeat; }
div#contact a:hover { text-decoration:underline; }
div#contact a strong { display:block; padding:10px 4px 10px 10px; background:url(/images/bg/contact-tab-left.gif) left bottom no-repeat; }

ul#jump-nav { margin:0; list-style-type:none; }
ul#jump-nav li { float:left; }
ul#jump-nav li a { display:block; margin-right:10px; padding-right:6px; color:#4d4d4d; text-decoration:none; background:url(/images/bg/jump-nav/tab-right.gif) right top no-repeat; font-weight:normal; }
ul#jump-nav li a:hover { text-decoration:underline; }
ul#jump-nav li a strong { display:block; padding:8px 4px 20px 10px; text-align:center; background:url(/images/bg/jump-nav/tab-left.gif) left top no-repeat; }
ul#jump-nav li a.current { color:white; background-image:url(/images/bg/jump-nav/tab-right-current.gif); }
ul#jump-nav li a.current strong { background-image:url(/images/bg/jump-nav/tab-left-current.gif); }

/*
@HEADINGS
------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { color:#4d4d4d; }
h1 { float:left; width:296px; height:67px; margin-top:10px; background:url(/images/branding/ryanmears.gif) left top no-repeat; }
h1 strong { position:absolute; top:-9999px; }
h2 { float:right; width:340px; font-size:1.1em; }
h2 em { color:#c50000; font-style:normal; }
h3 { margin-bottom:14px; font-size:1.5em; }
h4 {  }
h5 {  }
h6 {  }

/*
@BRANDING
------------------------------------------
*/
div.work-examples { padding-top:10px; margin-bottom:20px; /*border:1px solid blue;*/ }
div.work-examples div.overview { float:left; width:64%; /*background:gray;*/ }
div.work-examples img { float:right; border:2px solid #bebebe; /*margin-right:10px;*/ }

/*
@LINKS 
------------------------------------------
*/
h1 a { display:block; width:296px; height:67px; }
div#article-content a { text-decoration:none; color:#333; border-bottom:1px dotted #333; }
div#article-content a:hover { border-bottom-style:solid; }
div#header a { color:white; }

/*
@PARAGRAPHS
------------------------------------------
*/
p { margin:15px 0; }

/*
@BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
@FORMS
------------------------------------------
*/
form { margin:10px 0; }
fieldset { border:0; }
select { margin-bottom:20px; }

/*
@LISTS
------------------------------------------
*/
ul#sitenav { margin-top:10px; list-style-type:none; }
ul#sitenav li { float:left; width:16%; text-align:center; }

div#article-content ul li { margin:6px 20px; }

dl.summary {  }
dl.summary dd.title { color:#c50000; }
dl.summary dd.description { padding:10px 30px 30px 30px; }

/*
@TABLES
------------------------------------------
*/

/*
@MISC PRESENTATION ELEMENTS
------------------------------------------
*/

/*
@META
------------------------------------------
*/

/*
@ACCESSIBILITY
------------------------------------------
*/

/*
@PAGE SPECIFIC 
------------------------------------------
*/