/* CSS Document */ body{margin:0px; padding:0px; background:url(images/main-bg2.gif) 0 0 repeat-x #F2F0DC; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;} div, p, ul, h2, img{margin:0px; padding:0px;} ul{list-style-type:none;} /*----TOP PANEL----*/ #topPan{width:880px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;} #topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;} #topPan ul li{float:left; width:45px; height:22px;} #topPan ul li a{width:45px; height:16px; display:block; background:url(images/arrow1.gif) 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;} #topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;} #topPan ul li.register{float:left; width:65px; height:22px;} #topPan ul li.register a{width:65px; height:16px; display:block; background:url(images/arrow1.gif) 65px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;} #topPan ul li.register a:hover{background:url(images/arrow1-hover.gif) 65px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;} #topPan img.logo{width:524px; height:95px; position:absolute; top:24px; left:35px;} #topPan p.callus{width:119px; height:25px; background:url(images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;} #topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;} /*----/TOP PANEL----*/ /*----HEADER- PANEL----*/ #headerPan{width:778px; height:228px; position:relative; margin:0 auto;} #headerleftPan{width:46px; height:228px; float:left; background:url(images/leftfolder.gif) 0 0 no-repeat;} /*----Header Middle Panel----*/ #headermiddlePan{width:686px; height:228px; float:left;} /*----Menu Panel----*/ #menuPan{width:686px; height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;} #menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;} #menuPan ul li{width:110px; height:28px; float:left;} #menuPan ul li a{width:109px; height:28px; display:block; background:#fff; color:#2F2A28; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #menuPan ul li a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;} #menuPan ul li.home{width:110px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;} #menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #menuPan ul li.contact a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;} /*----/Menu Panel----*/ #headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;} /*---- Header Red Panel----*/ #headerleftredPan{width:680px; height:123px; background:url(images/redpan-bg2.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px;} #headerleftredPan h2{width:600px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:20px; left:16px; text-transform:uppercase;} #headerleftredPan h2 span{font-size:39px; line-height:30px;} #headerleftredPan p{width:600px; height:74px; display:block; position:absolute; top:90px; left:20px; font-size:14px; line-height:17px;} #headerleftredPan p span.largetext{font-size:18px; line-height:20px;} #headerleftredPan p.more{width:102px; height:16px; margin:10px 0 0 550px; padding:0 0 14px 0;} #headerleftredPan p.more a{width:102px; height:16px; display:block; background:#499AB7; color:#FFFFCC; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} #headerleftredPan p.more a:hover{background:#499AB7; color:#FFFF66; text-decoration:none;} #headermiddleredPan{width:164px; height:100px; background:url(images/utnfaic01.jpg) 0 0 no-repeat; position:absolute; top:36px; left:526px;} /*----Header Middle Panel----*/ #headerrightPan{width:46px; height:228px; float:left; background:url(images/rightfolder.gif) 0 0 no-repeat;} /*----HEADER- PANEL----*/ /*----BODY PANEL----*/ #bodyPan{width:686px; position:relative; margin:0 auto;} #bodyPan h2{width:300px; height:54px; background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;} #bodyPan h3{width:620px;background:#F2F0DC; color:#D80000; font:16px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;font-weight:bold;} #bodyPan p{padding:0px 0 0;} #bodyPan p span{font-weight:bold;} #bodyPan p.date{width:174px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;} #bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;} #bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} #bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;} #bodyPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;} #bodyPan ul{width:600px;margin:0 0 0 15px;} #bodyPan ul li{width:600px; height:30px; background:url(images/bullet.gif) 0 0 no-repeat;; margin:0 0 0 15px;} #bodytPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 15px;} #bodyPan ul li a:hover{display:block;background:url(images/bullet.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} /*----Body Bottom Panel----*/ #bodybottomPan{width:770px; position:center; margin:0 auto; padding:30px 0 0 8px;} /*----Bottom Left Panel----*/ #bottomleftPan{width:200px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;} #bottomleftPan h2{width:200px; height:58px; background:url(images/icon1.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;} #bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;} #bottomleftPan ul{width:200px; margin:15px 0 0 50px;} #bottomleftPan ul li{width:200px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} #bottomleftPan ul li a{width:200px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;} #bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} #bottomleftPan p.more{width:200px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan p.more a{width:200px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----/Bottom Left Panel----*/ #bodybottomPan2{width:628px; position:relative; margin:0 auto; padding:30px 0 0 8px;} /*----Bottom Left Panel--2--*/ #bottomleftPan2{width:620px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;} #bottomleftPan2 h2{width:620px; height:58px; background:url(images/utnfaic.gif) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 125px; margin:22px 0 0 41px;} #bottomleftPan2 h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;} #bottomleftPan2 ul{width:450px; margin:5px 0 0 50px;} #bottomleftPan2 ul li{width:450px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} #bottomleftPan2 ul li a{width:450px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:20px; text-decoration:none; padding:0 0 0 80px;} #bottomleftPan2 ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} #bottomleftPan2 p{width:600px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan2 p.more{width:600px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan2 p.more a{width:600px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan2 p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----/Bottom Left Panel--2--*/ /*----Bottom Left Panel--3--*/ #bodybottomPan3{width:678px; position:relative; margin:0 auto; padding:30px 0 0 8px;} /*----Bottom Left Panel--2--*/ #bottomleftPan3{width:670px; height:120;float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;} #bottomleftPan3 h2{width:670px; height:58px; background:url(images/utnfaic.gif) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 25px; margin:12px 0 0 21px;} #bottomleftPan3 h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;} #bottomleftPan3 h3{width:630px; height:22px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 15px; margin:12px 0 0 20px;} #bottomleftPan3 h3 span{font-size:18px; font-weight:bold; background:#FCFBED; color:#5D5B46;} #bottomleftPan3 ul{width:550px; margin:0 0 0 20px;} #bottomleftPan3 ul li{width:550px; height:45px; background:url(images/bullet1.gif) 0 0 no-repeat;} #bottomleftPan3 ul li a{width:550px; height:45px; display:block; background:url(images/bullet1.gif) 0 5px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:15px; text-decoration:none; padding:0 0 0 80px;} #bottomleftPan3 ul li a:hover{display:block;background:url(images/bullet1.gif) 0 5px no-repeat #FEFDF1; color:#2F2A28; line-height:15px;} #bottomleftPan3 p{width:670px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan3 p.more{width:670px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan3 p.more a{width:670px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan3 p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----/Bottom Left Panel--2--*/ /*----/Bottom Middle Panel----*/ #bottomiddlePan{width:200px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;} #bottomiddlePan h2{width:200px; height:58px; background:url(images/jornadas.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 10 41px;} #bottomiddlePan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;} #bottomiddlePan ul{width:200px; margin:15px 0 0 50px;} #bottomiddlePan ul li{width:200px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} #bottomiddlePan ul li a{width:200px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;} #bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} #bottomiddlePan p.more{width:200px; height:21px; padding:0px; margin:10px 0 5px 160px;} #bottomiddlePan p.more a{width:200px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottommiddlePan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----/Bottom Middle Panel----*/ /*----/Bottom Middle Panel--2--*/ #bottomiddlePan2{width:670px; float:center; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;} #bottomiddlePan2 h2{width:600px; height:58px; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 5 41px;} #bottomiddlePan2 h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;} #bottomiddlePan2 h3{width:600px; height:58px; font:22px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:2px 0 5 101px;} #bottomiddlePan2 h3 span{font-size:18px; background:#FCFBED; color:#5D5B46;} #bottomiddlePan2 ul{width:650px; margin:15px 0 0 50px;} #bottomiddlePan2 ul li{width:650px; height:30px; margin:5px 0 0 100px;} #bottomiddlePan2 ul li a{width:600px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:5 0 0 180px;} #bottomiddlePan2 ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} #bottomiddlePan2 p{width:670px; height:21px; padding:0px; margin:5px 0 5px 10px;} #bottomiddlePan2 p.more{width:670px; height:21px; padding:0px; margin:10px 0 5px 16px;} #bottomiddlePan2 p.more a{width:670px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottommiddlePan2 p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----/Bottom Middle Panel--2--*/ /*----/Bottom Middle Panel--3--*/ #bottomiddlePan3{width:670px; float:center; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;} #bottomiddlePan3 h2{width:600px; height:58px; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 5 41px;} #bottomiddlePan3 h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;} #bottomiddlePan3 h3{width:600px; height:58px; font:22px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:2px 0 5 101px;} #bottomiddlePan3 h3 span{font-size:18px; background:#FCFBED; color:#5D5B46;} #bottomiddlePan3 ul{width:650px; margin:15px 0 0 50px;} #bottomiddlePan3 ul li{width:650px; height:30px; margin:5px 0 0 100px;} #bottomiddlePan3 ul li a{width:600px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:5 0 0 180px;} #bottomiddlePan3 ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} #bottomiddlePan3 p{width:670px; height:21px; padding:0px; margin:5px 0 5px 10px;} #bottomiddlePan3 p.more{width:670px; height:21px; padding:0px; margin:10px 0 5px 16px;} #bottomiddlePan3 p.more a{width:670px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottommiddlePan3 p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----/Bottom Middle Panel--3--*/ /*----Bottom Right Panel----*/ #bottomrightPan{width:150px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;} #bottomrightPan h2{width:150px; height:58px; background:url(images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;} #bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;} #bottomrightPan ul{width:150px; margin:15px 0 0 50px;} #bottomrightPan ul li{width:150px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} #bottomrightPan ul li a{width:110px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;} #bottomrightPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} #bottomrightPan p.more{width:150px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomrightPan p.more a{width:150px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----/Bottom Left Panel----*/ /*----FOOTER PANEL----*/ #footermainPan{height:43px; background:url(images/footerbg1.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:45px 0 0;} #footerPan{width:700px; position:relative; margin:0 auto;} #footerPan ul{width:600px; height:20px; position:relative; margin:0 auto;} #footerPan li{float:left; } #footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;} #footerPan ul li a:hover{text-decoration:underline;} #footerPan p.copyright{width:220px; position:relative; margin:0 auto; background:#3B3B3B; color:#fff; font-size:11px;} /*----/FOOTER PANEL----*/ #lightbox{ position: absolute; 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(http://www.faic.org/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(http://www.faic.org/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.faic.org/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; color: #666; } #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; } /* Min-Width */ .lbWidth { /* most browsers */ position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; } * html .lbContent { /* IE6 */ margin-left: -790px; position:relative; } * html .lbMinWidth { /* IE6 */ padding-left: 790px; } /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */