body{
	color: #CCCCCC;
}
body {
	background-color: #000000;
}
body {
font-family:Helvetica, Verdana, Arial, sans-serif;
}
/* ==== container ======================================================= */
#container {
	position:relative;
	top:20px;
	width:1000px;
	height:900px;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
}
/* ==== BOX containing LOGO, NAVBAR, CONTACT ======================= */
#head {
	position:absolute;
	left:146px;
	top:9px;
	width:823px;
	height:118px;
	z-index:1;
}
/* ==== imagebox ======================================================= */
#imagebox {
	position:absolute;
	left:145px;
	top:128px;
	width:736px;
	height:500px;
	z-index:2;
}
#imagebox2 {
	position:absolute;
	left:0px;
	top:129px;
	width:1024px;
	height:768px;
	z-index:2;
}
/*==== clients ===================================*/
#imagebox3 {
	position:absolute;
	top:400px;
	width:650px;
	height:150px;
	margin-top:0px;
	z-index:2;
}
#imagebox4 {
	position:absolute;
	left:500px;
	top:129px;
	width:420px;
	height:501px;
	z-index:2;
}
/* ==== bio ======================================================= */
#imagebox5 {
	position:absolute;
	left:170px;
	top:230px;
	width:300px;
	height:501px;
	z-index:2;
}
#imagebox6 {
	position:absolute;
	left:270px;
	top:230px;
	width:300px;
	height:501px;
	z-index:2;
}
#imagebox7 {
	position:absolute;
	left:150px;
	top:128px;
	width:675px;
	height:501px;
	z-index:2;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #cccccc;
}
#imagebox8 {
	position:absolute;
	left:250px;
	top:400px;
	width:675px;
	height:100px;
	z-index:2;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #cccccc;
}
/*=====panoramas=========*/
#imagebox9 {    /*image*/
	position:absolute;
	left:115px;
	top:128px;
	width:734px;
	height:325px;
	z-index:2;
}
#imagebox10 {   /*textbox*/
	position:absolute;
	left:115px;
	top:455px;
	width:734px;
	height:200px;
	z-index:2;
}
#imagebox11 {	/*request quote*/
	position:absolute;
	left:190px;
	top:110px;
	width:650px;
	height:650px;
	z-index:2;
	}

/* ==== logo ======================================================= */
#logo {
	position:absolute;
	left:-5px;
	top:-2px;
	width:250px;
	height:71px;
	z-index:1;
}
#bom {
	position:absolute;
	left:150px;
	top:350px;
	width:42px;
	height:40px;
	z-index:7;
}
#quote {
	position:absolute;
	left:575px;
	top:30px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	width: 200px;
	color:#F90;
	background-color: #000000; 
	text-decoration:none;
}
#quote
a:link {
	color: #f90:
}
#quote
a:visited {
	color: #f90;
}

#quote
a:hover {
	color: #CCCCCC;
	background-color: #000000;
}
/*======= navigation ===============================================*/
 #nav {
	margin:0px;
	padding:0px;
	position:absolute;
	top: 69px;
	display:block;
	background-color: #000000;
	color: #FFFFFF;
	height: 10px;
	width: 100%;
	margin-left:85px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	left: auto;
}
        
 #nav > li { 
 	list-style-type:none; 
	float:left; 
	display:block; 
	margin:0px; 
	position:relative; 
	padding:5px; 
	width:auto; 
}
  #nav > li:hover ul { display:inline;  color: #f90;}
  #nav > li:hover { color: #f90; }
  #nav li ul { margin:0px; padding:0px; display:none;   }
  #nav li ul li { list-style-type:none; }
  #nav li ul li a { 
  	text-decoration:none;
	display:inline; 
	padding:5px 10px; 
	width: 100px !important;
}
  #nav li ul li:hover a {color: #f90; }
  #nav a { color: #fff; text-decoration:none; outline:none; }
  #nav a:hover { color: #f90;}
		
	.subnav{ position:absolute;	top: 0px;	padding-top: 25px;left: -4px; }
	.subnav1{position:absolute; top: 0px;   padding-top: 25px;left: 50px; }
	.subnav2{position:absolute;	top: 0px;	padding-top: 25px;left: 120px; }
	.subnav3{position:absolute;	top: 0px;	padding-top: 25px;left: -4px; }
	.subnav4{position:absolute;	top: 0px;	padding-top: 25px;left: 80px; }

/*======= navigation2 =footer in 'index.html' only=====================================*/
div#nav2 {
	height: 10px;
	width: 100%;
	margin-left: 295px;
	border-top: solid #000 630px;
	border-bottom: solid #000 1px;
	background-color: #000000;
}

div#nav2 ul {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 30px;
	white-space: nowrap;
}

div#nav2 li {
	list-style-type: none;
	display: inline;
}

div#nav2 li a {
	text-decoration: none;
	padding: 5px 5px;
	color: #FFFFFF;
	outline:none;
}

div#nav2 li
a:link {
	color: #FFFFFF;
}
div#nav2 li
a:visited {
	color: #CCCCCC;
}
div#nav2 li
a:hover {
	color: #F90;
	background-color: #000000;
}
/*======= navigation3 =footer rest==============================================*/
div#nav3 {
	height: 10px;
	width: 100%;
	margin-left: 254px;
	border-top: solid #000 920px;
	border-bottom: solid #000 1px;
	background-color: #000000;
}

div#nav3 ul {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 32px;
	white-space: nowrap;
	display:inline-table;
	border:none;
}

div#nav3 li {
	list-style-type: none;
	display: inline;
}

div#nav3 li a {
	text-decoration: none;
	padding: 5px 5px;
	color: #FFFFFF;
	outline: none;
}

div#nav3 li
a:link {
	color: #FFFFFF;
}
div#nav3 li
a:visited {
	color: #CCCCCC;
}
div#nav3 li
a:hover {
	color: #F90;
	background-color: #000000;
}


.style3 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }
.style6 {font-family: Helvetica, Verdana, Arial,  sans-serif; font-size: 9px; }

/*========= navigation4 panoramas===========================*/
div#nav4 {
	height: 10px;
	width: 730px;
	margin-left: 0px;
	border-top: solid #000 12px;
	border-bottom: solid #000 1px;
	background-color: #000000;
	}
div#nav4 ul {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align:center;
	line-height: 30px;
	white-space: nowrap;
}

div#nav4 li {
	list-style-type: none;
	display: inline;
}

div#nav4 li a {
	text-decoration: none;
	padding: 5px 5px;
	color: #FFFFFF;
	outline:none;
}

div#nav4 li
a:link {
	color: #FFFFFF;
}
div#nav4 li
a:visited {
	color: #CCCCCC;
}
div#nav4 li
a:hover {
	color: #F90;
	background-color: #000000;
}
/*======= navigation5 =footer request quote==============================================*/
div#nav5 {
	height: 10px;
	width: 100%;
	margin-left: 225px;
	border-top: solid #000 925px;
	border-bottom: solid #000 1px;
	background-color: #000000;
}

div#nav5 ul {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 30px;
	white-space: nowrap;
}

div#nav5 li {
	list-style-type: none;
	display: inline;
}

div#nav5 li a {
	text-decoration: none;
	padding: 5px 5px;
	color: #FFFFFF;
	outline: none;
}

div#nav5 li
a:link {
	color: #FFFFFF;
}
div#nav5 li
a:visited {
	color: #CCCCCC;
}
div#nav5 li
a:hover {
	color: #F90;
	background-color: #000000;
}


.style3 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }
.style6 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 9px; }

/*======= navigation6 =footerinfo @ index==============================================*/
div#nav6 {
	height: 5px;
	width: 100%;
	margin-left: 250px;
	border-top: solid #000 30px;
	border-bottom: solid #000 1px;
	background-color: #000000;
}

div#nav6 ul {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 30px;
	white-space: nowrap;
}

div#nav6 li {
	list-style-type: none;
	display: inline;
}

div#nav6 li a {
	text-decoration: none;
	padding: 5px 5px;
	color: #FFFFFF;
	outline: none;
}

div#nav6 li
a:link {
	color: #FFFFFF;
}
div#nav6 li
a:visited {
	color: #CCCCCC;
}
div#nav6 li
a:hover {
	color: #F90;
	background-color: #000000;
}


.style3 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }
.style6 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 9px; }


/*======= navigation7 =footerinfo @ request ==============================================*/
div#nav7 {
	height: 5px;
	width: 100%;
	margin-left: 40px;
	border-top: solid #000 10px;
	border-bottom: solid #000 1px;
	background-color: #000000;
}

div#nav7 ul {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 30px;
	white-space: nowrap;
}

div#nav7 li {
	list-style-type: none;
	display: inline;
}

div#nav7 li a {
	text-decoration: none;
	padding: 5px 10px;
	color: #FFFFFF;
	outline: none;
}

div#nav7 li
a:link {
	color: #FFFFFF;
}
div#nav7 li
a:visited {
	color: #CCCCCC;
}
div#nav7 li
a:hover {
	color: #F90;
	background-color: #000000;
}


.style3 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }
.style6 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 9px; }
/*======= bio ===============================================*/
div#year {
	border-top: solid #000 0px;
	border-bottom:0px;
}

div#year ul {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FF9900;
	line-height: 30px;
	white-space: nowrap;
}

div#year li {
	list-style-type:bullet;
	
}

div#year li a {
	text-decoration: none;
	padding: 5px 5px;
	color: #FF9900;
}
div#bio {
	border-top: solid #000 0px;
	border-bottom:0px;
}

div#bio ul {
	margin: 0px;
	padding: 0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #cccccc;
	line-height: 30px;
	white-space: nowrap;
}

div#bio li {
	list-style-type: none;
	
}

div#bio li a {
	text-decoration: none;
	padding: 5px 5px;
	color: #FF9900;
}

.style3 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }
.style6 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 9px; }
/* ==== contact vincent de vries ======================================================= */
#contact {
	position:absolute;
	left:477px;
	top:43px;
	width:241px;
	height:37px;
	z-index:3;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
/* ==== TITLES ================================================================= */	 	
h1 { 
   font-size:120%;
   font-weight: bold;
   color:#cccccc;
   font-family: Helvetica, Verdana, Arial, sans-serif;
	}

h2 { 
   font-size:105%;
   color:#cccccc;
	}
	
h3 { 
   font-size:100%;
   text-align:center;
	}
  
h4 { 
   font-size:120%;
   color:#cccccc;
	}
h5 { 
   font-size:100%;
   color:#ff9900;
   font-family:Helvetica, Verdana, Arial, sans-serif;
	}
h6 { 
   font-size:12px; !important
   color:#cccccc;
   font-family:Helvetica, Verdana, Arial, sans-serif;
   font-weight:lighter;
   text-align:center;
   
	}
.style4 {font-family: Helvetica, Verdana, Arial, sans-serif}
.style6 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 9px; }
.style8 {font-size: 9px}
.style10 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
}
.style11 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px
}
.style15 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px
	color: #FF6600
}
.style12 {color: #FFFFFF}
#adsense {
	position:absolute;
	left:180px;
	top:660px;
	width:450px;
	height:30px;
	z-index:4;
}

</style>