/* CSS - STRUCTURE simplespider.co.uk */

body {
	margin:0;
	background-color:#FFFFFF;
}

a:link {
	color: #3399FF;
	text-decoration: none;
	font-size:12px;
	font-weight:lighter;
}
a:visited {
	color: #3399FF;
	text-decoration: none;
	font-size:12px;
	font-weight:lighter;
}
a:hover {
	color: #3399FF;
	text-decoration: none;
	font-size:12px;
	font-weight:lighter;
}
a:active {
	color: #3399FF;
	text-decoration: none;
	font-size:12px;
	font-weight:lighter;
}


#wrapper{
	margin:auto;
	position:relative;
	width:900px;
	height:800px;
	top: 0px;
	}
	
	
/* START of TOPBAR */
#topbar_wrapper{
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	height:40px;
	background-image: url(image/topbar_bg3.png);
	z-index: 0;
}
	
#topbar_logoborder{
	position:absolute;
	width:145px;
	top:0px;
	border:1px;
	border-color:#666666;
	border-style:solid;
	border-top:none;
	border-bottom:none;
	z-index: 1;
	height: 30px;
	}
	
#topbar_logo{
	position:absolute;
	width:125px;
	height:15px;
	left: 8px;
	top: 8px;
	}

#topbar_loginwrapper {
	position:absolute;
	left:489px;
	top:3px;
	width:423px;
	height:64px;
	z-index: 0;
	}
	
#topbar_user{
	position:absolute;
	width:80px;
	height:16px;
	top:6px;
	left:7px;

	}
	
#topbar_pass{
	position:absolute;
	width:80px;
	height:16px;
	top:6px;
	left: 197px;
	}

#loginbutton{
	position:absolute;
	width:47px;
	height:16px;
	top:5px;
	left:374px;
	}
/* END of topbar */
	
	
#lightboxlinks{
	position:absolute;
	height:100px;
	width:100px;
	visibility:hidden;
	}
	
#ict42logo {
	position:absolute;
	left:-1px;
	top:60px;
	width:234px;
	height:122px;
	background-image: url(ictlogo3.png);
	background-color: #FFFFFF;
	border:none;
	text-decoration:none;
}

#w3html {
	position:absolute;
	left:1px;
	top:743px;
	width:80px;
	height:15px;
	z-index:1;
}

#w3css {
	position:absolute;
	left:86px;
	top:743px;
	width:80px;
	height:15px;
	z-index:1;
}

#flashcovertop {
	position:absolute;
	left:-51px;
	top:184px;
	width:1000px;
	height:51px;
	z-index: 1;
	background-color: #FFFFFF;
	}
	
#flashcoverleft {
	position:absolute;
	left:-50px;
	top:200px;
	width:50px;
	height:500px;
	z-index: 1;
	background-color: #FFFFFF;
	}

#flashcoverright {
	position:absolute;
	left:900px;
	top:200px;
	width:51px;
	height:500px;
	z-index: 1;
	background-color: #FFFFFF;
	}
	
#webfoliotab {
	position:absolute;
	left:0px;
	top:217px;
	width:82px;
	height:18px;
	z-index: 2;
	background-image:url(image/folio_tab.png);
	}
	
#contentbluebar {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:15px;
	z-index: 1;
	background-color: #3399ff;
	}
	
#contentbluebarbottom {
	position:absolute;
	left:0px;
	top:348px;
	width:900px;
	height:18px;
	z-index: 1;
	background-color: #3399ff;
	visibility: hidden;
	}
	
#contentbluebarvertical {
	position:absolute;
	left:497px;
	top:1px;
	width:7px;
	height:354px;
	z-index: 1;
	background-color: #3399ff;
	}
	
#contentmaintxt {
	position:absolute;
	left:25px;
	top:100px;
	width:442px;
	height:222px;
	}
	
.blue42 {
	color:#3399ff
	}
	
	
.contentwhite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}
	
#contentwelcome {
	position:absolute;
	left:21px;
	top:42px;
	width:442px;
	height:40px;
	z-index: 1;
	background-image:url(image/welcome.png);
	background-repeat:no-repeat;
	}
	
#contentcontact {
	position:absolute;
	left:533px;
	top:42px;
	width:298px;
	height:40px;
	z-index: 1;
	background-image:url(image/thanks.png);
	background-repeat:no-repeat;
	}
	
#contentcontact1st {
	position:absolute;
	left:533px;
	top:42px;
	width:298px;
	height:40px;
	z-index: 1;
	overflow: hidden;
	}
	
#contentcontactform {
	position:absolute;
	left:539px;
	top:100px;
	width:339px;
	height:255px;
	z-index: 99;
	}
	
#thanks {
	position:absolute;
	left:540px;
	top:100px;
	width:328px;
	height:243px;
	z-index: 1;
	}


	
	
	
.movie{
	width: 100%;
	height: 100%;
	}

#webfolio{
	position:absolute;
	height:212px;
	left: -49px;
	width: 1000px;
	top: 200px;
	background-color: #000000;
	z-index: 0;
	}
	
#business {
	position:absolute;
	left:542px;
	top:206px;
	width:356px;
	height:24px;
	background-image: url(image/strap_logo-trans.png);
	background-repeat:no-repeat;
	z-index: 2;
	visibility: visible;
}

#black {
	position:absolute;
	left:0px;
	top:383px;
	width:900px;
	height:355px;
	z-index:1;
	background-color: #000000;
}


.formtxt{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}
	
.formbox{
	border:none;
	background-color:#3399ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}
	
.formbox2{
	border:none;
	background-color:#3399ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	margin-left:0px;
	}
	
.resetbutton{
	border:1px;
	border-style:solid;
	border-color:#3399ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	margin-left:80px;
	color:#FFFFFF;
	background-color:#000000;
	}

.submitbutton{
	border:1px;
	border-style:solid;
	border-color:#3399ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	margin-left:47px;
	color:#FFFFFF;
	background-color:#000000;
	}
	

.submit input{
	margin-left: 0px;
	} 

textarea{
	margin-left:0px;
	}



label span {
  float: left;
  width: 4em;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
display: block
}



/* CSS - FONTS simplespider.co.uk */


	
.usernamepassword2{
	border:none;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:12px;
	width:100px;
	margin-left:83px;
	margin-top:6px;
	}


h2 {
	font-size: 2.4em;
	font-weight: normal;
	font-style: normal;
	color: #3b3b3b;
	margin-top: 0px;
	margin-bottom: 0.5em;
}

h2 a {
	text-decoration: none;
	color: #3b3b3b;
}

.post .entry {
	font-size: 0.9em;
	line-height: 1.3em;
	clear: both;
}

.post .author {
	color: #949494;
	font-size: 0.8em;
	position: relative;
	top: -1.5em;
}

.post .info {
	color: #bcbcbc;
	font-size: 0.8em;
}

.post .date {
	background-image: url(images/date.jpg);
	width: 89px;
	height: 73px;
	text-align: center;
	float: right;
	text-transform: uppercase;
}

.post .date .month {
	display: block;
	font-size: 14px;
	line-height: 17px;
	padding-top: 3px;
	color: #a9a9a9;
	font-weight: bold;
}

.post .date .day {
	display: block;
	font-weight: bold;
	font-size: 20px;
	padding-top: 3px;
	line-height: 18px;
	color: #afafaf;
}

.post .date .year {
	display: block;
	font-size: 0.7em;
	padding-top: 3px;
	color: #a5a5a5;
}

.metadata {
	margin-top: 40px;
	text-align: center;
	font-size: 0.7em;
	color: #797979;
}

.metadata a {
	text-decoration: none;
}

.photoblog-thumbnail {
	display: inline;
	vertical-align: middle;
}

.more-link {
	clear: both;
	display: block;
	margin-top: 30px;
	margin-left: 20px;
	font-size: 0.9em;
	color: #88897b;
	background: url(images/more-link.png) no-repeat left center;
	padding-left: 30px;
}

.hr {
	clear: both;
	border: 0;
	background-image: url(images/hr.jpg);
	color: #f8faf7;
	background-color: #f8faf7;
	width: 426px;
	height: 121px;
	margin: -8px auto 0;
}

.hr hr {
	display: none;
}

.navigation {
	width: 100%;
	margin-top: 50px;
}

.navigation a {
	text-decoration: none;
	font-size: 0.7em;
}

.navigation .previous {
	float: right;
}

.navigation .next {
	float: left;
}

.search_result {
	margin-left: 20px;
}

.search_result h4 {
	margin-left: -20px;
}

.search_result h4 a {
	text-decoration: none;
}

.search_result .metadata {
	color: #BFC4C1;
	margin-top: 10px;
	text-align: left;
}

.search_result .metadata a {
	color: #BFC4C1;
}