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

*{
padding:0;
margin:0;
}

html{
height:100%;
}
body{
	background:#d90e5d url(images/bg.jpg) repeat-x;
	height:100%;
}

.clear{
clear:both;
}
a{color:#000000;
	text-decoration:none;
	}

a:hover{color:#666;}

a img{
	border:none;

}

h1{
color:#666666;

}
/* ----------------------------------------------------------------------------------------------------------------- */

/* CSS Drop Down Menu */
#menu{
width:665px;
margin: 0px auto;
float:left;
height:auto;
position:relative;
color:#faf0a3;
}


#menu a, #menu h2{
font: 16px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;

}

#menu h2{
color:#fff;
text-transform:uppercase
}

#menu ul  li a{
text-decoration:none;
color:#faf0a3;
}

 ul li#first, ul li#second, li#third, li#fourth{
width:80%;

}

#menu ul li#first a, #menu ul li#second a#two, #menu li#third a, #menu li#fourth a{
height:33px;
padding:20px 5px 5px 5px;
text-align:center;

}


#menu a, #menu a:visited{
color:#fff;
}

#menu a:hover{
color:#121f38;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu a:active{
color:#444;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu li a.active{
color:#121f38;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em;
position:relative;
top:50px;

}

#menu li{
position:relative;
}

#menu li ul a{
color:#121f38;
border:1px solid #121f38;
padding:2px 1px;



}

#menu li ul li{
background:transparent url(images/nav-bg-active.jpg) repeat-x;


}

#menu li ul li a:hover{
background:#121f38;
color:#fff;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu a.x:hover{
color:#a00;
background:transparent url(images/nav-bg-active.jpg) repeat-x;}

#menu a.x:active{
color:#060;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}





/* ----------------------------------------------------------------------------------------------------------------- */

#wrapper
{
	width:1010px;
	height:100%;
	margin:0px auto;
	background:transparent;

}



#wrapper2
{
	width:500px;
	height:100%;
	margin:0px auto;
	background:#fff url(images/liv.jpg) no-repeat;

}

#header
{
	width:100%;
	height:124px;
	margin:0px auto;
	background:transparent url(images/header.jpg) no-repeat;

}

#header2
{
	width:100%;
	height:124px;
	margin:0px auto;
	background:transparent url(images/header2.jpg) no-repeat;

}

#content
{
	width:100%;
	height:100%;
	margin:0px auto;
	background:transparent url(images/content.jpg) no-repeat;
}

#contentHome
{
	width:100%;
	height:710px;
	margin:0px auto;
	background:transparent url(images/content.jpg) no-repeat;
}


#logo
{
width:330px;
height:124px;
float:left;
}

#logo2
{
width:330px;
height:100px;
float:left;
}

object{
	position:relative;
}

#left
{
	width:189px;
	height:600px;
	float:left;
	z-index:3;
}

#middle{
	
	margin:0px auto;
	float:left;
	z-index:1;	
	background:transparent;
width:511px;
height:512px;
margin-top:20px;
}

#right
{
	width:189px;
	height:600px;
	float:left;
	z-index:5;
	}

/* -----------------------------------Buttons------------------------------------------------------ */

/* Left and Right Buttons UL*/




ul.buttons#b1{
position:relative;
top:20px;
list-style-type:none;
left:80px;
}

ul.buttons#b1 img{
margin-bottom:-10px;
}



ul.buttons#b2{
position:relative;
left:65px;
top:30px;
list-style-type:none;
}

ul.buttons#b2 img#riva{
margin-bottom:-8px;
}

ul.buttons#b2 li{
margin-bottom:-8px;
}

/*interactive buttons*/

#collect{
width:189px;
	height:184px;
	background:transparent url(images/placeholder.gif) no-repeat;

}




ul.buttons#b2 li#collections{
width:200px;
	height:198px;
	background:transparent url(images/placeholder.gif) no-repeat;
	font-size:15px;
	text-align:center;
	}
	
	ul.buttons#b2 li#collections a, h6{
		width:58%;
		margin:0px auto;
		color:#faf0a3;
	}
	
	ul.buttons#b2 li#collections a:hover{
	color:#fff;
	}
	
	ul.buttons#b2 li#collections h6{
	padding-top:50px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #aaa;
	text-align:center;
	}
	
	ul.buttons#b2 li#sizes{
width:200px;
	height:198px;
	background:transparent url(images/placeholder.gif) no-repeat;
	}
	
	ul.buttons#b2 li#sizes h6{
	padding-top:80px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #aaa;
	text-align:center;
	}
	
	ul.buttons#b2 li#sizes a{
		width:60%;
		margin:0px auto;
		color:#faf0a3;
		font-size:15px;
	text-align:center;
	}
	
	ul.buttons#b2 li#sizes a:hover{
	color:#fff;
	}



ul.buttons#b2 a img{
	border:none;
}

ul.buttons#b2 a{
	width:189px;
	hieght:184px;
	display:block;
}

ul.buttons a:hover{
	color:#555;
}







/* -----------------------------------Footer------------------------------------------------------ */

#disclaimer{
font-size:13px;
color:#000033;
width:45%;
float:right;
position:relative;
wordspacing:5px;
}

#disclaimer a:hover{
color:#fff;

}


#footer {
	width:100%;
	height:189px;
	background:transparent url(images/footer.jpg) no-repeat;
	clear:both;

}

#music{
opacity:0.2;
height:20%;
}
embed{
width:100%;
}

/* -----------------------------------Interior Pages------------------------------------------------------ */

#swirls{
	width:1010px;
	height:100%;
	background:transparent url(images/swirls.png) no-repeat;
	margin:0px auto;
	
}

#interior
{
	width:700px;
	height:100%;
	clear:both;
	margin:0px auto;
	position:relative;
	
}

#interior-header{
width:100%;
height:100px;

}

#insideLogo a{
margin:0px auto;
}

#insideLogo a img{
z-index:6;
}


#interior-content{
width:100%;
height:100%;
clear:both;
background:#fff url(images/interior.jpg) no-repeat bottom right;
border:4px solid #0e172a;
}

#interior-content div{
}


#inside-left{
float:left;
width:25%;
height:99%;
background-color:#0e172a;
padding-top:15px;
color:#ccc;
}

#inside-left ul{
position:relative;
left:20px;
top:20px;

}

#inside-left li{
	list-style-type:none;

}

#inside-left a, p, h5{
color:#ccc;
}

#inside-left a:hover{
color:#fff;
}

#inside-right{
float:left;
width:75%;
height:20%;
}

#inside-right h1, p{
padding:25px 30px;
}

/*Samoles*/
#samples{
	width:90%;
	height:auto;
	margin:0px auto;
}

#samples li{
	display:inline;
	padding:0;
}

/* -----------------------------------Locator Table------------------------------------------------------ */


#tableHolder{
	width:100%;
	height:100%;
	background-color:#fff;
	border:4px solid #0e172a;

}

#tableHolder h1{
	font-size:20px;
	width:90%;
margin:0px auto 10px auto;
padding-top:50px;
}


ul#state1 {
width:90%;
margin:0px auto;
border-bottom:1px solid #ccc;
}
ul#state1 li{
	display:inline;
	padding:3px;
}

ul#state1 li a{
color:#888;
}
ul#state1 li a:hover{
color:#333;
}


#locations{
background:#fff;
border:none;
width:100%;
margin:0px auto;
color:#444;
padding:30px;
}

#locations td{
font-size:13px;
height:20px;
border-bottom: 1px solid #ccc;
}

#locations tr{
}

td:first-child {
border:none;
padding:10px;

} 

tr.jump {
border:none;
background-color:#eee;

}

tr.jump td:first-child{
border:none;
text-transform:uppercase;
font-weight:bold;
}

tr.jump td:first-child a{
	font-size:16px;
	color:#666666;
}

tr.jump td:first-child a:hover{
color:#666666;
}

tr.back{
	background-color:#fffff;
	
}

tr.back a{
	float:right;
	font-weight:normal;
	font-size:11px;
}



/* -----------------------------------Interior Pages Menu------------------------------------------------------ */

/* ----------------------------------------------------------------------------------------------------------------- */

/* CSS Drop Down Menu */
#menu-inside{
width:100%;
margin: 0px auto;
float:right;
height:30px;
position:relative;
background:#0a1a36;
}


#menu-inside a, #menu-inside h2{
font: 16px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;

}

#menu-inside h2{
color:#fff;
text-transform:uppercase
}

#menu-inside ul  li a{
text-decoration:none;
color:#fff;
}

 ul li#first, ul li#second, li#third, li#fourth{
width:80%;

}

#menu-inside ul li#first a, ul li#second a, li#third a, li#fourth a{
height:20px;
padding:4px 5px 5px 5px;
text-align:center;

}


#menu-inside a, #menu-insidea:visited{
color:#fff;
}

#menu-inside a:hover{
color:#121f38;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu-inside a:active{
color:#444;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu-inside li a.active{
color:#121f38;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu-inside ul{
list-style:none;
margin:0;
float:right;
width:9em;
}

#menu-inside li{
position:relative;
}

#menu-inside li ul a{
position:relative;
color:#121f38;
border:1px solid #121f38;
height:10px;
padding:5px 5px 10px 5px;

}

#menu-inside li ul li{
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu-inside li ul li a:hover{
background:#121f38;
color:#fff;
}

#menu-inside ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu-inside ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu-inside h2:hover{
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

div#menu-inside li:hover{
cursor:pointer;
z-index:100;
}

div#menu-inside li:hover ul ul,
div#menu-inside li li:hover ul ul,
div#menu-inside li li li:hover ul ul,
div#menu-inside li li li li:hover ul ul
{display:none;}

div#menu-inside li:hover ul,
div#menu-inside li li:hover ul,
div#menu-inside li li li:hover ul,
div#menu-inside li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu-inside a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}

#menu-inside a.x:hover{
color:#a00;
background:transparent url(images/nav-bg-active.jpg) repeat-x;}

#menu-inside a.x:active{
color:#060;
background:transparent url(images/nav-bg-active.jpg) repeat-x;
}



#shoe{
width:710px;
height:600px;
margin:0px auto;
background:#fff;
border:2px solid #222;
}

p#closeWindow{
	font-size:12px;
	color:#444;
	width:80%;
}

#display{
width:429px;
height:100%;
float:left;
}

#displayText{
width:240px;
height:650;
float:left;
color:#444;
padding-top:20px;
}

#displayText h3{
width:74%;
margin:0px auto;
font-size:16px;
border-bottom:1px solid #333;
margin-bottom:-15px;

}

#displayText p{
width:74%;
margin:0px auto;
margin-bottom:-5px;
}

#displayText p#description{
width:90%;
border:none;
margin:0px auto;
font-size:12px;
}

p#close{
	color:#666666;
	font-size:10px;

}


#contact{
width:50%;
height:80%;
float:left;
border-right:1px solid #ccc;
}
#contact h3,p,h2{
width:80%;
margin:0px auto;
}

#contact h3{
	border-bottom:1px dotted #555;
	margin-top:50px;
}

#contact p{
	margin-bottom:-50px;
	font-size:14px;
}

#contactPic{
width:45%;
height:80%;
float:left;
}
#contactPic img{
margin-left:20px;
border:2px solid #444;

}
/* ----------------------------------------------------------------------------------------------------------------- */
object#banner{
position:relative;
margin:0px auto;
left:75px;

}