/*** MAIN STYLES ***/

html {
/*	min-height: 100%;*/
	height: 100%;
/*	padding-bottom: 1px;*/
	padding: 0;
}

body { behavior:url(js/global.htc);  }
li:hover { background-color:transparent; }

body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#main p a {
	text-decoration: none;
	color: #0d98e0;
}

#main p a:hover {
	border-bottom: 1px dotted #0d98e0;
}



/* selection styles */
::-moz-selection{
	background:#F94;
	color:#FFF;
}
::selection {
	background:#F94;
	color:#FFF;
}
code::-moz-selection {
	background: #F94;
}
code::selection {
	background: #F94;
}


@media print { 
.notforprint {display:none;}
}
@media screen {
.notforscreen {display:none;}
}
@media handheld {
.notforhandheld {display:none;}
}
.notforany {display: none;}

/*** LAYOUT STYLES ***/
#outer-wrapper {
	position: relative;
	min-width: 990px;
/*	width: 100%;*/
/*	min-height: 100%;*/
/*	height: auto !important;*/
	height: 100%;
	background-color: #FFF;
	padding-bottom: 1px;
	z-index: 1;
}

.inner {
    width: 960px;
    margin: 0 auto;
}

div.hr {
	height: 1px;
	background: #DFDFDF;
	margin: 15px 0;
}
	div.hr hr {
		display: none;
	}

#centre {
/*	padding-top: 7em;*/
/*	padding-bottom: 4.8em;*/
/*	width: 100%;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
}
	#centre #content {
		padding-top: 7em;
		padding-bottom: 17.333em;
	}

#banner {
	padding-top: 1px;
	position: relative;
	z-index: 50;
}
    #banner .full {
        margin: 0;
        width: auto;
    }
    #banner #map {
		position: relative;
		height: 280px;
    }

	#banner #map .place p {
		margin: 0 0 0 0;
		line-height: 1.35em;
	}
	
#banner.home {
	display: block;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 0 1px;
}
	#banner.home span.inner, #banner.work span.inner {
		height: 280px;
		display: block;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: 0 0;
	}	
		#banner.home span.inner:hover {
			background-position: 0 -280px;
		}
		

a.showreel {
	display: block;
	height: 280px;
}
	a.showreel span {
		display: block;
	}
	a.showreel span.inner {
		height: 280px;
	}

#header {
	position: absolute;
	z-index: 1000;
	top: 0;
	width: 100%;
/*	height: 5.5em;*/
	background: transparent url('../images/header-bg-nq8.png') repeat-x 0 100%;
    padding: 1.5em 0 20px 0;
}
    #header .inner {
		position: relative;
		height: 5.5em;
		background: #FFF;
        overflow: auto;
    	zoom: 1;
    }
	#header h2 {
        float: left;
	}
		#header h2 a{
			float: left;
			padding: 0 20px;
			display: inline;
			background: transparent url('../images/Drivenwide_logo.jpg') no-repeat 20px 0;
			width: 215px;
			height: 25px;
			text-indent: -9999px;
		}
	#header #main-nav {
		padding: 0;
		list-style: none;
		float: right;
		margin: 6px 0 0.2em 0;
	}
		#header #main-nav li {
			float: left;
			margin: 0;
		}
			#header #main-nav li a {
				float: left;
				/*padding: 1.1em 25px 0.9em 25px;*/
/*              font-size: 1.2em;*/
				color: #5A5A5A;
				font-weight: bold;
				text-transform: uppercase;
				background: #FFF url('../images/menu.gif') no-repeat 26px 14px;
				
				text-indent: -9999px;
				overflow: hidden;
				display: block;	
				height: 36px;
				width: 131px;
				
		}
		
			
			#header #main-nav #nav-what {
				width: 129px;
				background-position: -105px 14px;
			}
				#header #main-nav #nav-what:hover {
					background-position: -105px -96px;
				}
			
			#header #main-nav #nav-work {
				width: 118px;
				background-position: -234px 14px;
			}
				#header #main-nav #nav-work:hover {
					background-position: -234px -96px;
				}
			
			#header #main-nav #nav-contact {
				width: 128px; 
				background-position: -352px 14px;
			}
				#header #main-nav #nav-contact:hover {
					background-position: -352px -96px;
				}
			
			
			#header #main-nav li.active a {
				color: #00afe2;
			}
			#header #main-nav li a:hover {
				background-position: 26px -96px;
			}	
			
			
		#header .inner div {
			border-bottom: 1px solid #0d98e0;
			clear: left;
			position: relative;
			height: 6px;
			width: 100%;
		}
		#header .inner div p {
			background-color: #FFF;
			margin: 0;
			padding: 0;
			overflow: hidden;
			height: 2px;
			width: 150px;
			position: absolute;
			bottom : 0;
			left: 0;
/*			z-index: 10;*/
		}
		#header .inner div hr {
			display: none;
		}

#bottom-nav {
    background: #292929;
/*	position: relative;*/
    font-size: 0.83333em;
	margin-top: -20.8em;
/*	top: -20.8em;*/
/*	margin-top: -42.4em;*/
/*	margin-bottom: -4em;*/
	height: 4em;
/*	margin-bottom: 4em;*/
/*	margin-top: -37.6em;*/
/*	top: -37.6em;*/
}
* html #bottom-nav {
	position: relative;
	margin-top: 0;
	top: -20.8em;
	margin-bottom: -4em;
}
    #bottom-nav ul {
        padding: 0 20px;
        width: 920px;
/*		height: 4em;*/
        list-style: none;
        overflow: auto;
    	zoom: 1;
    }
        #bottom-nav ul li {
            float: left;
            margin: 0 20px 0 0;
        }

		#bottom-nav ul li.gap {
            margin-left:40px;
        }
        #bottom-nav ul li.rss {
            float: right;
            margin: 0;
        }
            #bottom-nav ul li a {
				padding: 1.6em 0 1.4em 0;
/*				height: 4em;*/
/*				line-height: 4em;*/
                float: left;
                text-transform: uppercase;
				color: #AAA;
            }
			#bottom-nav ul li a:hover {
                color: #DDD;
            }

			#bottom-nav ul li.active a {
				color: #777;
			}
			
			#bottom-nav ul li.home a {
				text-indent: -9999px;
	            background: transparent url(../images/footer.gif) no-repeat 0 -50px;
				width: 20px;
	        }
				#bottom-nav ul li.home a:hover {
					background-position: 0 -93px;
				}
			#bottom-nav ul li.rss a {
	            background: transparent url(../images/footer.gif) no-repeat 100% 14px;
				padding-right: 25px;
	        }
				#bottom-nav ul li.rss a:hover {
					background-position: 100% -16px;
				}

#extra {
/*	position: relative;*/
/*	bottom: 0px;*/
/*	width: 100%;*/
	height: 14em;
/*	top: -14em;*/
	margin-top: -14em;
/*	margin-bottom: -17.333em;*/
    background: #E9E9E9 url('../images/extras-bg.gif') repeat-x 0 0;
/*padding-bottom: 1px;*/
}
    #extra .inner {
        width: 956px;
        padding: 26px 0px 15px 6px;
   		zoom: 1;
    }
	#extra .column {
		width: 186px;
	}
	#extra .news {
		width: 280px;
	}
	#extra h3 {
		text-transform: uppercase;
		font-weight: normal;
		margin-bottom: 0;
		padding-bottom: 0.4em;
		border-bottom: 1px solid #D0D0D0;
		color: #7A7A7A;
	}
	#extra p {
		border-top: 1px solid #DDD;
		padding-top: 0.4em;
	}
	#extra ul {
		border-top: 1px solid #DDD;
		padding-top: 0.4em;
		list-style: none;
		margin: 0;
	}
	#extra li {
		margin-bottom: 0.1em;
		padding-left: 14px;
		background: transparent url('../images/grey-bullet.gif') no-repeat 0 50%;
	}
	#extra a:hover {
		border-bottom: 1px dotted #666;
		color: #666;
	}
	#extra .news ul {
		list-style: none;
		margin-left: 0;
	}


#footer {
    background: #1A1A1A;
    font-size: 0.8em;
    color: #464646;
}
    #footer .inner {
        width: 920px;
        padding: 1em 20px;
    }

/* Page content */

#titles {
	position: relative;
	z-index: 100;
    background: #00afe2;
    color: #FFF;
	text-transform: uppercase;
}
    #titles .inner {
        width: 960px;
        padding: 27px 0 24px 2px;
		overflow: hidden;
	    zoom: 1; 
    }

	#titles h1,
	#titles h2,
	#titles a {
		font-size: 2.25em;
		font-weight: bold;
		margin: 0;
		color: #FFF;
		display: inline;
		float: left;
		background-repeat: no-repeat;
		background-position: 0 50%;
		text-indent: -999em;
	}
	#titles a {
		font-weight: normal;
		color: #FFF;
		margin-right: 10px;
		float: left;
	}
	
	#titles .home {
		padding-left: 26px;
	} 
		
	#titles .home .title {
		font-size: 1.5em;
		margin: 0px 14px;
		width: 288px;
		float: left;
		display: inline;
	}
	
	#titles .home .title a {
			background: transparent url('../images/home-titles.png') no-repeat 0 0;
			text-indent: -9999px;
			overflow: hidden;
			height: 46px;
			width: 240px;
			display: block;
			margin: 0 4px;
			line-height: 1.3em;
	}
	
	#titles .home h1.title a:hover {
		background-position: 0 -57px;
	}
	
	#titles .home h2.title a {
		background-position: -260px 0;
	}
	
	#titles .home h2.title a:hover {
		background-position: -260px -57px;
	}
	
	#titles .home p.title a {
		background-position: -520px 0;
	}
	
	#titles .home p.title a:hover {
		background-position: -520px -57px;
	}
	
	#titles .home .title strong {
		margin: -9999px;
	}

	#titles span {
		font-weight: bold;
	}
	
	#titles .column strong {
		font-size: 1.1em;
	}
	#titles .launch {
		text-indent: 0;
		font-size: 1em;
		margin: 0;
		float: right;
		font-weight: normal;
		padding-left: 22px;
		padding-right: 10px;
		line-height: 2.2em;
		background: transparent url('../images/launch.gif') no-repeat 0 50%;
	}
#main {
    background: transparent url('../images/main-bg.gif') repeat-x 0 0;
}
	#main .inner {
	    background: transparent url('../images/main_inner-bg.png') no-repeat 50% 0;
	    width: 920px;
	    padding: 24px 24px 0px 24px;
	}
		#main .leftcol {
			float: left;
			width: 594px;
			margin-bottom: 25px;
/*			background: #FFD;*/
		}
		#main .rightcol {
			float: right;
/*			text-align: right;*/
		    width: 302px;
			margin-bottom: 25px;
			
		/*			background: #FDF;*/
		}
		#main .rightcol h4 {
/*			text-align: right;*/
		}
		#main h3,
		#main h2 {
			font-weight: normal;
			color: #0d98e0;
			text-transform: uppercase;
			margin-bottom: 0.3em;
		}
		#main h2.title {
			font-size: 2em;
		}
			#main h3 a, #main h2 a {
				color: #0d98e0;
			}
				#main h3 a:hover, #main h3 a:hover {
					color: #7A7A7A;
				}
				
		#main h2.subtitle {
			clear: both;
			font-weight: normal;
			color: #7A7A7A;
			font-size: 1.75em;
			padding-top: 0.3em;
			margin-bottom: 0;
		}
		#main ul {
			list-style: none;
			margin: 0;
			padding: 0;			
		}
			#main ul li {
				margin-left: 0;
				padding-left: 25px;
				background: transparent url('../images/extra-bullet.gif') no-repeat 10px 50%;
			}
				#main ul li a {
				}
				#main ul li a:hover {
					color: #0d98e0 !important;
				}
		#main .quote h4 {
			font-style: italic;
			font-family: 'georgia', 'serif';
			color: #0d98e0;
			font-size: 1.5em;
			line-height: 1.4em;
		}
		#main .rightcol h3 {
			font-size: 1.66667em;
			margin: 0 0 0.5em 0;
		}
		#main .rightcol h4 {
			font-size: 1.66667em;
			text-transform: uppercase;
			color: #0d98e0;
			font-weight: normal;
			margin-bottom: 0.5em;
		}
		#main p.intro {
			margin-bottom: 1.5em;
		}
			#main p.intro strong {
				font-weight: normal;
/*				text-transform: uppercase;*/
				font-family: georgia, serif;
				color: #666;
/*				color: #0d98e0;*/
			
				font-size: 1.41667em;
				line-height: 1.4em;
			}
		
			#main p.article-intro {
				margin: 1em 0 ;
			}

#main ul.borders {
	border-top: 1px solid #E9E9E9;
	padding-top: 0;
/*	padding-left: 14px;*/
	margin-left: 0;
}

	ul.borders li {
		margin: 0;
		padding: 0.6em 0 0.6em 14px;
		border-bottom: 1px solid #E9E9E9;
/*		font-weight: bold;*/
	}
	ul.borders li.alt {
		background: #FAFAFA;
	}
	

#main .rightcol ul.borders {
	margin-bottom: 2em;
}
	#main .rightcol ul.borders li {
		font-weight: bold;
		background: none;
		padding-left: 10px;
	}
	#main .rightcol ul.borders li a {
		padding-left: 15px;
		background: transparent url('../images/extra-bullet.gif') no-repeat 0px 50%;
	}
	#main .rightcol ul.borders li.active a {
		color: #0d98e0;
	}
	
	#main .rightcol ul.borders ul {
		list-style: none;
		margin: 0.5em 0 0 0;
		padding: 0;
	}
	
	#main .rightcol ul.borders ul li {
		font-weight: normal;
		border: 0;
		padding: 0.3em 0 0.3em 16px;
	}
		#main .rightcol ul.borders ul li a {
			background: none;
			padding-left: 0;
		}
	#main .rightcol ul.borders li.active li a {
		color: #7A7A7A;
	}
	
	#main .rightcol ul.borders li.active li.active a {
		color: #0d98e0;
	}
	#main .rightcol ul.team strong {
		color: #0d98e0;
	}
	#main .rightcol ul.team p {
		font-weight: normal;
		margin: 0;
		padding: 1em 15px;
	}

.columns {
	width: 954px;
	margin: 0 -20px;
	padding-left: 6px;
	overflow: visible;
}
	.column {
	    float: left;
		display: inline;
		margin: 0 14px;
	    width: 288px;
	}
	.columns .first {
		clear: left;
	}
	.project {
		position: relative;
		top: -7px;
	    margin: 0px 6px 1.5em 6px ;
		padding: 7px 5px 2px 5px;
		border: 3px solid #FFF;
		height: 20.5em;
		overflow: hidden;
	}
		.project h3,
		.project h3 a {
			font-weight: bold;
		}
	.team .project {
		height: auto;
		overflow: auto;
	}
* html .what-we-do {
	margin-bottom: 2.5em;
}
	.what-we-do .column {
		width: 246px;
/*		height: 6em;*/
		padding: 20px;
		margin-bottom: 2.5em;
		border: 1px solid #E0E0E0;
		background: #FAFAFA url('../images/whatwedo_box-bg.gif') repeat-x 0 0;
	}
			.what-we-do .column p {
				margin-bottom: 0;
			}
	.what-we-do .hovered {
		background-color: #F3F3F3;
		background-position: 0 -5px;
	}
#main .wide-column {
	clear: both;
	padding-bottom: 1em;
	border-bottom: 1px solid #DFDFDF;
	margin: 0.5em 0 1.5em 0;
}
	#main .wide-column h2 {
		border-bottom: 1px solid #DFDFDF;
		padding-bottom: 0.2em;
		margin-bottom: 1em;
	}
	#main .wide-column ul li {
		float: left;
		margin-right: 50px;
	}
.project .image {
	display: block;
    padding: 4px 6px 8px 6px;
    background: transparent url('../images/project_image-bg.gif') no-repeat 0 0;
    width: 274px;
    height: 137px;
    margin-bottom: 1.5em;
	position: relative;
}
	.team .project .image {
		margin-bottom: 1em;
	}
    .project .image img {
		position: absolute;
		top: 4px;
		left: 7px;
/*		margin: 1px;*/
		background: #FFF;
/*        padding: 3px;*/
/*        width: 275px;*/
    }
	.project .image .text {
		display: none;
	}
    #main .project h3 {
		font-weight: bold;
        font-size: 1em;
        padding: 0 10px;
        margin: 0 0 0.7em 0;
    }
		.project h3 a {
			color: #0d98e0;
		}
    .project h4 {
		color: #5A5A5A;
		font-weight: normal;
		text-transform: uppercase;
        font-size: 1em;
        padding: 0 10px;
    }
    .project p {
        padding: 0 10px;
    }

	.project-hover {
		cursor: pointer;
	}
	
	.project-hover h3 a {
		color: #00afe2;
	}
	.project-hover p {
		color: #6C6C6C;
	}
	
	.project-hover .image .text {
		display: block;
	}

div.team-image {
	float: left;
	margin: 0 20px 1em 0;
}
	div.team-image img {
		padding: 5px;
		border: 1px solid #DDDDDD;
	}
	div.team-image .caption {
		padding: 11px 15px 5px 15px;
		background: #00afe2 url('../images/caption-bg.gif') no-repeat 0 0;
		color: #FFF;
		margin: 0.5em 0 0 0;
	}

/* contact us page */
.form .leftbox,
.form .rightbox {
	padding: 20px;
	background: #F7F7F7;
	border: 1px solid #E8E8E8;
	margin-bottom: 20px;
	overflow: hidden;
}
.form .rightbox {
	float: right;
	width: 518px;
}
.form .leftbox {
	float: left;
	clear: left;
	width: 298px;
}
.form .hr {
	clear: both;
	margin: 20px 0;
}
#main .form h2 {
	font-weight: normal;
	color: #0d98e0;
	font-size: 1.5em;
}
#main .form .bottombox {
	padding: 0 20px;
}
	#main .form .bottombox h2 {
		color: #0d98e0;
		font-size: 1.66667em;
		margin-bottom: 0.5em;
	}
	
.landing p {
	margin-bottom: 2.5em;
}
.content h3 {
	margin-top: 1.5em;
}
	
ul#forms {
	list-style: none;
	margin: 1.5em 0;
}
	ul#forms li {
		float: left;
		background: url('../images/tabs-bg.gif') no-repeat 0 -50px;
		margin: 0 15px 0 0;
		padding: 0;
		font-size: 0.9em;
		
	}
	ul#forms li.ui-tabs-selected {
		background-position: 0 0px;
	}
		ul#forms li a {
			float: left;
			color: #000;
			background: url('../images/tabs-bg.gif') no-repeat 100% -50px;
			height: 21px;
			line-height: 21px;
			padding: 0 20px;
		}
		ul#forms li.ui-tabs-selected a:hover {
			color: #FFF !important;
		}
		ul#forms li.ui-tabs-selected a {
			color: #FFF;
			background-position: 100% 0px;
		}

/* jquery tabs gumph */
.ui-tabs-hide { display: none; }

/* fancy js project headers */
#project-header {
	height: 250px;
	padding: 30px 0 0 0;
	position: relative;
}
	#project-header .contents {
		width: 960px;
		margin: 0 auto;
	}
	#project-header .large {
		height: 400px;
	}
		#project-header .slider {
			height: 250px;
			position: relative;
			overflow: hidden;
		}
		#project-header .large .slider {
			height: 420px;
			float: left;
			margin: 0;
			width: 578px;
			padding: 0;
		}
			#project-header .screenshots {
				top: 0;
				position: absolute;
				width: 2000em;
				margin: 0 -18px;
			}
			#project-header .large .screenshots {
				top: 0px;
/*				margin: 0;*/
			}
			#project-header .screenshots div {
				padding: 0 25px 20px 25px;
				background: transparent url('../images/screenshot_small-bg.gif') no-repeat 50% 100%;
				float: left;
				overflow: visible;
			}
				#project-header .screenshots div img,
				#project-header .screenshots div span {
					border: 1px solid #DDD;
				}
				#project-header .screenshots div span {
					display: block;
					width: 280px;
					height: 200px;
				}
			#project-header .large .screenshots div {
				padding: 0 26px 20px 26px;
				background: transparent url('../images/screenshot_large-bg.gif') no-repeat 50% 100%;
			}
			#project-header .screenshots div.active {
			}

				#project-header .nav {
					top: 30px;
					position: absolute;
					height: 200px;
					width: 332px;
/*					z-index: 999;*/
					background-position: 50% -70px;
					background-repeat: no-repeat;
					background-color: transparent;
				}
				#project-header a.nav:hover {
					background-position: 50% 50%;
				}
				#project-header a.prev {
					left: -18px;
					background-image: url('../images/casestudy-left-nq8.png');
				}
				#project-header a.enlarge {
					background-image: url('../images/casestudy-enlarge-nq8.png');
					left: 314px;
				}
				#project-header a.next {
					background-image: url('../images/casestudy-right-nq8.png');
					left: 646px;
				}
				#project-header a.contract {
					top: 0;
					left: 8px;
					width: 560px;
					height: 400px;
					background-image: url('../images/casestudy-reduce-nq8.png');
				}
				#project-header a.disabled {
/*					background-image: url(images/casestudy-enlarge-nq8.png);*/
/*					cursor: auto;*/
				}
					#project-header a.disabled:hover {
						background-position: 50% -70px;
						cursor: auto;
					}
		
		#project-header .navi {
			float: right;
			width: 360px;
		}
		#project-header .navi div {
			float: left;
			font-size: 0.75em;
			background: #6C6C6C;
			border: 1px solid #6C6C6C;
			color: #FFF;
			cursor: hand;
			cursor: pointer;
			margin-right: 10px;
		}
			#project-header .navi div span {
				float: left;
				border: 1px solid #FFF;
				padding: 3px 8px;
			}
			#project-header .navi div.active {
				background: #393939;
			}
		#project-header .quote {
			float: right;
			width: 360px;
			margin-top: 100px;
		}
			#project-header .quote h4 {
				font-family: 'georgia', 'serif';
				font-size: 1.416667em;
				line-height: 1.4706em;
				font-style: italic;
				color: #555;
				margin-bottom: 10px;
			}
		#project-header span.larger {
			width: 960px;
			margin: 0 auto 0 auto;
			display: block;
			text-align: right;
			height: 0em;
			font-size: 0.75em;
			font-weight: bold;
			text-transform: uppercase;
			position: relative;
			z-index: 1000;
		}
			#project-header span.larger a {
				float: right;
				height: 2em;
				margin-top: -2em;
				position: relative;
				padding: 0 8px 0 34px;
				z-index: 1000;
				background: transparent url('../images/work-arrows.gif') no-repeat 20px 2px;
			}
		#project-header span.smaller {
			clear: both;
			display: block;
			text-align: right;
			height: 2em;
			font-size: 0.75em;
			font-weight: bold;
			text-transform: uppercase;
			margin-top: -2em;
			position: relative;
			padding-right: 8px;
		}
		#project-header span.smaller a {
			background: transparent url('../images/work-arrows.gif') no-repeat 0 2px;
			padding-left: 14px;
		}
		#project-header span.smaller {
/*			height: 0;*/
			overflow: visible;
			height: 2em !important;
			margin-top: 2em;
/*			height: 0;*/
		}
		#project-header span.smaller a {
			background-position: 0px -38px;
		}
	#project-header .controls {
		top: 0px;
		right: 0;
		position: absolute;
		height: 280px;
		width: 100%;
		background: transparent;
/*		opacity: 0.5;*/
/*		filter:alpha(opacity=100);*/
		cursor: pointer;
		z-index: 1000;
		overflow: hidden;
	}	
		#project-header .controls #mouse-follow {
			display: none;
			position: absolute;
			z-index: 10;
			width: 56px;
			height: 21px;
			background-color: transparent;
			background-repeat: no-repeat;
			cursor: pointer;
			opacity: 0.9;
			filter:alpha(opacity=90);
			background-image: url('../images/combo.gif');
		}
			#project-header .controls .enlarge {
				background-position: 50% 0px;
			}
			#project-header .controls .prev {
				background-position: 50% -21px;
			}
			#project-header .controls .next {
				background-position: 50% -42px;
			}

	
	#banner .work {
		margin: 0;
        width: auto;
		background: #F3F3F3 url('../images/work_small-bg.gif') repeat-x 0 100%;
	}

.other-work {
	clear: both;
	border: 1px solid #DFDFDF;
	border-width: 1px 0;
	padding: 0.7em 0;
	margin-top: 1.5em;
}
	.other-work a {
		color: #0d98e0;
		padding-left: 10px;
		margin: 0 10px;
		background-position: 0 50%;
		background-repeat: no-repeat;
	}
		.other-work a.all-work {
			color: #0d98e0;
			background-image: url('../images/all_work.gif');
			padding-left: 20px;
		}
		.other-work a.next {
			color: #0d98e0;
			background-image: url('../images/extra-bullet.gif');
		}
		
/*Time Tracking */
.sticker {
	height:20px;
	width:20px;
	float:left;
	margin: 0.5em;
}
.time 
{
	margin-top: 1em;
}


.time form .field-short {
	width: 35px;
}
	.time form .field, .time form select  {
		float:left;
		clear:none;	
	}

	.time form select {
		width:75px;
	} 
	.time form input.input {
		width:150px;
		font-size:0.9em;
	}
	.time form input.short {
		width:40px;
		font-size:0.9em;
	}
	
	.time .form-footer {
		clear:both;
	}

	.time .back {
		margin-top:1em;
	}
	.time button {
		float:right;
	}

#tokenspace {
	margin-top: 2em;
	clear:both;
}

#tokenspace table {
	width:100%;
	border-color: 1px #ccc;
	margin-bottom: 2em;

}		
	#tokenspace table tr {
		
	}		
	#tokenspace table th {
		border-bottom: 1px solid;
		padding: 5px 0 2px 5px ;
		
	}		
	#tokenspace table th:first-child {
		border-right: 1px solid;
		width: 150px;
		
	}		
	
	#tokenspace table tbody td:first-child {
		border-right: 1px solid;
		
	}
	#tokenspace table tbody td {		
		padding: 0.5em 0px 2px 0.5em ;
		line-height:13px;	
		vertical-align:middle;	
	}
	
	#tokenspace table.report th:first-child {
		width: 340px;
	}

	

.timesheet .token {
			width: 25px;
			height: 1em;
			padding: 5px;
			margin: 0.5em 0.1em 0.5em 0.1em;
			border: 1px solid #E0E0E0;
			background: #FAFAFA url('../images/whatwedo_box-bg.gif') repeat-x 0 0;
}

	.timesheet .token:hover {
		background-color: #F3F3F3;
		background-position: 0 -5px;
	}

	.timesheet .active {
		background-color: #00afe2;
		background-position: 0 -5px;
	}
		.timesheet .active:hover {
			background-color: #00afe2;
			background-position: 0 -5px;
		}

	.timesheet #tokens {
		clear:both;
	}

		.timesheet #tokens .token {
				width: 0.5em;
				height: 0.25em;
		}

#timesheet-complete .button {
	float:right;
}

#timesheet-create {
	margin-top:1em;
}


#task-form {
		position:absolute;
		border: 1px solid #E0E0E0;
		padding: 0.7em;
		font-size : 0.7em;
		background: #FAFAFA url('../images/whatwedo_box-bg.gif') repeat-x 0 0;
	}

	#task-form form .buttons {
		float:none;
	}
	
	#task-form  .button {
		float:right;
		cursor: hand;
		cursor: pointer;
	}
	

#task-manager .task {
	clear:both;
}

#task-manager .rowtitle {
	width: 70px;
}

#task-manager .indicator a {
	display: block;
	text-align: center;
	
	padding: 5px 5px;
	
}
#task-manager .over, .time .error {
		background: #ECC; 
}
 table.report {
	margin:1em 0 1em 0;
}
	table.report th {
		font-weight:bold;
		padding: 0 0.5em 0 0.5em;
	}
	
 	table.report tbody tr:hover {
			background-color: #F3F3F3;
	}

	table.report td {
		padding: 5px 2em 2px 0.5em ;
			vertical-align:middle;
	}
	
	table.report tfoot tr:first-child {
		border-top: 1px solid;
	}

.status-message {
		background: #DED;
		margin: 1em 1em 1em 1em;
		padding:  0.5em;
		clear:both;
}
	.status-message a.button {
		line-height: 0;
		float:right;
	}
	
	.status-message #message {
		font-weight:bold;
		margin-top: 10px;
	}


#modalOverlay {
  background-color:#000000;
  cursor: wait;
}
#overlay {
    width: 540px;
    margin-left: -270px;
    left: 50%;
    top: 15%;
    }
  #overlay a.modalCloseImg {
        background: url(/core/images/icons/cross.gif) no-repeat 0 0;
        width:16px;
        height:16px;
        display:inline;
        z-index:3200;
        position:absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        }

	#overlay form {
			border: 1px solid #E0E0E0;
			background: #FAFAFA url('../images/whatwedo_box-bg.gif') repeat-x 0 0;
			padding: 2em;
			font-size : 0.7em;
	}

	
/* BUTTONS */
button,
a.button {
    font-family: "Lucida Grande", arial, sans-serif;
    font-family: arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	background: #E5E5E5 url('../images/button-bg.gif') no-repeat 0 50%;
	color: #FFF;
/*	font-weight: bold;*/
	border: 1px solid #FFF;
	outline: 1px solid #E5E5E5;
	cursor: hand;
	cursor: pointer;
/*    white-space: nowrap;*/
	font-size: 0.91667em;
	padding: 10px 1em 10px 1em; /*links*/
}
button {
    overflow: visible;
	width: auto;
	padding: 10px 1em 8px 1em; /*IE6*/
}
a.button {
    display: inline-block;
    line-height: 1.1em;
}
button[type] {
	padding: 9px 1em 9px 1em;
}
*:first-child+html button[type]{
    padding: 10px 1em 8px 1em; /* IE7 */
}

button::-moz-focus-inner{padding:0;border:none;} /* FF Fix */

button:focus {
	outline: none;
}

button:hover,
a.button:hover {
	background-position: 100% 50%;
}
button:active,
a.button:active {
	position: relative;
	top: 1px;
}
button.button-loading,
a.button-loading {
	background: #208AA3 url('../images/loader.gif') no-repeat 50% 50%;
	position: static !important;
	cursor: auto;
	color: transparent !important;
	color: #FFF;
/*	text-indent: -9999px;*/
/*	overflow: hidden;s*/
}
/* vcard */
.vcard div {
	line-height: 1.4em;
}

.vcard img {
	display: none;
}

.vcard div a {
	color: #0d98e0;
	font-weight: bold;
}

.vcard div.adr {
	margin: 0.4em 0;
}

.vcard span.geo {
	display: none;
}



.vcard div.tel span.type {
	/*width: 2.5em;
		display: inline-block;*/
		display: none;
}

.landing-item {
	border-bottom: 1px solid #DFDFDF;
	margin: 1.5em 0;
	padding: 0 0 1.5em 0;
}
	.landing-item p {
		margin-bottom: 0;
	}

/* news + careers */

#main h3.date {
	margin: -1.2em  0 0;
	float: right;
	color: #7A7A7A;
	font-weight: normal;
}

#main a.backlink  {
	color: #0d98e0;
	margin-top: 1em;
	padding: 0 10px 0 10px;
	background: transparent url('../images/back-bullet.gif') no-repeat 0 72%;
}
	
#main a.backlink:hover {
	color: #7A7A7A;
	border-bottom: none;
}

dl.job {
	margin: 1.5em 0 0 0;
}

dl.job dt, dl.job dt {
	float: left;
	margin: 0;
}

dl.job dt {
	clear: left;
	width: 100px;
}


#job-apply a.backlink {
	margin-top: 10px;
	display: block;
	float: left;
}

#job-apply .button, #job-apply button {
	float: right;
}

.news-item {
	padding: 0 20px 1.5em 0;
	margin-top: 1.6em;
	border-bottom: 1px solid #E7E7E7;
}
	.news-item  h3 {
		font-size: 1.6em;
	}
	
	.news-item p {
		margin: 0.7em 0 0.9em 0;
	}
	.news-item h4 {
		margin: -1.6em 0 0 0;
		float: right;
		color: #7A7A7A;
		font-weight: bold;
	}
	.news-item a.link {
		color: #0d98e0;
/*		font-weight: bold;*/
		margin-top: 0.5em;
		padding: 0 10px 0 12px;
		background: transparent url('../images/extra-bullet.gif') no-repeat 0 72%;
	}
		.news-item a.link:hover {
			color: #7A7A7A;
		}


.search-item {
	border-top: 1px solid #E7E7E7;
	border-bottom: 0;
	padding-top: 1.3em;
	padding-bottom: 0.8em;
	margin-top: 0;
}

#main .search-item p {
	margin-bottom: 0.4em;
	margin-top: 0.3em;
}

#main .search-item .search-link a {
	color: #F9A351;
}

#main .search-item .search-link a:hover {
	border-color: #F9A351;
}

#main h2.search-title {
	border-top: 1px solid #E7E7E7;
	margin-bottom: 0.8em;
	padding-top: 0.8em;
}

#main .search-item h3 {
	text-transform: none;
	font-size: 1.3em;
}

.search-more {
	margin-top: 0;
	padding-top: 1em;
	border-bottom: 0;
	text-align: right;
	padding-right: 1em;
}

.search-form {
	margin-bottom: 1em;
}

#site-map {
	margin-bottom: 1em;
}

#site-map div {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0 15px 0 0;
/*	height: 300px;*/
/*	background: #DDD;*/
}

#site-map div h3 {
	margin-bottom: 0.5em;
}

#site-map div.section {
	padding-left: 15px;
	border-left: 1px solid #CCC;
	border: 0;
	width: 220px;
}

#site-map div.section h3 {
	border-bottom: 1px solid #CCC;	
	padding-bottom: 0.3em;
}

#main #site-map ul {
	padding: 0;
	margin: 0 0 2em 3px;
}

#main #site-map ul ul {
	margin: 0.2em 0 0.3em 10px;
}

#main #site-map li {
	background: transparent url('../images/extra-bullet.gif') no-repeat 0px 5px;
	margin: 0;
	padding: 0 0 0.3em 12px;
}

#main #site-map li li {
	background: none;
	padding: 1px 0;
}

/* google not found widget */

#goog-wm {}

#goog-wm h3.closest-match {
	margin-bottom: 1.5em;
	font-size: 1.5em;
}

#goog-wm h3.closest-match a { 
	text-transform: none;
	
	color: #7A7A7A;
}

#goog-wm h3.closest-match a b {
	font-weight: normal;
}

#goog-wm h3.closest-match a:hover { 
	color: #0d98e0;
}
   
#goog-wm h3.other-things {
	display: none;
}
   
#goog-wm ul li {}
   
#goog-wm li.search-goog {
  display: none;
}