a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#929292;
	min-width:980px;
	background-color: #d2d2d2;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.385em;
	background:#fff;
	padding:0 33px;
}

a {color:#1799cf; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:6px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#939393;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:35px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 25px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}

.buttons a:hover {cursor:pointer;}

.sf-menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {width:100%; border-top:7px solid #666666; padding:14px 0 16px 0;}
header h5 {color:#ab0535; float:right; border:none; padding:31px 20px 0 0; font-size:21px; line-height:2.1em;}
header h5 strong { font-size:21px; color:#717171; line-height:2.1em;}

h1 {padding:0px 0 11px 0; position:relative;}
.logo {display:block; width:224px; height:130px; text-indent:-5000px; background:url(../images/jhb_advies_weblogo_small.jpg) 0 0 no-repeat;}

nav { height:58px;}
.sf-menu { padding:0px 0px 0 0; height:58px;}
.sf-menu li {float:left; font-size:18px; line-height:1.2em; margin-right:1px; text-transform:uppercase; margin-bottom:1px;}
.sf-menu li a {display:block; color:#fdfdfd; background:url(../images/menu.gif) 0 0 repeat-x #666666; width:139px; text-align:center; padding:17px 0 0; height:38px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
behavior: url(js/PIE.htc);
position:relative;
}
.sf-menu li .active, .sf-menu li a:hover {background:url(../images/menu-hover.gif) 0 0 repeat-x #ab0535;}

#faded { width:980px; height:393px; overflow:hidden; }
#faded ul { height:342px;}
ul.pagination { list-style:none; padding:0; margin:13px 0 0; overflow:hidden; position:relative; z-index:999; height:auto;}
ul.pagination li { float:left; }
ul.pagination li a { display:inline-block; height:24px; width:24px; background:url(../images/pagination.gif) 0 0 no-repeat; font-size:0px; color:#fff; margin-right:4px; }
ul.pagination li a:hover {background:url(../images/pagination-hover.gif) 0 0 no-repeat; color:#000;}
ul.pagination li.current a { background:url(../images/pagination-hover.gif) 0 0 no-repeat; color:#000;}
a { outline:0; border:0; }
.prev, .next { display:none;}

/*********************************content*************************************/
#content {width:100%; padding:21px 0px 32px 0px;}

strong { color:#5c5c5c;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h2 { color:#616060; text-transform:uppercase; font-size:30px; line-height:1.2em; border-bottom:1px solid #000; background:#fff; padding:7px 0 2px 0px; text-align:center;}
h3 {font-size:36px; line-height:1.2em; margin:0px 0 11px; color:#1c1c1c; text-transform:uppercase;}
h2 strong {font-size:24px; line-height:1.6em;}
h4 { text-transform:uppercase; font-size:24px; line-height:1.2em; color:#616060;}

.line { height:1px; background:#e5e5e5; margin:10px 0 10px;}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}

.box {width:100%; min-height:295px; height:auto !important; height:295px; background:url(../images/bg-box.png) 0 0 repeat;}
.padding {padding:0 15px 0 30px; width:175px !important;}

.block { border-bottom:1px solid #f0f0f0; overflow:hidden; font-size:12px; padding:0 0 13px 0; margin:0 0 13px 0;}
.block1 { border-bottom:1px solid #f0f0f0; overflow:hidden; font-size:12px; padding:0 0 16px 0; margin:0 0 16px 0;}
.block2 { border-bottom:1px solid #f0f0f0; overflow:hidden; padding:0 0 27px 0; margin:0 0 27px 0;}

.newsletter { background:#f7f7f7; padding:16px 16px 27px 14px; overflow:hidden;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
behavior: url(js/PIE.htc);
position:relative;
}
.newsletter a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888888;}

#newsletter input { border-top:1px solid #bababa; border-left:1px solid #bababa; border-bottom:none; border-right:none; padding:7px 10px; width:229px; margin:0 0 8px 0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior: url(js/PIE.htc);
position:relative;
}

.last-item { border:none;}

.first-letter { font-size:48px; color:#fff; display:block; float:left; width:76px; height:65px; background:#ab0535; text-transform:uppercase; text-align:center; padding:11px 0 0; line-height:1.2em; margin-right:25px;
border-radius:38px;
-moz-border-radius:38px;
-webkit-border-radius:38px;
behavior: url(js/PIE.htc);
position:relative;
}

.yellow1 { background:#a8143f;}
.yellow2 { background:#a8143f;}
.yellow3 { background:#a8143f;}
.yellow4 { background:#e03969;}

.button {display:inline-block; color:#fff; background:#666666; font-size:16px; line-height:1.2em; text-transform:uppercase; text-decoration:none; padding:7px 18px 7px 19px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
behavior: url(js/PIE.htc);
position:relative;
}
.button:hover { background:#ab0535;}

.button1 {display:inline-block; font-size:18px !important; color:#fff !important; background:#ab0535; text-decoration:none; padding:5px 12px; float:right;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior: url(js/PIE.htc);
position:relative;
}
.button1:hover { background:#1c1c1c;}

.list-1 li {font-size:14px; line-height:22px; vertical-align:top; padding:0 0 6px;}
.list-1 li a {display:block; color:#1f1f1f; padding-left:12px; background:url(../images/marker.gif) 0 8px no-repeat;}
.list-1 li a:hover {color:#929292;}
.list-1 .last-item {padding:0;}

.list-2 li {vertical-align:top; padding:0 0 18px 12px;background:url(../images/marker.gif) 0 8px no-repeat;}
.list-2 li a {color:#1f1f1f; font-size:14px;line-height:26px;}
.list-2 li a:hover {color:#929292;}
.list-2 .last-item {padding:0 0 0 12px;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.list-4 li {display:block; color:#999999; padding-left:12px; background:url(../images/marker.gif) 0 8px no-repeat;}
.list-4 li a {display:block; color:#999999; padding-left:12px; background:url(../images/marker.gif) 0 8px no-repeat;}
.list-4 li a:hover {color:#999999;}
.list-4 .last-item {padding:0;}

.link {text-decoration:none; font-weight:bold; color:#5c5c5c;}
.link:hover {text-decoration:underline;} 

.link-1 {padding-right:8px; color:#1f1f1f; text-decoration:none;}
.link-1:hover {color:#929292;} 

.text-1 { line-height:22px;}
.text-2 {font-size:14px; line-height:1.285em; color:#1f1f1f; text-decoration:underline;}
.text-3 {font-size:14px; line-height:1.285em; color:#1f1f1f; text-decoration:none;}
.text-3:hover {text-decoration:underline;}
.text-4 {font-size:12px; line-height:18px;}

#map_canvas {
	width:278px;
	height:206px;
	margin: 0 0 23px;
	border:1px solid #eae9e9;
}

dl span {float:left; width:69px;}

#form-main {display:block; width:100%;}
#form-main label {display:block; height:49px;}
#form-main input {width:345px; font-size:12px; color:#929292; padding:7px 8px 8px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #bababa; background:#fff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior: url(js/PIE.htc);
position:relative;
}
#form-main textarea {height:132px; overflow:auto; width:562px; font-size:12px; color:#929292; padding:7px 8px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #bababa; background:#fff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior: url(js/PIE.htc);
position:relative;
}

.buttons {padding-top:20px;}
.buttons a {margin-right:10px;}

/****************************footer************************/
footer { padding:40px 22px 55px 21px; background:#f3f3f3; font-size:14px; color:#535353; line-height:1em;}

.icons { float:right; padding-top:12px;}
.icons a { margin-left:4px;}

/* Easy Tooltip */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #726856;
	background:#fff;
	font-size:12px;
	font-weight:bold;
	color:#726856;
	text-transform:none;
	position:relative;
	z-index:999;
}

footer strong { color:#666666;}
footer a {color:#535353;}
.footer-menu { overflow:hidden; padding:7px 0 0 0;}
.footer-menu li { float:left; border-right:1px solid #7c7c7c; padding:0 10px 1px 0; margin:0 10px 0 0;}
.footer-menu li.last-item { border:none;}
.footer-menu li a { color:#7c7c7c; text-decoration:none;}
.footer-menu li a:hover, .footer-menu li a.active { color:#ab0535; text-decoration:underline;}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_4 {
	width:220px;
}

.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_8 {
	width:460px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:580px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_12 {
	width:700px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_16 .grid_16 {
	width:940px;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_4 {
	padding-left:240px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_8 {
	padding-left:480px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_12 {
	padding-left:720px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_4 {
	padding-right:240px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_8 {
	padding-right:480px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_12 {
	padding-right:720px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left:60px;
}

.container_16 .push_2 {
	left:120px;
}

.container_16 .push_3 {
	left:180px;
}

.container_16 .push_4 {
	left:240px;
}

.container_16 .push_5 {
	left:300px;
}

.container_16 .push_6 {
	left:360px;
}

.container_16 .push_7 {
	left:420px;
}

.container_16 .push_8 {
	left:480px;
}

.container_16 .push_9 {
	left:540px;
}

.container_16 .push_10 {
	left:600px;
}

.container_16 .push_11 {
	left:660px;
}

.container_16 .push_12 {
	left:720px;
}

.container_16 .push_13 {
	left:780px;
}

.container_16 .push_14 {
	left:840px;
}

.container_16 .push_15 {
	left:900px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left:-60px;
}

.container_16 .pull_2 {
	left:-120px;
}

.container_16 .pull_3 {
	left:-180px;
}

.container_16 .pull_4 {
	left:-240px;
}

.container_16 .pull_5 {
	left:-300px;
}

.container_16 .pull_6 {
	left:-360px;
}

.container_16 .pull_7 {
	left:-420px;
}

.container_16 .pull_8 {
	left:-480px;
}

.container_16 .pull_9 {
	left:-540px;
}

.container_16 .pull_10 {
	left:-600px;
}

.container_16 .pull_11 {
	left:-660px;
}

.container_16 .pull_12 {
	left:-720px;
}

.container_16 .pull_13 {
	left:-780px;
}

.container_16 .pull_14 {
	left:-840px;
}

.container_16 .pull_15 {
	left:-900px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	
	z-index:999;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:999;
}
.sf-menu ul ul { padding:0;}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:		relative;
}
.sf-menu a {
	position:relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			56px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}
.sf-menu li:hover, .sf-menu li.sfHover a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active {
	outline:		0;
}

ul.sf-menu li li.sfHover a, ul.sf-menu li li.sfHover li a:hover {background:url(../images/menu-hover.gif) 0 0 repeat-x #ffc000;}
ul.sf-menu li li.sfHover li a { background:url(../images/menu.gif) 0 0 repeat-x #1c1c1c;}