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

body{margin:0; padding:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9pt;}
h1{font-size:14pt; font-weight:bold; color:#FFFF00;}
.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}

/*header*/
.header{background-color:#4E0908; height:100px; margin:0; padding:0; width:100%; min-width:1000px;}
.logo{float:left; background:url(../images/logo.png) no-repeat; width:430px; height:100px;}
.logo h1{font-size:18pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding:30px 0 10px 30px;}
.searchline{background-color:#d4340c; border-bottom:1px solid #701615; width:100%; height:auto; padding:10px 0 10px 0; margin-top:-10px;}
.searchform label{font-size:10pt; font-weight:bold; float:left; color:#FFFFFF; padding-right:10px; padding-left:30px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.searchform input[type="text"]{width:300px; border:1px solid #701615; float:left; font-weight:bold; font-size:11pt;}
.searchform input.button{background:url(../images/arrow.gif) no-repeat; float:left; margin-left:10px; width:25px; height:23px;}
.searchform a{font-size:10pt; color:#FFFF00; text-decoration:underline; padding-left:10px;}
.searchform a:hover{color:#FFFFFF;}
.usermenu{float:right; margin-right:10px; margin-top:-25px; color:#FFFF00; background-color:#D4340C;}
.usermenu ul{ list-style:none;}
.usermenu li{float:left;}
.usermenu li a{float:left; display:block; color:#FFFF00; text-decoration:none; font-weight:normal; font-size:9pt; padding:0 15px; text-align:center; cursor:pointer;}
.usermenu li a:hover{color:#FFFFFF;}

/*Main Menu*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.glossymenu{position: relative; padding: 0 ; margin: 0 auto 0 auto; background: url(../images/menur_bg.gif) repeat-x; height: 46px; list-style: none;}
.glossymenu li{float:left;}
.glossymenu li a{float: left;display: block;color:#fff;text-decoration: none; font-family: sans-serif; font-size: 10pt; font-weight: bold; padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/ height: 46px; line-height: 46px; text-align: center;cursor: pointer;}
.glossymenu li a b{float: left; display: block; padding: 0 24px 0 8px; /*Padding of menu items*/}
.glossymenu li.current a, .glossymenu li a:hover{color: #fff; background: url(../images/menur_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left;}
.glossymenu li.current a b, .glossymenu li a:hover b{color: #fff; background: url(../images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/}

/*main*/
.container{width:100%; min-width:1000px; margin:0 auto; background-color:#990508; height:100%; margin-top:38px; padding-bottom:30px;}
.maincontent{float:left;min-width:200; width:48%; padding:50px 0px 50px 10px; margin:0 auto;}
.maincontent2{width:95%; margin:0 auto; margin-top:-35px; padding-top:80px; min-height:250px;}
.maincontent h1, .maincontent2 h1{font-size:14pt; font-weight:bold; text-align:center; padding-bottom:20px; padding-left:20px; color:#FFFFFF}
.maincontent h2, .maincontent2 h2{font-size:12pt; font-weight:bold; text-align:left; padding-left:20px; padding-bottom:10px; color:#FFFFFF}
.maincontent h3, .maincontent2 h3{font-size:11pt; font-weight:bold; text-align:left; padding-left:40px; padding-bottom:10px; color:#FFFFFF}
.maincontent h4, .maincontent2 h4{font-size:10pt; font-weight:bold; text-align:left; padding-left:40px; padding-bottom:10px; color:#FFFFFF}
.maincontent p, .maincontent2 p{font-size:11pt; margin:0 auto; padding:10px 10px 0 40px; line-height:15pt; color:#FFFFFF}
.maincontent a, .maincontent2 a{font-size:11pt; color:#FFFF00; text-decoration:none; font-weight:bold;}
.maincontent a:hover, .maincontent2 a:hover{color:#FFFFFF;}
.gold{color:#f8fd6d;}
*+html .maincontent2{margin-top:0px; padding-top:100px;}

/*featured*/
.featured{width:90%; border:1px solid #FFFF00; margin:30px auto;}
.featuredbar{background-color:#8A2813; width:100%; margin:0 auto; height:auto; min-width:200px;}
.featured-top{background-color:#C44319; width:100%; border-bottom:1px solid #FFFF00; margin:0 auto;}
.featured-top h2{color:#FFFFFF; font-size:12pt; font-weight:bold; padding:10px 0 10px 20px;}
.featuredimg{ padding:10px 0 20px 0; width:100%; height:auto; border-bottom:2px solid #C44319;}
.featuredimg img{margin:10px 20px; height:auto; max-height:150px; border:3px dotted #fff; float:left;}
.featuredimg h4{font-size:10pt; font-weight:bold; margin:20px 10px 0 20px; text-align:left; padding:5px; width: auto;}
.featuredimg p{font-size:8pt; font-weight:normal; margin:0 auto; padding:5px;}

/*gallery*/
.gallery{width:100%; text-align:center; left:0px; padding-left:20px; padding-bottom:30px;}
.galleryimg{ padding:10px 0 20px 0; width: 18%; height:200px; border:1px solid #C44319; float:left; margin:20px 15px 0 0; background-color:#8A2813;}
.galleryimg img{margin:0 10px 0 10px;border:3px dotted #fff; text-align:center; width:80%; height:60%;}
.galleryimg h2{font-size:10pt; color:#FFFF33; font-weight:bold; margin:0 auto; text-align:center; padding:10px; width:auto;}
.galleryimg p{font-size:9pt; font-weight:normal; text-align:justify; padding:10px; margin-left:0px; margin-right:20px; float:right; width:80%;}

/*pagination*/
.pagination{padding:2px; margin:0 auto; width:100%; text-align:center;}
.pagination ul{margin: 0;padding: 0; font-size: 9pt;}
.pagination li{list-style-type: none; display: inline; padding-bottom: 1px;}
.pagination a, .pagination a:visited{padding: 0 5px; border: 1px solid #fff; text-decoration: none;  color: #fff;}
.pagination a:hover, .pagination a:active{border: 1px solid #FFFF80; color: #000; background-color: #FFFF80;}
.pagination a.currentpage{background-color: #FFFF00;color: #4E0908 !important;border-color: #F8FD6D;font-weight: bold;cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color: white;cursor: default;color: #929292;border-color: #F8FD6D;font-weight: normal !important;}
.pagination a.prevnext{font-weight: bold;}

/*category gallery*/
.catgallery{width:90%; border:1px solid #FFFF00; margin:30px auto; background-color:#8A2813;}
.catgallerybar{width:100%; margin:0 auto; height:auto; padding-bottom:10px;}
.catgalleryimg{ margin:10px 10px 20px 10px; width:auto; padding:10px; height: auto; border:2px solid #C44319; float:left; background-color:#990508;}
.catgalleryimg img{margin:10px 20px; height:auto; max-height:150px; border:3px dotted #fff; text-align:center;}
.catgallery h4{font-size:10pt; font-weight:bold; margin:0 auto; text-align:center; padding:5px;}
.catgallery p{font-size:9pt; font-weight:normal; margin:0 auto; padding:10px;}
.read{font-size:8pt; color:#FFFF00; font-weight:bold; float:right; text-decoration:none; padding:0 10px 10px 0}
.read a:hover{color:#FFFFFF;}

/*breadcrumbs*/
.breadcrumbs{position: relative; margin-top:34px; width:100%; height:50px; background-color:#990508;}
.breadcrumbs ul{ list-style:none; padding-top:30px; padding-bottom:0px;}
.breadcrumbs li{float:left;}
.breadcrumbs li a{float:left; display:block; color:#FFFF00; text-decoration:none; font-weight:normal; font-size:8pt; padding:0 15px; text-align:center; cursor:pointer;}
.breadcrumbs li a:hover{color:#FFFFFF;}

.imgleft{border:1px solid #FFFF00; float:left; margin:10px;}


/*left sidebar*/
.left{float:left;width:24%; margin-top:50px;  left:10px;}
.leftbar{background-color:#701615; width:270px; border:1px #d4340c solid; margin:0 auto; margin-bottom:10px;}
.leftbar ul{list-style:circle inside; color:#FFFF00; margin-left:10px; margin-top:10px; padding-right:10px; padding-bottom:20px;}
.leftbar li{padding-bottom:2px;}
.leftbar li a{font-size:9pt; color:#FFFFFF; font-weight:bold; text-decoration:none; line-height:11pt;}
.leftbar li a:hover{color:#FFFF00; text-decoration:underline;}
.leftbar-top{ background-color:#4e0908; border-bottom:1px solid #FFFFFF; margin:0 auto;}
.leftbar-top h2{color:#FFFFFF; font-size:9pt; font-weight:bold; padding:10px 0 10px 0;}
.cat-img{background:url(../images/cat.gif) no-repeat; height:33px; width:25px; margin-left:10px; margin-right:5px; float:left;}
.help-img{background:url(../images/help.png) no-repeat; height:28px; width:22px; margin-left:10px; margin-top:5px; margin-right:5px; float:left;}

/*right sidebar*/
.right{float:right;width:22%; margin-top:50px; margin-left:0px; right:10px; top:0px;}
.rightbar{background-color:#701615; width:90%; border:1px #d4340c solid; margin:0 auto; margin-bottom:10px; padding-bottom:20px;}
.rightbar h3{font-size:10pt; font-weight:bold; color:#FFFFFF; padding-bottom:10px; padding-top:10px; text-align:left; margin-left:20px;}
.rightbar p{font-size:8pt; font-weight:normal; color:#FFFFFF;  padding:10px;}
a.righturl{float:right; padding-right:10px; font-size:7pt; color:#FFFF00; text-decoration:none; padding-bottom:10px;}
a:hover.righturl{color:#FFFFFF;}
.line{border-bottom:1px solid #FFFF00; padding:5px 0 10px 0; width:100%;}
.rightbar ul{list-style:circle inside; color:#FFFF00; margin-left:20px; margin-top:10px; padding-right:10px; padding-bottom:20px;}
.rightbar li{padding-bottom:2px;}
.rightbar li a{font-size:8pt; color:#FFFF00; text-decoration:none; line-height:11pt;}
.rightbar li a:hover{color:#FFFFFF; text-decoration:underline;}
.rightbar-top{ background-color:#4e0908; border-bottom:1px solid #FFFFFF; margin:0 auto;}
.rightbar-top h2{color:#FFFFFF; font-size:10pt; font-weight:bold; padding:10px 0 10px 0;}
.cart-img{background:url(../images/cart.gif) no-repeat; height:16px; width:19px; margin-top:10px; margin-left:10px; margin-right:5px; float:left;}
.lock-img{background:url(../images/lock.gif) no-repeat; height:28px; width:29px; margin-top:5px; margin-left:10px; margin-right:5px; float:left;}
.news-img{background:url(../images/news.gif) no-repeat; height:20px; width:21px; margin-top:7px; margin-left:10px; margin-right:5px; float:left;}

/*category search form*/
.catsearch{width:90%; margin:0 auto; padding:10px 0}
.catsearch label{float:left; font-size:8pt; font-weight:bold; margin-right:10px; color:#FFFFFF; margin-bottom:5px;}
.catsearch input[type="text"], .catsearch select {width:95%; border:1px solid #DE9022; margin-bottom:5px; font-weight:bold; font-size:8pt;}
.catsearch input[type="button"]{background-color:#8A2813; border:1px solid #C44319; font-size:8pt; font-weight:bold; text-align:center; padding:5px 7px; margin:10px 0 0 20px; color:#FFFFFF; float:right;}
.catsearch input[type="button"]:hover{color:#FFFF00; background-color:#4E0908;cursor:pointer;}
.catsearch a{font-size:7pt; text-decoration:none; color:#FFFF00; text-align:center; float:right; margin-right:10px;}
.catsearch a:hover{color:#FFFFFF;}

/*login form*/
.login{width:90%; margin:0 auto; padding:10px 0}
.login label{float:left; font-size:8pt; font-weight:bold; margin-right:10px; color:#FFFFFF; margin-bottom:5px;}
.login input[type="text"] {width:95%; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:8pt;}
.login input[type="password"] {width:95%; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:8pt;}
.login input[type="button"]{background-color:#8A2813; border:1px solid #C44319; font-size:8pt; font-weight:bold; text-align:center; padding:5px 3px; margin:10px 0 -10px 10px; color:#FFFFFF; float:left;}
.login input[type="button"]:hover{color:#FFFF00; background-color:#4E0908; cursor:pointer;}
.login a{font-size:7pt; text-decoration:none; color:#FFFF00; text-align:center; float:right; margin-right:10px;}
.login a:hover{color:#FFFFFF;}
.login p{color:#FFFFFF;}

/*subscribe form*/
.subscribe{width:90%; margin:0 auto; padding:10px 0}
.subscribe label{float:left; font-size:8pt; font-weight:bold; margin-right:10px; color:#FFFFFF; margin-bottom:5px;}
.subscribe input[type="text"] {width:95%; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:8pt;}
.subscribe input[type="button"]{background-color:#8A2813; border:1px solid #C44319; font-size:8pt; font-weight:bold; text-align:center; padding:5px 7px; margin:10px 0 0 20px; color:#FFFFFF; float:right;}
.subscribe input[type="button"]:hover{color:#FFFF00; background-color:#4E0908;cursor:pointer;}
.subscribe a{font-size:7pt; text-decoration:none; color:#FFFF00; text-align:center; float:right; margin-right:10px;}
.subscribe a:hover{color:#FFFFFF;}

/*contact form*/
.contact{width:60%; margin:0 auto; padding:10px 0;}
.contact label{float:left; font-size:9pt; width:150px; font-weight:bold; margin-right:10px; color:#FFFFFF; margin-bottom:5px;}
.contact input[type="text"], .contact input[type="password"] {width:250px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt;}
.contact input[type="button"]{background-color:#8A2813; border:1px solid #C44319; font-size:9pt; font-weight:bold; text-align:center; padding:5px 7px; margin:10px 0 0 20px; color:#FFFFFF; float:right;}
.contact textarea{width:250px; height:50px;border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt;}
.contact input[type="button"]:hover{color:#FFFF00; background-color:#4E0908;cursor:pointer;}
.contact a{font-size:8pt; text-decoration:none; color:#FFFF00; text-align:center; float:right; margin-right:10px;}
.contact a:hover{color:#FFFFFF;}

/*help form*/
.help{width:60%; margin:0 auto; padding:10px 0;}
.help label{float:left; font-size:9pt; width:150px; font-weight:bold; margin-right:10px; color:#FFFFFF; margin-bottom:5px;}
.help input[type="text"] {width:250px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt;}
.help input[type="button"]{background-color:#8A2813; border:1px solid #C44319; font-size:9pt; font-weight:bold; text-align:center; padding:5px 7px; margin:10px 0 0 20px; color:#FFFFFF; float:right;}
.help textarea{width:250px; height:50px;border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt;}
.help input[type="button"]:hover{color:#FFFF00; background-color:#4E0908;cursor:pointer;}
.help a{font-size:8pt; text-decoration:none; color:#FFFF00; text-align:center; float:right; margin-right:10px;}
.help a:hover{color:#FFFFFF;}

/*product form*/
.product{width:80%; margin: 30px auto; padding:20px 10px; border: 1px solid #EEAE4B;}
.product h3{font-size:12pt; text-align:center; font-weight:bold; color:#fff; margin-bottom:5px; margin-top:10px;}
.product label, .productlabel{float:left; font-size:11pt; text-align:left; width:100px; font-weight:bold; margin-right:30px; color:#EEAE4B; margin-bottom:5px;}
.product p{float:left; font-size:9pt; text-align:left; font-weight:bold; margin-left:20px; color:#FFFF00; margin-top:-30px;}
.product input[type="text"]{width:240px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt; float:left;}
.product input.right{width:180px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt; float:left;}
.producttext{margin-bottom:5px;font-weight:bold; font-size:10pt; color:#FFFFFF; float:left; padding-right:0px;}
.product input[type="button"]{ width:100px; height:25px; margin:10px 0 0 20px; float:right;}
.product input[type="submit"]{width:100px; height:25px; margin:10px 0 0 20px; float:right; text-align:center; font-size:10pt; font-weight:bold; background-color:#701615; border:1px solid #D4340C; color:#FFFFFF;}
.product select{width:250px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt;}
.product select.small{width:50px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt;}
.product input[type="button"]:hover { border:1px solid #FFFF00; cursor:pointer;}
.product input[type="submit"]:hover	{background-color: #D4340C; border:1px solid #701615; color:#FFFF00;}
.product a{font-size:8pt; text-decoration:none; color:#FFFF00; text-align:center; float:right; margin-right:10px;}
.product a:hover{color:#FFFFFF;}

/*order form*/
.order{width:90%; margin: 30px auto; padding:20px 10px;}
.order h3{font-size:12pt; text-align:center; font-weight:bold; color:#fff; margin-top:10px;}
.order h4{font-size:10pt; text-align:left; font-weight:bold; color:#FFFF00; margin-top:10px;}
.order h5{font-size:8pt; text-align:center; font-weight:bold; color:#FFFF00; margin-bottom:10px;}
.order small{color:#FFFFFF;}
.order label, .orderlabel{float:left; font-size:10pt; text-align:right; width:150px; font-weight:bold; margin-right:30px; color:#EEAE4B; margin-bottom:5px;}
.order p{float:left; font-size:9pt; text-align:left; font-weight:bold; margin-left:20px; color:#FFFF00; margin-top:-30px;}
.order input[type="text"]{width:240px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt; float:left;}
.order input[type="checkbox"]{width:auto; background-color:#FFFF00; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt; float:left;}
.order input.right{width:180px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt; float:left;}
.ordertext{margin-bottom:5px;font-weight:bold; font-size:10pt; color:#FFFFFF; float:left; padding-right:10px;}
.order input[type="button"]{ width:100px; height:25px; margin:10px 0 0 20px; float:right;}
.order input[type="submit"]{width:100px; height:25px; margin:10px 0 0 20px; float:right; text-align:center; font-size:10pt; font-weight:bold; background-color:#701615; border:1px solid #D4340C; color:#FFFFFF;}
.order select{width:240px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt; float:left;}
.order select.small{width:50px; padding:3px 5px; border:1px solid #DE9022; margin-bottom:5px;font-weight:bold; font-size:9pt; float:left;}
.order input[type="button"]:hover { border:1px solid #FFFF00; cursor:pointer;}
.order input[type="submit"]:hover	{background-color: #D4340C; border:1px solid #701615; color:#FFFF00;}
.order a{font-size:8pt; text-decoration:none; color:#FFFF00; text-align:center; float:right; margin-right:10px;}
.order a:hover{color:#FFFFFF;}
.orderleft{width:40%; float:left; padding:10px;}
.orderright{width:40%; float:left; padding:10px;}
.white{color:#FFFFFF; font-weight:bold; font-size:12pt;}


/*order table*/
table.list {background-color: #4e0908; margin:0 auto; width:100%;}
table.list th {padding:5px;border-bottom:2px solid #d4340c; background-color: #D4340C; -moz-border-radius:3px; font-size:10pt; color:#fff; font-weight:bold; text-align:center; width: auto;}
table.list td {border-width: thin; padding: 1px; background-color: #4e0908; font-size:10pt; color:#FFFF00; font-weight:bold; text-align:left; padding:5px 10px; width:auto;}

 
/*footer*/
.footer{background-color:#D4340C; min-width:1000px; max-height:100%; min-height:30px; border-top:1px solid #DE9022; bottom:0;}
.footer2{background-color:#4E0908; min-width:1000px; max-height:100%; min-height:50px; margin-top:10px; border-top:1px solid #DE9022; padding-bottom:10px;}
.footer p{font-size:8pt; font-weight:bold; color:#FFFFFF; padding:5px 10px;}
.footer a{font-size:7pt; font-weight:bold; color:#FFFF00; padding:10px;}
.footerright{float: right; display: block;}
.footerleft{float:left; display: block;}
.footermenu{float:right; margin-right:10px; margin-top:5px; color:#FFFF00;}
.footermenu ul{ list-style:none;}
.footermenu li{float:left;}
.footermenu li a{float:left; display:block; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:9pt; padding:0 15px; text-align:center; cursor:pointer;}
.footermenu li a:hover{color:#FFFF00; text-decoration:underline;}


/*IE hacks*/
* {margin:0; padding:0;}
*+html .glossymenu{float:right; margin-right:10px;}
*+html .glossymenu li a{font-size:12pt;}
*+html .footer{height:40px; padding-bottom:10px;}
*+html .footer2{margin-top:0px; margin-bottom:-10px;}
*+html .footermenu{margin-bottom:5px; position:relative;}
*html .header{width:auto;}
*html .container{margin-top:2px;}
*html .glossymenu{float:right; padding:0px;}
*html .glossymenu li a{font-size:12pt;}
*html .featuredbar{height:200px;}

/*Light box*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../Images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	