/***********************************************************
Title:     Intro | Emile Blume - Netcreators.com
************************************************************/
#header { height:385px; position:static;}
#main { border-bottom:10px solid #FFFFFF; }
#left { margin-left:15px; }
#center { padding-bottom:40px; }
#nav-footer { left:28px; top:550px; z-index:1000; }
#nav-footer, #socialbookmarks { top:-40px; }

#nav-intro { 
	height:160px;
	top:241px;
	left:18px;
	position:absolute;
}

#nav-intro-01, #nav-intro-02, #nav-intro-03 {
	background: #E2E0E0 url(../img/nc-imgsprite.gif) no-repeat left top;
	display: block;
	height: 144px;
	width: 306px;
	left: 309px;
	position: absolute;
}

#nav-intro div a {
	background: none;
	display:block;
	font-size:14px;
	padding:8px 28px;
	height: 132px;
	width:250px;
	top: 0;
	position: absolute;
	/*z-index:300;*/
}

#nav-intro div .csc-textpic-text p a {
	font-size:11px;
	color:#000;
	position:relative;
	height:auto;
	width:auto;
	padding:0;
}

#nav-intro li.first, #nav-intro-01 { left:0; }
#nav-intro li.last, #nav-intro-03 { left:618px; }
#nav-intro p, #nav-intro div p { 
	cursor:pointer;
	display:block;
	font-size:11px;
	padding:34px 12px 0 82px;
	left:0;
	top: 0;
	position: absolute;
	z-index:0;
}

#nav-intro div:hover { background:#747474 url(../img/nc-imgsprite.gif) no-repeat right top; color:#FFF;}
#nav-intro div:hover *,
#nav-intro div .csc-textpic-text p a:hover { color:#FFF; cursor:pointer; text-decoration:none; }
#nav-intro div img { margin-top:26px; }

#nav-intro div p.nav-intro-link {
	position:absolute; 
	top: 85px; 
	font-size:10px; 
	font-weight:bold;
	z-index:330;
}
#nav-intro div .csc-textpic-text p.nav-intro-link a { font-size:10px; }

#intro {
	background:#FFF;
	clear:both;
	display:block;
	height: 228px;
	width:924px;
	margin-left: 18px;
	position: relative;
	overflow:hidden;
	border-bottom:10px solid #FFF;
}

#intro #netcreators, #intro #typo3 {
	left: 0;
	position: absolute;
	padding-left: 15px;
	height: 180px;
	width: 445px;
	overflow: hidden;
}

#intro #typo3 { 
	background: url(../img/bg-typo3.gif) no-repeat left top;
	left: 468px; 
	padding-left: 120px;
	width: 338px;
	}
	
#intro #netcreators #nav-sub, #intro #typo3 #newsletter, #intro #typo3 #contact {
	bottom: 0;
	left: 0;
	position: absolute;
	margin:0;
}

#intro #typo3 #contact { left: 240px; }
#intro .colWrapper2 .col-02 { width:47%;}