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

.slider {width: 100%; height: 90%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; right: 0;}

body { margin: 0px; width: 100%; height: 100%; min-width: 1350px !important; background: #fff;} 

#royalSlider1 {width: 100%; min-width: 1350px!important;}

#royalSlider2 {width: 100%; height: 401px !important; min-width: 1366px !important; background: #fff;}

#header {position: relative; z-index: 10;}

#logo {float:left; margin-left: 90px; margin-top: 25px;}

.slide {background: url('images/hero5.jpg') no-repeat;}

#nav {position: absolute; top:36px; left: 590px; height: 100%; width: 655px; border-top:1px solid #eee; border-bottom: 1px solid #eee; height: 30px; padding-left: 15px;}

#menu li {list-style-type: none; margin: 10px 18px 0 0; float:left; height: 15px;}

#menu li:hover {cursor: pointer; border-bottom: 1px solid #eee; padding-bottom: 4px;}

li span {display: none;}

#menu {display: inline; height: 25px; }

#men {background: url('images/navsprite.png') -8px -11px no-repeat; height: 15px; width: 34px; display: block;}

#men:hover {padding-bottom: 3px;background: url('images/navsprite.png') -8px -29px no-repeat;}

#mend {    position:absolute;  
    left:-999em;
	width: 650px;
	height: 170px;
	background: #fff; 
	padding: 20px 10px 0 10px;
	border: 1px solid #ccc;
	border-top: none; 
	overflow: hidden;
	-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;}
	
	#menu #m:hover #mend {  
    left:-1px; top: 30px;  }

#women {background: url('images/navsprite.png') -60px -11px no-repeat; height: 15px; width: 65px; display: block;}

#women:hover {background: url('images/navsprite.png') -60px -29px no-repeat;}

#womend {    position:absolute;  
    left:-999em;
	width: 650px;
	height: 170px;
	background: #fff; 
	padding: 20px 10px 0 10px;
	border: 1px solid #ccc;
	border-top: none; 
	overflow: hidden;
	-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;}

#menu #w:hover #womend {  
    left:-1px; top: 30px;  }

#children {background: url('images/navsprite.png') -142px -11px no-repeat; height: 15px; width: 73px; display: block;}

#children:hover {background: url('images/navsprite.png') -142px -29px no-repeat;}

#home {background: url('images/navsprite.png') -230px -11px no-repeat; height: 15px; width: 50px; display: block;}

#home:hover {background: url('images/navsprite.png') -230px -29px no-repeat;}

#gifts {background: url('images/navsprite.png') -296px -11px no-repeat; height: 15px; width: 46px; display: block;}

#gifts:hover {background: url('images/navsprite.png') -296px -29px no-repeat;}

#style {background: url('images/navsprite.png') -356px -11px no-repeat; height: 15px; width: 79px; display: block;}

#style:hover {background: url('images/navsprite.png') -356px -29px no-repeat;}

#gdl {background: url('images/navsprite.png') -451px -11px no-repeat; height: 15px; width: 177px; display: block;}

#gdl:hover {background: url('images/navsprite.png') -451px -29px no-repeat;}

a:visited, a {outline:none;}

.subbox {float: left; width: 310px; background: #000;  -webkit-transition: .3s ease-in-out opacity;
    -moz-transition: .3s ease-in-out opacity;
    -o-transition: .3s ease-in-out opacity;
    transition: .3s ease-in-out opacity; padding-top: 240px; text-align: center;}

.subbox:hover {opacity:.5; cursor: pointer;}

.subtext {font-family: Tahoma, Geneva, sans-serif; font-size: 9pt; padding: 5px 25px; line-height: 10.5pt; color: #171717;}

#main {height: 440px; background: #fff; width: 930px; padding-top: 950px; margin: 0px auto; border-bottom: 5px solid #ccc;}

@media only screen and (min-width: 1400px) {
	#main {
		padding-top: 1020px;
	}
}

@media only screen and (min-width: 1500px) {
	#main {
		padding-top: 1050px;
	}
}

@media only screen and (min-width: 1600px) {
	#main {
		padding-top: 1150px;
	}
}




@media only screen and (min-width: 1900px) {
	#main {
		padding-top: 1200px;
	}
}



#sub1 {background: url('images/box1.jpg') no-repeat; }

#sub2 {background: url('images/box2.jpg') no-repeat;}

#sub3 {background: url('images/box3.jpg') no-repeat;}

.subtitle{ font-family: 'Pinyon script', cursive; font-size: 18pt;}

#footer {height: 200px; width: 930px; padding-top: 0px; margin: 15px auto; }

.foot {height: 160px; width: 167px; float: left; font-family: Helvetica, Arial, sans-serif; color: #666; font-size: 8.5pt; border-right: 1px solid #ccc; padding: 0 9px; line-height: 13pt;}

.foot:last-child {border-right: none;}

.foottitle {font-weight: bold; line-height: 25px;}