/* CSS RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
address, caption, cite, code, dfn, th, var, b {
	font-style:normal;
	font-weight:400;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:400;
}
q:before, q:after {
	content:'';
}
html {
	height:100%;
	font-size:62.5%;
}
.hidden {
	display:none;
}
/* CSS Document */
body {
	behavior: url("/csshover3.htc");
}
body {
	position:relative;
	height:100%;
	min-height:586px;
	font:1.2em/1.5em Georgia, "Times New Roman", Times, serif;
	color:#4f4f4f;
	height:100%;	
}
img {
	border:none;
}
#wrap {
	position:absolute;
	height:400px;
	top:164px;
	width:100%;
	overflow:visible;
	background:url("/assets/images/whereareulooking.jpg") no-repeat bottom;
	z-index:1;
}
.largescreen #wrap {
	top:60%;
	margin-top:-291px;
	*top:80%;		
}
.hasjs #wrap {
	position:fixed;
	overflow:hidden;
}
* html .hasjs #wrap {
	position:absolute;
	margin-top:4px;
 top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	height:592px;
}
.content {
	height:420px;
	width:10085px;
	overflow:visible;
	cursor: url("/asset/images/openhand.cur"), -moz-grab;
	top:20px;
}
#parallax {
	position:relative;
	overflow:hidden;
	width:100%;
	height:250px;
	z-index:-1;
}
.clear {
	display: inline-block;
}
/********* HEADER SETTINGS */
.header {
	width:100%;
	background:#000;
	height:69px;
	position:absolute;
	z-index:10;
}
.hasjs .header {
	position:absolute;
	top:115px;

}
* html .hasjs .header {
	top:540px;
	bottom:auto;
}
.header h1 a {
	position:absolute;
	text-indent:-9999px;
	height:49px;
	width:180px;
	background:url(/assets/images/headerlogo.gif) no-repeat 0 0;
	left:23px;
	top:15px;
	overflow:hidden;
}
.header h2 a {
	position:absolute;
	text-indent:-9999px;
	height:40px;
	width:150px;
	background:url(/assets/images/headerlogo1.gif) no-repeat 0 0;
	left:885px;
	top:15px;
	overflow:hidden;

}
.header ul {
	float:left;
	margin-top:26px;
	margin-left:200px;
	height:25px;
	line-height:30px;
}
* html .header ul {
	margin-left:95px;
}
.header ul a {
	float:left;
	margin-left:35px;
	color:#ffffff;
	line-height:1.1em;
	padding-top:0px;
}
.header ul li, .blogheader ul li {
	float:left;
	display:inline;
}
.header p a {
	float:none;
	margin-left:0;
	color:#fff;
	text-decoration:none;
}
body .header ul a:hover, body .header ul a:focus, .header p a:hover, .header p a:focus {
	border-bottom:1px solid #f1d644;
	color:#f1d644;
}
.foot p {
	font-size:10px;
	color:#fff;
	float:right;
	display:inline;
	line-height:15px;
	margin-left:27px;
	text-align:left;
	width:140px;
	margin-top:5px;
	background:url("/assets/images/description-leftline.gif") no-repeat 0 0;
	padding-left:25px;
	font-family:Verdana;
}
.header p.adr {
	padding-left:220px;
} /* Lars: 230px original */
.header form fieldset {
	position:absolute;
	right:30px;
	top:30px;
}
.header form input {
	border:0;
	width:183px;
	height:18px;
	line-height:18px;
	margin-right:8px;
	vertical-align:bottom;
	padding:2px;
}
.header form button {
	text-indent:-999px;
	border:0;
	background:url("../images/search.gif");
	width:62px;
	height:22px;
	overflow:hidden;
	cursor:pointer;
}
.header ul a {
	line-height:16px;
	text-decoration:none;
	border-bottom:1px solid #c75e18;
}
/********* CONTROLS SETTINGS */
.dragbutton {
	text-indent:-999999px;
	background:url("/assets/images/dragbg.png") no-repeat 0 -35px;
	width:35px;
	height:35px;
	cursor: url("/assets/images/openhand.cur"), -moz-grab;
	position:absolute;
	top:300px;
}
.dragbutton:hover, .dragbutton:focus {
	background-position:0 0;
}
.clickleft, .clickright {
	width:80px;
	display:block;
	text-decoration:none;
	line-height:606px;
	color:#eee;
	height:332px;
	font-weight:700;
	font-size:60px;
	text-align:center;
	position:absolute;
	top:19px;
	z-index:999;
	outline:none;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
* html .clickleft, * html .clickright {
	padding-top:4px;
	height:332px;
}
.clickright {
	right:0;
}
.clickright:focus, .clickleft:hover, .clickleft:focus, .clickright:hover {
	opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.box {
	float:left;
	width:408px;
	height:331px;
	background-color:#fff;
	overflow:hidden !important;
}
.box img {
	margin:9px;
}
.box .date {
	font-family:Arial, Helvetica, sans-serif;
	margin:9px;
	color:#666666;
	font-size:28px;
	font-weight:bold;
}
.box .info {
	font-family:Tahoma, Geneva, sans-serif;
	padding:9px 9px 0px 9px !important;
	color:#666666;
	font-size:11px;
}
h3 {
	margin: 10px 10px 0 10px;
	color:#FFF;
	font:18pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
}
.boxgrid {
	width: 386px;
	height: 320px;
	background:#ffffff;
	overflow: hidden;
	position: relative;
	float:left
}
.boxgrid img {
	margin:14px 0px 0px 14px;
	width: 386px;
	height: 314px;
	outline:4px solid #000;
}
.boxgrid img:hover {
	outline:4px solid #b62217;
}
.boxgrid p a {
	padding: 0 0px;
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
	text-decoration:none;
}
.boxgrid p a:hover {
	color:#fff;
}
.boxgrid p {
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption {
	left:14px;
	position: absolute;
	background: #000;
	height: 100px;
	width: 380px;
	opacity: .8;
	*top:320px;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#main {
	margin:auto;
}
#style-switcher li {
	padding-top:5px;
	float:left;
	padding-left:10px;
}
#style-switcher img {
	outline:1px solid #333;
}
#style-switcher img:hover {
	outline:1px solid #FFF;
}
.loadingpage {
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	font-size:16;
	left:40%;
	top:45%;
	background-color:#333;
	layer-background-color:white;
	z-index:999;
	color:#FFF;
	border:1px solid #666;
	padding:15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}
#website {
	overflow:hidden;
	float:left;
}
#multimedia {
	overflow:hidden;
	float:left;
}
#corporate {
	float:left;	
	overflow:hidden;
}
#shapedcd {
	float:left;	
	overflow:hidden;
}
#client {
	float:left;	
	overflow:hidden;
}
#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    z-index: 999;
    border: none;
}

/* Text below image */
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}