/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* 

  TYPOGRAPHIC STYLES
  
  Default Styles
  Paragraphs
  Lists
  Headings
  Links
  font-face
  
  
*/

/* DEFAULT STYLES */
body { font: 13px/20px georgia, serif;}

/* PARAGRAPHS */
p { margin: 20px 0;}

/* HEADINGS */
h1 { font-size: 36px; line-height:40px; }

h2 { font-size: 24px; line-height:30px; margin:20px 0; }
h3 { font-size: 18px; line-height:20px; margin:20px 0; }

/* LINKS */
a:link { color: #f44;}
a:visited { color: #c33;}
a:link, a:visited, a:hover { cursor:hand; }

#fat-nav a { text-decoration:none; color:inherit;}

/* font-face from Typekit */

h1 em { font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, serif; line-height:40px;}

body,
h1,
#fat-nav li strong,
header nav { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2","Lucida Grande", "Lucida Sans", lucida, helvetica, sans-serif;}

/* 
  LAYOUT STYLES
  
  Wrap
  Header
  Main content
  Footer
  
  Page-specific styles
    Home page
*/

body { background:#e6e3db url(/images/7.png) repeat-y center top; color:#320;}
span.clears { clear:both; display:block; height:0px;}

/* WRAP */
#wrap { width:900px; margin:0px auto;}

/* HEADER */
header h1 { padding: 32px 0 0 90px; float:left; width:260px; font-size:2em;font-weight:normal; margin-bottom:60px;}
header nav { border-top:3px solid #f44; padding: 0 0 0 10px; float:right; width:350px; margin-right:90px;}
header nav ul li { float:left; width: 150px; margin-right:15px; margin-top:5px; padding:5px; height:20px; }
header a { text-decoration:none; font-weight:bold}
header a:link,
header a:visited { color:#431;}
header nav a:link,
header nav a:visited { color:#f44;  }

/* MAIN CONTENT */
section { clear:both; margin:0px 90px; position:relative;}
section.main h1 { font-size:1em; line-height:20px; text-transform:uppercase; font-weight:normal;  letter-spacing: 0.2em;margin-bottom:40px;}
section.main h1 em { color:#653; display:block; margin-left:-90px; width: 440px; text-align:center; font-size:60px; line-height:60px;  text-transform:none; font-weight:bold; letter-spacing:0;}
section.main div.left { float:left; width:260px;}
section.main div.right { float:right; width:350px;}
section hr { height:3px; background-color:#dbc4ac; background-color:rgba(40, 30, 10, 0.2); border-width:0px; border:0px; margin: 40px 0; clear:both; }
section.main .center { width: 440px; margin-left:170px; clear:both; }
p.note { color:#864;color:rgba(50,14,0,0.6); }

section.main .full { clear:both; }
section.main img.full { margin-left:-90px; border:5px solid #fff; -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 10px; }
section.main table { border-top:2px solid #653; }
section.main table th { text-align:left; padding-top:1.5em}
section.main table col#ee { width:260px; }
section.main table col#spacer { width:110px; }
section.main table col#others { width:260px; }
section.main table .others { color:#653; padding-bottom:1.5em }

/*   Quotations */
section.main blockquote { color:#653; font-size:15px; font-style:italic; margin:20px -20px; padding:20px 20px 40px; background-color:#fff; background-color:rgba(255,255,255,0.4); position:relative;}
section.main blockquote + cite { position:relative;float:right; margin-right:20px; margin-top:-60px; }
section.main blockquote + cite:before { content:"-" }
section.main blockquote:before,
section.main blockquote:after { font-style:italic; width:40px;content:"“"; color:#fff; text-shadow:1px 1px 0px #C6A685; position:absolute; font-size:5em; line-height:1}
section.main blockquote:before { top:10px; left:-30px; }
section.main blockquote:after {  bottom:0px; right:-10px; content: "”"; }

/*   Fat nav footer */
#fat-nav { clear:both;list-style-type:none; margin:0 70px; padding:0 20px; background-color:#f2eBdD; background-color:rgba(255,255,255,0.5); border:1px solid #cba; z-index:3;}
#fat-nav li { display:block; width:22%; margin-right:3%; float:left; position:relative; z-index:3;}
#fat-nav li.next { float:right ;}
#fat-nav li strong { display:block; margin-bottom:20px; color:#f44;}
#fat-nav a { display:block; }
#fat-nav a:hover strong { margin-top:2px; color:#f00;}

/*   Next link */
.next-link { display:block; background-color:#fff; background-color:rgba(255,255,255,0.5); border:1px solid #cba; font-size:14px; line-height:1.5;font-weight: normal; padding:20px; width:190px; margin-bottom:20px; position:relative; text-decoration:none; color:#321; padding-right:60px;}
.next-link.left { left:-20px; margin-top:-7.5em; position:absolute; }
.next-link::after { content: "»"; position:absolute; right:10px; top:0px; font-size:5em; line-height:1; color: #f44;}

/* FOOTER */
footer { margin: 40px 70px 0px 70px; padding-left:20px;background-color:#dbc4ac; background-color:rgba(100,50,0,0.2); border:1px solid #c6a685;clear:both;}
footer h1 { font-size:1.2em; font-weight:bold;  display:inline; padding:10px 20px; margin-left:-20px; float:left;}
footer label { display:block; height:20px; margin-bottom:10px; font-weight:bold }
footer p { width: 260px; float:left; clear:left;}

footer div.vcard { float:right; width:420px; margin-top:16px;}
footer label { float:left; font-weight:normal;}
label.tel-label,
label.email-label { margin-top:20px; width:80px}
div.tel,
a.email { float:left; line-height:1.5; color:#320; }
a.email { font-size:1.5em; line-height:2.8; margin-bottom:20px;}
div.tel { font-size:3em;font-weight:bold;}
label.email-label { clear:left;}
a.url, .adr { display:none;}

/* HOME PAGE */
/*   Main content */
body.home section.main { position:relative; margin-bottom:80px;}
body.home section.main p { width: 260px;}
body.home section.main .right p { width:350px; }
body.home section.main .right p,
p.highlight { font-size:113%; line-height:1.5; }
body.home section.main img { position: absolute; right:-40px; top:0px; width: 400px;}

/* MESSAGE PAGE */
body section .right ul { list-style-type:circle; width:350px;}
body section .right ul li { margin-bottom:20px;}
body section.blog .right ul { margin-bottom:20px; }
body section.blog .right ul li { margin-bottom:0; }

/* BLOG PAGE */
section.blog a:link,
section.blog a:visited { text-decoration:none; }
section.blog date { margin-bottom: 1.5em; display:block; letter-spacing:.15em; text-transform: uppercase; font-weight:bold; }
body.blog header a:link, body.blog a:visited { font-weight:normal; }
body.blog h1 { width:550px; }
article p.excerpt { width:360px; color:#320; font-size:113%; line-height:1.5;}

/* TYPEKIT FOUT */
body.wf-loading { opacity:0; }
body.wf-active { opacity:1; }
body.wf-inactive { opacity:1 }
body {
    -moz-transition:0.2s opacity ease-in;
    -webkit-transition:0.2s opacity ease-in;
    transition:0.2s opacity ease-in;
}