*{margin:0;padding:0}
body{
	background:#333333 url("../images/bodybckgr.jpg") repeat-y;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:0.74em;

}
#top{
	height:96px;
	background:#8bb6ab;
}
#logoWrapper{
	width:319px;
	height:96px;
	background:#fff url("../images/logowrap.jpg") repeat-y;
	float:left;
}
#logo{
	float:left;
	height:96px;
	width:319px;
	
}
#logo h1{
	height: 96px;
	width:188px;
	text-indent: -5000px;
	background: url("../images/virdez_logo.png") no-repeat;
	cursor:pointer;
}
#title{
	margin:0 0 0 340px;
	width:640px;
	padding-top:44px;
}
#nextprev{
  float:left;
	margin:9px 0 0 0;
	height:28px;
	display:block;
	background:#333333;
}
#nextprev img{border:0}
#prevx{
	height:28px;
	width:57px;
	background:url(../images/np_prev_bck.gif) no-repeat;
	float:left;
}
#prevx{
	height:28px;
	width:57px;
	background:url(../images/np_prev_bck.gif) no-repeat;
	float:left;
}
#prevx span,#nxtx span{
display:none;
}
#prevx ul,#nxtx ul{padding:0;margin:0;list-style-type:none;}
#prevx ul li,#nxtx ul li{height:28px;width:57px;float:left;}
#prevx ul li a, #prevx ul li a:visited {
	height:28px;
	width:57px;
	float:left;
	display: block;
	background-image: url(../images/np_prev.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prevx ul li a:hover {
	background-image: url(../images/np_prev.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nxtx ul li a, #nxtx ul li a:visited {
	height:28px;
	width:57px;
	float:left;
	display: block;
	background-image: url(../images/np_nxt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nxtx ul li a:hover {
	background-image: url(../images/np_nxt.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#innp{
	height:18px;
	background:url(../images/np_bck.gif) repeat-x;
	font-size:0.98em;
	color:#8bb6ab;
	float:left;
	padding:10px 10px 0 10px;
}
#nxtx{
	height:28px;
	width:57px;
	background:url(../images/np_nxt_bck.gif) no-repeat;
	float:left;
}

#title h1{
	font-size:0.98em;
	font-weight:bold;
	text-transform:uppercase;
	color:#5e5e61;
}

#sidebar{
	float:left;
	width:319px;
	margin:16px 0 0 0;
	
}
#sidebar h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.98em;
	font-weight:bold;
	text-transform:uppercase;
	padding:12px 0 9px 188px;
	color:#666;
	background:url("../images/menuarrow.jpg") no-repeat;
	background-position:177px 15px;
}

.navcontainer ul {
	display:block;
	margin: 0;padding:0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.88em;
}
.navcontainer ul li {
	margin: 0;padding:0; display: inline; /* this gets rid of the gaps */
}
.navcontainer ul li a{
	display: block;
	padding: 3px 3px 3px 188px;
	margin:0 0 3px 0;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

.navcontainer a:link, .navlist a:visited {
	color: #999;
	text-decoration: none;
}


.navcontainer ul a:hover,.navcontainer #current{
	display:block;
	background-color: #8bb6ab;
	color: #000;
}
#content{
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 0 340px;
	width:640px;
	color:#999999;
}
#mainContent{width:367px;float:left;padding:28px 38px 25px 0}
#content h1{
	font-size:0.98em;
	font-weight:bold;
	text-transform:uppercase;
	color:#8bb6ab;
	padding-bottom:10px;
}
#content p {
	font-size:0.88em;
	line-height:20px;
	margin-bottom:20px;
}

#contentRightBlock{width:200px;float:left;padding:18px 25px 25px 0}

#contentRightBlock h1 {
	font-size:0.98em;
	font-weight:bold;
	text-transform:uppercase;
	color:#8bb6ab;
	padding:10px 0 0 0;

}
#contentRightBlock .url a {
	font-size:0.9em;
	font-weight:normal;
	color:#8bb6ab;
	padding:10px 0 10px 0;
	text-decoration:none;

}
#contentRightBlock .url a:hover {
	color:white;
	text-decoration:none;

}
#contentRightBlock .showcade-details {
	margin:10px 0;
	padding:10px;
	border-top:1px solid #8bb6ab;
	border-bottom:1px solid #8bb6ab;
}
#contentRightBlock .showcade-details ul  {
	font-size:0.9em;
	list-style-type:none;
}
#contentRightBlock .showcade-details ul li {
	height:18px;
	padding:2px 0 2px 0px;
	
}
#contentRightBlock .showcade-details ul li a{
	font-size:0.9em;height:12px;width:80px;display:block;
	border:1px solid #8bb6ab;
	color:#8bb6ab;
	padding:2px 4px;
	text-decoration:none;
}
#contentRightBlock .showcade-details ul li a:hover{color: #fff;}
#contentRightBlock .showcade-details ul li a.grey,a.grey{
	height:30px;
	font-size:0.9em;
	border:1px solid #8bb6ab;
	color:#8bb6ab;
	padding:2px 4px;
	text-decoration:none;
}
#contentRightBlock .showcade-details ul li a:hover.grey,a:hover.grey{
	height:30px;
	font-size:0.9em;
	border:1px solid #8bb6ab;
	color:#fff;
	padding:2px 4px;
	text-decoration:none;
}
.techlist {float:left;border:1px solid #8bb6ab;padding:2px 4px;margin:0 4px 4px 0;}
.techlist a{
	font-size:0.9em;
	line-height:0.9em;
	color:#8bb6ab;
	text-decoration:none;
	
}
.techlist a:hover{
	color:#fff;
	text-decoration:none;
	
}


#contentRightBlock .showcade-details ul li a:hover{
	font-size:0.9em;
	border:1px solid #8bb6ab;
	color: #fff;
	padding:2px 4px;
	text-decoration:none;
}

#contentRightBlock .rightNavcontainer ul {
	display:block;
	margin-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.88em;
}
#contentRightBlock .rightNavcontainer a{
	display: block;
	padding: 8px 6px;
}

#contentRightBlock .rightNavcontainer a:link, #contentRightBlock .rightNavcontainer a:visited {
	color: #999;
	text-decoration: none;
}
#contentRightBlock .rightNavcontainer li{
	padding:3px 0;
	margin-right:25px;
	border-bottom: 1px solid #8bb6ab;
}
#contentRightBlock .rightNavcontainer ul a:hover{
	display:block;
	color: #fff;
	background: #8bb6ab url("../images/rightmenuarrow.gif") no-repeat;
	background-position:175px 9px;

}
#portfolioContent{width:600px;float:left;padding:28px 25px 25px 0}

#portfolioContent .preview {
float:left;
width:600px;
display:block;
margin-bottom:25px;
}
#portfolioContent .preview img{
float:right;width:180px;height:90px;
}
#portfolioContent .thumb {
border-left:5px solid #FFFFFF;
border-right:5px solid #FFFFFF;
border-top:5px solid #FFFFFF;
border-bottom:5px solid #FFFFFF;
float:left;
margin:0 34px 0 50px;
}
#portfolioContent .emp {
margin:0 34px 0 50px;
border:5px solid #333;
}
#portfolioContent h1{
	font-size:0.88em;
	font-weight:bold;
	text-transform:uppercase;
	color:#8bb6ab;
	padding:0px 0 2px 0;
}
.contactveld{
	width:270px;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
	background:#666;
	border:1px solid #999;
	padding:0.2em 0 0.2em 0.2em;
	margin-bottom: 1em;
	color:#999999;
}
.tekstveld{
	width:370px;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
	background:#666;
	border:1px solid #999;
	padding:0.2em 0 0.2em 0.2em;
	margin-bottom: 1em;
	color:#999999;

}
.alert{
	width:352px;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
	background:#666;
	border:1px solid #999;
	padding:10px;;
	margin-bottom: 1em;
	color:#fff;
}
.crdiv{height:27px;width:25px;display:block;}
#contentRightBlock .rightNavcontainer #route a {padding:0;margin:0;border:0}
#contentRightBlock .rightNavcontainer #route img{border:0;}