/*

Please if you make any customizations of this template just write your styles here. This file is called last so it will override all other styles for that element.

If you keep your customizations all updates to the styles of this template will be hassle-free for you.

You've been warned :)

*/


html, body{

/* LIGHT BACKGROUNDS */

/*	background: #acacac url(images/backgrounds/latex.jpg) top center no-repeat;
	background: #f3eeec url(images/backgrounds/aquarelle.jpg) top center no-repeat; 
	background: #d7d7d7 url(images/backgrounds/striped.jpg) top center no-repeat;
	background: #9d5e3b url(images/backgrounds/wood.jpg) top center no-repeat;  */
	
/* DARK BACKGROUNDS */

/*	background: #463f3b url(images/backgrounds/wood_dark.jpg) top center no-repeat;   */

/* STRIPE BACKGROUNDS */

/*	background: #d8d8d8 url(images/backgrounds/stripe_violet.jpg) top left repeat-x; 
	background: #d8d8d8 url(images/backgrounds/stripe_blue.jpg) top left repeat-x; 
	background: #d8d8d8 url(images/backgrounds/stripe_green.jpg) top left repeat-x; 
	background: #d8d8d8 url(images/backgrounds/stripe_red.jpg) top left repeat-x; 
	background: #d8d8d8 url(images/backgrounds/stripe_pink.jpg) top left repeat-x; 
	background: #d8d8d8 url(images/backgrounds/stripe_yellow.jpg) top left repeat-x; 
	background: #d8d8d8 url(images/backgrounds/stripe_gray.jpg) top left repeat-x;  */
}

#slide1{
	background: url(wp-content/uploads/2010/07/da_01.png) top center no-repeat;
	height: 400px;
	padding: 0 42px 0 42px;
	border: 4px solid #fff;
	-moz-border-radius: 4ppx 4px 4px 4px;
	-webkit-border-radius: 4ppx 4px 4px 4px;
	border-radius: 4ppx 4px 4px 4px;
}
#slide2{
	height: 400px;
	padding: 0 42px 0 42px;
	border: 4px solid #fff;
	-moz-border-radius: 4ppx 4px 4px 4px;
	-webkit-border-radius: 4ppx 4px 4px 4px;
	border-radius: 4ppx 4px 4px 4px;
	background-image: url(wp-content/uploads/2010/07/da_02.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#slide3{
	background: url(wp-content/uploads/2010/07/da_03.png) top center no-repeat;
	height: 400px;
	padding: 0 42px 0 42px;
	border: 4px solid #fff;
	-moz-border-radius: 4ppx 4px 4px 4px;
	-webkit-border-radius: 4ppx 4px 4px 4px;
	border-radius: 4ppx 4px 4px 4px;
}
#slide4{
	background: url(wp-content/uploads/2010/07/da_04.png) top center no-repeat;
	height: 400px;
	padding: 0 42px 0 42px;
	border: 4px solid #fff;
	-moz-border-radius: 4ppx 4px 4px 4px;
	-webkit-border-radius: 4ppx 4px 4px 4px;
	border-radius: 4ppx 4px 4px 4px;
}
#slide5{
	background: url(wp-content/uploads/2010/07/da_02.png) top center no-repeat;
	height: 400px;
	padding: 0 42px 0 42px;
	border: 4px solid #fff;
	-moz-border-radius: 4ppx 4px 4px 4px;
	-webkit-border-radius: 4ppx 4px 4px 4px;
	border-radius: 4ppx 4px 4px 4px;
}
#slide6{
	background: url(wp-content/uploads/2010/07/da_03.png) top center no-repeat;
	height: 400px;
	padding: 0 42px 0 42px;
	border: 4px solid #fff;
	-moz-border-radius: 4ppx 4px 4px 4px;
	-webkit-border-radius: 4ppx 4px 4px 4px;
	border-radius: 4ppx 4px 4px 4px;
}
#header{
	position: relative;
}
#styleswitcher{

	position: absolute;
	top: 32px;
	left: 0;
	display: block;
	width: 205px;
	background: #AFAFAF;
	list-style: none;
	list-style-position:inside;
	border: 1px solid #8D8B8B;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0px 2px 4px #aba9a9;
	-webkit-box-shadow: 0px 2px 4px #aba9a9;
	box-shadow: 0px 2px 4px #aba9a9;	background: #AFAFAF;
	border: 1px solid #8D8B8B;
	z-index: 40;
	color: #fff;
	display: none;
}
#styleswitcher h3{
	margin: 20px 0 10px 0;
}
#styleswitcher div{
	margin: 0 0 10px 0;
	background: #fff;
	color: #444;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 20px 25px 25px 25px;
	background: -moz-linear-gradient(bottom, #FFF, #ebebeb);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFF), to(#ebebeb));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebebeb', EndColorStr='#FFFFFF'); /* IE6,IE7 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebebeb', EndColorStr='#FFFFFF')"; /* IE8 only */
}
#styleswitcher h3{
	color: #444;
}
#styleswitcher label{
	display:block;
}
#styleswitcher select{
	display: block;
	margin: 0 0 20px 0;
}
