/* CSS Document */

#container { position: absolute; top: 60px; left: 20px; height: 487px;	width: 5240px;}
#navigation {position: fixed; left: 0px;  top: 5px; width: 100%; background-repeat: no-repeat; } 
#subnavigation {position: fixed; left: 0px;  top: 30px; width: 100%;} 
#footer {	position: fixed; margin-left: auto;	margin-right: auto;	width: 100%;	top: 450px;  } 
 
.floatleft {float: left; padding-right: 20px;}
.floatright {float: right; padding-left: 20px;}

#containerblue { position: absolute; top: 130px; left: 0px; height: 304px; width: 100%; background-image:url(images/background_blue.gif); background-repeat:repeat-x;}
#containergreen { position: absolute; top: 130px; left: 0px; height: 304px; width: 4000px; background-image:url(images/background_green.gif); background-repeat:repeat-x;}
#containergraystatic { position: absolute; top: 130px; left: 0px; height: 304px; width: 100%; background-image:url(images/background_gray.gif); background-repeat:repeat-x;}
#containergray { position: absolute; top: 110px; left: 0px; height: 304px; width: 20000px; background-image:url(images/background_gray.gif); background-repeat:repeat-x;}
#containergray-landscape { position: absolute; top: 110px; left: 0px; height: 304px; width: 6662px; background-image:url(images/background_gray.gif); background-repeat:repeat-x;}
#containergray-nature { position: absolute; top: 110px; left: 0px; height: 304px; width: 4770px; background-image:url(images/background_gray.gif); background-repeat:repeat-x;}
#containergray-objects { position: absolute; top: 110px; left: 0px; height: 304px; width: 4769px; background-image:url(images/background_gray.gif); background-repeat:repeat-x;}
#containergray-urban { position: absolute; top: 110px; left: 0px; height: 304px; width: 5717px; background-image:url(images/background_gray.gif); background-repeat:repeat-x;}



#contactform {position: absolute; left: 382px; top: 0px; width: 222px; height: 228px; }

#homepage {position: relative; margin-left: auto; margin-right: auto; top: 20px; width: 650px; height: 244px; }
#workpiece  {float: left;  width: auto; height: 244px;  padding: 9px;}
#photograph  {float: left;  width: auto; height: 244px;   padding-left: 15px;}

#workdetail {position: relative; margin-left: auto; margin-right: auto;  width: 650px; height: 244px;top: -15px;}
#workdetailtext {	position: absolute;	left: 494px;	top: 25px;	width: 211px;	height: 235px;}
#containergreendetail { position: absolute; top: 130px; left: 0px;  height: 304px; width: 100%; background-image:url(images/background_green.gif); background-repeat:repeat-x;}


#service  {float: left;  width: 275px;  top: 15px; padding-left: 10px; padding-right: 3px; padding-bottom: 3px; padding-top: 3px; margin-top: 10px; border: 1px dashed #ffffff; }
#scrollandclick {position: absolute; left: 0px; top: 70px; height: 65px; width: 109px; background-image:url(images/scroll-and-click.jpg);}
#scrollandclick-photo {position: absolute; left: 0px; top: 40px; height: 65px; width: 109px; background-image:url(images/scroll-and-click.jpg);}