/*	---------------- Default Cascading Style Sheet bij www.stormmc.nl --------------------------------	*/
/*	---------------- Design en ontwikkeling door StormMC - meer info op www.stormmc.nl ---------------	*/


/*	Global
	--------------------------------------------------------------------------------------------------	*/
	a, a:visited {color:#333;text-decoration:none;-moz-outline:0px;}
	a:hover {text-decoration:underline;}
	dl {margin-top:16px;}	
	p, dd {margin-bottom:16px;}
	strong {font-weight:bold;}
	object {display:block;}
	.list {margin-bottom:16px;position:relative;}
	.list li, dt {background:url(../images/vink.png) 0px 1px no-repeat;list-style-position:outside !important;list-style-type:none !important;padding-left:23px;}
	dd {padding-left:23px;}
	.imgfloat {float:right;margin-right:16px;}
	.nomargin {margin:0px !important;}
	.bottom {margin-bottom:0px !important;padding-bottom:0px !important;}
	fieldset {clear:both;margin-top:5px;}
	
/*	Temporary
	--------------------------------------------------------------------------------------------------	*/
	a.badge,
	a.badge:hover {
	display:block;
	width:160px;
	height:160px;
	text-indent:-9999em;
	background:url(../images/badge.png) no-repeat;
	_background:url(../images/badge-ie6.png) no-repeat;	
	position:absolute;
	  top:80px;
	  right:20px;
	z-index:10;
	}

/*	HTML, body
	--------------------------------------------------------------------------------------------------	*/
	html, body {
	height:100%;
	}

	body {
	background:url(../images/zomer-storm.jpg) 50% 60% no-repeat;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;	
	}
	
	.home {
		background-color: #000;
		   
	}
	
/*	Wrapper / shim / div (global)
	--------------------------------------------------------------------------------------------------	*/
	#wrapper, h1 {
	margin:0 auto;
	width:960px;
	}
	
	#wrapper {
	clear:both;
	position:relative;	
	/* IE4ever Hack: Hide from IE4 **/
	position:static;
	/** end hack */
	width:960px;	
	}
	
	#wrapper div {
	background:#fff;
	display:block;
	float:left;
	margin-left:13px;
	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */
	padding:23px;
	}
	
	#wrapper div div {
	background:none;
	}
	
	#wrapper div.first {
	margin-left:0px !important;
	}	
	
	#shim {
	float:left;	
	height:50%;
	visibility:hidden;
	width:100%;	
	}
	
	/* Hide from IE5mac \*//*/
	#shim {
	display: none;
	}
	 
	html, body {
	height:auto;
	}
	/* end hack */
	 
	/* ]]> */	

/*	Wrapper / shim / div (home)
	--------------------------------------------------------------------------------------------------	*/	
	.home #shim {
	margin-top:-140px; /* Half the height of the wrapper + the height of the branding div */
	}

	.home #wrapper {
	height:160px;	
	top:-140px; /* Half the height of the wrapper + the height of the branding div */
	}
	
	.home #wrapper div {
	cursor:pointer !important;
	height:114px;
	width:184px;
	}	

/*	Wrapper / shim / div (content)
	--------------------------------------------------------------------------------------------------	*/	
	.content #shim {
	margin-top:-260px !important; /* Half the height of the wrapper + the height of the branding div */	
	}
	
	.content #wrapper {
	height:400px;
	top:-260px; /* Half the height of the wrapper + the height of the branding div */	
	}
	
	.content #wrapper div {
	height:358px;
	width:184px;
	}

	.content #wrapper div.first {
	width:610px;
	}

	/*	Sublinks
	--------------------------------------------------------------------------------------------------	*/	
	.inner {
	position:relative;
	}
	
	.sublinks {
	position:absolute;
	  right:0;
	  top:0;
	}
	
	.sublinks a,
	.sublinks a:visited {
	text-decoration:none !important;
	margin-left:5px;
	}
	
	.sublinks a:hover {
	text-decoration:underline !important;
	}

	/*	Teammember
	--------------------------------------------------------------------------------------------------	*/	
	.teammember {
	float:left !important;
	margin:16px 20px 0 0  !important;
	width:120px !important;
	height:150px !important;
	padding:0px !important;
	text-align:center;
	}

	/*	Inner
	--------------------------------------------------------------------------------------------------	*/	
	.inner {
	width:587px !important;
	height:358px !important;
	overflow:auto;
	padding:0 !important;
	padding-right:23px !important;
	margin:0 !important;
	}
	
	.case {
	height:auto !important;
	width:auto !important;
	margin-left:125px !important;
	float:none !important;
	padding-top:4px !important;
	}
	
	.bottom-margin {
	margin-bottom:10px;
	}
	
	.case-img {
	float:left !important;
	}
	
	.case h3 {
	font-size:14px;
	}
	
	.quote {
	font-style:italic;
	}
	
	.references {
	overflow-x:hidden !important;
	overflow-y:auto !important;
	padding-right:0px !important;
	width:610px !important;
	}
	
	.references ul {
	margin:0px !important;
	}
	
	.references ul li {
	list-style-type:none !important;
	display:block;
	float:left;
	margin-top:12px;
	width:148px !important;
	_margin-bottom:-18px;
	}
	
	.references h2 {
	/*margin-bottom:0px !important;*/
	}
	
	.references ul li h3 {
	text-indent:-9999em;
	height:0px;
	}

	.inner h2 {
	font-weight:normal;
	font-size:14px;
	margin-bottom:16px;
	}
	
	.inner ul {
	margin-bottom:16px;
	}
	
	.inner ul li {
	list-style-type:disc;
	list-style-position:inside;
	}

	.inner h3 {
	font-weight:bold;
	}
	
	.inner h2 span {
	color:#BED302;
	}
	
	.inner a,
	.inner a:visited {
	text-decoration:underline;
	}
	
	.inner a:hover {
	color:#BED302;
	}

	.inner h2 a,
	.inner h2 a:visited {
	color:#333;
	font-size:14px;
	display:inline !important;
	cursor:pointer;
	text-decoration:none;
	font-weight:normal;
	}
	
	.inner h2 a:hover {
	color:#BED302 !important;
	text-decoration:underline !important;
	}
	
/*	News
	--------------------------------------------------------------------------------------------------	*/
	.intro {
	margin-top:0px;
	margin-bottom:16px;
	}
	
	h4 {
	margin-top:16px;
	}

/*	Contactform
	--------------------------------------------------------------------------------------------------	*/
	span.contact {
	width:65px;
	display:block;
	float:left;
	}

	legend {
	text-indent:-9999em;
	height:0px;
	}
	
	label {
	display:block;
	width:56px;
	float:left;
	margin-bottom:10px;
	margin-right:5px;
	clear:both;
	text-align:left;
	}
	
	input, textarea {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	margin-bottom:8px;	
	}
	
	textarea {
	width:370px;
	height:65px;
	}
	
	.textfield {
	width:200px;
	}
	
	.submit {
	clear:both;
	margin-left:63px;
	display:inline;
	font-size:12px;
	}
	
	.sidebar {
	margin-bottom:16px;
	}

/*	Subnav
	--------------------------------------------------------------------------------------------------	*/
	.content #wrapper div.sub-nav {
	height:auto !important;
	background:none;
	padding:0;
	width:300px;
	margin-left:0px;
	}

	.sub-nav li {
	background:#fff;
	cursor:pointer !important;
	display:block;
	float:left;	
	width:120px;
	padding:20px 0 60px 10px;
	margin:0 0 10px 10px;
	}
	
	.sub-nav li span {
	font-size:12px;
	display:block;
	height:15px;
	}
	
	.sub-nav a {
	background:transparent;
	font-size:14px;
	text-align:center;
	}
	
	#wrapper h2 a,
	#wrapper h2 a:visited {
	color:#333;
	font-size:14px;
	display:block;
	cursor:pointer;
	}
	
	#wrapper h2 a:hover {
	text-decoration:none;
	}
	
	.focus {
	background:#BED302 !important;
	}

/*	Branding
	--------------------------------------------------------------------------------------------------	*/
	#branding {
	background:#fff;
	height:60px;
	position:relative;
	}
	
	h1 {
	position:relative;
	text-indent:-9999em;
	}
	
	h1 a, 
	h1 a:visited {
	background:url(../images/logo-stormmc-smaller.jpg) no-repeat;
	display:block;
	height:50px;
	position:absolute;
	  top:10px;
	  left:0px;
	width:175px;
	z-index:2;
	}
	
	/*	Navigation
	--------------------------------------------------------------------------------------------------	*/
	#navigation {
	height:inherit;
	margin-right:-480px;	
	position:absolute;
	  right:50%;
	  top:0;
	width:960px;
	}
	
	#navigation ul {
	position:absolute;
	  right:-15px;
	  top:10px;
	}

	#navigation li {
	float:left;
	}
	
	#navigation a,
	#navigation a:visited {
	padding:0 15px;
	display:block;
	float:left;
	height:50px;
	line-height:50px;
	}
	
	#navigation a:hover {
	color:#BCCB31;
	text-decoration:underline;
	}
	
/*	Footer
	--------------------------------------------------------------------------------------------------	*/
	#footer {
	background:#fff;
	height:60px;
	position:absolute;
	  bottom:0px;
	  _bottom:-1px;
	  left:0px;
	width:100%;
	}
	
	/*	Clients
	--------------------------------------------------------------------------------------------------	*/
	.clients {
	margin:0 auto;	
	overflow:hidden;	
	padding-top:10px !important;
	position:relative;
	width:960px !important;
	}
	
	.clients ul {
	overflow:hidden;	
	position:absolute;
	  /*top:10px;*/
	width:960px;
	text-align:center;	  
	z-index:2;
	}

	.clients li {
	float:left;
	margin-right:20px;	
	width:220px;
	height:40px !important;
	}
	
	.clients h3 {
	text-indent:-9999em;
	float:left;
	height:0px;
	}
	
	.clients li.last {
	margin-right:0px !important;
	}
	
	.clients a,
	.clients a:visited {
	color:#fff;
	display:block;
	float:left;
	height:40px !important;
	line-height:40px !important;
	width:220px;
	}

/*	sIFR styles (do not modify!)
	--------------------------------------------------------------------------------------------------	*/
	.sIFR-flash {
	visibility: visible !important;
	margin:0;
	}

	.sIFR-replaced {
	visibility: visible !important;
	}	
	
	span.sIFR-alternate {
	position: absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
	
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	display:none !important;
	}	
	
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*	sIFR "decoy" styles, used to hide the browser text before it is replaced the negative-letter spacing in
	this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles
	--------------------------------------------------------------------------------------------------	*/
	.sIFR-hasFlash h2 a {
	/*visibility:hidden;*/
	}