body {
	text-align: center;
	/* * */
	height: 100%;
	margin: 0px;
	background: #000;
} 

#container-main {
	
	width: 100%; 
	margin: 0 auto; 
	text-align: left;
	
	position: relative;

} 



#container-navigation {
	width: 100%;
	
	/*border: 1px solid blue;*/

}

#navigation {
	width: 980px;
	
	margin: 0 auto; 
	text-align: left;
	height: 35px;

	
}

#container-header {

	background-position: center 10px;

	background-repeat: no-repeat;

	width: 100%;
	height: 250px;
	/*background: #1D1D1D;*/
	
	background-image: url(../images/logos/cib_new_logo_banner-2.png)
	/*background-position: 0 -50px;*/
}

#header {
	width: 980px;
	
	margin: 0 auto; 
	text-align: left;
	
	height: 220px;



}

/* width the cufon heading type runs across - must miss logo roundel */
#header h1 {
	width: 700px;
	margin-top: 32px;

}

#container-logo {
	float: right;
	
	width: 200px;
	height: 220px;
	
	/*position: relative;*/
	position: absolute;
	right: 20px;
/*
	margin-right:30px;
	margin-top: 10px;
*/
	
	background-image: url(../images/logos/cib_logo_large.png)
	

	background: red;
}


/* HOMEPAGE CAROUSEL */
#carousel-container {
	width: 100%;


}


#carousel {
	width: 980px;	
	margin: 0 auto; 
	text-align: left;	
	height: 210px;
		
	overflow: hidden;
	
}

#carousel li a img {

	float: left;
	
	border:none;
}



#carousel-button-container {

	position: relative;
	
	width: 1120px;
	
	margin: 0 auto; 
	text-align: left;
	
	height: 210px;

}

#carousel-button-left a.prev {
	display: block;
	
	position: absolute; 
	top: 85px; 
	left: 20px;
	
	height:28px;
	width: 22px;
	
	text-indent: -9999px;	
	
	background-image: url(http://www.cibcommunications.co.uk/modus/REDUX/images/carousel/cib_carousel_button_left.jpg)


	
}

#carousel-button-right a.next {
	display: block;
	
	position: absolute; 
	top: 85px; 
	right: 40px;

		
	height: 28px;
	width: 22px;

	text-indent: -9999px;

	background-image: url(http://www.cibcommunications.co.uk/modus/REDUX/images/carousel/cib_carousel_button_right.jpg)

}

#carousel-button-left a:hover.prev {

 	background-position: center bottom;

}

#carousel-button-right a:hover.next {

 	background-position: center bottom;

}



/* HOMEPAGE BLOG LISTS */
.blogListPreviewImage { 
	width:80px; 
	height: 45px;
	overflow: hidden;
 	float: left;
	margin-right: 10px;
}







/* TEXT COLUMNS */
#container-columns {
	width: 100%;
	
	background: #1D1D1D;

}

#columns {
	width: 980px;
	
	margin: 0 auto; 
	text-align: left;



}
.column {
	float: left;
	width: 320px;
	
	position: relative;
	margin-right: 10px;
	
}

.last {
	margin-right: 0px;

}


.container {
	width: 980px;
	
	margin: 0 auto; 
	text-align: left;
}

/* FOR LEGAL PAGE AND TEXT HEAVY */
#textColumn {
	width: 650px;
	
	padding-top: 18px;
	padding-bottom: 64px;
}


/* FOR MAP PAGE */

#mapColumn {
	width: 980px;
	
	padding-top: 12px;
	padding-bottom: 128px;
	
}

.column.contact  ul.contact {

	padding-left: 0px;

	list-style-type: none;
}





/* FOOTER */

/*
#container-footer {
	width: 980px;
	
	margin: 0 auto; 
	text-align: left;
	
	float: left;
	clear:both;
	
	bottom: 10px;
	
	position: absolute;
	bottom: 0;
	
	border: 1px solid yellow;
}
*/

#footer {
	width: 980px;
	
	margin: 0 auto; 
	text-align: left;
		
	height: 45px;

}

#footer ul {
	width:980px;
	
	float: left;

	list-style-type: none;

	margin:10px 0 0 0;
	padding:0px;
	
}

#footer ul li {
	float: left;
	margin-right: 9px;
	
}


/* BLOG GRID */

#container-header-grid {

	height: 75px;
		
	background-image: url(../images/logos/grid_screen_header_roundel.png);
	background-position:  center 10px;
	background-repeat: no-repeat;
}

#container-grid {
	min-height: 400px;
	background: #1D1D1D;
	
	padding-top:20px;
	position: relative;
}

#blog-grid-container {
	width: 1000px;
	margin: 0 auto; 
	text-align: left;
	
	
}

#blog-grid {

	width: 1000px;
	
	margin: 0 auto; 
	text-align: left;
	
	position: relative;


}



.contentPreview {

}

/* PAGINATION */

#paginate {
	width:980px;
	float: left;
	clear: both;
	
	margin-top: 16px;
	margin-bottom: 48px;


	
	
}


/* NAVIGATION */

#navigation ul {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #999999;
	list-style-type: none;

/*
	line-height: 24px;
	margin-left: 55px;
*/
	
	/*refer to nav-test.css for pc fix */
		/*padding-top: 40px;*/
	margin-bottom: 32px;
	
}




#navigation ul  li {
	float: left;
	padding-right: 2px;
	padding-left: 2px;
/*	padding-top: 25px;*/


}

#navigation ul  li a {
	display: block;
	height: 35px;
	text-decoration: none;

	color: #666666;
	padding: 5px 10px 0 10px;
	text-align: center;
	
		font-size: 14px;
	font-style: normal;
	
	background: #1D1D1D;
}


#navigation ul li a:hover {
	color: #FFFFFF;
	
	background: #999;
}

#navigation ul li a.login {
	/*position: relative;*/
	left: 900px;*/
	
	padding-left: 800px;
}

/* MAILING LIST */
form#mailinglist_form p input {
	background: #3F3F3F;
	border: 4px solid #3F3F3F;
	border: none;
}


/* TWITTER */
#twitter {
	position: absolute;
	top: 170px;
}


h2.twitter {
	background-image: url(../images/logos/twitter.png);
	background-position:  130px -10px;
	background-repeat: no-repeat;
	
	height: 30px;
	padding-top: 10px; /* center line-height of the bird icon 	*/

}



/* BLOG */


/* REF 

almost black
#D1D1D1;


v.dark grey 
headings and body text
#6d6e71;



medium grey 
blog head and footer bg color
#B0B1B3;

*/

#blog {

	width: 520px;
	padding: 0 20px 64px 20px;	
	
}


/* PROFILE */

#profile {

	width: 520px;
	padding: 0 20px 64px 20px;
	
}



/* EDIT + NEW BLOG */
#container-edit {
	
	width: 100%; 
	margin: 0 auto; 
	text-align: left;
	
	position: relative;


} 

#edit {
	
	width: 980px; 
	margin: 0 auto; 
	text-align: left;
	
	position: relative;


}














 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */