/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

/*

------------Width of images is adjusted in infogrid.js  --  Width of info columns is adjusted in dd {}---------------
			For an image 0f 300 px to fit in a column, the column width of dd must be 279 (10 px padding on each side, and 1 px for white right border)
*/



#preload{
	display:none;
	}


.gridwrapper{
	background-color: #F5EBCF;
	height: 800px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F5F5;
	padding-left: 110px;
	background-image: url(../images/backdrop.png);
	background-repeat: no-repeat;
	}
	
.gridwrapper2{
	background-color: #F5EBCF;
	height: 800px;
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F5F5;
	padding-left: 45px;
	background-image: url(../images/backdrop2.png);
	background-repeat: no-repeat;
	}

.gridwrapper3{
	background-color: #F5EBCF;
	height: 800px;
	width: 808px;
	background-image: url(../images/backdrop.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F5F5;
	padding-left: 110px;
		background-image: url(../images/backdrop.png);
	background-repeat: no-repeat;
	}
	
#bpagewrap{
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	width: 960px;
	}

    #boxos1 {
	width: 200px;
	height: 200px;
	background-color: #ff0000;
	position: absolute;
	z-index: 1;
}
    #slideros1 { 	width: 15px;
	position: absolute;
	left: 235px;
	top: 20px; }
	
	
	#boxos2 {
	width: 200px;
	height: 200px;
	background-color: #fff000;
	position: relative;
	
}
	
    #slideros2 {
	width: 15px;
	position: absolute;
	left: 210px;
	top: 20px;
}


  
  
  
    #boxos1b {
	width: 200px;
	height: 200px;
	background-color: #ff0000;
	position: absolute;

	z-index: 1;
}
    #slideros1b { 	width: 15px;
	position: absolute;
	left: 235px;
	top: 20px; }
	
	
	#boxos2b {
	width: 200px;
	height: 200px;
	background-color: #fff000;
	position: relative;
	
}
	
    #slideros2b {
	width: 15px;
	position: absolute;
	left: 210px;
	top: 20px;
}  
  
  
  
  
  
  

#bodybox {
	height: 1000px;
	background-color: #CCC;


	}

.moviebox {
	height: 180px;
	width: 279px;
	position: absolute;
	background-color: #FFF;
	visibility: visible;
	
	}
.videoboxwrapper {
	height: 480px;
	width: 279px;	
	}

#box1 {
	height:280px;
	width: 279px;
	position:absolute;
	z-index:1;
	background-image: url(../images/Image_4b.png);
	top: 10px;
	}

.box2{
	height: 280px;
	width: 279px;
	position: relative;
	background-image: url(../images/Image_4.png);
	}

.infobox {
	position:relative;
	height: 100px;
	width: 279px;
	padding:5px;
	background-image: url(../images/Image_1tn.png);
	background-repeat: no-repeat;
	color: #000;
    }
.infobox img {
	position:relative;
	z-index:2;
    }
.infobox .more {
	display:none;
    }
.infobox:hover .more {
	display:block;
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:279px;
	background-image: url(../images/Image_3tn.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #000;
    }
	
.infoboxv {
	position:relative;
	height: 180px;
	width: 279px;
	padding:5px;
	background-image: url(../images/videoposter.png);
	background-repeat: no-repeat;
	color: #000;
    }
.infoboxv img {
	position:relative;
	z-index:2;
    }
.infoboxv .morev {
	display:none;
    }
.infoboxv:hover .morev {
	display:block;
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:279px;
	

	height: 180px;
	/*padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #000;*/
    }	
	
.spasc {
	height: 100px;	
	}

.spasc img {
	position:absolute;
	width: 279px;
	}

.spasc span {
	display:block;
	height: 100px;
	width: 279px;
	}

* { margin: 0; padding: 0; }

body { font: 14px Georgia, serif; }
#page-wrap {
	width: 960;
	overflow: hidden;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.info-col { float: left; width: 132px; height: 100%; padding: 50px 0 0 0; }
.info-col h2 { text-align: center; font-weight: normal; padding: 25px 0; }


.info-col2 { float: left; width: 132px; height: 100%; padding: 50px 0 0 0; }
.info-col h22 { text-align: center; font-weight: normal; padding: 25px 0; }

.info-col3 { float: left; width: 132px; height: 100%; padding: 50px 0 0 0; }
.info-col h23 { text-align: center; font-weight: normal; padding: 25px 0; }



.image {
	height: 170px;
	text-indent: -9999px;
	display: block;
	
	margin-bottom: 5px;
}
.image2 { height: 170px; text-indent: -9999px; display: block; border-right: 1px solid white; }
#image { height: 50px; text-indent: -9999px; display: block; border-right: 1px solid white; }
.imagebig { height: 300px; text-indent: -9999px; display: block; border-right: 1px solid white; }


.cat1 { background: url(../images/22_s.jpg) center center no-repeat; }
.cat2 { background: url(../images/22_s.jpg) center center no-repeat; }
.cattp1 { background: url(../images/anttibthumb.png) center center no-repeat; }
.cattp2 { background: url(../images/exthallonthumb.png) center center no-repeat; }
.cattp3 { background: url(../images/extdiglonthumb.png) center center no-repeat; }
.cattp4 { background: url(../images/fibterthumb.png) center center no-repeat; }
.cattp5 { background: url(../images/fiblonthumb.png) center center no-repeat; }
.cattp6 { background: url(../images/fibbrethumb.png) center center no-repeat; }
.cattp7 { background: url(../images/gastrocthumb.png) center center no-repeat; }
.cattp8 { background: url(../images/soleusthumb.png) center center no-repeat; }
.cattp9 { background: url(../images/plantaristhumb.png) center center no-repeat; }
.cattp91 { background: url(../images/tibpostthumb.png) center center no-repeat; }
.cattp92 { background: url(../images/flehallonthumb.png) center center no-repeat; }
.cattp93 { background: url(../images/flediglonthumb.png) center center no-repeat; }
.cattp94 { background: url(../images/popthumb.png) center center no-repeat; }
#cat2 { background: url(../images/2_b.jpg) center center no-repeat; }
.cat3 { background: url(../images/Image_3tn.png) center center no-repeat; }
.cat4 { background: url(../images/Image_4tn.png) center center no-repeat; }
.cat5 { background: url(../images/Image_5tn.png) center center no-repeat; }

#pic1 {
	background-image: url(file://Zorba/Users/PEZ/Desktop/webInfoGrid/images/Image_1.png);
	height: 100%;
	width: 100%;
	}
	
.pic1 {
	background: url(../images/Image_1.png) center center no-repeat;
	}
	
.pic1 {
	background: url(../images/10.png) center center no-repeat;
	}
	
.pic6 {
	background-image: url(../images/Image_6.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	}
#foo {
	height:279px;
	width: 279px;
	background-image: url(../images/Image_7.png);
	display:block;
    position:absolute;
    z-index:1;
    left:10px;
    top:10px;
	}
	
	
dt {
	padding: 5px;
	background: #900;
	color: #333;
	height: 20px;
	border-right-width:1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-left-color: #666;
	border-bottom-color: white;
	border-left-width: 1px;
	border-left-style: none;
}
dd {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 279px;
	padding: 10px;
	color: white;
	
	
	
}

dt:nth-of-type(1) { background: #fffdfa; background-image: url(../images/tie1.png);  }
dd:nth-of-type(1) { background: #e52100; }

dt:nth-of-type(2) { background: #fffdfa; background-image: url(../images/tie2.png);  }
dd:nth-of-type(2) { background: #bc3d28; }

dt:nth-of-type(3) { background: #fffdfa; background-image: url(../images/tie5.png); }
dd:nth-of-type(3) { background: #fba602; color: #333;} /* a42b17  */

dt:nth-of-type(4) { background: #fffdfa; background-image: url(../images/tie6.png);  }
dd:nth-of-type(4) { background: #ef0c0c; } /* c9762b  */

dt:nth-of-type(5) { background: #fffdfa; background-image: url(../images/tie4.png);  }
dd:nth-of-type(5)  { background: #c9762b;	}  /* fba602  */

dt:nth-of-type(6) { background: #fffdfa; background-image: url(../images/tie8.png);  }
dd:nth-of-type(6) { background: #8a2a1b; }  /* ef0c0c */

dt:nth-of-type(7) { background: #fffdfa; background-image: url(../images/tie7.png); }
dd:nth-of-type(7) { background: #c93b27; }

dt:nth-of-type(8) { background: #fffdfa; background-image: url(../images/tie8.png); }
dd:nth-of-type(8) { background: #8a2a1b;	}

dt:nth-of-type(9) { background: #fffdfa; background-image: url(../images/tie9.png);  }
dd:nth-of-type(9) { background: #fecb00; }




.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 1; position: relative; }