/* Dani Design ---------------------------------
------------------------------------------------*/
@charset "UTF-8";
* {
	margin:0;
	padding:0;
	outline:none;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	}

body {
	background-color:#FFFFFF;
	background:url(../images/backgroundblue.jpg) repeat-x 0 0;
	}

h1 { color:#1EC5F6; }
h2 { color:#AAA; }

#bgSoon {background:url(../images/Background.jpg) repeat 0 0;}

.clear {
	clear:both;
	height:0;
	line-height:0px;
	}

.test1 {border:solid 2px #000000;} /* BLACK */
.test2 {border:solid 2px #66FF00;} /* GREEN */
.test3 {border:solid 2px #0099FF;} /* BLUE */
.test4 {border:solid 2px #FFFF00;} /* YELLOW */
.test5 {border:solid 2px #FF0000;} /* RED */
.test6 {border:solid 3px #FF9900;} /* ORANGE */


/* Wrapper -------------------------------------
------------------------------------------------*/
#wrapper {
	width:900px;
	background-repeat:no-repeat;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
	}


/* Logo ----------------------------------------
------------------------------------------------*/
#logoCommingSoon {
	width:800px;
	height:600px;
	}
	
#logo {
	float:left;
	width:450px;
	height:214px;
	}


/* Menu nav ------------------------------------
------------------------------------------------*/
#menu {
	margin-top:140px;
	float:right;
	width:440px;
	font-size:0.7em; /* 0.7em x 16px = 11,2px */
	color:#666;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	word-spacing:30px;
	}


/* Content -------------------------------------
------------------------------------------------*/
#content_centered {
	position:relative;
	float:left;
	height:450px;
	width:900px;
	overflow:hidden;
	}

#linkedlogos-container {
	float:left;
	width:900px;
	height:85px;
	}

#contentBox {
	position:relative;
	display:block;
	width:800px;
	height:400px;
	margin:2px 50px 2px 50px;
	background-color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:solid 1px #00CCFF; /* Blue */
	padding:10px;
	}

#leftBox {
	float:left;
	width:330px;
	margin:10px 10px 10px 20px;
	padding-top:22px;
	}

#rightBox {
	float:right;
	width:370px;
	margin:20px 20px 0 50px;
	padding:10px;
	}

#rightBoxPress {
	float:right;
	width:370px;
	color:#666;
	margin:20px 20px 0 50px;
	padding:10px;
	}

#rightBoxPress font { color:#000; }

#rightBoxContact {
	float:right;
	width:370px;
	margin:20px 20px 0 50px;
	background-color:#F4F4F4; /* Grey */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:solid 1px #00CCFF; /* Blue */
	padding:10px;
	}

#leftBox img,
#rightBox img {
	margin-top:15px;
	border:0;
	}





/* Footer -------------------------------------
------------------------------------------------*/
#footer {
	float:left;
	width:900px;
	font-size:0.6em; /* 0.5em x 16px = 8px */
	color:#666666;
	text-align:center;
	/*text-transform:uppercase;*/
	text-decoration:none;
	letter-spacing:2px;
	margin:40px 0 10px 0;
	}

a img {
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	}

a:link,a:visited {
	color:#666666;
	text-decoration:none;
	}
	
a:hover, a:active {
	color:#1EC5F6;
	text-decoration:none;
	}

.soononline.css {
	height:auto;
	width:auto;
	left:auto;
	top:auto;
	right:auto;
	bottom:auto;
	}

/*
#slideshow-container { 
	width:900px; 
	height:450px; 
	position:relative; 
	}
	
#slideshow-container img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	height: 450px;
	width: 900px;
}

*/
	
#linkedleft {
	width:300px;
	height:100px;
	float:left;
	position:relative;
	}
	
#linkedleft img {
	position:absolute;
	right:0%;
	}
	
#linkedmiddle {
	width:300px;
	height:100px;
	float:left;
	position:relative;
	}
	
#linkedmiddle img {
	position:absolute;
	left:42%;
	}
	
#linkedright {
	width:300px;
	height:100px;
	float:left;
	position:relative;
	}
	
#linkedright img {
	position:absolute;
	left:0%;
	}



/* easySlider ----------------------------------
------------------------------------------------*/
.graphic, #prevBtn, #nextBtn {
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}

#slider {overflow:hidden;}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	}

#slider li {
	width:900px;
	height:450px;
	overflow:hidden;
	}

#prevBtn, #nextBtn {
	position:absolute;
	display:block;
	width:60px;
	height:70px;
	top:80px;
	}

#prevBtn a, #nextBtn a {
	display:none; /* not clickeable set to 'none', otherwise use 'block' */
	width:60px;
	height:70px;
	/*background:url(../images/arrow_left.png) no-repeat 0 0;*/
	}

#nextBtn {left:840px;}

/*#nextBtn a {background:url(../images/arrow_right.png) no-repeat 0 0;}*/




/* jQuery Galleriffic plugin -------------------
------------------------------------------------*/
/* #container {
	position:relative;
	float:left;
	width:900px;
	height:450px;
	padding:20px;
	border:solid 1px #000; BLACK
	} */

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	float:left;
	width:350px;
	height:430px;
	display:none;
	margin:20px 120px 0 0;
	/* background:url(../images/8gr_paskamer.png) no-repeat 0 0; */
	}

div.content a, div.navigation a {
	text-decoration:none;
	color:#666666;  /* GREY */
	}

div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration:underline;
	}

div.controls {
	margin-top:5px;
	height:23px;
	}

div.controls a {padding:5px;}
div.ss-controls {float:left;}
div.nav-controls {float:right;}

div.slideshow-container {
	float:right;
	position:relative;
	width:300px;
	height:400px; /* This should be set to be at least the height of the largest image in the slideshow */
	clear:both;
	}

div.loader {
	position:absolute;
	top:0;
	left:0;
	background-image:url('../images/loader.gif');
	background-repeat:no-repeat;
	background-position:center;
	width:300px;
	height:400px; /* This should be set to be at least the height of the largest image in the slideshow */
	}

div.slideshow {}

div.slideshow span.image-wrapper {
	/* Big visual image box */
	position:relative;
	float:right;
	height:400px;
	width:350px;
	}

div.slideshow a.advance-link {
	width:400px;
	height:350px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align:center;
	position:relative;
	}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration:none;
	}

div.slideshow img {vertical-align:middle;}

div.caption-container {
	float:left;
	position:relative;
	width:400px;
	margin-top:10px;
	}

span.image-caption {
	position:relative;
	width:400px;
	display:block;
	top:0;
	left:0;
	}

div.caption {
	padding:20px;
	}

.imageTitle {
	font-weight:bold;
	font-size:1.4em;
	color:#00CCFF;
	}

.imageDescription {
	line-height:1em; /* 1em x 16px = 16px */
	padding-top:12px;
	padding-bottom:12px;
	}

div.navigation {
	/* The navigation style is set using jQuery (in the HTML header) so that the javascript specific styles will be applied unless javascript is disabled and this settings will be used. */
	float:left;
	display:inline-block;
	width:800px; /* Live = 400px */
	height:178px; /* Live = 178px */
	margin-top:20px;
	overflow:hidden;
	}

ul.thumbs {
	clear:both;
	margin:0;
	padding:0;
	}

ul.thumbs li {
	float:left;
	padding:0;
	list-style:none;
	height:133px;
	width:100px;
	margin:0;
	/* THIS WAS THE OLD SETTING margin:5px 10px 5px 0; */
	}

a.thumb {
	padding:2px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	}

ul.thumbs li.selected a.thumb {}

a.thumb:focus {outline:none;}

ul.thumbs img {border:none;}

div.pagination {clear:both;}

div.navigation div.top {
	height:25px;
	margin:0 0 20px 25px;
	}

div.navigation div.bottom {
	float:right;
	position:relative;
	display:inline-block;
	margin:12px 0 0 25px;
	}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	float:left;
	margin-right:2px;
	padding:4px 7px 2px 7px;
	}

div.pagination a:hover {text-decoration:none;}

div.pagination span.current {
	font-weight:bold;
	color:#00CCFF;
	text-decoration:underline;
	}

div.pagination span.ellipsis {
	border:none;
	padding:5px 0 3px 2px;
	}


/* Contact form elements -----------------------
------------------------------------------------*/

label {font-size:12px;}

form p {
	float:left;
	width:350px;
	text-align:right;
	margin:4px 0 4px 0;
	padding:5px 5px 5px 5px;
	/* -webkit-box-shadow:#AAA 0px 0px 3px; */
	background-color:#F4F4F4; /* Grey */
	/*
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-color:#FFF;
	border-right-color:#FFF;
	border-bottom-color:#FFF;
	border-left-color:#FFF;
	border-bottom-left-radius:5px 5px;
	border-bottom-right-radius:5px 5px;
	border-top-left-radius:5px 5px;
	border-top-right-radius:5px 5px;
	 */
	}

form p label {
	float:left;
	width:115px;
	color:#666; /* GREY */
	font-weight:bold;
	text-align:right;
	text-shadow:white 1px 1px 1px;
	line-height:25px;
	margin-right:10px;
	}

form input {
	float:left;
	width:200px;
	height:14px;
	display:block;
	background:#FFF; /* White */
	background-color:#FFF; /* White */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #DDD; /* Grey */
	padding:5px;
	/*
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-color:#DDD;
	border-right-color:#DDD;
	border-bottom-color:#DDD;
	border-left-color:#DDD;
	border-bottom-left-radius:3px 3px;
	border-bottom-right-radius:3px 3px;
	border-top-left-radius:3px 3px;
	border-top-right-radius:3px 3px;
	 */
	}
	
form textarea {
	float:left;
	width:200px;
	height:80px;
	display:block;
	background:#FFF; /* White */
	background-color:#FFF; /* White */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #DDD; /* Grey */
	padding:5px;
	}

form buttom, form #Submit {
	float:right;
	display:block;
	height:34px;
	color:white;
	font-size:16px;
	font-weight:bold;
	text-shadow:#777 0px 1px 1px; /* Grey shadow */
	padding:6px 10px 6px 10px;
	margin:5px 32px 0 0;
	-webkit-box-shadow:#AAA 0px 0px 3px; /* Grey border */
	background:#00CCFF; /* Blue */
	background-color:#00CCFF; /* Lagone blue */
	border:none;
	cursor:pointer;
	outline:none;
	/*
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	border-bottom-left-radius:10px 10px;
	border-bottom-right-radius:10px 10px;;
	border-top-left-radius:10px 10px;;
	border-top-right-radius:10px 10px;;
	 */
	}

#StoreSelect {
	width:220px;
	height:40px;
	color:#666;	/* GREY */
		/*font-style:normal;*/
		/*font-variant:small-caps;*/
		/*font-weight:bold;*/
		/*font-size:0.9em;  0.9em x 16px = 14,4px */
		/*line-height:2em;   1em x 16px = 16px */
		/*font-family:Arial,Helvetica,Sans-serif;*/
	font:normal normal bold 0.9em/1 Arial,Helvetica,Sans-serif;
	background-color:#F4F4F4;	/* Grey */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:solid 1px #00CCFF;	/* Lagone blue */
	padding:10px;
	}

.store {
	background-color:#F4F4F4;	/* Grey */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:solid 1px #00CCFF;	/* Lagone blue */
	padding:15px;
	margin-bottom:10px;
	}

.store li, #leftBox ul li {list-style-type:none;}