/* CSS E&S Bouw - copyright - hyperbOlica */

* { -webkit-text-size-adjust: none; }

body { 
	/*body reset*/
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* START HEADER RELATED SECTION */
div#header { 
	/*wrapping for the header*/
	width: 937px;
	height: 104px;
	margin: 0 auto;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #f62b00;
	padding: 17px 0px 0px 13px;
}

img#logo {
	/*logo image in header*/
	width: 84px;
	height: 84px;
	border: none;
}

div#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
	margin: 51px 0px 0px 0px;
}

div#menu ul { list-style: none; }
div#menu li { margin: 0px 1px 0px 0px; padding: 0; float: left; }

div#menu a { color: #000; text-decoration: none; padding: 9px; }
div#menu a:visited { color: #000; text-decoration: none; }
div#menu a:hover { background-color: #f62b00; background-image: url('../images/graphics/menu_background.gif'); background-repeat: repeat-x; color: #FFF; }
div#menu a:active { color: #CCC; }
/* END HEADER RELATED SECTION */

/* START CONTENT SECTION */
div.contentSeperator { height: 1px; width: 950px; border-style: solid; border-color: #f62b00; border-width: 0px 0px 1px 0px; margin: 0 auto; }

br.close { height: 0px; clear: both; }

div.slideshow { width: 950px; margin: 0 auto; clear: both; }
div.slideshow_image { width: 575px; height: 275px; background-color: #CCC; margin: 18px 0px 17px 13px; float: left; overflow: hidden; position: relative; padding: 0; }
div.slideshow_image img { width: 575px; height: 275px; border-width: 0px; position: absolute; left: 0px; top: 0px; }
#photo1 { z-index: 500; }
#photo2 { z-index: 400; }
#photo3 { z-index: 300; }
#photo4 { z-index: 200; }
#photo5 { z-index: 100; }
div.slideshow_connect { width: 30px; height: 277px; background-color: #FFF; margin: 17px 0px 17px 0px; float: left; }
div.slideshow_list { width: 320px; height: 275px; margin: 17px 0px 17px 0px; float: left; border-style: solid; border-color: #fee9e5; border-width: 1px 0px 1px 0px; position: relative; z-index: 0;}
div.slideshow_list ul { list-style: none; padding: 0; margin: 0; z-index: 200; position: relative; }
div.slideshow_list li { font-size: 12px; z-index: 200; }
div.slideshow_list a { color: #9e9e9e; text-decoration: none; padding: 20px 20px 20px 30px; display: block; }
div.slideshow_list a:visited { color: #9e9e9e; text-decoration: none; }
div.slideshow_list a:hover { text-decoration: underline; }
div.slideshow_list a:active { color: #CCC; }

div.slideshow_indicator { 
	width: 350px; 
	background-color: #f62b00; 
	background-image: url('../images/graphics/menu_background.gif'); 
	background-repeat: repeat-x; 
	height: 55px; 
	position: relative;
	right: 30px;
	top: -275px;
	z-index: 10;
}

div.contentBlock { width: 950px; margin: 0 auto; }
div.imageSection { width: 400px; height: 200px; background-color: #CCC; margin: 18px 0px 17px 13px; float: left; position: relative; }
div.imageQuote { width: 500px; height: 200px; background-color: #CCC; margin: 18px 0px 17px 25px; float: left; position: relative; }

div.projectdetail { position: relative; width: 950px; margin: 0 auto; padding: 18px 0px 18px 0px;}
div.projectcontent { position: relative; float: left; width: 352px; height: 341px; padding: 30px 14px 0px 14px; }
div.projectcontent span.breadcrumb { color: #7e7e7e; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
div.projectcontent span.breadcrumb a { color: #7e7e7e; text-decoration: none; }
div.projectcontent span.breadcrumb a:hover { color: #555555; text-decoration: underline; }

div.projectcontent h1 { color: #f62b00; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; margin: 0px 0px 35px 0px; padding: 0px; }
div.projectcontent p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 40px 0px; }
div.projectdata { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
div.projectdata div.label { font-weight: bold; float: left; margin: 0px 0px 11px 0px; width: 120px; }
div.projectdata div.value { font-weight: normal; float: left; margin: 0px 0px 11px 0px; width: 200px; }
div.projectphoto { position: relative; float: left; background-color: #dadada; width: 556px; height: 371px; overflow: hidden; }
div.projectphoto img { position: absolute; left: 0px; margin: 0px 14px 0px 0px; width: 556px; height: 371px; border: none; }
div.projectphoto img.galleryphoto { display: block; }
div.projectphoto a { display: block; }

div.projecttags { position: absolute; bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #c2c2c2; width: 355px; }
div.projecttags a { color: #c2c2c2; text-decoration: none; }
div.projecttags a:hover { color: #666666; }

div.projectdetailfooter { position: relative; width: 922px; background-color: #dadada; margin: 0px 0px 0px 14px; }
div.projectgallerynote { position: absolute; bottom: 14px; right: 570px; text-align: right; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; }
div.projectgallery { float: right; margin: 14px 0px 10px 0px; }
div.projectgallery img { width: 136px; height: 90px; border: none; }

/* END CONTENT SECTION */

/* START FOOTER RELATED SECTION */
div#footer {
	/*wrapping for the footer*/
	width: 950px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #f62b00;
	margin: 0 auto;
	clear: both;
}

div.basicColumn { padding: 13px 0px 0px 13px; width: 200px; float: left; }
div.basicColumn ul { list-style: none; margin: 0; padding: 0; }
div.basicColumn li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 1px 0px 1px 0px; }

div.wideColumn { padding: 13px 0px 0px 13px; width: 285px; float: left; }
div.wideColumn ul { list-style: none; margin: 0; padding: 0; }
div.wideColumn li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 1px 0px 1px 0px; }

div#footer a { color: #000; text-decoration: none; padding: 1px 3px 1px 0px; }
div#footer a:visited { color: #000; text-decoration: none; }
div#footer a:hover { background-color: #f62b00; background-image: url('../images/graphics/menu_background.gif'); background-repeat: repeat-x; color: #FFF; }
div#footer a:active { color: #CCC; }
/* END FOOTER RELATED SECTION */