/*************************************************************************	 
*******	Designrock
*******	© 2008 enginehouse - contact enginehouse at gmail dot com
**************************************************************************/


/****** EVERYTHINGS 
**************************************************************/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,object,abbr,acronym,address,em,img,strong,sub,sup,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
				{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;font-family:arial,sans-serif;}
ol,ul 				{list-style:none;}
blockquote,q 			{quotes:none;}
:focus 				{outline:0;}
ins 				{text-decoration:none;}
del 				{text-decoration:line-through;}
table 				{border-collapse:collapse;border-spacing:0;}
body				{color:#000;background-color:#fff;}
a				{outline:none;text-decoration:none;color:#000;}
a:hover				{color:#666;}
img				{border:none;display:inline;}
body				{position:relative;}
:focus 				{outline:0;}


/****** STRUCTURE
**************************************************************/

#wrapper			{width:100%;text-align:left;position:relative;}
#header				{position:relative;width:1000px;height:97px;position:relative;z-index:3000;}
div.header-fade			{float:left;display:block;position:absolute;z-index:60;top:0;left:0;width:100%;height:97px;background:#343234 url(../images/structure/header-gradient-vertical.png) repeat-x left top;}
div.header-under-fade		{float:left;display:block;position:absolute;z-index:121;top:97px;left:0;width:100%;height:16px;background:url(../images/structure/header-gradient-transparent_150x16.png) repeat-x 150px 0;}
#centre-panel			{width:1000px;float:left;margin-top:-4px;}
div.content			{width:850px;float:right;position:relative;margin-top:20px;}
div.listing			{float:left;}
#homepage div.content		{margin-top:0;}

#work-project div.content	{margin-top:0;}

/******	TYPE
****************************************************************/
		
		
h1,h2,h3,h4,h5,p,dt		{line-height:1.3;}

h1				{font-size:0.375em;}
h1#logo		{text-indent:-9999px;position:relative;z-index:999;float:right;width:165px;height:45px;margin:7px 8px 0 0;padding:0;background:url(../images/structure/designrock-logo.png) no-repeat left top;}

h2				{font-size:1.3125em;font-weight:bold;margin:0 0 0.4em;}

h2.homepage			{font-size:0.875em;font-weight:normal;padding:0.75em 0;}
h3				{font-size:95%;padding-bottom:0.5em;}
h4				{font-size:0.875em;}
h5				{font-size:72%;font-weight:bold;}
		
p				{font-size:0.875em;margin:0 0 0.7em;}

p a.more			{color:#808080;}

/****** EM, BLOCKQUOTE, STRONG
**************************************************************/

strong				{font-weight:bold;}
em				{font-style:italic;text-decoration:underline;}


/****** header stuff
**************************************************************/


h2.header-h2-tcie				{float:right;clear:right;text-indent:-9999px;position:relative;z-index:999;width:373px;height:15px;margin:15px 8px 0 0;padding:0;background:url(../images/structure/tailored-commercial-interiors.png) no-repeat left top;}
ul.integrity-innovation-installation		{float:left;width:150px;z-index:999;position:absolute;top:16px;left:28px;}
ul.integrity-innovation-installation li		{height:22px;display:block;float:left;width:150px;text-indent:-9999px;}
ul.integrity-innovation-installation li.int		{background:url(../images/structure/integrity.png) no-repeat left top;}
ul.integrity-innovation-installation li.inn		{background:url(../images/structure/innovation.png) no-repeat left top;}
ul.integrity-innovation-installation li.inst		{background:url(../images/structure/installation.png) no-repeat left top;}

#header.home h1#logo,
#header.home h2.header-h2-tcie,
#header.home ul.integrity-innovation-installation,
#header.home ul.integrity-innovation-installation li,
#header.home ul.integrity-innovation-installation li.int,
#header.home ul.integrity-innovation-installation li.inn,
#header.home ul.integrity-innovation-installation li.inst	{left:-9999px;position:absolute;}


/****** project listing
**************************************************************/

ul.our-work-listing		{width:100%;clear:both;float:left;position:relative;padding-bottom:30px;}
ul.our-work-listing li		{min-height:172px;float:left;margin-top:-10px;position:relative;}
ul.our-work-listing li.first	{margin-top:0;}
ul.our-work-listing li img	{position:absolute;top:0;left:0;padding:0 8px 10px 0;background:url(../images/structure/bg-project-listings-images-gradient.png) no-repeat 0 0;}
ul.our-work-listing li div 	{margin-left:415px;display:block;width:430px;}
ul.our-work-listing li div h2	{padding-top:45px;padding-bottom:10px;margin:0;}
ul.our-work-listing li div h2 a	{color:#000;}
ul.our-work-listing li div h2 a:hover	{color:#666;}
ul.our-work-listing li div p	{width:98%;line-height:1.2;}

#portfolio div.content,
#projekte div.content,
#work div.content		{margin-top:14px;}
#projekte.project-listing div.content,
#portfolio.project-listing div.content,
#work.project-listing div.content	{margin-top:0;}


/****** MAIN NAVIGATION
**************************************************************/

div.navigation-column		{width:150px;float:left;}
ul#accessibility		{display:none;}	
ul#main-navigation		{height:371px;margin-top:4px;position:relative;z-index:300;}	
ul#main-navigation li		{clear:both;line-height:30px;margin:0;padding:0;float:left;}
ul#main-navigation a		{display:block;text-decoration:none;line-height:30px;width:122px;float:left;color:#000;font-family:arial, sans-serif;font-size:14px;font-weight:bold;padding-left:28px;}
ul#main-navigation a.dba	{line-height:normal;padding:30px 0 30px 39px;}

ul#main-navigation a:hover	{background-color:#333;color:#fff;}
ul#main-navigation a.dba:hover	{background-color:transparent;}

		
/****** SLIDESHOW
**************************************************************/

div.lead-content,
div.image-cycler		{overflow:hidden;width:100%;}
div.dropshadow			{position:relative;z-index:8;display:block;background:url(../images/structure/gradient-bg-project-slidehow.jpg) no-repeat left top;padding:4px 12px 12px 0;width:838px;}
div.lead-content		{z-index:50;position:relative;width:834px;height:469px;vertical-align:top;}
div.lead-content.flash		{overflow:visible;}
div.flash div#slides		{display:none;}
div.flash-window 		{display:none;}
div.dropshadow.flash 		{display:block;height:489px;background:url(../images/structure/gradient-bg-project-slidehow-flash.jpg) no-repeat left bottom;}
div.flash-window.flash		{display:block;position:relative;}
div#flash-window.flash		{display:block;position:relative;}

div.image-cycler		{text-align:center;border:0;height:469px;}
div.lead-content img		{margin-top:0;}	

#contact div.content 		{margin-top:0;}


#homepage div.dropshadow,
#contact div.dropshadow,
#kontakt div.dropshadow		{background:url(../images/structure/gradient-bg-frontpage-slidehow.jpg) no-repeat left top;}

#homepage div.lead-content	{height:371px;vertical-align:middle;}
#homepage div.lead-content img	{margin-top:-50px;}
#homepage div.sub-content	{min-height:275px;padding:0 0 0 20px;margin:0;}
#homepage div.sub-content p	{padding:0 0 1em;margin:0;}

#homepage div.sub-content ul.home-list.last 	{clear:both;}
#homepage div.sub-content ul.home-list	{float:left;width:30%;margin:0;padding:0 0 14px;}
#homepage div.sub-content ul.home-list li{width:100%;margin:0;padding:0;}
#homepage div.sub-content ul.home-list a{padding:0.4em 0;font-size:0.8765em;}
#homepage div.sub-content ul.home-list a strong {font-weight:bold;}



div.nav				{position:absolute;top:0;height:37px;width:100%;z-index:99;}
p.nav-controls			{padding:0 0 1em;float:right;width:270px;display:inline;}

p.nav-controls			{position:absolute;right:20px;}


p.flash,
p.visible, 
p.nav-controls.flash		{display:none;}

p.visible.flash			{display:block;}

p.nav-controls a#next,
p.nav-controls a#prev		{height:26px;width:56px;display:block;text-indent:-9999px;float:right;}

p.nav-controls a#back-to-our-work{height:26px;display:block;float:left;color:#BDBDBD;}
a#prev				{background:url(../images/structure/arrow-nav-prev.gif) no-repeat left top;}
a#next				{background:url(../images/structure/arrow-nav-next.gif) no-repeat left top;}
a#back-to-our-work		{background:url(../images/structure/arrow-nav-back.gif) no-repeat left top;padding-top:3px;padding-left:50px;text-transform:lowercase;}
#movie				{font-size:0.875em;vertical-align:bottom;z-index:2000;position:absolute;text-indent:-9999px;right:40px;top:30px;color:#fff;width:150px;height:30px;background:url(../images/structure/button-toggle-movie.gif) no-repeat left top;}
div.dropshadow.flash #movie	{top:500px;right:16px;background-position:left bottom;text-indent:0;color:#BDBDBD;text-align:right;float:left;}
div.dropshadow.flash #movie span{text-indent:0;color:#BDBDBD;float:right;padding-top:8px;}

div.content p.listing-image	{width:100%;height:153px;margin:0;padding:0;overflow:hidden;}
div.sub				{display:block;float:left;width:50%;}
div.sub h4			{padding-top:0.5em;}
div.sub.right			{float:right;width:45%;}
div.sub.right a img		{float:right;border:0;}
div.sub-content			{padding:5px 10px 5px 20px;}
div.sub-content.clear		{clear:both;display:block;width:100%;padding-top:30px;}
div.content div.thin		{width:260px;float:left;clear:none;}
div.sub-content.thin-posting	{width:300px;float:left;clear:none;padding:0;}

div.sub-content.thin h2,
div.sub-content.thin h3,
#testimonials div.sub-content h2,
#mitarbeiter div.sub-content h2,
#partenaires div.sub-content h2,
#environment div.sub-content h2,
#umwelt div.sub-content h2,
#environnement div.sub-content h2,
#resources div.sub-content h2,
#gratis-broschure div.sub-content h2,
ul.designrocks-listing li h3	{font-size:1.3125em;text-transform:none;line-height:1.2;margin-bottom:0.5em;}

#environment div.sub-content h2,
#environnement div.sub-content h2,
#umwelt div.sub-content h2,
#resources div.sub-content h2,
#guide-gratuit div.sub-content h2,
#gratis-broschure div.sub-content h2,
div.sub-content.thin h2		{margin:0.6em 0 1.2em;}
div.sub-content	p		{max-width:800px;}

div.sub-content.thin p		{margin-bottom:1em;}
#msg				{width:450px;}
#msg li				{list-style:none;font-size:0.875em;}

#guide-gratuit div.sub-content h2 span.left-padding,
#gratis-broschure div.sub-content h2 span.left-padding,
#resources div.sub-content h2 span.left-padding	{padding-left:140px;}

#resources fieldset,
#gratis-broschure fieldset,
#guide-gratuit fieldset		{float:left;}

div.sub-content.clear p		{font-size:0.625em;color:#808080;}
div.sub-content.small		{margin-bottom:0;}

h2 a				{color:#000;}
h2 a:hover			{color:#666;}

/****** client list
****************************************************/

ul.client-list			{width:410px;float:left;}
ul.client-list li		{height:200px;text-align:center;}
#testimonials div.sub-content,
#mitarbeiter div.sub-content,
#partenaires div.sub-content,
div.sub-content.post		{float:right;width:428px;padding:0 10px 0 0;}
div.sub-content ul.environment	{width:620px;float:left;margin-bottom:40px;}

ul.for-you-list li,
div.sub-content ul.environment li	{font-size:0.875em;padding-left:12px;background:url(../images/structure/bullet-list.gif) no-repeat 2px 6px;}
	div.sub-content ul.environment li	{background:none}

div.sub-content li		{margin:1em 0;}
div.sub-content li h3		{font-size:0.875em;font-weight:normal;line-height:1;padding:0.5em 0;}
div.sub-content li h3 strong	{font-weight:bold;}

div.sub-content-block		{float:left;clear:both;width:100%;}
div.sub-content-block.first-item		{margin-top:-10px;}

div#tree			{text-align:right;float:left;padding-top:30px}
div#sun				{text-align:center;}

/****** for you list
****************************************************/

ul.for-you-list			{display:block;float:left;margin-left:20px;width:850px}
ul.for-you-list li.heading	{float:right;width:750px;font-size:1.3125em;font-weight:bold;margin:0.6em 0;border:0;background:none;padding-left:0;}	
ul.for-you-list li.icon		{width:100px;float:left;margin:0;clear:both;display:block;height:110px;margin-top:-7px;padding:0;background:none;}
ul.for-you-list li.last		{min-height:10px;}
ul.for-you-list li		{float:left;width:738px;border:0;margin-left:-12px;}	
ul.for-you-list li.last		{}	
ul.ie-break			{clear:both;height:1px;float:none;display:block;}
h2.h2-services			{margin:15px 0 10px 100px;}
p.p-services			{margin-left:120px;padding-bottom:15px;}



/****** Project page slider 
****************************************************/

div.blocks 			{float:left;}
div.blocks a			{width:271px;display:block;float:left;height:150px;}
div.holder 			{background:#000;width:814px;height:169px;margin-bottom:20px;padding:10px;float:left;clear:both;display:block;overflow:hidden;}

div.holder 			{position:relative;z-index:10;margin-top:-12px;}

div.holder-shadow		{background:url(../images/structure/scroller-shadow.jpg) no-repeat 0 -12px;width:850px;height:200px;}
div.holder-shadow.flash		{display:none;}
.scroll-pane 			{width:813px;float:left;}
#scroll-pane 			{padding:0;display:block;clear:both;overflow:hidden;float:left;height:166px;}

.jScrollPaneContainer 		{position:relative;overflow:hidden;z-index:100;}
.jScrollPaneTrack 		{width:813px;position:absolute;cursor:pointer;left:0;bottom:0;/*width:100%;*/z-index:200;}
.jScrollIntervalTrack 		{position:absolute;height:16px;}
.jScrollPaneDrag 		{position:absolute;background:#A0CF67 url(../images/structure/arrow-scroll-bar.gif) no-repeat right center;cursor:pointer;overflow:hidden;height:16px;}



/****** Designrocks listing
****************************************************/

ul.designrocks-listing		{width:850px;}
ul.designrocks-listing li	{display:inline;float:left;padding-top:11px;min-height:285px;}
ul.designrocks-listing img	{overflow:hidden;height:150px;width:271px;}
ul.designrocks-listing li p	{margin:0 10px 10px 15px;}
ul.designrocks-listing li h3	{margin-left:15px;padding:22px 0 8px;margin-bottom:0;}
ul.designrocks-listing li.first	{padding-left:10px;width:271px;background:url(../images/structure/bg-designrocks-first.jpg) no-repeat left top;}
ul.designrocks-listing li.middle{padding-left:0;width:271px;background:url(../images/structure/bg-designrocks-middle.jpg) no-repeat left top;}
ul.designrocks-listing li.last	{padding-left:0;width:292px;background:url(../images/structure/bg-designrocks-last.jpg) no-repeat left top;}
ul.designrocks-listing li.first p,
ul.designrocks-listing li.first h3	{margin-left:10px;}

#next,
#prev				{text-indent:-9999px;}
p.rss				{width:400px;float:left;}
p.rss a				{padding-left:40px;height:65px;background:url(../images/structure/icon-rss.gif) no-repeat left top;display:block;}
p.rss.right a			{float:right;}

div.blog-image-top		{background:url(../images/structure/bg-blog-images-sides.jpg)  repeat-y left top;}
ul.blog-images			{width:300px;background:url(../images/structure/bg-blog-images-top.jpg) no-repeat left top;}
ul.blog-images li		{width:281px;padding:10px 0 0 10px;margin:0;background-color:#000;position:relative;}
ul.blog-images li img		{position:relative;}
ul.blog-images li.last		{padding-bottom:8px;}
div.blog-image-bottom		{background:url(../images/structure/bg-blog-images-bottom.jpg) no-repeat left bottom;padding-bottom:10px;margin-bottom:100px;}

dl.design-rocks			{font-size:0.875em;border-bottom:1px solid #CDCDCD;width:400px;}
dl.design-rocks dt		{border-top:1px solid #CDCDCD;padding-top:10px;}
dl.design-rocks dd		{padding-bottom:10px;}



/****** pagination
****************************************************/

div.page-holder			{position:absolute;bottom:-18px;right:0;width:400px;display:block;line-height:30px;text-align:right;}
p.pagination			{text-align:right;float:right;width:auto;margin-right:7px;}
p.pagination a,
p.pagination strong		{color:#808080;font-weight:bold;display:block;height:30px;float:left;padding:8px;}
p.pagination a:hover		{color:#000;}
p.pagination1			{display:none;}
p.pagination strong		{color:#000;}
p.pagination a#next,
p.pagination a#prev		{text-indent:-9999px;width:45px;margin-top:5px;}
div.content p.pagination	{width:auto;}


/****** forms 
****************************************************/

fieldset.comment-form		{width:450px;padding:10px 0;margin:0 0 0 -10px;}
fieldset h2			{margin-left:10px;}
fieldset p			{margin-left:10px;}

legend				{display:none;}
input.text,
textarea.textarea		{font-size:0.875em;border:0;width:100%;background:url(../images/structure/bg-input-textfield.gif) no-repeat left center;text-indent:16px;height:25px;padding-top:7px;}
textarea.textarea		{height:160px;background:url(../images/structure/bg-input-textarea.gif) no-repeat left top;overflow:hidden;font-family:arial, sans-serif;}

input.submit			{margin-right:18px;float:right;background:#9FCF67 url(../images/structure/button-post.gif) no-repeat left top;border:0;height:20px;width:100px;display:inline;cursor:pointer;text-indent:-9999px;}
input.submit.on			{background-position:left bottom;}
input.guide			{background:#9FCF67 url(../images/structure/button-send.gif) no-repeat left top;margin-top:10px;}
div.input-field			{position:relative;float:left;width:100%;}
label.overlabel			{color:#666;position:absolute;top:7px;left:17px;z-index:1;font-size:0.875em;}


/****** contact
****************************************************/

div.google-map			{width:834px;height:368px;z-index:2;}

dl.contact-details		{font-size:0.875em;}
dl.contact-details dt		{font-weight:bold;float:left;width:120px;border:0;padding:0;margin:0;line-height:1;clear:left;}
dl.contact-details dd		{margin-left:130px;width:200px;border:0;}

dl.contact-details dd.clear	{clear:both;height:15px;}
dl.left				{float:left;width:350px;}
dl.right			{float:left;width:360px;margin-right:30px;}

dl.right dt			{width:130px;}
dl.right dd			{width:220px;float:left}
dl.contact-details.right dd	{margin-left:0;border:0;}


/****** footer links 
****************************************************/

#footer 			{display:block;height:50px;width:850px;clear:both;margin-left:150px;}
#footer ul			{clear:both;width:804px;display:block;padding:10px 20px 0;border-top:1px solid #87898A;}
#footer li			{display:inline;font-size:0.625em;background:url(../images/structure/bg-pipe-delimiter.gif) no-repeat right center;}
#footer a			{color:#808080;text-transform:uppercase;padding:4px 8px 4px 5px;}
#footer p			{font-size:0.625em;color:#808080;display:block;width:100%;clear:both;padding-left:20px;}

	
/****** hacks
****************************************************/

	
.clearfix:after 		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix 			{display:inline-table;}

* html .clearfix 		{height:1%;}
.clearfix 			{display:block;width:100%;clear:both;}


/***************************************************	
*******	enginehouse@gmail.com
****************************************************/