body {

	background-color : #333333;
	margin : 0;
	text-align : center;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}



#wrapper {
	margin-top : 0;
	padding-top : 0;
	text-align : center;
	background-color : #f8f8f8;	
}

#footer {
	height : 50px;
	vertical-align : baseline;
	padding: 20px;
}

#footer a{
	color : #f8f8f8;
	margin-right : 12px;
}

#page {
	margin : auto;
	padding-bottom : 170px;
	width : 992px;
	margin-top: 0;
	padding-left: 16px;
	padding-right: 16px;
	text-align : left;
}



#logo-image {
	width : 200px;
	height : 80px;
	background-image : url('../img/logo.gif');
}


#logo {
	float : left;
}




#center-top {
	background-image : url('../img/center_top_bar.gif');
	float:right;
	width : 680px;
	height : 8px;
}



#twitter-stream .box-header {
	background-image : url('../img/box_header_twitter.gif');
	width : 208px;
	height : 60px;
}

#contact-details .box-header {
	background-image : url('../img/box_header_contact.gif');
	width : 200px;
	height : 40px;
}



.box-footer {
	height : 20px;
}






#featured-project-title-prefix {
	color : #333333;
	font-size : 36px;
	text-align : left;
	margin-bottom : -7px;
	height:45px;
}

#featured-project-title{
	color : #333333;
	font-size : 36px;
	text-align : left;
	margin-bottom : 16px;
}

#featured-project-title-alt {
	color : #333333;
	font-size : 36px;
	text-align : left;
	margin-top : 12px;
	margin-bottom : 16px;
}

#featured-project-image {
	width : 680px;
	height : 240px;	
	border: solid 1px #333333;
	margin-bottom : 40px;
}

#featured-project-image-caption-wrapper {
	margin:0;
	padding:0;
	height : 30px;
	text-align : right;
	margin-right : -2px;
}

#featured-project-image-caption {
	background-color : #333333;
	color : #f8f8f8;
	float : right;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 4px 8px 4px 8px;
}









#content {
	position : relative;
	top : 75px;
}


#navigation {
	position:relative;
	top:30px;
	width : 680px;
	float:right;
}

.nav-item {
	float : left;
	margin-right : 28px;
}

#nav-item-1 {
	width : 96px;
	height : 28px;
	background-image : url('../img/nav_home_off.gif');
}

#nav-item-1:hover {
	background-image : url('../img/nav_home_over.gif');
}

#nav-item-1-active {
	width : 96px;
	height : 28px;
	background-image : url('../img/nav_home_active.gif');
}

#nav-item-2 {
	width : 72px;
	height : 28px;
	background-image : url('../img/nav_info_off.gif');
}

#nav-item-2:hover {
	background-image : url('../img/nav_info_over.gif');
}

#nav-item-2-active {
	width : 72px;
	height : 28px;
	background-image : url('../img/nav_info_active.gif');
}

#nav-item-3 {
	width : 96px;
	height : 28px;
	background-image : url('../img/nav_work_off.gif');
}

#nav-item-3:hover {
	background-image : url('../img/nav_work_over.gif');
}

#nav-item-3-active {
	width : 96px;
	height : 28px;
	background-image : url('../img/nav_work_active.gif');
}

#nav-item-4 {
	width : 128px;
	height : 28px;
	background-image : url('../img/nav_contact_off.gif');
}

#nav-item-4:hover {
	background-image : url('../img/nav_contact_over.gif');
}

#nav-item-4-active {
	width : 128px;
	height : 28px;
	background-image : url('../img/nav_contact_active.gif');
}







.clear-all {
	clear : both;
}







#left-margin {
	width : 200px;
	float:left;
	margin-top : 48px;
	
}

#center-margin {
	width : 680px;
	
	float:right;
	min-height : 460px;
	margin-top : 0px;
	
}




a {
	font-weight : bold;
	color : #178eb5;
	text-decoration : none;
}


p {
	margin : 0;
	padding : 0 0 20px 0;
}



h2 {
	padding : 0;
	margin : 0;
	color : #333333;
	font-size : 1.1em;
}




.box-header {
	
}

.box-body {
	margin-top : 8px;
}

.box-footer {
	
}







/* TWITTER */




.tweet {
	margin-bottom : 12px;
	
}


.tweet-text {
	word-break : normal;
	margin-bottom : 4px;
}

.tweet-meta {
	font-size : 0.8em;
	font-weight : normal;
	color : #666;
}





/* PARAGRAPH */



.one-column-paragraph{
	text-align : justify;
	margin-top : 0px;
}

.two-column-paragraph{
	text-align : justify;
	margin-top : 0px;
}

.two-column-paragraph .column{
	width : 47%;
}

.two-column-paragraph #left-column{
	float : left;
}

.two-column-paragraph #right-column{
	float : right;
}








.project-list-row img{
	border : none;
}

.project-list-row{
	padding : 0 0 40px 0;	
}

.project-list-thumb-1{
	float : left;
	margin-right : 38px;	
}

.project-list-thumb-2{

	float : left;
	margin-right : 38px;
}

.project-list-thumb-3{
	
	float : left;
	margin-right : -2px;
}

img.project-list-thumb-image{
	width : 200px;
	border: solid 1px #333333;
}

.project-list-thumb-caption{
	background-color : #333;
	text-align : right;
	color : #f8f8f8;
	font-size : 0.9em;
	padding : 2px 3px 2px 3px;
	font-weight : bold;
}



ul{
	padding : 0;
	margin : 0;
}

li{
	list-style : none;
	margin-bottom : 0px;
}





iframe{
	padding : 0;
	margin : 0;
	width : 685px;
	margin-left : -5px;
}