/*************************
	POSITIONING
*************************/
#center{
	position: relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#logo{
	margin-bottom: 30px;
}
#logo img{
	border: none !important;
}

#menu{
	margin-top: 12px;
}

#menu a{
	margin-right: 8px;
}

#menu2{
	border-top: 1px solid #3d3d3d;
	margin-top: 7px;
	padding-top: 10px;
}

#menu2 a{
	margin-right: 5px;
}

#foot{
	margin-top: 20px;
	font-size: 12px;
}

#ffvStartImg{
	margin-left: 40px;
	margin-bottom: 30px;
	border: 10px solid #3d3d3d;
}

.floatLeft{
	float: left;
	display: inline;
}

/*************************
	BASIC 
*************************/
* {
    outline-width: 0px;
}

body, div, td{
	margin-top:0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}

body{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color: #000000;
	background-image:url(grafik/bg.gif);
	margin-top: 29px;
	margin-bottom: 39px;
}

h2{
	font-size: 34px;
	margin-bottom: 20px;
	margin-top: 0px;
	line-height: 40px;
}

.rightCol h2{
	font-size: 18px;
	line-height: 23px;
}

h3{
	font-size: 14px;
	margin:0px;
	margin-bottom: 3px;
}

form{
	margin-bottom: 10px;
}

.introCopy, .ffvClaim h2{
	margin: 0px;
	font-size: 28px;
	line-height: 34px;
}

.introCopy{
	position: relative;
	margin-left: -60px;
	text-indent: 60px;
	background-image:url(grafik/indent.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

.ffv_flashslide{
	position:relative;
	left: -40px;
}

.ffv_flashvideo{
	margin-top: 28px;
}

#content580_190 .introCopy{
	width: 640px;
}
.ffvClaim h2{
	display: inline;
}

div, td{
	text-align: left;
}

a {
	color: #737373;
	text-decoration: none;
	-moz-outline-width: 0px;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.arrowedLink a{
	background-image:url(grafik/arraow_grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	line-height: 14px;
	font-size: 14px;
}

.arrowedLink a:hover{
	background-image:url(grafik/arraow_white.gif);
}

a img {
	border: 3px solid #3d3d3d !important;
}
.pageNav {
	line-height: 12px;
	font-size: 12px;
	text-align: center;
	margin-top: 25px;
}

.pageNav .noLink{
	margin-right: 3px;
	display:block;
	float:left;
}

.prevPageLink{
	margin-right: 13px !important;
}
.nextPageLink{
	margin-left: 13px;
}

.noWidth{
	width: auto !important;
	padding-left: 5px;
	padding-right: 5px;
}
.pageNav a, .pageNav .noLink{
	width: 21px;
	text-align:center;
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 12px;
}
.pageNav a{
	border: 1px solid #737373;
	margin-right: 3px;
	display:block;
	float:left;
}

.newsCurrentPage a{
	color: #FFFFFF;
	border-color: transparent;
}
.clear{
	clear:both;
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
}

.ttcontent{
	margin-bottom: 30px;
}

.ctype-html{
	margin-bottom: 0px;	
}

.ctype-text{ 
	font-weight: normal; 
}

.rightCol .ttcontent{
	margin-bottom: 20px;
}

.ttcontentNomargin .ttcontent{
	margin-bottom: 0px;
}


#contentStart .ttcontent{
	margin-bottom: 20px;
}

.bordered{
	border: 5px solid #3D3D3D;
	padding: 9px 10px 7px 10px;
}

.borderedNoPadd{
	border: 5px solid #3D3D3D;
	padding-bottom: 10px;
}

.smallText{
	font-size: 12px;
	line-height: 15px;
	padding: 11px 10px 9px 10px !important;
}

.noMargin{
	margin: 0px !important;
}

/*************************
	COMMON TEMPLATE
*************************/

.leftCol{
	float:left;
	display: inline;
}


.leftCol, .rightCol{
	line-height: 23px;
}

#content580_190 .leftCol{
	width: 580px;
}

#content580_190 .rightCol{
	margin-left: 610px;
}

#content470_300 .leftCol{
	width: 470px;
}

#content470_300 .rightCol{
	margin-left: 500px;
}

#content800{
	float: none;
}

#content800 .ttcontent{
	clear: both;
}


/*************************
	TEMPLATE START
*************************/
#contentStart .leftCol{
	width: 450px;
}

#contentStart .rightCol{
	margin-left: 500px;
}


#contentStart .leftCol,#contentStart .rightCol{
	line-height: 18px;
}

/*************************
	NEWS
*************************/
.newsDetailEntry{
	margin-top: 28px;

}

.newsEntry{
	margin-bottom: 26px;
	line-height: 18px;
}
.newsImage{
	width: 125px;
	float:left;
	padding-top: 3px;
}

.newsText{
	margin-left: 140px;
}

.newsDetailText{
	font-weight: normal;
}

.newsNext{
	float: right;
}

#content600_170 .leftCol{
	width: 600px;
}

#content600_170 .rightCol{
	margin-left: 630px;
}

.newsNav{
	border-bottom: 1px dotted #737373;
	border-top: 1px dotted #737373;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.newsNext a{
	padding-left: 13px;
	background-image: url(grafik/arraow_grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.newsNext a:hover{
	background-image: url(grafik/arraow_white.gif);
}

.newsOverview a{
	padding-left: 13px;
	background-image: url(grafik/arraow_grey_l.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.newsOverview a:hover{
	background-image: url(grafik/arraow_white_l.gif);
}

#newsList{
	margin-top: 25px;
	margin-bottom: 28px;
}

#contentStart #newsList{
	margin-top: 0px;
}


.newsDetailNav{
	margin-top: 25px;
}



/*************************
	CLIENT LIST
*************************/
#clientList{
	margin-top: 0px;
}

.client{
	font-size:12px !important;
	line-height: 20px;
}
.clientLeft{
	float: left;
	width: 40px;
}

.clientRight{
	margin-left: 50px;
	font-weight: normal;
}

.clientDividerLeft{
	font-size: 0px;
	border-bottom: 2px solid white;
}

.clientDivider{
	font-size: 0px;
	margin-bottom: 4px;
	margin-top: 3px;
}

.clientDividerRight{
	font-size: 0px;
	border-bottom: 1px solid white;
}

.clientStatement{
	margin-top: 20px;
}
.clientStatementText{
	font-size: 12px;
	line-height: 20px;
}

.clientStatementText .bigQuot{
	font-size: 24px;
	line-height: 10px;
	color: #FFFFFF;
	top: 8px;
}

.clientStatementClient{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
}
.name-of-person{
	text-transform: uppercase;
	font-weight: normal;
}

/*************************
	PROJECT 
*************************/
.projectFeaturedTitle h2{
	font-size: 26px;
	margin: 0px;
	margin-bottom: 6px;
}

.projectFeatured{
	margin-bottom: 30px;
}

.projectFeaturedImgs a img {
	border: none !important;
}

.projectFeaturedImgs {
	border: 5px solid #3d3d3d;
	height: 70px;
}

.toProjectArchive{
	border-top: 1px solid #737373;
	font-size: 30px;
	line-height: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	margin-bottom: -9px;
	margin-top: 50px;
}

.toProjectArchive a {
	padding-left: 18px;
	background-image: url(grafik/arraow_grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.toProjectArchive a:hover{
	background-image: url(grafik/arraow_white.gif);
}


.projectArchive div{
	font-size: 12px ;
	line-height: 15px ;
}

.projectArchive a{
	color: white;
}
.projectArchive, .projectDivider{
	clear: both;
}

.projectArchiveYear, div.projectDividerYear{
	width:40px;
	float:left;
}

.projectArchiveClient, div.projectDividerClient{
	float:left;
	margin-left: 10px;
	width: 190px;
}

.projectArchiveTitle, div.projectDividerTitle{
	float:left;
	width: 220px;
	margin-left: 10px;
	font-weight: normal;
}

.projectArchiveLocation, div.projectDividerLocation{
	float:left;
	width: 130px;
	margin-left: 10px;
	font-weight: normal;
}

.projectArchiveJobtype, div.projectDividerJobtype{
	float:left;
	width: 180px;
	margin-left: 10px;
	font-weight: normal;
}

div.projectDividerYear,
div.projectDividerClient,
div.projectDividerTitle,
div.projectDividerLocation,
div.projectDividerJobtype{
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
	background-color: #FFFFFF;
	border: none;
}

div.projectDividerYear{
	background-color: transparent;
}

div.projectDividerBordered{
	background-color: #FFFFFF;
}

div.projectArchiveYear,
div.projectArchiveClient,
div.projectArchiveTitle,
div.projectArchiveLocation,
div.projectArchiveJobtype{
	padding-top: 9px;
	padding-bottom: 7px;
}

#projectMainImage,
#projectMainFlash {
	margin-bottom: 30px;
	margin-top: 30px;
}

#projectMainFlash {
	margin-left: -40px;
}

.projectBody{
	margin-bottom: 30px;
}
.projectPop, .projectMainImage{
	position: relative;
}

.projectPop a img,
a.projectVimeo img{
	border-width: 5px !important;
}

.projectPopFloat{
	float: left;
}

.projectPopMargin{
	margin-left: 200px;
}

.projectImages .projectPop,
a.projectVimeo{
	margin-bottom: 30px;
	display: block;
}

img.notBordered{
	border: none !important;
}

.plus{
	position: absolute;
	right: 10px;
	top: 10px;
}

.projectMainImageCopy{
	position: absolute;
	bottom: -31px;
	left: -40px;
	width: 590px;
	font-size: 23px;
	line-height: 28px;
	padding-top:3px;
	text-indent: 40px;
}

.projectText{
	float: left;
	width: 380px;
	font-weight:normal;
	line-height: 20px;
	margin-bottom: 23px;
}

.projectBody h2{

}

.projectText p{
	margin: inherit !important;
}

.projectImages{
	margin-left: 430px;
}

.projectCopy{
	background-color:#000000;
	padding-right:10px;
}

.projectLabels, .projectValues{
	line-height: 22px;
}
.projectLabels{
	float: left;
}

.projectValues{
	font-weight: normal;
}

.projectDistanceLead{
	margin-left: 120px;
}

.projectDistanceNoLead{
	margin-left: 92px;
}

.projectLabelsValues{
	margin-bottom: 22px;
}

/*************************
	PROJECT FILTER
*************************/
.rightCol .projectsFilter h3{
	font-size: 18px;
	margin-bottom: 13px;
}

.rightCol .projectsFilter{
	padding: 8px 10px 0px 10px;
}

select{
	font-size: 12px;
	background-color: #FFFFFF;
	height: 18px;
	border: none;
	font-weight: bold;
	vertical-align: middle;
}

.projectsFilter select{
	width: 140px;
}

option{
	padding: 2px 0px 2px 2px;
	background-color:#FFFFFF;
	vertical-align: middle;
}

.rightCol .projectFilterYear, .rightCol .projectFilterType{
	margin-bottom: 10px;
}

.rightCol .projectsSubmit{
	text-align: right;
}

.projectsFilterArchive{
	border-top: 5px solid #3d3d3d;
	padding: 10px 10px 0px 10px;
}

.projectsFilterArchive a{
	background-image:url(grafik/arraow_grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	line-height: 14px;
	font-size: 14px;
}

.projectsFilterArchive a:hover{
	background-image: url(grafik/arraow_white.gif);
}

.leftCol .projectsFilter div, .leftCol .projectsFilter form{
	display: inline;
}



.leftCol .projectFilterYear{
	margin-right: 15px;
}
.leftCol .projectFilterType{
	margin-right: 10px;
}

.leftCol .projectsSubmit input{
	vertical-align: middle;
}

#videoHolder{
    background: #222222;
    padding: 7px 28px 28px 28px;
}

.videoClose{
    display: block;
    font-weight: normal;
    color: white;
    text-align: right;
    font-size: 13px;
    padding-right: 21px;
    background: url(grafik/close_video.png) no-repeat right center;
    margin-bottom: 7px;
}
/*************************
				PRESS
*************************/
.press{
	margin-right: 30px;
}

.pressItem{
	float: left;
}

.pressText{
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	margin-bottom: 19px;
}
.pressText a{
	display: block;
	padding: 9px 0px 0px 13px;
	background-image:url(grafik/arraow_grey.gif);
	background-repeat: no-repeat;
	background-position: 0px 11px;
}
.pressText a:hover{
	background-image: url(grafik/arraow_white.gif);
}

/*************************
				TEAM
*************************/
.teamImage{
	float: left;
}

.teamText{
	margin-left: 135px;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
}

.bigQuot{
	font-size: 38px;
	line-height: 12px;
	position: relative;
	top: 14px;
	color: #737373;
	font-weight: bold;
}

.teamName{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	display: inline;
	padding-top: 8px;
	border-top: 1px solid #737373;
	width: 1px;
	white-space: nowrap;
}

.teamDist{
	font-size: 9px;
	line-height: normal;
}

/*************************
	CONTACT
*************************/
.contactForm h3{
	font-size: 18px;
}

.contactForm select{
	width: 330px;
}

#contactSelectSubmit{
	vertical-align:middle;
	margin-left: 15px;
}

.contactFormLeft{
	float: left; 
}

.contactFormRight{
	margin-left: 310px; 
}

.contactFormBoth{
	clear: both; 
}

.contactFormLeft input, 
.contactFormRight input,
.contactFormBoth textarea{
	color: white;
	background-color: black;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 12px;
	padding:5px 3px 3px 3px;
	border: 1px solid white;
	width: 288px;
} 

.contactFormBoth textarea{
	width: 598px;
	height: 128px;
} 

.contactFormItem,
.contactFormSubmit,
.contactErrorDiv{
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	padding-top: 10px;
	
}

.contactFormSubmit{
	position: relative;
}

.contactFormSubmit input{
	position: absolute; 
	right: 0px;
}

.contactError{
	color: red;
}

.contactErrorDiv{
	border: 1px solid red;
	padding: 4px 4px 3px 4px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#file{
	position:absolute;
	z-index: 100;
	cursor: pointer !important;
	top: 0px;
	left: -200px;
	width: 330px;
}

#contactHiddenFrame{ 
	width: 1px;
	height: 1px;
	border: none;
	display: none;
}

#contactFileWrap{
	position: relative;
	height: 20px;
	float: left;
	margin-top: 10px;
}

#contactFileLabel{
	margin-left: 96px;
}

#attachImg{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

.contactCurrentUpload{
	border: none;
	background-color: transparent;
	background-image:url(grafik/loading.gif);
	background-repeat: no-repeat;
	width: 175px;
	height:18px;
}

.contactUploaded{
	border: none;
	background-color: white;
	width: 175px;
	height:18px;
	margin-right: 10px;
}

.contactUploadWrap{
	margin-bottom: 10px;
}

.deleteImg{
	position: relative;
	z-index: 200 !important;
	vertical-align: bottom;
	margin-right: 10px;
	display: inline;
}
/*************************
	JOBS
*************************/
.jobs{
	padding-bottom: 5px;
}


.jobOffering{
	margin-bottom: 15px;
}

.jobPosition, .jobText{
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
}
.jobText{
	font-weight: normal;
	text-transform: none;
	margin-bottom: 10px;
}

/*************************
	NEWSLETTER
*************************/
.tx-ffvnewsletter-pi1{
	border: 5px solid #3D3D3D;
	padding: 10px 10px 0px 10px;
}

.tx-ffvnewsletter-pi1 h2,
.mc-field-group label{
    display: block;
    font-size: 18px;
    line-height: 23px;
	margin-bottom: 10px;
}

.ffvInputMail input,
.mc-field-group input{
	border: none;
	width: 140px;
	text-indent: 3px;
}

.mc-field-group input.mce_inline_error{
    border: 1px solid red;
    color: red;
}
.ffvSubmitMail{
	margin-top: 12px;
	text-align: right;
}

#mc-embedded-subscribe{
	margin-top: 12px;
    float: right;
}

.ffvMailError input{
	color: red;
}

#mc-embedded-subscribe-form fieldset{
    border: none;
    padding: 0;
    margin: 0;
}

div.mce_inline_error{
    padding-top: 10px;
}
div.mce_inline_error,
#mce-error-response{
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    color: red;
}

#mce-error-response{
    margin-bottom: 10px;
    padding: 4px 4px 3px;
    border: 1px solid red;
}