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

* {
    padding: 0;
    margin: 0;
}
html, body {
	height: 100%;
}

/*** Redefine HTML tags *******************************************/

body {
	text-align: center;
	font-family: Georgia;
	font-size: 90%;
	margin-bottom: 10px;
	background-color: #333333;
	color: white;
}

h1, h2, h3 {
	font-style:italic;
	font-weight: 100;
	font-weight: normal;
}

h1
{
	background-image:url(img/logo_large_blackBG.gif);
	background-repeat:no-repeat;
	width: 145px;
	height: 45px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	text-indent: -100em;
	font-size: 160%;
}

h2 {
	font-size: 140%;
}

a {
	text-decoration: none;
	color: #33ffcc;
}

	a:hover {
		color: #33ffcc;
	}
	
	a.active {
		font-style: normal;
		text-decoration:none;
	}	

img {
	border: 0;
}

li {
	list-style: none;
}

/*** End Redefine HTML tags ***************************************/

/*** Container/Position *******************************************/

#centraliser {
	text-align: center;
	margin: 30px auto 0px auto;
	width: 885px;
}

#top {
	float: left;
	height: 148px;
	width: 888px;
	text-align: left;
}

	#topLeft {
		width: 148px;
		height: 148px;
		background: url(img/logo_round_dgreyBG.gif) no-repeat;
		float: left;
		cursor: pointer;
		text-indent: -10000px;
	}
	#topRight {
		margin: 74px 0;
		margin-left: 47px;
		float: left;
		width: 692px;
	}

#main {
	float: left;
	width: 100%;
}

	#menu {
		margin: 30px 0;
		width: 148px;
		float: left;
		text-align: left;
	}
	
	#menu ul > li > ul {
		margin: 1em 0 1em 0;
	}
	
	#menu .title {
		font-size: 110%;
		margin: 0 0 0.2em 0;
	}
	
	#content {
		margin-left: 47px;
		float: left;
	}	
	
	#contentHeader {
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		color: #999999;
		font-style: italic;
		padding: 0.2em 0 0.2em 0;
		text-align: right;
		width: 690px;
	}

#main {
	float: left;
}
/*** End Container/Position ***************************************/

/*** Top Stuff ****************************************************/

#top_logo {
	margin-left: 52px;
	width: 692px;
}

#top_menu {
	margin-left: 52px;
	margin-top: 20px;
	font-size: 140%;
	width: 692px;	
}

#top_text {
	margin-left: 52px;
	margin-top:60px;
	font-size: 140%;
	width: 692px;	
}

#top_subheading {
	margin-left: 52px;
	text-align: right;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 20px 0 0 0;
	width: 692px;	
}

#top_subheading {
	text-align: right;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 20px 0 0 52px;
}

#top_projects_list {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-left: 112px;
	margin-bottom: 5px;
	clear: both;
}

	#top_projects_list a {
		color: white;
	}
	
	#top_projects_list a.active {
		color: #cc9933;
	}
	

/*** End Top Stuff  ***********************************************/

/*** Content Stuff  ***********************************************/

#content {

}

	#content img {
		
	}
	
#mainContent {
	width: 690px;
	margin: 10px 0;
	padding: 0;
	text-align: left;
}
	
.nonPortContent {
	margin-left: 52px;
}

/*** End Content Stuff  ********************************************/

/*** Portfolio Stuff  **********************************************/

.portfolioRow {
	float: left;
	width: 690px;
}

	.portfolioRow .portImg {
		background-image:url(img/portfolio/headers/header1.gif);
		background-position:left bottom;
		background-repeat:no-repeat;	
		float: left;
		width: 690px;		
	}
	
	.portfolioRow .portImg img {
		padding: 10px 0 10px 0;
	}

	.portfolioRow .top {
		border-top: none;
	}
	
	.portUnderText {
		float: left;
		width: 690px;
		font-size: 90%;
		border-bottom: 1px solid #999;
		border-top: 1px solid #999;
		padding-top: 0px;
	}
	
	.portfolioRow .strapline {
		margin-bottom: 1em;
		width: 690px;
		padding: 10px 0;
		margin: 0;		
	}
	
	.portfolioRow .rowTitle{
		margin: 1em 0 1em 0;
		width: 690px;		
		float: left;
		display: block;
	}
	
	.portRowInfo {
		border-bottom: 1px solid #999999;
		border-top: 1px solid #999999;
	}	

/*** End Portfolio Stuff  ******************************************/

/*** Bottom Stuff  ************************************************/
#btm_nav {
	float: left;
	width: 692px;
	text-align: right;
	border-top: 1px solid white;
	padding: 5px 0 5px 0;
	margin: 0 0 0 52px;
}

/*** End Bottom Stuff  ********************************************/

/*** Footer Stuff  ************************************************/

#footer {
	font-size: 75%;
	float: left;
	width: 692px;
	margin: 0 0 10px 52px;
	padding: 2px 0 20px 0;
}

#footer_left {
	text-align: left;
	float: left;
}

#footer_right {
	text-align: right;
	float: right;
}

/*** End Footer Stuff  ********************************************/

/*** Misc Stuff  **************************************************/

.secondaryText {
	font-size: 130%;
}

.black {
	color: #000;
}

.white {
	color: #fff;
}

.darkgrey {
	color: #666;
}

.blue {
	color: #33ffcc;
}

.larger {
	font-size: 110%;
}

.smaller {
	font-size: 80%;
}

.normal {
	font-size: 80%;
}

.bold {
	font-weight: bolder;
}

#linkButtons {
	margin: 10px 0 0 0;
}

.linkButton {
	height: 20px;
	width: 20px;
	display: block;
	background-color: #333;
	border: 1px solid #333;
	float: left;
	margin-right: 2px;
}

.linkButton:hover {
	cursor:pointer;
}

	#btn_facebook {
		background-image:url(img/icons/facebook_off.gif);
		background-repeat: none;
	}
	#btn_facebook:hover {
		background-image:url(img/icons/facebook_on.gif);
	}

	#btn_twitter {
		background-image:url(img/icons/twitter_off.gif);
		background-repeat: none;
	}
	#btn_twitter:hover {
		background-image:url(img/icons/twitter_on.gif);
	}
	
	#btn_vimeo {
		background-image:url(img/icons/vimeo_off.gif);
		background-repeat: none;
	}
	#btn_vimeo:hover {
		background-image:url(img/icons/vimeo_on.gif);
	}		
	
	#btn_blogspot {
		background-image:url(img/icons/blogspot_off.gif);
		background-repeat: none;
	}
	#btn_blogspot:hover {
		background-image:url(img/icons/blogspot_on.gif);
	}	
	
	#btn_linkedin {
		background-image:url(img/icons/linkedin_off.gif);
		background-repeat: none;
	}
	#btn_linkedin:hover {
		background-image:url(img/icons/linkedin_on.gif);
	}		

/*** End Misc Stuff  **********************************************/