@charset "UTF-8";
/* CSS Document */

html {
	margin: 0em;
	padding: 0em;
}
	
ol, ul {
	list-style: none;
	padding: 0;
}

a img {border: none; }

a:active { outline: none; }
	
body	{
	background-color: #F5F5F5;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	letter-spacing: .05em;
}

.center {
	position: relative;
	text-align: left;
	margin: 0em auto 0em auto;
	width: 68%;
	max-width: 72em;
	min-width: 300px;
	height: auto;
	background-color: #F5F5F5;
}

/*Header*/

#header {
    border-bottom: 4px solid #602B2B;
	background-color: #933A3A;
    top: 0em;
	left: 0em;
	right: 0em;
    position: fixed;
	height: auto;
	margin-bottom: 1em;
	padding-top: 2em;
    z-index: 200 !important;
	vertical-align:bottom;
	
}

#logo {
	float: left;
	margin-top: .5em;
	width: auto;
	height: auto;
	font-family: Monda, sans-serif;
	font-size: 1.8em;
	letter-spacing: .1em;
	line-height: 1em;
	color: #F5F5F5;
}

#logo span {
	font-size:.5em; 
	font-weight:700; 
	letter-spacing: 0em;
	line-height: .25em;
}

ul#menu	{
	display: block;
	float: right;
	vertical-align: bottom;
	width: auto;
	list-style: none;
	font-family: Monda, serif;
	font-size: 1em;
	overflow: hidden;
	margin: 0em;
	margin-top: .65em;
	padding: 0em;
}

ul#menu li {
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 0em;
	padding: .6em;
	color: #F5F5F5;
}

ul#menu li a {
	text-decoration: none;
	font-weight: bold;
	color: #F5F5F5;
}

ul#menu li a:hover {
	color: #E0C9C2;
}






/*slideshow */

#filmstrip_grey {
	background-color: #D1BFBF;
    top: 5em;
	left: 0em;
	right: 0em;
    position: fixed;
	height: 5em;
	z-index: 1;
}


#slideshow {
	position: relative;
	width: 70%;
	max-width: 75em;
	min-width: 300px;
	text-align: left;
	height: auto;
	margin: 12em auto 0em auto;
	background-color: #F5F5F5;
}

.description {
	border-top: 2px solid #933A3A;
	display:block;
	position: relative;
	height: auto;
	color: #333333 !important;
	width: 100%;
	margin-top: 1em;
	padding-top: 0px;
	}

.description h2	{
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-family: Monda, sans-serif;
	margin-top: .5em;
	color: #933A3A;
	}
	
.description h3	{
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-family: Monda, sans-serif;
	margin-top: 0em;
	color: #933A3A;
	}
	
.description p {
	font-size: 1em;
	padding-top: 10px;
	margin-top: 0px;
	}

.royalSlider,
.royalSlider .rsOverflow,
.royalSlider .rsSlide,
.royalSlider .rsVideoFrameHolder,
.royalSlider .rsThumbs {
    background: #F5F5F5 !important;
}

.royalSlider .rsThumbs {
	background: #D1BFBF !important;
	position: fixed;
	top: 6em;
	width: 68.5% !important;
	height: 4em !important;
	max-width: 75em;
	min-width: 300px;
	overflow: hidden;	
}

.royalSlider .rsNavItem {
	height: 4em !important;
	width: 4em !important;
}

.royalSlider .rsNavItem img, .royalSlider .rsNavSelected img {
	margin-top: 0px !important;
}


.rsNavSelected {
	background-color:#933A3A !important;
}


.royalSlider img {
    width: 100% !important;
    height: auto !important;
    margin: 10px auto !important;
}


/*screensize*/

@media only screen and (max-width:800px) { 

.center {
	width: 68%;
}

#logo {
	padding-right: 1em;
	padding-left: .4em;
}

#header {
	padding-top: 1em;
}

ul#menu	{
	display: inline-block;
	float: left;
	font-size: .7em;
	margin-top: 0;
	margin-right: 10em;
}

.description h2	{
	font-weight: 700;
	font-size: 16px;

}
}

@media only screen and (max-width: 500px) {



}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
/* Styles */

.center {
	width: 90%;
}

#logo {
	font-size: 1.75em;
	width: auto;
	margin: 0px;
	padding: 0px;
}
	

ul#menu	{
	font-size: .7em;
	margin-top:.5em;
	margin-bottom:.5em;
	padding-right: 0px;
}

.royalSlider .rsThumbs {
	top: 6em;
	height: 3em !important;
	width: 90%;
}

.royalSlider .rsNavItem {
	height: 3em !important;
	width: 3em !important;
}

#filmstrip_grey {
	height: 4em;
}

.rsArrow {
	visibility:hidden;
}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
/* Styles */

.center { 
	width: 95%;
}

#header {
	display: none;
}

/*#logo {
	font-size: 1.75em;
	line-height: .25em;
	width: auto;
	margin: 0;
	padding: 0;
}

ul#menu	{
	display: block;
	float: right;
	font-size: .7em;
	line-height: .25em;
	margin-top: 0px;
	margin-bottom:.75em;
}*/

.royalSlider .rsThumbs {
	top: 0em;
	height: 3em !important;
	width: 75% !important;
}

.royalSlider .rsNavItem {
	height: 3em !important;
	width: 3em !important;
}

#filmstrip_grey {
	top: 0em;
	height: 3em;
}

.rsArrow {
	visibility:hidden;
}

#slideshow {
	margin-top: 3em;
	width: 75%;
}

.description {
	display: none;
}




}


/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */

.center {
	width: 90%;
}

ul#homeicons {
	max-width: 90%;
	width: 33em;
}
}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}