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

body{background:#000000 url(../images/Background4.jpg) no-repeat center top; margin:auto; text-align:center; position:relative; width:100%; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:1em; }
img{behavior: url("../include/clientscripts/iepngfix.htc");}
h3{ margin: 10px 10px 10px 10px; color:#bdbdbd; font-family:Helvetica, Arial, sans-serif; font-size:1em; text-align:left; text-decoration:none; }

#HeaderLogos{width:1200px;}

#div-head-1{width:150px; height:65px; float:left;  padding-left:105px;}
#div-head-1:focus{outline:none;}
#div-head-1 #img-head-1{width:150px; height:65px; border:0; }
#div-head-2{width:729px; height:66px; float:left;}
#div-head-2 #img-head-2{width:729px; height:66px; border:0; }
#div-head-3{width:119px; height:65px; float:left; padding-right:0px;}
#div-head-3 #img-head-3{width:119px; height:65px; border:0; }

#poweredby-div{text-align:center; margin:auto; width:1000px; height:190px; z-index:900; position:relative; float:left;}
#poweredby-div .image-MainSemaTatto{background:url(../images/SEMA_slice_06.png) no-repeat 0px 0px; width:617px; height:183px; margin:auto; behavior: url("../include/clientscripts/iepngfix.htc"); }

#container{width:1000px; height:1100px; text-align:center; margin:auto; }
#container #home-div{margin-left:150px; position:relative; top:-20px; display:none;}

#div-nav-1{}
#img-nav-1{width:1000px; height:58px;}

a #div-nav-btn-1{ background:url('../images/SEMA_Slice_4_sprite.png') -149px -10px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:149px;}
a:hover #div-nav-btn-1{ background:url('../images/SEMA_Slice_4_sprite.png') -149px -68px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:149px;}
a #div-nav-btn-2{ background:url('../images/SEMA_Slice_4_sprite.png') -329px -10px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:165px;}
a:hover #div-nav-btn-2{ background:url('../images/SEMA_Slice_4_sprite.png') -329px -68px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:165px;}
a #div-nav-btn-3{ background:url('../images/SEMA_Slice_4_sprite.png') -509px -10px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:180px;}
a:hover #div-nav-btn-3{ background:url('../images/SEMA_Slice_4_sprite.png') -509px -68px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:180px;}
a #div-nav-btn-4{ background:url('../images/SEMA_Slice_4_sprite.png') -686px -10px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:192px;}
a:hover #div-nav-btn-4{ background:url('../images/SEMA_Slice_4_sprite.png') -686px -68px no-repeat; width:164px; height:36px; float:left; cursor:pointer; position:relative; z-index:10; top:-48px; left:192px;}


#img-Tile-1{width:342px; height:277px;}
#img-Tile-2{width:346px; height:277px;}
#img-Tile-3{width:342px; height:288px;}
#img-Tile-4{width:346px; height:288px;}

.boxgrid{ width: 346px; height:260px; float:left; overflow: hidden; position: relative; }
	.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
	.boxgrid p{ padding:0 0 0 10px; color:#ababab; font-family:Helvetica, Arial, sans-serif; font-size:0.8em; text-align:left;}
	.boxgrid p a{ color:#61ADFF; }
	
.boxcaption{ float:left; position: absolute; background-color:#000000; height:300px; width:300px; opacity:0.8; margin-left:21px; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.caption .boxcaption {top:220;	left:0;}
.boxcaption .overlay-img{position:relative; }
.boxcaption .fueldBy-img{border:0; height:190px; width:300px; margin:60px 0 0 0;}

#scroll{position:relative; top:-30px; left:120px; border:0px solid #00ff00; width:800px; margin:0px;padding:0; overflow:hidden; float:left; display:none;}
#scroll #scroll-container{border:0px solid #ff0000; width:3300px; height:800px; margin:0; padding:0; overflow:inherit; position:relative; left:0px; top:0px;}
#scroll #scroll-container #content-1{ width:800px; height:900px; float:left; border:0px solid #0000ff; margin:0; padding:0;}
#scroll #scroll-container #content-2{ width:800px; height:900px; float:left; border:0px solid #0000ff; margin:0; padding:0;}
#scroll #scroll-container #content-3{ width:800px; height:900px; float:left; border:0px solid #0000ff; margin:0; padding:0;}
#scroll #scroll-container #content-4{ width:800px; height:900px; float:left; border:0px solid #0000ff; margin:0; padding:0;}

.div-image-gal{ background:url('../images/SEMA_Slice_9.png') no-repeat 0px 0px; width:756px; height:432px; float:left; behavior: url("../include/clientscripts/iepngfix.htc");}

.div-description-text{background:#000000; margin-left:30px; width:670px; height:500px; padding:10px; opacity:0.80; float:left; text-align:left;
					/* FOR IE ONLY */												
					 _margin-left:0px; 	_position:relative; _top:0px; _left:-20px; _width:680px; _height:500px; _filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); _float:none;
}

.div-description-text p{ font-family:Helvetica, Arial, sans-serif; color:#cfcfcf; font-size:0.8em; font-style:normal; text-align:left; line-height:1.2em; padding:5; margin:5; width:500px;}
.div-description-text h3{ margin:0; padding:0px 0px 0px 5px; font-family:Helvetica, Arial, sans-serif; font-size:1.8em; font-style:normal; }
.div-description-text ul{ text-align:left; color:cfcfcf; font-family:Helvetica, Arial, sans-serif; font-size:0.8em; line-height:1.5em;}
.div-description-text li{ text-align:left; color:cfcfcf; font-family:Helvetica, Arial, sans-serif; }
a .clickToActionText { width:200px; float:left; font-family:Helvetica, Arial, sans-serif; font-size:0.8em; color:#3399FF; text-decoration:underline; cursor:pointer; margin:12px 0 0 10px;}
a:hover .clickToActionText { width:200px; float:left; font-family:Helvetica, Arial, sans-serif; font-size:0.8em; color:#66CCFF; text-decoration:underline; cursor:pointer; margin:12px 0 0 10px;}
a .clickToActionImg{ margin:5px 0 0 5px; width:30px; height:30px; float:left; cursor:pointer; text-align:left;  
										background:url('../images/Click_to_Action_Button_sprite.png') no-repeat 0px 0px; behavior: url("../include/clientscripts/iepngfix.htc");}
a:hover .clickToActionImg{ margin:5px 0 0 5px; width:30px; height:30px; float:left; cursor:pointer; text-align:left;  
										background:url('../images/Click_to_Action_Button_sprite.png') no-repeat 0px -30px; behavior: url("../include/clientscripts/iepngfix.htc");}
a .clickToActionImg2{ margin:5px 0 0 5px; width:30px; height:30px; float:left; cursor:pointer; text-align:left;  
										background:url('../images/Click_to_Action_Button_sprite_green.png') no-repeat 0px 0px; behavior: url("../include/clientscripts/iepngfix.htc");}
a:hover .clickToActionImg2{ margin:5px 0 0 5px; width:30px; height:30px; float:left; cursor:pointer; text-align:left;  
										background:url('../images/Click_to_Action_Button_sprite_green.png') no-repeat 0px -30px; behavior: url("../include/clientscripts/iepngfix.htc");}

.div-description-text div.clickTo{width:300px; float:left;}

.jQuery-gallery{width:694px; height:405px; float:left; padding-left:15px; padding-bottom:15px; position:relative; top:16px; left:16px; }
#simplegallery1{ position: relative; visibility: hidden; /*border-bottom: 5px solid #000000;*/}
#simplegallery1 .gallerydesctext{ text-align: left; padding: 2px 5px; }
#simplegallery2{ position: relative; visibility: hidden; /*border-bottom: 5px solid #000000;*/}
#simplegallery2 .gallerydesctext{ text-align: left; padding: 2px 5px; }
#simplegallery3{ position: relative; visibility: hidden; /*border-bottom: 5px solid #000000;*/}
#simplegallery3 .gallerydesctext{ text-align: left; padding: 2px 5px; }
#simplegallery4{ position: relative; visibility: hidden; /*border-bottom: 5px solid #000000;*/}
#simplegallery4 .gallerydesctext{ text-align: left; padding: 2px 5px; }

#pageFoot{position:relative; top:0px; left:0px; font-family:Helvetica, Arial, sans-serif; font-size:0.6em; color:#666666; margin-top:30px;}
#returnHOME-div{padding:0; margin:60px auto auto auto;/*margin:auto;*/ position:relative; text-align:center; height:30px; width:300px;}

.inner-video-div{width:100%; margin:auto; position:relative; text-align:center; height:500px;}