/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iPad-Anywidth3.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* background bar - height - color - opacity - margin at bottom -indent padding-left */
/* change following to margin 0 0 5 0 which reduces height of container */

.menu {height:40px; background:#fff; opacity:0.4; margin: 0 0 5px 0; padding-left:0px;

/* -moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; */
}

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; position:relative;}
.menu > ul {float:left;}

.menu ul ul {position:absolute; left:-9999px;}
.menu > ul > li {float:left; display:block; position:relative;}

.menu ul ul {background:#fff; padding:10px 0; border:1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.menu > ul > li > ul {border-top:0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

/* padding-space between menu items */
.menu a {display:block; font:normal 14px verdana, arial, sans-serif; color:#777; line-height:25px; text-decoration:none;padding:7 10px 0 10px;}
.menu > ul > li > a {float:left; text-transform:uppercase; color:maroon; font-weight:medium;}
.menu ul ul li a {line-height:15px;}

.menu ul li:hover > ul {left:0; top:25px;}
.menu ul ul li:hover > ul {left:100%; top:auto; margin:-31px 0 0 -10px;}
.menu li.left:hover > ul {left:auto; right:0; top:25px;}
.menu li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin:-31px -10px 0 0;}

.menu li.left ul a {text-align:right; padding:0 15px 0 30px;}

/* background color and height when mouseover eg fff*/
.menu > ul li:hover > a {background-color:#edd1aa; height:30px;}
.menu ul ul li:hover > a,
.menu ul ul li:hover > a.fly {background-color:#f2f2f2; color:#000;}

.menu > ul > li.close {display:none; position:absolute; right:-10px; top:-22px; width:32px; height:32px; background:none;}

</style>body{  
   text-align:center; /*For IE6 Shenanigans*/  
}  
#wrapper{  
   width:960px;  
   margin:0 auto;  
   text-align:center;  
}  
  
#rotating-item-wrapper {
	position: relative;
	width: 300px;
	height: 200px;
}
  
a:link    { color: maroon; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

a:visited  { color: maroon; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

a:active  { color: maroon; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none  }

a:hover  { color: navy; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.dropcap  { color: #ffffff; font-size: 800%; font-style: italic; margin-top: -10; margin-right: 15px; float: left }

.titles { color: #666666; font-size: 30px; line-height: 32px; font-family: Times New Roman, georgia, serif; font-style: italic, oblique; text-decoration: none }

.subtitle { color: #C5483F; font-size: 22px; line-height: 28px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

.title { color: #666666; font-size: 18px; line-height: 20px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

.medium { color: #666666; font-size: 12px; line-height: 14px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

.price { color: #666666; font-size: 14px; line-height: 16px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

.thin { color: #666666; font-size: 14px; line-height: 16px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

h1 { color: #007CBA; font-size: 24px; line-height: 26px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

h3 { color: #007CBA; font-size: 14px; line-height: 18px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

h4 { color: #007CBA; font-size: 12px; line-height: 16px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

h1 { color: #007CBA; font-size: 24px; line-height: 26px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

h3 { color: #007CBA; font-size: 14px; line-height: 18px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

h4 { color: #007CBA; font-size: 12px; line-height: 16px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

li { color: #555; font-size: 11px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

p { color: #555; font-size: 11px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

td { color: #555; font-size: 11px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }

ul { color: #555; font-size: 11px; font-family: Verdana, arial, helvetica, sans-serif; text-decoration: none }