/* Title:     Main | Emile Blume - Netcreators.com **********/

/* Global reset v1.0 | 20100203 //////////////////////////////////////////////////////////////////////*/
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, strong, u, i, em, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

a img { border:none; }
abbr, acronym, .help { border-bottom:1px dotted #333; cursor:help; }
blockquote, q { quotes:none; }
blockquote { text-indent:-0.3em; }
blockquote blockquote { margin-left:1em; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none;}
:focus { outline: 0;}

sup, sub { font-size:x-small; vertical-align:super; }
sub { vertical-align:bottom;}
table {	border-collapse:collapse; border-spacing:0; empty-cells:show; width:100%;}
th, td { height:auto; padding:0.1em; text-align:left; vertical-align:top; }
th p, td p { margin:0; }
caption, .csc-textpic-caption { color:#666; font-style:italic; text-align:center; }
hr { clear:both; background:#FFF; color:#FFF; border:0; height:1px; }


/* Base ////////////////////////////////////////////////////////////////////////////////*/
body { 
	background:#ebf5e8 url(../img/bg.png) no-repeat center top;
	color:#282828;
	font:normal 12px/1.5 Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 { color:#3f792d; font-size:17px; line-height:1em; font-weight:bold; margin-bottom:1em; }
h2 { font-size:16px; font-weight:normal; }
h2.extra { background:#4E9638; color:#fff; margin-bottom:0; padding:0.2em 0.4em; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:13px; font-weight:normal; }
h5 { font-size:12px; font-weight:normal; }

p { font-size: 1em; margin-bottom:1.5em; }
pre, code, kbd, samp { font-size:1.5em; }
pre code { font-size:1em; }
strong, .strong { font-weight:bold; }

a { color:#28ae2c; text-decoration:none; }
a:hover { text-decoration:underline; }
h2.extra a, h2.extra a:hover { color:#fff; }

ol, ul { list-style:disc; margin:0 0 1.5em 0em; padding:0 0 0 1.8em;}
ol { list-style:decimal; }
#description, #skip, .hidden { display:none; }

/* Layout ///////////////////////////////////////////////////////////////*/
#container, #header, #footer { margin:auto; width:980px; position:relative; }
#main, #left, #content, #center, #right, #footer { float:left; display:inline; /* workaround for IE6*/ }

#main { background:url(../img/bg-main.png) no-repeat center bottom; padding-bottom:18px; }
#header, #footer { background:#3f792d; height:268px; width:960px; margin:0 10px; }
#headerimage { 
	background:#fff;
	left:0px; top:20px; position:absolute; 
	height:170px; width:940px; padding-left:20px;
	overflow:hidden; 
}
#content { background:#fff; margin:0 10px; width:960px; }
#left, #right { padding:10px; width:180px; }
#right { padding-right:0; width:228px; }
#center{
	border-bottom:0px solid #d2d2d2;
	width:495px;
	margin:10px; padding:0 0 20px 0;
}
#footer { border-top:4px solid #57ab40; line-height:35px; height:35px; overflow:hidden; }

#home #left { width:230px; }
#home #center { border:0; width:445px; }
#colwrap { clear:both; display:block; float:left; margin:10px 0 0 10px; }
#colwrap p a { 
	background:url(../img/arrow-grey.png) no-repeat 0 4px; 
	color:#000; font-size:13px; line-height:1.1em; min-height:20px;
	padding-left:20px; position:relative; top:-15px; display:block; 
}
#colwrap a strong { color:#878a89; }
#col-01, #col-02, #col-03, #col-04 {
	border:1px solid #d2d2d2;
	display:inline; float:left;
	height:170px; width:206px; overflow:hidden;
	margin:0 10px 5px 0; padding:0 10px 10px;
}
#col-04 { margin-right:0; }

#split #colwrap { margin:10px 0; width:100%; }
#split #col-01, #split #col-02 { border:0; height:auto; width:245px; margin:0 5px 0 0; padding:0; }
#split #col-02 { margin:0; }

/* Design /////////////////////////////////////////////////////////////////////////////////*/
#logo {
	height:170px; width:306px;
	left:10px; top:20px; position:absolute; z-index:100;
}

#copy { color:#fff; font-size:11px; right:10px; position:absolute;  }
#copy span { padding:0 2px; }

#soc-media {
	background:url(../img/soc-media.png) no-repeat 0 0;
	height:24px; width:124px; width:24px;
	left:750px; top:6px; position:absolute;
}
#soc-media li a { 
	display:block; float:left; height:24px; width:24px; 
	margin-right:7px; text-indent:-9999px;
}

#c264 {margin-bottom:10px;}

/* Layout exceptions /////////////////////////////////////////////////////////////////////////////////*/
#one-col #left, #one-col #right { display:none; }
#one-col #center { width:938px; }
#two-cols #center { width:725px; }
#two-cols #right { display:none; }

table .head th { background:#4E9638; color:#fff;}
table .odd td { background:#ddf3d8; }
table .even td { background:#C7E3BD; }
table .head th, table .odd td, table .even td { padding:0.2em 0.6em; }

.imgtext-table, .imgtext-table td { padding:0; line-height:0;}
.align-center { text-align:center; }
.align-right { text-align:right; }
.csc-header-date { display:none; }

.csc-default ul, .csc-default li,
.csc-textpic-text ul, .csc-textpic-text li { margin:0; padding:0; }
.csc-default ul, .csc-textpic-text ul { margin-bottom:1.5em; }
.csc-textpic-text li, .csc-default li { 
	list-style:none; background:url("../img/bg-bullet.png") no-repeat 0 5px; 
	display:block; padding-left:12px;
}

.callbutton{
    background: linear-gradient(to bottom, #57AB40 0%, #35671D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
    box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px 10px;
    margin:auto; width:200px;
    text-align: center;
}
.callbutton a {color: #FFFFFF;text-decoration: none; }

/* Social media menu header */
#navigation .socialmedia-nav { position:absolute; top: 0px; left: 14px;}
#navigation .socialmedia-nav li { display: inline-block; float: left; margin-right: 10px; padding-top:2px; }
#navigation .socialmedia-nav li a {
	background-image: url(../img/verderflex-socialmedia-sprite.png);
	background-repeat: no-repeat;
	color: #fff; 
	padding: 0 10px 0 25px;
	font-size: 11px;
}
#navigation .socialmedia-nav li.sm-linkedin a { background-position: left -100px; padding: 0 10px 0 18px; }
#navigation .socialmedia-nav li.sm-twitter a { background-position: left -200px; padding: 0 10px 0 18px; }