body {
    margin:0;
    padding:0;
    font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
	font-weight:normal;
	background:#00151c;
	behavior: url("../pngfix/csshover3.htc");
}

html>body {

}

a{
	outline:none;
	color:#65c4e3;
	text-decoration:none;
	
}


a:hover{
	outline:none;
	color:#65c4e3;
	
	
}


a img{
    border:none;
}

b, strong{
	color:#fff;

}

/* ------------ 960 WIDTH CONTAINERS ETC--------------- */

.container-wide{
   
}

.container-960 {
    width:960px;
    margin:0 auto;
    
}


#menu-container {
	z-index: 100;
	height:80px;
	background: #0b3444 repeat-x center top;
	position:relative;
}

#header-container {
	background:#002432 url(../images/design/bg.jpg) center top; 
	z-index:50;
	height:363px;
	margin-bottom:-33px;
	text-align: center;
}

#dark-bg-container {
	background: url(../images/design/gradient-bg.jpg) center -500px;
  
}

#portfolio-home-container {
	background: url(../images/design/curly_brackets.png) center 73px no-repeat;
	padding:60px 0 10px;
}

#content-container {
	
}

#portfolio-header-container {
	
}

#related-wide-container {
    
}

#page-content-container {
	margin-top:0px;
	
}

#filter-container {
	background:#001d26;
	border-top:2px solid #07465e;
	border-bottom:2px solid #07465e;
}

#portfolio-home-container #portfolio-featured-container {
    background:transparent;
}


#portfolio-featured-container {
    background:transparent url(../images/design/bg_dark.jpg) repeat scroll center;
    height: 285px !important;
    position: relative;
   /* border-top:2px solid #07465e;
    border-bottom:2px solid #07465e;*/
}

#portfolio-featured-container h1{
	color:#fff;
	font-size:1.4em;
	padding-left:9px;

}

#case-study {
    padding-top:40px;
}

h1.featured-header{
	padding-left:10px;

}

#home-text-area h1 {
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:0.2px;
	line-height:110%;
	margin:0 0 20px;
}

#portfolio-featured-container h2 {
	color:#FFFFFF;
	font-size:1.4em;
	padding-left:9px;
}

h2{
	font-size:1.1em;
}

h4{
	margin:8px 0;
}


/* ----------END - 960 WIDTH CONTAINERS ETC -END -----------------*/



            
#top-links{
    height:30px;
	background-color:#0B3444;
}

.top-right, .top-left, .newsletter-loc{
	color:#679AAB;
	font-size:0.75em;
}

.top-right, .newsletter-loc{
	background:none repeat scroll 0 0 #0c2e3c;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	float:right;
	padding:5px 17px 7px;
}

.newsletter-loc{
	margin-left:8px;
}

.top-right{
}

.top-right a{
	padding-right:5px;
}

.top-left{
	float:left;
	padding-left:9px;
}

.top-right a:link, a:active, a:visited, .top-left a:link, a:active, a:visited{
	color:#679AAB;
	text-decoration:none;
}

.top-right a:hover, .top-left a:hover{
	text-decoration:underline;
}
                    
#menu-container{
    
   
}

#logo{
    padding:10px 0 0 9px;
    float:left;
}

#logo img {

}



/* ---------- NAVIGATION MENU -----------------*/

                    
#nav-menu{
    float:right;
	margin:0px -10px 0 0;
}

#nav-menu ul{
    margin:0;
    padding:0;
    
}

#nav-menu ul li{
    list-style:none;
    float:left;  
}

#nav-menu ul li span{

	position:absolute;
	top:-99999px;
}

#nav-menu ul li a{
	color:#679AAB;
	display:block;
	float:left;
	font-size:0.9em;
	font-weight:bold;
	height:50px;
	padding:30px 12px 0;
	text-decoration:none;
}

#nav-menu ul li a:hover{
	color:#BBE2EF;
	background:transparent url(../images/design/nav_up_arrow.png) no-repeat scroll center 71px;
}

#nav-menu a.topNavCurrent{
	color:#BBE2EF;
	background:transparent url(../images/design/nav_up_arrow.png) no-repeat scroll center 71px;
}

/* ---------- NAVIGATION MENU END -----------------*/

/* ---------- HOMEPAGE LARGE HEADER GRAPHICS AREA -----------------*/                    
#header-area{
    height:363px;
    background:transparent ;
    outline: none;   
}

#header-area-graphic {
	width:510px;
	float:left;
	position:relative;
	top:42px;
	padding-left:50px;

}

#header-text-left {
   float:left;
	padding:5px 0 0 8px;
	width:392px;
}

#header-text-left h1{
    padding:40px 40px 40px 5px;
}

#header-text-left a{
    color:white;
}

#header-text-left a:hover{
   text-decoration:none;
}

#header-text-left h1{
    margin:0;
    color: white;
    font-weight:normal;
    font-size:2.6em;
}

#portfolio-head{
 
    
}

/* ---------- HOMEPAGE LARGE HEADER GRAPHICS AREA END -----------------*/ 


/* ---------- HOMEPAGE SOCIAL MEDIA AREA -----------------*/ 

#social-media-container {
    
}

#social-media {
    width:960px;
    margin:0 auto;
    height:140px;
    background:transparent;
    border-top:4px solid #113743;
}


#social-stayleft, #social-stayright{
	height:60px;
	padding-top:25px;
	float:right;

}

#social-left {
    margin-top:35px;
    float:left;
}

#social-left a{
    margin-right:10px;
}

#social-left a:hover{
    margin-right:10px;
}

#social-spacer {
    float:left;
    margin:0 40px 0 30px;
    
}

#social-right {
    margin-top:30px;
    float:left;
    padding: 5px;
}


#newsletter-input {
    float:left;
    background: url("http://media.360innovate.co.uk/images/design/searchbar.png") left;
    margin: 0px;
    width:211px;
    height:35px;
}

#email-input {
	background:none repeat scroll 0 0 transparent !important;
	border:medium none;
	color:#74629B;
	font-size:13px;
	height:20px;
	margin:3px 20px 3px 10px;
	padding:4px 0 0;
	width:175px;
}

#submit-button {
    float:left;
}


/* ---------- HOMEPAGE SOCIAL MEDIA AREA END -----------------*/ 


/*------ SPECIFIC CLASS LAYOUT FOR PORTFOLIO ITEMS ------*/


#portfolio-featured-container .portfolioItem {
	
	height:235px;
}

.portfolioItem {
    cursor: pointer;
	float:left;
	width:220px;
	float:left;
	margin:5px 0;
	padding:0 10px;
	height:230px;
}

.portfolioItem:hover{

	float:left;
	width:220px;
	float:left;
	margin:4px 0;
	padding:0 9px;
	background:transparent url(../images/design/portfolio-items-bg.png);
	border:1px solid #05384a;
}


#portfolio-items h1 {

	color:#FFFFFF;
	font-size:21px;
	font-weight:normal;
	letter-spacing:0.6px;
	margin:10px 0;
}

div#portfolio-items-container h1.projects {
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:50px 0 10px 9px;
	margin:0;
}


.test-wrapper{
	font-style:italic; 
	margin:5px 0px 10px;
}

.visit-site {
    background:url("../images/design/view_website_btn.png") no-repeat scroll 0 0 transparent;
	color:#70B6CB !important;
	display:block;
	height:30px;
	padding:10px 0 0 20px;
	width:145px;
	margin-top:10px;
}

.visit-site:hover {
    background: url("../images/design/view_website_btn_hover.png") no-repeat scroll 0 0 transparent;
    text-decoration: none !important;
    color:#fff !important;
}

#test-wrapper a{
    color:#70b6cb;
}

#case-study a:hover {
    color:#fff;
    text-decoration:none;
}

#click-more{
	padding:0;
	margin:0;
}

#click-more a{
    background:url("../images/design/view_casestudy_btn.png") no-repeat scroll 0 0 transparent;
	color:#fff !important;
	display:block;
	height:25px;
	padding:10px 0 0 18px;
	width:130px;
}

#click-more a:hover{
    color:#fff !important;
    text-decoration:none !important;
    background: url("../images/design/view_casestudy_btn_hover.png") no-repeat scroll 0 0 transparent;
}

#accreditaions {
	background:none repeat scroll 0 0 transparent;
	border-top:4px solid #113743;
	height:140px;
	margin:0 auto;
	width:960px;
}



/*------ SPECIFIC CLASS LAYOUT FOR PORTFOLIO ITEMS END------*/



/* ---------- PORTFOLIO FILTER STYLES -----------------*/ 
#portfolio-filter{
    padding:0px 10px 5px;
    color:#3c839a;
}

#filter-by{
    float:left;
	height:100px;
	width:84px;
}

#filter-by h1{
    color:#2c7891;
    font-weight:normal;
    font-size:1.1em;
    margin:0;
	padding:4px 0 0 10px;
}

.filter-industry, .filter-service, .filter-all{
    float:left;
    padding:51px 0 0 0;
    margin-right:10px;
}

.filter-all{
    height: 125px;
    padding-top: 51px !important; 
}

.filter-page {
    float:right;
    width:185px;
}

.filter-item a{
    color:#eee;
	font-size:0.75em;
	margin:2px 0;
	padding:2px 12px 3px 14px;
	text-decoration:none;
    
}

.filter-item a.tagFilter-selected {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
   border: 1px solid #1f708c;
    background:#09465b url(../images/design/pip2.png) left no-repeat;
   padding:2px 11px 3px 20px;
	margin-left:-7px!important;
    margin:2px 0;
}

.filter-item a:hover{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #073a4b;
    background:#053444 url(../images/design/pip.png) left no-repeat;
    padding:2px 11px 3px 20px;
	margin-left:-7px!important;
    margin:2px 0;
}

.filter-item h2{
    padding-left:20px;
    font-size:16px !important;
}

.filter-industry h2, .filter-service h2, .filter-all h2 {
	font-size:0.8em;
	font-weight:bold;
	margin:0;
	padding:10px 0 5px 6px;
    
}

.filter-head{
    padding-top:0;
    margin-left:20px;
    background:url(../images/design/divider.gif) no-repeat left;
    padding:20px 0px 0px 20px;
}

.filter-item{
	line-height:105%;
	margin:4px 0;
	padding:0;
    
}
/* ---------- PORTFOLIO FILTER STYLES END -----------------*/ 



/* ---------- RELATED ITEMS STYLES -----------------*/ 
                
#related-items-container{
  border-top:5px solid #113743;
}

#related-items-container h1{
    color:white;
    font-size:1.2em;
    font-weight:normal;
    margin:0;
    padding:20px 9px 0px;
}

#related-tags ul {
	margin:0;
	padding:0;
    
}

/* ---------- RELATED ITEMS STYLES END -----------------*/



/* ---------- FEATURED PORTFOLIO ITEM STYLES -----------------*/ 
#portfolio-featured-large{
   padding:0px 0 20px;
}

#portfolio-main-pic, #portfolio-featured-pic{
    float:left;
    padding:10px 0px 0px 0px;
    width:620px;
}

#portfolio-featured-pic{
    width:330px!important;
	padding-left:10px;
}

#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:620px;
	/*height:241px;*/
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}

.switcher-links{
	height:25px;
	margin-bottom:10px;
	margin-left:530px;
	width:110px;
}

.switcher-links a{
	padding-left:3px;
}

img.square{

}	

#featured-portfolio-text{
    color:#679AAB;
	float:left;
	font-size:0.75em;
	margin:5px 20px 60px 10px;
	width:380px;
}

#featured-portfolio-copy{
  	color:#679AAB;
	float:left;
	font-size:0.75em;
	margin:5px 40px 60px 9px;
	width:280px;
	font-weight:normal;
}
#featured-portfolio-text a{
	


}

#featured-portfolio-text p, #featured-portfolio-copy p{
    line-height:160%;
    padding:5px 0 20px 0;
    margin: 0;
}

#featured-portfolio-text h1, #featured-portfolio-copy h1{
    font-size:1.8em;
    color:white;
    margin:0;
    padding:0 0 5px 0;
}

#featured-portfolio-text h2, #featured-portfolio-copy h2{
	color:#fff;
	font-size:1em;
	letter-spacing:1px;
	margin:5px 0px 0px;
	padding:0;
}


#featured-portfolio-text a, #featured-portfolio-copy a{
    color:white;
    text-decoration:none;
}

#featured-portfolio-text a:hover, #featured-portfolio-copy a:hover{
    color:white;
    text-decoration:underline;
}


#featured-portfolio-tags{
	margin:10px 0 10px -5px;
	padding:0;
	float:left;
    
}

#featured-portfolio-tags h2{
	color:#307E9E;
	font-size:0.8em;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 20px;
}

#featured-portfolio-tags p{
    margin:5px 0 10px 7px;
    color:white;
    padding:0px;
}
#featured-portfolio-tags a{
    color:white;
    text-decoration: none;
	margin:0;
    
}

#featured-portfolio-tags a:hover{

}

.overview-text p{
	font-size:13px;
	letter-spacing:0.2px;
	font-weight:bold;
	line-height:145% !important;
	color:#70b6cb;
}

div.stat-wrapper{
	
	color:#FFFFFF;
	font-style:italic;
	line-height:160%;
	margin:10px 0 10px 10px;
	padding:3px;
}

div.stat-wrapper ul {
	margin:0;
	padding:0 5px;
}

div.stat-wrapper ul li{
	color:#FFFFFF;
	font-size:1.1em;
	line-height:130%;
	list-style-type:square;
	padding-bottom:5px;
	width:90%;
}

div.stat-wrapper p{
	padding:0 5px;
}

h3.statistics {
    color:#307E9E;
    font-size:1.2em;
    margin:0.5em 0;
}

h3.services{
    line-height:39px;
    margin: 0 0 10px 0;
    width:240px;
background: url(../images/design/expand.png) right no-repeat;
height:39px;
padding-left:10px;
color:#679AAB;
font-size:15px;
}

.staff-quote{
    background:transparent url(../images/design/quotes_open.png) no-repeat top left;
    margin-top:15px;
}

div#staff-profile-text .staff-quote p{
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	line-height:130%;
	margin:0;
	padding:20px;
	text-align:right;
	background:transparent url(../images/design/quotes_close.png) no-repeat bottom right;
	font-style:italic;
}

blockquote{

}

/* ---------- FEATURED PORTFOLIO ITEM STYLES END-----------------*/ 


/* ---------- STATIC PAGE CONTENT STYLES -----------------*/ 

#page-content-area{
	padding:50px 0 0 9px;   
}

#left-content{
    float:left;

}
#right-content{
    float:right;
    width:220px;
    
}


#static-right-content {
    float:right;
    padding:0px;
    color:white;
    width: 250px;
    border-bottom:4px solid #073A4C;
    margin-bottom:20px;
}


#static-right-content ul{
margin:0;
padding:0;
padding-bottom:20px;

width:250px;
}

#static-right-content ul li{
	list-style:none;
	font-size:13px;
	padding:2px 0;
	
}

#static-right-content ul li a{
    
    color:#fff;
    text-decoration:none;
    padding:3px 12px 4px 21px;
    margin:0;
}

#static-right-content ul li a:hover{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
   border: 1px solid #073a4b;
    background:#053444 url(../images/design/pip.png) left no-repeat;
    padding:2px 11px 3px 20px;
    margin:0;
}

#static-right-content ul li a.serviceListActive {
   border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
   border: 1px solid #0d4e64;
    background:#09465b url(../images/design/pip2.png) left no-repeat;
  padding:2px 11px 3px 20px;
  margin:0;
}

#static-right-content h2{
	color:#679AAB;
	font-size:14px;
	padding-left:10px;
	width:240px;
	height:24px;
	line-height:24px;
	border-bottom: 4px solid #073a4c;
	border-top: 4px solid #073a4c;
	
}


#article-image {
    width:200px;
    float:left;
	margin:60px 40px 15px 20px;
}

#big-text-block{
    color:#679AAB;
	float:left;
	margin-right:30px;
	padding:0;
	width:410px;
}

#big-text-block a{
	border-bottom: 1px dotted #003366; 
}

#big-text-block a:hover{
	border-bottom: 1px solid #0099CC; 
}


#big-text-block h1{
    margin:0;
    padding:0 0 5px 0;
    font-size:1.6em;
    color:#fff;
    
}

#big-text-block h2{
    color:#fff;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding-bottom:10px;
}

#big-text-block h3{
    font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0 0 10px;
}


#big-text-block p{
    font-size:.8em;
    line-height: 160%;
    margin:0;
    padding:0 0 15px;
	font-weight:normal;
}

#big-text-block ul{
	margin:0 0 15px 0;

}

#big-text-block ul li, #large-text-area ul li{
	font-size:0.8em;
	line-height:150%;
}

#large-text-area ul{
	margin:0 0 10px 0;
}

#large-text-area{
	color:#679AAB;
	float:left;
	margin-right:30px;
	padding:0;
	width:660px;

}

#large-text-area h1{
    margin:0;
    padding:0 0 5px 0;
    font-size:1.6em;
    color:#fff;
    
}

#large-text-area h2{
    color:#fff;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding-bottom:10px;
}

#large-text-area h3{
    font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0 0 10px;
}


#large-text-area p{
    font-size:.8em;
    line-height: 160%;
    margin:0;
    padding:0 0 15px;
	font-weight:normal;
}

#related-tags a{
	line-height:160%;
	margin-left:-4px;

}

#related-tags h2{
	margin:0;

}



/* ---------- STATIC PAGE CONTENT STYLES END-----------------*/ 

/*------ STAFF PROFILE STYLES ------*/
#profile-grid {
    padding-bottom:30px;
}

#profile-grid ul{
    list-style:none;
    margin:0;
    padding:0px 5px;
    
}

#profile-grid ul li{
    padding:0;
    display:inline;
}

#staff-image {
    float:left;
    width:300px;
    margin:0px 40px 30px 10px;
}

#staff-profile-text{
    float:left;
    width:340px;
    color:white;
    margin:0px 40px 20px 0;
    
}

#staff-profile-text h1{
    color:#FFFFFF;
	font-size:1.5em;
	font-weight:normal;
	margin:0;
	padding:0;
}

#staff-profile-text h2{
    color:#679AAB;
    margin:0;
    padding:0;
    font-size:0.8em
}

#staff-profile-text p{
    color:#679AAB;
	font-size:0.8em;
	font-weight:normal;
	line-height:160%;
}

#staff-profile-text hr{
    border:none;
    border-top: 1px solid #194F62;
}

#staff-profile-text ul{
	margin:0;
}


#staff-profile-text ul li{
	font-size:0.8em;
}

#staff-profile-text ul li a{
	text-decoration:underline;
}

#staff-profile-text ul li a:hover{
	text-decoration:none;
}

/*------ PROFILE GRID STYLES ------*/



/*--------- HEADER SPECIFIC STYLES START ----------*/

.header-link-btns {

	position:relative;
	top:1em;
	width:400px;
	padding-left:9px;

}


/*--------- HEADER SPECIFIC STYLES END ----------*/


/*--------- HOMEPAGE PORTFOLIO LINKS STYLES ---------*/

.folio-pic{
	height:137px;
	margin:10px auto;
	width:220px;

}

.folio-pic a img{
   border:none;
   height:137px;
   width:220px;
}


.teaser {

	width:220px;
    
}

.teaser h3{
    font-size:13px;
    padding:0;
    margin:0;
    font-weight:normal;
}
   
.teaser a{
    color:#307E9E;
    text-decoration:none;
	font-weight:bold;
    
}

.teaser a:hover {
    text-decoration:none;
    border-bottom:1px dotted;
}
                        
.teaser p {
    color:#CECECE;
	font-size:0.75em;
	letter-spacing:0.1px;
	line-height:130%;
	margin:0;
	padding:2px 0 20px;
	height: 25px;
	overflow:hidden;
}
                        
.folio-tags {
    
    border-top:1px dotted #294054;
    
    padding-bottom:10px;
}

.folio-tags h4{
    color:#657c96;
    font-size:0.8em;
	padding:10px 0px 3px 0px;
    margin:0;
}

.folio-tags a{
    color:#c0e7f6;
    padding:0 3px 0 0;
    text-decoration:none;
    border-bottom:1px dotted #28637b;
}

.folio-tags a:hover{
    color:white;
    border-bottom:1px solid #28637b;
  
}

.folio-tags p{
    color:white;
    margin:0;
    padding: 0 0 5px;
    font-size:.7em;
    line-height: 140%;
    
}

.column-one, .column-three{
	float:left;
	padding-right:20px;
	margin-bottom:20px;
	margin-left:-18px;

}

.column-two{
	float:left;
	padding-right:80px;
	margin-bottom:20px;
}

.column-three{
	float:left;
	padding:0;
}

/*--------- HOMEPAGE PORTFOLIO LINKS STYLES END---------*/

/*--------- HOMEPAGE CONTENT STYLES ---------*/

#content{
  
    padding:30px 0px;
	margin-top:15px;
	border-top:5px solid #113743;
	
}

#home-text-area{
    width:360px;
    padding:0;
    margin:5px 40px 10px 10px;
    float:left;
}

#home-text-area h2{
    color:#fff;
	font-size:1.6em;
	line-height:110%;
	margin:0 0 20px 0;
	font-weight:normal;
	letter-spacing:0.2px;
}

#home-text-area p{
    margin:15px 0px;
    color:#4c8697;
    font-size:.8em;
    line-height:150%;
}

.supporting-content{
	width:200px;
}

.supporting-content h3{
	color:#fff;
	font-size:1em;
	margin:1em 0 0.5em 0;
}

.supporting-content p{
	color:#679AAB;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	margin:0;
}

a.supporting-content{
	color:#FFFFFF;
	display:block;
	font-size:16px !important;
	font-weight:normal;
	margin:10px 0;
	padding:13px 20px;
	width:112px;
	background:transparent url(../images/design/call-today.png) no-repeat scroll 0 6px;
	text-decoration:none !important;
}

a.supporting-content:hover{
	background:transparent url(../images/design/call-today2.png) no-repeat scroll 0 6px;
}

/*--------- HOMEPAGE CONTENT STYLES END---------*/

/*--------- DIE UBER ZUFUHR-ANFANGE ----------*/
   
#uberNav{
	background:transparent url(../images/design/uberNav_bg.png) no-repeat scroll 0 0;
	width:348px;
	height:39px;
}

ul.uberLinks li a.uberBlog{
	background:transparent url(../images/design/uberNav_blog.png) no-repeat scroll 9px 5px;
	outline: none;
}

ul.uberLinks li a.uberTwitter{
	background:transparent url(../images/design/uberNav_twitter.png) no-repeat scroll 0 5px;
	outline: none;
}

ul.uberLinks li a.uberLinks{
	background:transparent url(../images/design/uberNav_links.png) no-repeat scroll 0 5px;
	outline: none;
}

/*

a#home {
	background:transparent url(../images/design/main_nav_links.png) no-repeat scroll 0 5px;
	outline: none;
}

div#nav-menu ul li.home a#home:hover{
    background-position:0 -32px;
}

a#about {
	background:transparent url(../images/design/main_nav_links.png) no-repeat scroll -87px 5px;
	outline: none;
}

div#nav-menu ul li.about a#about:hover{
    background-position:-87px -32px;
}


a#projects {
	background:transparent url(../images/design/main_nav_links.png) no-repeat scroll -177px 5px;
	outline: none;
}

div#nav-menu ul li.projects a#projects:hover{
    background-position: -177px -32px;
}

a#people{
	background:transparent url(../images/design/main_nav_links.png) no-repeat scroll -275px 5px;
	outline: none;
}

div#nav-menu ul li.people a#people:hover{
    background-position: -275px -32px;
}

a#blog{
	background:transparent url(../images/design/main_nav_links.png) no-repeat scroll -375px 5px;
	outline: none;
}

div#nav-menu ul li.blog a#blog:hover{
    background-position: -375px -32px;
}

a#contact{
	background:transparent url(../images/design/main_nav_links.png) no-repeat scroll -470px 5px;
	outline: none;
}

div#nav-menu ul li.contact a#contact:hover{
    background-position: -470px -32px;
}

*/

#uberNav ul.uberLinks{
	padding:9px 0 0 0;

}

ul.uberLinks li{
	display:inline;
} 

ul.uberLinks li a{
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:0.75em;
	font-weight:bold;
	height:10px;
	padding:4px 60px 10px 5px;
	text-decoration:none;

}

ul.uberLinks li .uberTwitter:hover, ul.uberLinks li .uberLinks:hover{
    background-position:0 -22px;
}

.uberHover{
    background-position:0px -22px !important;
}

.uberBlogHover{
    background-position:9px -22px !important;
}

ul.uberLinks li .uberBlog:hover{
    background-position:9px -22px;
}

ul.uberLinks li span{
    position:absolute;
    top:-99999px;
}
                    
#uber-feed{
    width:350px;
    margin:10px 40px 10px 0px;
    padding:0px;
    float:left;
}

#uber-feed h1{
    font-size:7em;
    margin:0;
    color:white;
    font-weight: bolder;
    line-height:1em;
    
}

li.uberDefaultUber{
	background:#711461 none repeat scroll 0 0;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}

li.uberTwitter, li.uberBlog, li.uberFriendFeed{
	background:#003042 none repeat scroll 0 0;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}

li.uberBlog h2{
	font-weight:bold!important;
	color:#3B849D !important;
}

.triTwitter, .triBlog, .triDefaultUber{
	background:transparent url(../images/design/speech_bubble_lower_blu.png) no-repeat scroll 16em 0;
	height:20px;
	margin:0;
	padding:0;
	position:relative;
	top:12px;
}

.triTwitterLeft, .triDefaultUberLeft, .triBlogLeft{
    background:transparent url(../images/design/speech_bubble_lower_blu.png) no-repeat scroll 2em 0;
    height:20px;
    margin:0;
    padding:0;
    position:relative;
    top:12px;
}

li.uberTwitter h2, li.uberBlog h2, li.uberFriendFeed h2{
    color:white;
    font-family:arial, sans-serif;
    font-size:.8em;
	font-weight:normal;
    padding:0;
    margin:0;
}

li.uberTwitter h3 a, li.uberTwitter h3 a:visited, li.uberBlog h3 a, li.uberBlog h3 a:visited, li.uberFriendFeed h3 a, li.uberFriendFeed h3 a:visited {
	color:#4C8697;
}

#uber-feed ul{
    list-style:none;
    margin:0;
    padding:0;
}

li.uberBlog p{
    color:white;
    font-family:arial, sans-serif;
    font-size:.75em;
	font-weight:normal;
    padding:0;
    margin:5px 0 0;
}

#uber-feed {}

#uber-feed h3{
    color:#da6dbf;
    font-size:.7em;
    padding:0;
    margin:7px 0 0 0;
    font-weight:normal;
}

div.feed-item {
    padding:15px 15px 0;
    -moz-border-radius:10px;
    margin:10px 0 20px;
	cursor:pointer;
}

.feed-item a{
    color: #fff;
}

.feed-item a:link, .feed-item a:visited{
    text-decoration: none;
}

.feed-item a:hover, .feed-item a:active{
    text-decoration: none;
}

/*--------- DIE UBER ZUFUHR-ENDEN ----------*/


/*---------- CONTACT DETAILS STYLING START ---------*/

#contact-details{
    width:160px;
    margin:0px 0px 20px 0px;
    float:left;
	font-size:14px;
	line-height:170%;
}

#contact-details p{
    padding:0;
    margin:7px 0 0 0;
    color:white;
}

#contact-details a{
  text-decoration:none;
  border-bottom: 1px dotted;
  
  color:lightBlue;
}



#contact-details a:hover{
    border-bottom: 1px solid;
    color:white;
}

#contact-info{
	float:left;
	width:450px;
	margin-bottom:30px;
}

.contact-details{
	width:480px;
	float:right;
	padding-bottom:25px;
}
.contact-details p{
	color:white;
	margin:7px 0 0;
	padding:0;
	text-align:right;
}

.contact-details  {
	font-size:14px;
	line-height:145%;
}

.contact-details h1{
	display:block;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
	text-align:right;
}

#contact-info p{
	color:#679AAB;
	font-size:1.1em;
}

#contact-info h1, #jobs h1{
	color:#FFFFFF;
	font-size:2em;
	margin:0;
	padding:0;
}



b.org, b.phone, b.email, b.download {
	font-size:18px;
}

.lower-contact-info{
	border-top:5px solid #113743;
	margin-top:15px;
	padding-top:15px;
}
  
/*---------- CONTACT DETAILS STYLING END ---------*/

form#contact{
	color:#BAD5DE;
	font-size:12px;
}

form input#id_email_address, form input#id_telephone, form input#id_cust_name, form input#id_company, textarea,
input#id_name, input#id_cv {
	border:1px solid #0E475E;
	line-height:1;
	padding:6px;
	margin:2px 0 12px;
	width:435px;

}

/* jobby choppy / thanks styling */

#jobs, #thanks{
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

#jobs h2, #thanks h1{
    color: white;
}

#jobs p, #thanks p{
    color:#679AAB;
    font-size:0.8em;
}

a#backToJobs{
    position:relative;
    top:10px;
}

form#jobform{
	color:#BAD5DE;
	font-size:12px;
}

/* end jobby choppy / thanks styling */

/*---------- FOOTER STYLES ---------*/
    
#footer{
    height:100px;
	border-top:4px solid #113743;
	margin-top:10px;
}

h4.footer {
	color:#264F5B;
	font-size:0.9em;
	letter-spacing:0.4px;
	margin:0;
	padding:0;
}

.copyright-info{
	float:left;
	margin-top:15px;

}

.copyright-info a:visited{
	color:#264F5B!important;
}

.copyright-info a:hover{
	color:#679AAB;
}

.accessibility {
	float:right;
	margin-top:15px;

}

#scrollToTop:hover {
	color:#679AAB;
	text-decoration:none;
	background: url(../images/design/back-to-top2.gif) left no-repeat;
	padding: 0 0 0 25px;
    
}

#scrollToTop {
 color:#264F5B;
text-decoration:none;
background: url(../images/design/back-to-top.gif) left no-repeat;
padding: 0 0 0 25px;
    
}

/*---------- FOOTER STYLES END---------*/

/*---------- MISC STYLES "WE HAVE NO HOME!!!!!!!"---------*/


#noMessage, #emailFail, #noName, #ajaxFail, #noItems{
    display: none;
}

.clearer {
    clear:both;
}

iframe{
	margin-left:48px;

}

fieldset{
    border: 0;
    margin: 0;
    padding: 0;
}

#fourohfour h1{
    	color:#FFFFFF;
	font-size:2em;
	margin:0;
	padding:0;
}

#fourohfour p{
        color:#679AAB;
    font-size:0.8em;
}
/*---------- MISC STYLES "WE HAVE NO HOME!!!!!!!"  END---------*/



blockquote.portfolio {
    background: url("http://media.360innovate.co.uk/images/design/quotes_open.png") left top no-repeat;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    font-style:italic;
    padding: 25px 0 0 10px !important;
	margin:0;
    line-height:100% !important;
}

#featured-portfolio-copy blockquote.portfolio p{
	line-height:130%;
	margin:0;
	padding:5px 0 20px;
}

cite {
    background: url(../images/design/quotes_close.png) right top no-repeat;
    color:#2d7da9;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    padding: 0 !important;
    line-height:100% !important;
	display:block;
}

.test-position {
    color:#034c74;
    font-size:9px;
    font-weight:bold;
    font-style:normal;
    line-height:100% !important;
}


.content-call-us {
    background:url("http://media.360innovate.co.uk/images/design/num-call-bg.png") no-repeat scroll 0 0 transparent;
	height:100px;
	padding:15px 13px;
	width:200px;
}

.content-call-us p {
	color:#4990b0;
	font-size:13px !important;
	margin:0 !important;
	padding:0 !important;
}

.content-call-us h3 {
   color:#A9EEFF;
   font-size:27px !important;
   letter-spacing:-1px;
   padding-bottom:10px;
   margin:0;
}

.call-us-contact a{
    background:url("http://media.360innovate.co.uk/images/design/btn_ask.png") no-repeat scroll 0 0 transparent;
	color:#EEEEEE;
	font-size:11px;
	font-weight:bold;
	padding:11px 15px;
	text-decoration:none;
}

.call-us-contact a:hover{
    background: url("http://media.360innovate.co.uk/images/design/btn_ask.png") no-repeat 0 -37px;
    width:200px;
}

.accreditation {
  margin-top:40px;
  border-top: 1px solid #113743;
}





/*---------- 2010 Top Header Change Styles ---------*/

html{
	margin:0;
	} 

body {
margin:0;}




#header-container {
background:url("../images/design/bg.jpg") repeat scroll center top #002432;
height:363px;
margin-bottom:-33px;
text-align:center;
z-index:50;
}
#dark-bg-container {
background:url("../images/design/gradient-bg.jpg") repeat scroll center -500px transparent;
}
#portfolio-home-container {
background:url("../images/design/curly_brackets.png") no-repeat scroll center 73px transparent;
padding:60px 0 10px;
}
#content-container {
}
#portfolio-header-container {
}
#related-wide-container {
}

#filter-container {
background:none repeat scroll 0 0 #001D26;
border-bottom:2px solid #07465E;
border-top:2px solid #07465E;
}
#portfolio-home-container #portfolio-featured-container {
background:none repeat scroll 0 0 transparent;
}
#portfolio-featured-container {
background:url("../images/design/bg_dark.jpg") repeat scroll center center transparent;
height:285px !important;
position:relative;
}
#portfolio-featured-container h1 {
color:#FFFFFF;
font-size:1.4em;
padding-left:9px;
}
#case-study {
padding-top:40px;
}
h1.featured-header {
padding-left:10px;
}
#home-text-area h1 {
color:#FFFFFF;
font-size:1.6em;
font-weight:normal;
letter-spacing:0.2px;
line-height:110%;
margin:0 0 20px;
}
#portfolio-featured-container h2 {
color:#FFFFFF;
font-size:1.4em;
padding-left:9px;
}
h2 {
font-size:1.1em;
}
h4 {
margin:8px 0;
}





#menu-container {
background:#0B3444 url(../images/design/header-bg.jpg) center repeat-x;
height:180px;
position:relative;
z-index:100;

}
#logo {
float:left;
padding:10px 0 0 9px;
margin:20px 0;
clear:both;
}
#logo img {
}


#main-menu{
height:47px;
float:none;
}



#nav-menu {
margin:0;
background:url(../images/design/menu-bg.png) repeat-x;
float:left;
height:47px;
}



#nav-menu ul {
margin:0;
padding:0;

}




#nav-menu ul li {

list-style:none outside none;
}
#nav-menu ul li span {
position:absolute;
top:-99999px;
}




#nav-menu ul li a {
color:#679AAB;
display:block;
line-height: 30px ;
font-size:0.8em;
font-weight:bold;
padding:8px 19px 10px;
text-decoration:none;
height:24px;
}



#nav-menu ul li a:hover {
background:url(../images/design/menu-bg.png) repeat-x;
color:#BBE2EF;
}



#nav-menu a.topNavCurrent {

color:#fff;
}



#header-left {
float:left;
width:650px;
}

#header-right {
float: right;
width:230px;
}

a.get-in-touch {
width:168px;
height:48px;
background:url(../images/design/get-intouch.png) no-repeat;
display:block;
text-indent:-9999px;
margin:10px 0 0 30px;
}

a.get-in-touch:hover {
background:url(../images/design/get-in-touch-over.png) no-repeat;
}



.double-border {
background: url(../images/design/dual-band.gif) repeat-x;
height:2px;
}




#header-right-info {
float:right;
width:230px;
margin:30px 0 0;
background:url(../images/design/number-box.png) no-repeat;
height:75px;
}

#header-right-info h2{
color:#fff;
margin:0;
padding:0;
text-align:center;
font-size: 26px;}

#header-right-info p{
color:#679AAB;
margin:0;
padding:0;
text-align:center;
font-size: 13px;}


#header-area {
background:none repeat scroll 0 0 transparent;
height:363px;
outline:medium none;
}
#header-area-graphic {
float:left;
padding-left:50px;
position:relative;
top:42px;
width:510px;
}
#header-text-left {
float:left;
padding:5px 0 0 8px;
width:392px;
}
#header-text-left h1 {
padding:40px 40px 40px 5px;
}
#header-text-left a {
color:white;
}
#header-text-left a:hover {
text-decoration:none;
}
#header-text-left h1 {
color:white;
font-size:2.6em;
font-weight:normal;
margin:0;
}


#header-right-info {


}



#container-960 {
    
}

#newsletter-loc {
    
}


#menu-left {
height:47px;
 width: 20px;
 background:url(../images/design/menu-left.png) no-repeat;
 float:left;}
 
 #menu-right {
height:47px;
 width: 20px;
 background:url(../images/design/menu-right.png) no-repeat;
 float:left;}
 






/*----------END 2010 Top Header Change Styles END ---------*/