﻿@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/GeertDD/portfolio
	Copyright ©2009 Geert De Deckere <geert@idoe.be>
*/

/* STYLES FOR SCREEN */
@media screen, projection {

/* CSS RESET */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }

/* BLOCKQUOTE */

blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }



blockquote cite {
color: #bab8b8;
font-size: 14px;
display: block;
margin-top: 5px;
margin-left: 50px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

table { border-collapse:collapse; border-spacing:0; }
input, select, textarea { font:inherit; }

/* GENERAL CLASSES */
.skip { position:absolute; top:-9999px; left:-9999px; font-size:1px; }
.clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* GLOBAL WRAPPER */
body { padding:200px 0 20px; background:#252525 url(../img/layout/light-burst.jpg) no-repeat 0 0; font-family:arial,sans-serif; font-size:14px; color:#fff; line-height:1.538em;/*20px*/ }

/* HEADER */
#header { float:left; width:30%; color:#ffffff; }
#header h1 { margin:100px 0 40px; padding:0 0 0 15px; font-size:25px; text-transform:uppercase; color:#d3d3d3; } /* Change the top margin to move the logo vertically */
#header p { margin:0px 30px 20px; padding-left:40px; }
#header p.address { font-size:14px; background:url(../img/layout/icon-address.png) no-repeat 0 5px; }
#header p.phone   { font-size:14px; background:url(../img/layout/icon-phone.png) no-repeat 0 5px; }
#header p.email   { font-size:14px; background:url(../img/layout/icon-email.png) no-repeat 0 6px; }
#header a { color:inherit; text-decoration:none; }
#header a:hover { color:#95c02f; }

/* MAIN CONTENT WRAPPER */
#main { float:right; width:65%; }

/* NAVIGATION */
#main h2 { clear:both; margin:0 0 1px; padding:5px 0 6px 20px; height:20px; background:#605f5f; color: #ffffff; font-size:16px;  text-transform:uppercase; cursor:pointer; }
#main h2:hover { background:#d3d3d3; color:#414645; }
#main h2.active { background:#d3d3d3; color:#414645; }


/* THREE COLUMN GRID SYSTEM */
.content { min-width:600px; max-width:900px; padding:10px 0 10px 20px; }
.content:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } /* clearfix */
.span-1, .span-2, .span-3 { float:left; margin-right:5%; }
.span-1 { width:95%; }
.span-2 { width:65%; }
.span-3 { width:85%; }
.prefix-1 { margin-left:30%; }
.prefix-2 { margin-left:60%; }
.suffix-1 { margin-right:30%; }
.suffix-2 { margin-right:60%; }

/* CONTENT ELEMENTS */
/*.content h3 { clear:both; margin:0 0 20px; color:#d0d1d1; text-transform:uppercase; letter-spacing:0.02em; } */
.content p { margin:0 0 20px; }
.content p.intro { margin:0 0 50px; padding:0 0 9px; border-bottom:1px solid #aaaaaa; font-family:baskerville,times,serif; font-size:20px; font-style:italic; color:#414645; text-align:left; }
.content p.intro:first-letter { font-size:36px; }
.content p.intro:first-line {  }
.content em { font-style:italic; }
.content strong { color:#d0d1d1; }
.content a { color:#95c02f; }
.content a strong { color:inherit; }
.content a:visited { color:#627d12; }
.content a:hover { text-decoration:none; }
.content ul { margin:0 0 20px; list-style:square; }
.content ol { margin:0 0 20px; list-style:decimal; }
.content img { display:block; max-width:100%; }
.content img.left { float:left; margin:0 20px 20px 0; }
.content img.right { float:right; margin:0 0 20px 20px; }
.content img.center { margin-left:auto; margin-right:auto; }


/* CONTACT FORM */
#contactform .errorbox { display:none; margin:0 0 40px; font-weight:bold; color:#a00a09; }
.content input[type="text"], .content textarea { width:100%; }
.content .alert label { padding-left:20px; background:url(../img/layout/icon-alert.png) no-repeat 0 50%; font-weight:bold; color:#fff; text-transform:uppercase; }

/* CONTENT COLOR SCHEMES */
.green  h2.active { background:#ece8e8 !important; }

.yellow h2.active { background:#f8edb4 !important; }
.blue h2.active { background:#a6dacd !important; }
.pink   h2.active { background:#e7acae !important; }
.purple h2.active { background:#ac8fc2 !important; }
.green  .content a { color:#ece8e8; }
.blue .content a { color:#a6dacd; }
.yellow .content a { color:#f8edb4; }
.pink   .content a { color:#e7acae; }
.purple .content a { color:#ac8fc2; }
.green  .content a:visited { color:#ece8e8; }
.blue .content a:visited { color:#a6dacd; }
.yellow .content a:visited { color:#f8edb4; }
.pink   .content a:visited { color:#e7acae; }
.purple .content a:visited { color:#ac8fc2; }

/* FOOTER */
#footer { clear:right; float:right; width:70%; padding:10px 10px 10px; text-align:right; color:#d3d3d3; }
#footer p { margin:0 0px 0 0; }
#footer a { color:inherit; text-decoration:none; }
#footer a:hover { color:#95c02f; }



/* STYLES FOR PRINT */
@media print {

.skip, .print-hide, #header h1, #switch, #footer { display:none !important; } /* Stuff that does not need to be printed */
body { font:10pt calibri,sans-serif; }
#header p { float:left; width:25%; } /* Arrange the contact details horizontally to save paper */
#main { clear:both; padding:0; border-top:1px solid #ccc; }
#main li { border-bottom:1px solid #ccc; }
#main h2 + div { display:block !important; } /* Unfold all the content */
h1, h2, h3 { page-break-inside:avoid; page-break-after:avoid; }

	

}