@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}

body { 
	font-size:62.5%;
	font-family:Arial,Helvetica, Verdana;
	background-color:#9e9fa1;
	background-image:url(../images/bg_grad.gif);
	background-repeat: repeat-x; 
}

#container {
	position:absolute;
	width:962px;
	margin-left:-481px;
	left:50%;
}
  #container #top {
	  position:absolute;
	  height:124px;
	  width:100%;
	  top:0px;
	  background-image:url(../images/topBG.jpg);
	  background-repeat:no-repeat;
	  background-position:top center;
	}
    #container #top #menu {
	    margin-top:75px;
	    position:absolute;
	    text-align:center;
	    width:660px;
	    text-align:center;
	    left:50%;
	    margin-left:-330px;
	  }
	    #container #top #menu ul {
	      list-style:none;
	    }
				#container #top #menu ul li {
				  font-size:1.1em;
				  display:inline;
				}
				
				#container #top #menu ul li a {
				  display:block;
				  float:left;
				  padding-left:31px;
				  padding-right:31px;
				  padding-top:4px;
				  padding-bottom:5px;
				  text-decoration:none;
				  color:#FFFFFF;
				}
				#container #top #menu ul li a:hover {
		      background-color:#000000;
		      background-image:url(../images/menuBG_hover.jpg);
		      color:#FFFFFF;
		    }
	    
	#container #main {
		margin-top:124px;
	  width:100%;
	  background-image:url(../images/mainBgsidebars.gif);
    background-repeat:repeat-y;
	}
	  #container #main #mainBg {
	    margin-left:7px;
	    width:945px;
	    background-color:#FFFFFF;
		  background-image:url(../images/main_grad.jpg);
      background-repeat:repeat-x;
	  }
	  #container #main #mainBg #sideBarLeft {
	    position:absolute;
	    left:13px;
	    top:125px;
	    width:172px;
	    padding-left:15px;
	    padding-right:15px;
	    padding-top:6px;
	    float:left;
	    background-color:#FFFFFF;
	    height:400px;
	    background-image:url(../images/roundEdgeLeft.jpg);
      background-repeat:no-repeat;
	  }
	  #container #main #mainBg #content {
	    width:475px;
	    float:left;
	    padding-left:225px;
	    padding-right:15px;
	    min-height:400px;
	    padding-bottom:15px;
    }
		  #container #main #mainBg #demo {
		
	    width:915px;
	    float:left;
		padding-left:15px;
	    padding-right:0px;
	    min-height:400px;
	    padding-bottom:15px;
    }
    #container #main #mainBg #content2 {
      width:677px;
      float:left;
      padding-left:28px;
      padding-right:15px;
      min-height:400px;
      padding-bottom:15px;
    }
    #container #main #mainBg #content3 {
      width:677px;
      float:left;
      padding-left:90px;
      padding-right:15px;
      min-height:400px;
      padding-bottom:15px;
    }
	  #container #main #mainBg #sideBarRight {
      float:left;
      width:188px;
      padding-left:15px;
      padding-right:15px;
      padding-top:6px;
      background-color:#FFFFFF;
      min-height:400px;
      background-image:url(../images/roundEdgeRight.jpg);
      background-repeat:no-repeat;
    }
	 
	 
	#container #bottom {
		width:100%;
		height:35px;
		text-align:center;
	  background-image:url(../images/bg_footer.jpg);
	  background-repeat:no-repeat;
	  padding-top:8px;
	}
		#container #bottom p {
	    font-size:1.1em;
	    color:#FFFFFF;
	  }
			#container #bottom p a {
			  padding-left:5px;
			  padding-right:5px;
			  text-decoration:none;
			  color:#FFFFFF;
			}
			#container #bottom p a:hover {
		    text-decoration:underline;
		  }

#endContent {
  clear:both;
  display:block;
}
.clearB {
  clear:both;
}


.content h1 {
	color:#002e5f;
  font-size:1.8em;
  margin-bottom:5px;
}
.content h2 {
	color:#002e5f;
  font-size:1.3em;
  margin-bottom:5px;
}
.content h3 {
	color:#002e5f;
	font-size:1.3em;
	margin-bottom:5px;
}
.content p {
	font-size:1.1em;
	margin-bottom:15px;
	line-height:1.6em;
}

#sideBarRight h1, #sideBarLeft h1 {
  color: #27a5c8;
  font-size:1.4em;	
  margin-bottom:10px;
}
#sideBarRight p, #sideBarLeft p {
  font-size:1.1em;  
  margin-bottom:10px;
}

#sideBarRight ul, #sideBarLeft ul {
  list-style:none;
  margin-bottom:10px;
}
#sideBarRight ul li, #sideBarLeft ul li {
	font-size:1.1em;
	padding-top:2px;
	padding-bottom:2px;
	color:#002e5f;
}

#content .quote {
  width:100%;	
}
#content .quote .logo {
  float:left;
  margin-right:10px;
}
#content .quote .text {
	width:300px;
	padding-right:20px;
	float:left;
	background-image:url(../images/atsluiten.jpg);
  background-repeat:no-repeat;
  background-position:right bottom;
}
  #content .quoteOpen {
    float:left;
    width:40px;
    height:40px;
    background-image:url(../images/atopen.jpg);
    background-repeat:no-repeat;
  }
	#content .quote .text h1 {
		color: #27a5c8;
	  font-size:1.8em;
	}
	#content .quote .text p {
	  color: #c7c7c7;
	  font-size:1.1em;
	  font-weight:bold;
	  margin-top:-4px;
	}
	
.center {
	text-align:center;
}


.button  {
	height:32px;
	display:block;
}
	.button a {
	  text-decoration:none;
	  color:#7f7f7f;
	  cursor:pointer;
	  font-weight:bold;
	}
		.button a .buttonLeft {
			width:10px;
			height:25px;
			display:block;
			float:left;
			background-image:url(../images/buttonPartLeft.jpg);
			background-repeat:no-repeat;
		}
		
		.button a .buttonTxt {
			display:block;
		  float:left;	
			height:20px;
			padding-top:5px;
			background-image:url(../images/buttonBgStretch.jpg);
		  background-repeat:repeat-x;
		}
		.button a .buttonRight {
		  width:25px;
		  height:25px;
		  display:block;
		  float:left;
		  background-image:url(../images/buttonPartRight.jpg);
		  background-repeat:no-repeat;
		}
		
.noBorder {
  border:none;
}
.cRed {
  color:#FF0000;
}
.cDarkBlue {
  color:#002e5f;
}
.cCyan {
  color:#27a5c8;
}

#submenu {
	 padding-top:5px;
	 display:block;
	 width:100%;
	 height:50px;
	 text-align:center;
	 font-size:1.3em;
}
#submenu img {
	position:absolute;
	margin-top:-3px;
}
#submenu a {
	text-decoration:none;
	color:#7f7f7f;
	font-weight:bold;
	padding-left:16px;
	padding-right:16px;
}
#submenu a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}

form label {
	width:100px;
	float:left;
	clear:left;
	padding-top:5px;
}
form input {
  margin-top:5px;
}

.floatL {
	float:left;
}
.clearR {
  clear:right;
}
.clearL {
  clear:left;
}
.hoverMenu {
  display:block;
  width:150px;
  height:15px;
  float:left;
  clear:left;
  color:#002e5f;
}
.hoverMenu:hover {
  display:block;
  width:150px;
  color:#FFFFFF;
  background-color:#002e5f;
}

.portfolioList {
	display:block;
	float:left;
	padding: 2px;
	width:184px;
	height:25px;
	margin-right:10px;
	margin-top:12px;
}
.portfolioList img{
  border: 1px solid #29497a;
}
#content ul {
  margin-left:15px;
}

#content ul li {
  font-size:1.1em;
  line-height:1.6em;
}