/* CSS Document */

#skiplinks {display:none;}

#skiplinks li { 
display: inline; 
} 

#skiplinks a { 
position: absolute;
top: 0;
left: 20px;
width: 0px;
height: 0;
z-index: 1000;
background-color: #fff;
color: #dc2a1a;
font-weight: bold;
font-size: 1em! important;
overflow: hidden;
} 

#skiplinks a:active { 
position: absolute;
margin: 0;
padding:6px;
width: auto;
height: auto;
border-top-width: 0px;
border-left-width: 0;
border-bottom-width: 0;
overflow: visible; 
border-right-width: 0; 
font-size: 0.6em;
} 


body {
padding: 0px;
margin: 0px;
margin-top:-10px;
  background: #000000 url(../images/bg.jpg) no-repeat center -14px;

color: #FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;

}


#find {position:absolute;display:none !important;}


/* Main Area of site*/
#container {
	width: 974px;
	margin-right: auto;
	margin-left: auto;

}



/* Head*/
#header {
	width: 940px;
	height: 187px;
	float: left;
	background: transparent url(../images/logo.png) no-repeat -2px 7px;
	_background: transparent url(../images/logo_ie6.png) no-repeat -2px 7px;
}


#header .logo{
width:500px;
	float: left;
	font-size: 1.0em;
position:relative;
top:160px;
}


#header .nav-menu
{

} 

#header .nav-menu ul
{

margin-top:134px;
	float: right;
} 

#header .nav-menu li
{
font-size: 1.0em;
float: left;
} 

/*OLD
#header .nav-menu li a
{
padding-bottom: 0.5em;
margin: 0 0.6em;
float: left;
color: #FFFFFF;
text-decoration: none;
text-align: center;
} 

#header .nav-menu li a:hover
{
border-bottom: 0.3em solid #760cdf;
} 


#header .nav-menu li a
{
padding-bottom: 0.5em;
margin: 0 0.6em;
float: left;
color: #FFFFFF;
text-decoration: none;
text-align: center;
} 

#header .nav-menu li a:hover
{
border-bottom: 0.3em solid #760cdf;
} 
*/

span.ie6 {_display:none;}

span.ie6_title {position:relative;font-size:90%;top:12px;}

	.nav-menu li {
		float:left;	
		background:none;	/* default background image	*/
	/* width and height of the menu item */
		height:31px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	.nav-menu li a {
		
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:31px;
		position:relative;
		color:#777;
		
		padding-bottom: 0.5em;
		margin: 0 0.6em;
		float: left;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
	}



 	.nav-menu li .hover {
		background:none;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
/*	width, height, left and top to fill the whole LI item	*/
		height:31px;
		left:11px; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
		border-bottom: 0.3em solid #760cdf;
	}	
	
	.nav-menu li.home {width:79px;}
	.nav-menu li.home .hover{width:44px;}
	
	.nav-menu li.port {width:103px;}
	.nav-menu li.port .hover{width:67px;}
	
	.nav-menu li.cv {margin-left:1px;width:53px;}
	.nav-menu li.cv .hover{width:18px;left:9px !important;}
	
	.nav-menu li.cont {width:96px;}
	.nav-menu li.cont .hover{width:59px;}
	
	.nav-menu li.insp {width:105px;}
	.nav-menu li.insp .hover{width:85px;}

	.nav-menu li.selected {
		border-bottom: 0.3em solid #760cdf;	/* selected image	*/
	}

#header .nav-menu li.current_home {width:79px;}

#header .nav-menu li.current_cv

{
margin-left:0px;
padding-left:0px;
padding-right:3px;
}


#header .nav-menu li.current_cont

{
margin-left:0px;
padding-left:0px;
padding-right:0px;
width:96px;
}


#header .nav-menu li.current_insp
{
margin-right:0px;
padding-right:0;
margin-left:0;
padding-left:0px;
width:105px;
}

#header .nav-menu li.current_insp a
{
		padding-bottom: 0.5em;
		margin: 0 0.6em;
}


#header .nav-menu li.current_home a, #header .nav-menu li.current_port a,
#header .nav-menu li.current_cv a, #header .nav-menu li.current_cont a,
#header .nav-menu li.current_insp a
{
border-bottom: 0.3em solid #760cdf;
height:23px;
		padding-bottom: 0.5em;
		
}


/* Main Content*/

#mainContent {
	padding-top:43px;
	float: left;
	width: 974px;
	
}

#mainContent h1 {
	margin: 0 0 15px 0;
	font-size: 0.9em;
		clear: left;
}

#mainContent h1.influences {
	margin: 35px 0 20x 0;
	padding:0px 0 0 0;
	font-size: 0.9em;
		clear: left;
}


#mainContent h2 {
	margin: 0 0 15px 0;
	font-size: 0.8em;
		clear: left;
}

#mainContent h3 {
	margin: 15px 0 15px 0;
	font-size: 0.7em;
		clear: left;
}

#mainContent p {
	margin: 0px 0px 15px 0px;
	font-size: 0.7em;
	clear: both;
}


#mainContent p.link {
	margin-bottom: 25px;
}

#mainContent p a{
color: #760cdf;
text-decoration:underline;
	font-weight:bold;
}

#mainContent p a:hover{
text-decoration:none;
}

#mainContent ul{
	margin: 15px 0 20px 0;
}

#mainContent ul li{
	padding: 5px 0 5px 0;
	font-size: 0.75em;
}

#mainContent ul li a{
color: #760cdf;
text-decoration:underline;
	font-weight:bold;
}

#mainContent ul.cv{
	margin: 15px 0 20px 0;
}

#mainContent ul.cv li{
	font-size: 0.7em;
	list-style-type:disc;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left:2px;
	margin-left: 15px;
}

/* Main Area left*/
/* if min-height needs to be set due to lack of content, set as height in i6 stylesheet*/
#mainContent .left {
min-height:450px;
	width: 565px;
	float: left;
}

#mainContent .left p{
	width:480px;
}

#mainContent .left p.break{
	border-bottom:1px dashed white;
}


#mainContent .left p.intro{
	font-size: 0.9em;
	padding-bottom: 5px;
	line-height:1.38em;
}

/* inspire*/
#mainContent .left img{
float: left;
border:3px solid #FFF;
margin:0 15px 15px 0;
}


/* portfolio*/
#mainContent .text {
	width: 525px;
	float: left;
}

#mainContent .text_logo, #mainContent .text_intranet {
	padding-right:25px;
	float: left;
}

#mainContent .text_logo, #mainContent .text_intranet{
width: 400px !important;
}

#mainContent .text p{
	width:460px;
}

/* Main Area right*/

#mainContent .right {
	width: 368px;
	float: left;
	text-align:right;
}

#mainContent .right h1 {
clear:right;
}


#mainContent .right h1.influences{
		padding:0px 0 0 0;
	width:290px;
	float:right;
}

#mainContent .right p{
	width:368px;
}


#mainContent .right p.influences{
	width:290px;
	float:right;
	_clear:right;
}


#mainContent .right img{
float: right;
margin-bottom:18px;

}




#mainContent .right img.contact {

		margin-top:-5px;
		border:2px solid #760cdf;
		position:relative;
		left:-3px;
}

/* portfolio*/
.project{
	padding-bottom: 40px;
	float: left;
}

#mainContent .projectpanel {
	width: 439px;
	float: left;

}

#mainContent .projectpanel_logo, #mainContent .projectpanel_intranet {
	width: 539px;
	float: right;

}

#s0, #s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s11, #s12, #s13, #s14, #s20 {
	width: 387px;
    height: 327px;
		float:left;
}

/*Logos - hence wider*/
#s9 {
	width: 487px;
    height: 150px;
		float:left;
}

/*intranet banners - hence wider*/
#s20 {
	width: 487px;
    height: 280px;
		float:left;
}


/*HTML emails - hence taller*/
#s10 {
	width: 387px;
	float: left;
	    height: 486px;
}


#s0 img, #s1 img, #s2 img, #s3 img, #s4 img, #s5 img, #s6 img, #s7 img, #s8 img, #s9 img, #s10 img, #s11 img, #s12 img, #s13 img, #s14 img, #s20 img {
	padding-right: 6px;
	padding-left: 6px;
	

}


#prev0, #prev1, #prev2, #prev3, #prev4, #prev5, #prev6, #prev7, #prev8, #prev9, #prev10, #prev11, #prev12, #prev13, #prev14, #prev20 {
	cursor: pointer;
	float:left;
	display:block;
	width: 26px;
	height: 28px;
	background-image: url(../images/portfolio/previous.jpg);
	background-repeat: no-repeat;
  }

#prev0:hover, #prev1:hover, #prev2:hover, #prev3:hover, #prev4:hover, #prev5:hover, #prev6:hover, #prev7:hover, #prev8:hover, #prev9:hover, #prev10:hover, #prev11:hover, #prev12:hover, #prev13:hover, #prev14:hover, #prev20:hover {
	background-image: url(../images/portfolio/previous_hover.jpg);
}

#next0, #next1, #next2, #next3, #next4, #next5, #next6, #next7, #next8, #next9, #next10, #next11, #next12, #next13, #next14, #next20 {
	cursor: pointer;
float:left;
display:block;
    width: 26px;
    height: 28px;
	background-image: url(../images/portfolio/next.jpg);
		background-repeat: no-repeat;
  }

#next0:hover, #next1:hover, #next2:hover, #next3:hover, #next4:hover, #next5:hover, #next6:hover, #next7:hover, #next8:hover, #next9:hover, #next10:hover, #next11:hover, #next12:hover, #next13:hover, #next14:hover, #next20:hover {
	background-image: url(../images/portfolio/next_hover.jpg););
}

#footer {
float: left;
	cursor: pointer;
	width: 971px;
	height: 26px;
	background-image: url(../images/portfolio/nav_top.jpg);
	background-repeat:no-repeat;
	background-position: center;
  }
  
  #footer:hover {
	background-image: url(../images/portfolio/nav_top_hover.jpg);
  }

/* Forms*/

label {
display:block;
font-size: 0.7em;
margin-bottom: 2px;
}

input, textarea {
background-color:#000000;
border: 1px solid #760cdf;
color:#FFFFFF;
font-family: arial;
clear: left;
width: 400px;
overflow:hidden;
font-family: verdana;
font-size: 0.7em;
padding:5px;
}

.required{
font-size: 0.7em;
clear:left;
}


.userbuttons{margin-top:10px;}

.userbuttons input{
	font-family: arial;
	font-weight:bold;
	background-image: url(../images/send.png);
border:none;
height:29px;
text-indent:-25px;
}

.userbuttons input:hover, .userbuttons input:active
{
background-position:0 29px;	
}



/* twitter stuff */
.TwitterWrapper, .TwitterWrapper p {width:200px;float:right;}
ul#twitter_update_list {width:200px;margin-bottom:10px;}

/* timestamp link */
ul#twitter_update_list li a {font-size:100% !important;color:#760cdf;display:block;clear:both;width:100%;}
ul#twitter_update_list li a:hover{text-decoration:none;}

/* links within post */
ul#twitter_update_list li span a {display:inline;clear:none;margin-top:0px;}


/* Footer*/
#base {
padding-top: 20px;
padding-bottom: 25px;
float: left;
width:934px;
	}

#base ul
{
float:left;
}

#base ul li { float:left; font-size: 0.7em;}

#base ul li a
{
padding-bottom: 0.5em;
margin: 0 0.5em;
float: left;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

#base ul li.first a
{
	padding-bottom: 0.5em;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	margin-right: 0.5em;
	margin-bottom: 0px;
	margin-left: 0px;
}


#base ul li a:hover
{
border-bottom: 0.3em solid #760cdf;
}

#base ul li a.current
{
border-bottom: 0.3em solid #760cdf;
}