@charset "UTF-8";
/* CSS Document */

html {
	margin:0px;
	padding:0px;
}

body {
	margin:0px;
	padding:0px;
	background-image:url(../images/body_background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#58585A;
}

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

#navigation {
	width:621px; /* 612px with Blog */
	height:52px;
	text-align:center;
	padding-top:23px;
	font-size:18px;
	padding-left:355px; /* 355px with Blog */
}
	#navigation ul {
		margin:0px;
		padding:0px;
	}
	#navigation ul li {
		margin:0px;
		padding:0px;
		display:inline;
		list-style-type:none;
	}
	#navigation ul li a {
		color:#FFFFFF;
		background-image:url(../images/nav_grey.png);
		background-repeat:no-repeat;
		background-position:top;
		height:42px;
		width:123px;
		padding-top:10px;
		display:block;
		float:left;
		text-decoration:none;
	}
	#navigation ul li a:hover {
		color:#FFFFFF;
		background-image:url(../images/nav_darkgrey.png);
		background-repeat:no-repeat;
		background-position:top;
		height:42px;
		width:123px;
	}
	
#navigation .cyan:hover {
		background-image:url(../images/nav_cyan.png);
		background-repeat:no-repeat;
		background-position:top;
}
#navigation .magenta:hover {
		background-image:url(../images/nav_magenta.png);
		background-repeat:no-repeat;
		background-position:top;
}
#navigation .yellow:hover {
		background-image:url(../images/nav_yellow.png);
		background-repeat:no-repeat;
		background-position:top;
		color:#333333;
}
#navigation .darkgrey:hover {
		background-image:url(../images/nav_darkgrey.png);
		background-repeat:no-repeat;
		background-position:top;
}
#navigation .black:hover {
		background-image:url(../images/nav_black.png);
		background-repeat:no-repeat;
		background-position:top;
}

#banner {
	width:960px;
	height:252px;
	background-image:url(../images/twitter_background.jpg);
	background-repeat:no-repeat;
	background-position:right;
	overflow:hidden;
}

	#logo {
		width:600px;
		height:252px;
		float:left;
	}
	.twitter {
		width:340px;
		height:77px;
		margin-left:600px;
		font-size:13px;
		color:#FFFFFF;
		margin-top:100px;
		padding:15px 10px 0px 10px;
	}
		.twitter ul {
			margin:0px;
			padding:0px;
		}
		.twitter a {
			color:#02B0EF;
		}
		.twitter a:hover {
			color:#FFFFFF;
		}
	.twitter_large {
		font-size:13px;
		color:#333333;
		margin:15px 0px 0px 0px;
		padding:10px;
		background-color:#DDDDDD;
	}
		.twitter_large ul {
			margin:0px;
			padding:0px;
		}
		.twitter_large a {
			color:#EE2C8C;
		}
		.twitter_large a:hover {
			color:#333333;
		}

.colour_bar {
	width:960px;
	height:3px;
	background-image:url(../images/colour_bar.jpg);
	background-repeat:no-repeat;
}

#content {
	width:960px;
	overflow:hidden;
	margin-bottom:25px;
}
#content_contact {
	width:960px;
	overflow:hidden;
	background-image:url(../images/drips.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	margin-bottom:15px;
}

	#content_left {
		width:600px;
		float:left;
	}
	#content_right {
		width:360px;
		float:right;
		text-align:right;
		margin-top:110px;
	}
	
	#contact_left {
		width:350px;
		float:left;
		padding-right:150px;
	}
	#contact_right {
		width:450px;
		float:right;
		text-align:right;
		margin-top:110px;
	}
	
	#blog_left {
		width:600px;
		float:left;
	}
	#blog_right {
		width:260px;
		float:right;
		text-align:left;
		margin-top:85px;
	}
	
#footer {
	width:960px;
	overflow:hidden;
}
	#footer a {
			color:#58585A;
			text-decoration:none;
		}
		#footer ul {
			margin:0px;
			padding:0px;
		}
		#footer ul li {
			margin:0px 15px 0px 0px;
			padding:0px;
			list-style-type:none;
			display:inline;
		}
		#footer ul li a {
			color:#58585A;
			text-decoration:none;
		}
			#footer_left {
				width:600px;
				float:left;
				margin-top:15px;
				margin-bottom:15px;
			}
			#footer_right {
				width:360px;
				float:right;
				text-align:right;
				margin-top:15px;
				margin-bottom:15px;
			}
			
			#footer .footercyan:hover {
				color:#02B0EF;
			}
			
			#footer .footermagenta:hover {
				color:#EE2C8C;
			}
			
			#footer .footeryellow:hover {
				color:#FDC21E;
			}
			
			#footer .footerblack:hover {
				color:#333333;
			}
			
#portfolio_options {
	width:960px;
	text-align:center;
}
	#portfolio_options ul {
		margin:20px 0px;
		padding:0px;
	}
	#portfolio_options ul li {
		width:283px;
		height:38px;
		margin:0px 10px;
		padding:0px;
		display:inline;
		list-style-type:none;
	}