/* Resets */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color:#717171;
	}

	

	a{
	border-bottom: 1px dotted #474747;
	text-decoration:none;
	color:#474747;
	}
	
	a:hover{
	color:#000000;
	text-decoration:none;
	border-bottom: none;
	}
	
	
	/* NAVIGATION */
	
	#navi_wrapdiv{
	margin-left:144px;
	}
	
	#navi1{
	margin-left:77px;
	}
	
		
	#navi2{
	margin-left:156px;
	}

	
	#navi3{
	margin-left:242px;
	}

	
	.linux.gecko #navi1{
	margin-left:76px;
	}
	
		
	.linux.gecko #navi2{
	margin-left:161px;
	}

	
	.linux.gecko #navi3{
	margin-left:242px;
	}


	
	p:first-child a{
	position:absolute; color:#717171; top:169px; font-size:1.1em; letter-spacing:0em; line-height: 1.15em; z-index:3; 
						font-weight:bold; font-family:'Franklin Gothic Book', Verdana;
						border-bottom:none;
	}
	
	.linux.gecko p:first-child a{
	font-size:1em;
	top:183px;
	}
	

		
	p:first-child a:hover{
	color:#6abefb;
	}

	:focus {
		outline: 0;
	}
	
	body {
		line-height: 1;
		background-color:#111111;
		color:#000000;
		font: 62.5% Arial, Helvetica, sans-serif;
		text-align: center; /* this IE hack is needed here additional to 'margin auto 0' at the wrapper div*/
		background-image:url('img/background.jpg'); background-repeat:repeat-x;

	}
	
	html, body {
		height: 100%;
	}
	

	
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	
 
	/* Headings */
	h1, h2, h3, h4, h5, h6 {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		margin: 0 0 5px 0;
		color: #d9dde1;
		/* color: #78a9d7; grey */
		}
	
	h1{
	font-size: 3.2em;
	letter-spacing:0em;
	line-height: 1.15em;
	padding-bottom: 10px;
	}
	
	h2, h3 {
		margin: 30px 0 0;
		color: #303234;
		font-size: 1.7em;
 
	}
	
	h3 {
		font-size: 1em;
		line-height: 14px;
	}
 
	h4 {
		font-size: 1.6em;
		line-height: 23px;
	}


/* Page Styling */


#footer_wrapdiv{
margin-left:120px;
}

#footer_content {
position:absolute; top:916px; width:990px; font-size: 1.1em; letter-spacing:0.02em; line-height: 1.8em; z-index:3; color:#4e4e4e; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana; text-align:center; height:49px;
}


#footer_content a{top:0px; position:relative;
font-size: 1.1em; letter-spacing:0.02em; line-height: 1.8em; z-index:3; color:#474747; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana; text-align:center; border-bottom: 1px dotted #474747;
}

#footer_content a:hover{
color:#6abefb; text-decoration:none; border-bottom: none;
}



				
				
.linux.gecko #footer_content {
	font-size:0.9em;
}


#footerlink {
	font-size: 1.1em; letter-spacing:0.02em; line-height: 1.8em; z-index:3; color:#4e4e4e; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana; font-weight:normal;
}
			
.linux.gecko #footerlink {
	font-size:0.9em;
}




#banner_wrapdiv{
margin-left:587px;
/*120*/
}

#banner_content {
	position:absolute; top:715px; width:500px; font-size: 1em; letter-spacing:0.02em; line-height: 1.15em; z-index:3; color:#313131; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana; 
}

.linux.gecko #banner_content {
	font-size:0.8em;
}

/* tr(ou)bl(e) */
ul {
		margin: 0 0 0 -10px;
		list-style-type: square;
		color: #565656;
}

li {
		display: block;
		border-bottom: none;
}

ul > li:nth-child(1) {
margin: 4px 0 0 0;
}


#offerings_subtitle {
	position:absolute; color:#6abefb; top:651px; font-size: 1.2em; letter-spacing:0em; line-height: 1.15em; z-index:3; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
}

.linux.gecko #offerings_subtitle {
	font-size:1.1em;
	top:665px;
}


#offerings_content {
	position:absolute; top:686px; width:220px; font-size: 1.4em; letter-spacing:0.02em; line-height: 1.15em; z-index:3; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
}

.linux.gecko #offerings_content {
	font-size:1.2em;
	line-height: 1.25em;
	top:698px;
}



#testimonials_subtitle {
	position:absolute; color:#6abefb; top:651px; width:295px; font-size: 1.2em; letter-spacing:0em; line-height: 1.15em; z-index:3; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
}

.linux.gecko #testimonials_subtitle {
	font-size:1.1em;
	top:665px;
}

/* REFERENZEN/FOOTER */

#testimonials_wrapdiv div {
	position:absolute; top:686px; width:295px; font-size: 1.4em; letter-spacing:0.02em; line-height: 1.15em; z-index:3; 
			font-weight:normal; font-family:'Franklin Gothic Book', Verdana; display:none;
}


#testimonials_wrapdiv div p {
font-style:italic;
color:#565656;
}


.linux.gecko #testimonials_wrapdiv div {
font-size:1.2em;
line-height: 1.25em;
top:698px;
}

/* TWITTER */


#twitterfeed_content {
position:absolute; top:674px; width:375px; font-size: 1.4em; letter-spacing:0.02em; line-height: 1.15em; z-index:3; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
}

.linux.gecko #twitterfeed_content{
font-size:1.2em;
line-height: 1.25em;
top:686px;
}


#twitterfeed_subtitle{
position:absolute; color:#6abefb; top:651px; font-size: 1.2em; letter-spacing:0em; line-height: 1.15em; z-index:3; 
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
}

.linux.gecko #twitterfeed_subtitle{
font-size:1.1em;
top:665px;
}

#testimonials_wrapdiv{
margin-left:154px;
}

#offerings_wrapdiv{
margin-left:492px;
}

#twitterfeed_wrapdiv{
margin-left:798px;
}


.tweet {
			margin: 4px 0;
			width: 330px;
			padding: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		.tweet img {
			float: left;
			margin: 5px 8px 4px 0;
		}
		.tweet .text {
			margin: 0;
		}
		
		.tweet a:hover {
			color:#d4d4d4;
		}
		
		.tweet .time {
			font-size: 80%;
			color: #888;
			white-space: nowrap;
		}

		#twitterSearch .tweet {
			min-height: 24px;
		}
		#twitterSearch .tweet .text {
			margin-left: 32px;
		}

/* Picture Easing */

#picEasing{
z-index:4; background-image:url('img/sofasMask.jpg'); 
				background-repeat:no-repeat; height:202px; width:594px; top:255px; position:absolute;
}

#picEasingWrapper{
margin-left:494px;
}


#bottomLayer{
z-index:3; background-repeat:no-repeat; height:202px; width:594px; top:255px; position:absolute; visibility:hidden;
}

#bottomLayerWrapper{
margin-left:494px;
}



#sofa1Blending{
z-index:6; filter:alpha(opacity=0); opacity:0; background-position:0px 0px; 
				background-repeat:no-repeat; height:77px; width:134px; top:345px; position:absolute;
}

#sofa1BlendingWrapper{
margin-left:602px;
}


#sofa1Easing{
z-index:5; filter:alpha(opacity=0); opacity:0; background-position:0px 0px; 
				background-repeat:no-repeat; height:77px; width:134px; top:345px; position:absolute;
}

#sofa1EasingWrapper{
margin-left:602px;
}



#sofa2Blending{
z-index:6; filter:alpha(opacity=0); opacity:0; background-position:0px 0px; 
				background-repeat:no-repeat; height:77px; width:134px; top:344px; position:absolute;
}

#sofa2BlendingWrapper{
margin-left:855px;
}


#sofa2Easing{
z-index:5; filter:alpha(opacity=0); opacity:0; background-position:0px 0px; 
				background-repeat:no-repeat; height:77px; width:134px; top:344px; position:absolute;
}

#sofa2EasingWrapper{
margin-left:855px;
}


/* Contact Easing */

#contactEasingDiv{
z-index:3; height:25px; width:423px; top:282px; position:absolute; visibility:hidden;
}

Form:first-child input{ 
color:#313131; font-size: 1.2em; letter-spacing:0em; line-height: 1.15em; font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
							position:absolute; left:290px; width:249px; height:29px; 
							background-image:url('img/inputfield.jpg'); background-position:0px 0px; background-repeat:no-repeat;
							border:0; margin-top:0px; padding-left:8px;
}

#submitInput{
background-image:url('img/submitfield.jpg'); height:27px; width:81px; left:494px; top:225px; line-height: 1.2em; padding-left:4px; cursor:pointer;
}

.ie #submitInput{
background-image:url('img/submitfield.jpg'); height:27px; width:81px; left:494px; top:225px; line-height: 1.2em; padding-left:4px; padding-top:0px; cursor:pointer; border:0;
}

/* Set Inputfield Lower in IE and Firefox */
.ie Form:first-child input{padding-top:8px;}
.win.gecko Form:first-child input{padding-top:8px;}
.linux.gecko Form:first-child input{ 
padding-top:8px;
font-size:1.1em;
}



.inputMask{ position:absolute; left: 290px; width:249px; height:29px; z-index:3; background-image:url('img/innerpanel_inputMask_white.jpg'); background-repeat:no-repeat;
}

.linux.opera .inputMask{
margin-top:-3px;
}


Form:first-child textarea{ 
color:#313131;  font-size: 1.2em; margin-top:3px; letter-spacing:0em; line-height: 1.15em; font-weight:normal; font-family:'Franklin Gothic Book', Verdana; 
							width:257px; height:125px;
							background-image:url('img/textarea.jpg'); background-position:0px 0px; background-repeat:no-repeat;
							border:0; overflow:hidden; padding:8px; 
}

.linux.gecko Form:first-child textarea{ 
font-size:1.1em;
}


#textareaMask{ 
position:absolute; top:4px; width:257px; height:174px; background-image:url('img/innerpanel_textareaMask.jpg'); background-repeat:no-repeat; z-index:3;
}


#textEasingDivWrapperDiv{
margin-left:518px;
}

#left_subtitle{
position:relative; top:221px; left:1px; z-index:3; 
color:#6abefb; font-weight:bold;
}

#left_2nd_chapter{
position:relative; top:271px; width:255px; font-size: 1.4em; letter-spacing:0.02em; line-height: 1.15em; z-index:3; color:#313131;
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
}

#left_1st_chapter{
position:relative; top:241px; width:295px; z-index:3; font-size: 1.4em; letter-spacing:0.02em; line-height: 1.15em; color:#313131;
				font-weight:normal; font-family:'Franklin Gothic Book', Verdana;
}

#left_wrapperDiv{
margin-left:159px;
}

.linux.gecko #left_1st_chapter{
font-size:1.2em;
line-height: 1.25em;
}

.linux.gecko #left_2nd_chapter{
font-size:1.2em;
line-height: 1.25em;
top:280px;
}

.linux.opera #left_2nd_chapter{
top:272px;
}


Div:first-child span{
font-style:italic;
}


#mainpanel{
width:1133px; height:650px; background-repeat:no-repeat; margin-left:-90px;
}

#positioningDiv{
margin:0 auto; width:1133px; text-align:left;
}

/* CONTACTFORM AJAX CONFIRMATION BOX */
/* Impromtu PopUp box Styles */

.jqifade{
      position: absolute; 
      /* Fading Background Color */
      background-color: #aaaaaa; 
}
div.jqi{ 
      width: 400px; 
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      position: absolute;
      background-color: #ffffff;
      font-size: 11px; 
      text-align: left; 
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{ 
      font-weight: bold; 
}
div.jqi .jqiclose{ 
      position: absolute;
      top: 4px; right: -2px; 
      width: 18px; 
      cursor: default; 
      color: #bbbbbb; 
      font-weight: bold; 
      cursor:pointer;
}
div.jqi .jqimessage{ 
      padding: 10px; 
      line-height: 20px; 
      color: #444444; 
}
div.jqi .jqibuttons{ 
      text-align: right; 
      padding: 5px 0 5px 0; 
      border: solid 1px #eeeeee; 
      background-color: #f4f4f4;
}
div.jqi button{ 
      font-size:1.1em; letter-spacing:0em; line-height: 1.15em; z-index:3; 
      font-weight:bold; font-family:'Franklin Gothic Book', Verdana;
      cursor:pointer;
      padding: 3px 10px;
      margin: 0 10px; 
      background-color: #2F6073; 
      border: solid 1px #f4f4f4; 
     /* Button Font Color */
      color: #717171; 
      font-weight: bold; 
      font-size: 12px; 
}
div.jqi button:hover{ 
      background-color: #728A8C;
      
}
div.jqi button.jqidefaultbutton{ 
/* Button Color */
      background-color: #2e2e2e;
}
.jqiwarning .jqi .jqibuttons{ 
      background-color: #BF5E26;
}