/* CSS Document / TimDeibel.nl / Rev.2013/09/19 */

html, body { width:100%;height:100%;margin:0;padding:0;border:none;}
body {
 font-family: 'EB Garamond', serif;
 font-weight:400;
 font-size: 15px;
 color:#555;
 background:#d4efe6;
}

img { border:none; outline:none; }
img { -ms-interpolation-mode: bicubic; } /* IE7 */

div ul { margin-left:0px; padding-left:20px; } /* IE6+7 missing bullets Bug */

h1 { margin:0 0 1.2em 0; padding:0; font-weight:normal; }
h2,h3 { margin:0 0 1em 0; padding:0; font-weight:normal; }
h1 { font-size:1.35em; letter-spacing:0.1em; }
h2 { font-size:1.25em; letter-spacing:0.1em; }
h3 { font-size:1.0em; letter-spacing:0.1em; }

p  { margin:1.4em 0; padding:0; }
td { font-weight:400; font-size: 1em; }

a:link, a:visited { color:#777; text-decoration:underline; outline:none; }
a:hover { color:#000; text-decoration:underline; outline:none; }
a:active { color:#000; text-decoration:underline; outline:none; }


/* ===================  SPLASH PAGE  ================== */

#homeLogo {
 position:absolute;
 left:50%; width:320px; margin-left:-160px;
 top:48%; height:200px; margin-top:-100px;
}

/* ===================  COMMON & HOME STUFF  ================= */

.jks-bg {
 background:url(../img/bg-noise.png) repeat; /* in case backstretch fails */
}

#mainWrap {
 position:relative;
 width:100%; height:100%;
 min-width:900px; /* + cust.var. */
 max-width:1800px;
 min-height:500px;
 margin:0 auto;
}
#mainHead {
 position:relative;
 height:25%;
 min-height:145px; /* logo2 H +20 */
}
#mainHead img {
 position:absolute;
 width:200px; height:125px; /* logo2 W/H */
 top:50%; margin-top:-62px;
 left:50%; margin-left:-100px;
}

#mainCont {
 position:relative;
 min-height:300px; /* mainWrap min-W / 3 */
 padding:1px 0 1px 0; /* prevent v-margin collapse */
 margin:0;
}
#mainFoot {
 position:relative;
 margin-top:1.5em;
 text-align:center;
}

/* =================  TEXT PAGE  ================== */

.aboutImg {
 margin:0 auto;
 text-align:center;
 border-bottom:1px solid #333;
}
.aboutImg img { width:300px; padding-bottom:15px; }

#textWrap, .aboutImg { width:800px; }

#textWrap {
 width:800px;
 margin:0 auto;
 padding:10px 0;
 text-align:center;
 line-height:1.5em;
}

#textWrap p { margin:0; padding:0; }

#subNavWrap {
 width:400px;
 margin:0 auto;
 border-top:1px solid #333;
 padding-top:10px;
 text-align:center;
 font-style:italic;
}
#subNavWrap a { text-decoration:none; color:#999; }
#subNavWrap a:hover { text-decoration:none; color:#333; }

.textCol1, .textCol2 { float:left; text-align:left; }
.textCol1 { width:25%; margin-left:12%; }
.textCol2 { width:50%; margin-left:10.5%; }

/* ==============  PF THUMBNAIL PAGE  =============== */

#thumbWrap { /* +PHP */
 width:900px; /* + cust.var. */
 margin:0 auto;
}
.pfThumb { /* +PHP */
 float:left;
 width:auto; height:auto;
 text-align:center;
}
.pfThumbImg { /* +PHP */
 background-color:#b9d8ce;
 -moz-box-shadow: 1px 1px 2px #aaa;
 -webkit-box-shadow: 1px 1px 2px #aaa;
 box-shadow: 1px 1px 2px #aaa;
}

/* ==============  PF PHOTO PAGE  =============== */

#portfImg { /* +PHP */
 position:relative;
}
#portfCaption {
 position:absolute;
 bottom:10px; height:auto;
 left:10px; width:auto;
 margin-top:-30px;
 padding:0.3em 1em;
 text-align:left;
 background:url(../img/bg-light20.png) repeat;
 color:#222;
 -moz-text-shadow: 1px 1px 1px #999;
 -webkit-text-shadow: 1px 1px 1px #999;
 text-shadow: 1px 1px 1px #999;
}
#portfCaption h1, #portfCaption p { margin:0; padding:0; letter-spacing:normal; }

#btnPrev, #btnNext {
 position:absolute;
 width:40px; height:60px;
 top:50%; margin-top:-30px;
}
#btnPrev { left:10px; }
#btnNext { right:10px; }

#btnClose {
 position:absolute;
 width:40px; height:40px;
 top:2px; right:2px;
}

/* =================  NAVIGATION  ===================== */

ul#mainNav {
 display: inline;
 list-style-type:none;
 margin:0; padding:0;
}
ul#mainNav li {
 display: inline;
 list-style-type:none;
 margin:0; padding:0 6px;
 font-size:1em;
}
ul#mainNav li a.link0 { text-decoration:none; color:#777; }
ul#mainNav li a.link1, ul#mainNav li a:hover, ul#mainNav li a:focus { text-decoration:none; color:#333; }

/* ================  CONTACT FORM  ==================== */

/* normalize.css */
button,input,select,textarea { font-size:100%; margin:0; vertical-align:baseline; }
textarea { overflow:auto; vertical-align:top; }
button,input { line-height: normal; }
button,select { text-transform: none; }

label { display:block; }
.frm_txt, .frm_area { font-family:inherit; font-weight:inherit; font-size:1em; }
.frm_txt  { width:65%; height:1em; }
.frm_area { width:99%; height:6em; }

.frm_submit {
 font-family:inherit;
 font-weight:inherit;
 font-size: 1em;
 font-style:italic;
 color:#999;
 background:none;
 border:none;
 cursor:pointer;
}
.frm_submit:hover { color:#333; }

/* ================   MISC. CLASSES  ==================== */

.size_S {
 font-size:0.9em;
}
.clear {
 float:none;
 clear:both;
}

.jsWarning {
 position:absolute;
 top:10%; height:auto;
 left:50%; width:650px;
 margin-left:-325px;
 padding:20px;
 color:#900;
 font-family:Verdana, Geneva, sans-serif;
 font-size:14px;
 text-align:center;
 background:#ffc; opacity:0.9;
 -moz-box-shadow: 3px 3px 3px #000;
 -webkit-box-shadow: 3px 3px 3px #000;
 box-shadow: 3px 3px 3px #000;
 border:#900 2px solid;
 z-index:9999;
}