/******************************************************************

TEC ARCHITECTURE
==============
 
Use:	Defaults

Author(s):
- peter@webdeer.de ( Peter Klein )

Last changes:
- created

*******************************************************************/

* {margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
q,blockquote p { }
q:before,blockquote p:before {content:open-quote;}
q:after,blockquote p:after {content:close-quote;}

html, body {
	background:#000;
	color:#fff;
	font-family: Helvetica,Arial,sans-serif;
	font-size:90.01%;
	line-height:130%;
	position:relative;
	min-height:100%;
}

abbr,
acronym {
	cursor:help;
}

a {
	color:#000;
	outline:none;
}
a:hover {
	color:#000;
	outline:none;
}

q { 
	quotes: "„" "”" "‚" "’"; /* german style */
	quotes:  "»" "«" "›" "‹"; /* german style alternative */
}

address {
	background:#fff;
	float:right;
	padding:15px 10px 10px 15px;
	width:145px;
}

.majuscules {
	text-transform:uppercase;
}

.accessible {
	display:none;
}

#flash-container {
	height:100%;
	overflow:hidden;
	position:fixed;
	width:100%;
	z-index:-6;
}
#background {
	height:100%;
	left:0;
	overflow: visible;
	position:absolute;
	top:0;
	width:100%;
	z-index:-5;
	cursor: pointer;
}

#content-wrapper {
}

#main-content {
	bottom:20px;
	left: 23px;
	position:fixed;
	text-align:left;
	width:251px;
}
#contact #main-content {
	bottom:0px !important;
}
	
	#press #main-content,
	#client #main-content {
		bottom:20px !important;
	}
	#home #main-content {
		bottom:-20px;
	}

	#main-content .news-item {
		margin-bottom:40px;
	}
	#main-content p {
		margin-bottom:20px;
		font-size: 10px;
	}
	#main-content p.last {
		margin-bottom:10px;
	}


	#main-content .location-title,
	#main-content .location-content {
		background:#000;
		color:#fff;
		opacity:.6;
		padding:20px;
	}
	#main-content .location-title{
		background: #000;
		opacity: 1;
		color: #fff;
	}
		#main-content #twitter_update_list li {
			margin-bottom:10px;
		}
	#main-content .location-content {
		margin-top:8px;
		opacity:.6;
		padding-bottom:10px !important;
	}
	#main-content .location-title,
	#main-content .twitter-title {
		margin-top:8px;
		opacity:1;
	}
		.location-title h2{
			color:#70584C;
			font-size:18px;
			font-weight:normal;
		}
			#main-content .location-title em {
				font-size:10px;
				font-style: normal;
				margin-top:5px;
			}
				#main-content .location-stats {
					color:#000;
				}
			.form-item {
				margin-bottom:60px;
			}
			#main-content .form-item .form-title {
				background:#fff;
				margin-bottom:8px;
				padding:20px;
			}
				#main-content .form-title h2 {
					font-size:18px;
					font-weight:bold;
				}
					#main-content #clientform form {
						background:transparent url(../images/70percent.png);
						float:left;
						height:98px;
						padding:20px;
						position:relative;
						width:270px;
					}
					#main-content form input {
						border: 1px solid #ccc;
						margin-bottom:10px;
						padding:5px;
					}
					#main-content #clientform #submit_button1 {
						bottom:-40px;
						color:#000;
						cursor:pointer;
						left:0;
						position:absolute;
						width:80px;
					}
						#main-content #clientform #submit_button1:hover {
							background:#D2372D;
							color:#fff;
							opacity:1;
						}
						
						
						
					#main-content #clientform .marginalia {
						background:#fff;
						float:right;
						height:118px;
						padding:10px;
						width:135px;
					}
					
					#contact form {
						margin-bottom:10px;
					}
					#contact .contact_response {
						background:transparent url(../images/70percent.png);
						float:left;
						padding:20px 20px 0;
						width:425px;
						height: 80px;
						margin-top: 60px;
					}
					#contact form div {
						width:150px;
					}
					#contact .form-item {
						margin-bottom:20px;
					}
					#contact .form-title {
						margin:0;
					}
					#contact #contactform1,
					#contact #contactform2 {
						height:180px;
						position:relative;
					}
					#contact #contactform1 form,
					#contact #contactform2 form {
						background:transparent url(../images/70percent.png);
						float:left;
						padding:20px 20px 40px 20px;
						width:425px;
						margin-bottom: -15px;
					}
					#contactform #swiss {
						border:1px solid green;
					}
					#contact #contactform1 form #submit_button1,
					#contact #contactform2 form #submit_button2 {
						bottom:0;
						color:#000;
						cursor:pointer;
						left:20px;
						position:absolute;
					}
					#contact #main-content #contactform .marginalia {
						background:#fff;
						float:right;
						padding:10px;
						width:135px;
					}
					#contact address {
						float:right;
					}
					#contact #contactform2 {
						padding-bottom:0;
					}
					
					#press .form-title,
					#client .form-title,
					#home .twitter-title {
						clear:both;
						float:left;
						margin-top:8px;
						margin-bottom:0 !important;
						width:425px;
					}
					#press #submit_button1,
					#client #submit_button1 {
					background:#fff;
						bottom:0 !important;
						left:20px !important;
					}
					
	.thumbnail-box {
		left:640px;
		position:fixed;
		bottom:21px;
	}
	.thumb-left {
		float:left;
		margin-right:6px;
	}
	.thumb-right {
		float:left;
	}
		.thumbnail-box a {		
			display:block;
			padding: 2px 10px 2px;
			text-decoration: none;
			color: #fff;
			font-size: 11px;
			text-transform: uppercase;
			margin-top: 1px;
		}
		.thumbnail-box a:hover, .thumbnail-box a.active {
			background: #cc00cc;
			color: #fff;
		}

	.sidebar {
		bottom:21px;
		left:293px;
		position:fixed;
		text-align:left;
		z-index:120;
	}
	
		.teclogo {
			background:url(../images/logo.jpg) no-repeat;
			top:20px;
			display:block;
			height:251px;
			left:23px;
			outline:none;
			overflow:hidden;
			position:fixed;
			text-indent:70px;
			white-space:nowrap;
			width:251px;
		}
		
.copyright {
	color:#fff;
	display:block;
	font-size: 8px;
	left:320px;
	font-weight: normal;
	position:fixed;
	text-align:left;
	top:17px;
}
	.copyright em {
		display:block;
	}
	
	
	
	
	
#contact #main-content .form-title {
	clear:both;
	width:425px;
	margin-top: -4px;
}
#contact form {
	position:relative;
	width:425px;
}
#contact address {
	padding-bottom:55px;
	position:absolute;
	right:0;
	top:0;
}
#contact textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:150px;
	width:220px;
}

/* TWITTER */

#home #main-content {
	bottom: 20px !important;
    color: #fff;
}
#twitter_update_list a {
	display:block;
	text-decoration:none;
}