html,body {
    height:100%;
}
body{ font:normal 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #333333;text-decoration: none;}
#MainWrapper{background: url(/EngineeringFundamentals/images/main_bk.jpg) no-repeat;padding: 15px 0 45px 0;width:1024px;position: relative}
#GalleryWrapper{margin:5px 0 0 15px; width:672px;float:left;clear:left;}
#GalleryWrapper2{padding:10px 0 0 10px; margin:10px 0 0 0; width:100%; float:left; background:url(/EngineeringFundamentals/images/1x1_30.png) repeat top left; position: relative;}
#AsideWrapper{float:right;width:220px; padding:20px 10px 20px 10px; margin:30px 40px 0 0;background:url(/EngineeringFundamentals/images/1x1_30.png) repeat top left; position: relative;}
#FooterWrapper{padding:0 0 0 20px;clear:both;}
#CategoryWrapper{height:100px;width:660px;}
#CategoryWrapper ul{list-style-type:none;margin:0;padding:0;}
#CategoryWrapper li{display:inline;float:left;margin:0 15px 0 15px;}
#CategoryWrapper li div{width:76px;height:76px;}
#CategoryWrapper li p{width:100%;margin:0 auto; text-align:center; font-weight:bold;}
h2{position: relative; font-size: 24px; font-family: Tahoma, Helvetica, Arial, Sans-Serif; letter-spacing: -1px; color: #069; font-weight: bold; margin: 0;padding: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#0086BC), to(#005882));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent
		}

/*SubCategory and Demo*/
#CategoryTitle{font-size:20px;}
.SubCategoryTitle{background: url(/EngineeringFundamentals/images/cat_bk.jpg) no-repeat top left; height:35px; width:100%; margin:10px 0 0 0; float:left;}
.SubCategoryTitle div{color:White; font-weight:bold; margin:0 0 0 15px; padding:9px 0 0 0;}
#SubCategoryWrapper {margin: 20px 0 0 0;}
#SubCategoryWrapper ul {list-style-type:none;width:660px;height:118px;margin:15px 0 15px 15px;}
#SubCategoryWrapper li{display:inline;float:left; width:323px;height:118px;}
#SubCategoryWrapper table{width:100%;}
#SubCategoryWrapper tr{margin: 0 0 5px 0;}
#SubCategoryWrapper td{width:220px;}
.DemoListRow{height:170px;width:100%;float:left;}
.DemoList{height:118px;margin-top:10px;width:33%;float:left;}
.DemoImage{width:145px;position:relative;margin:0 auto;}
.DemoImage img
{
    height:113px;width:145px;
    border:solid 1px lightgray;
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 10px #B1B1B1;
    -moz-box-shadow: 0px 0px 10px #B1B1B1;
    box-shadow: 0px 0px 10px #B1B1B1;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
}
.DemoDetail{width:162px;padding:0 0 0 5px;margin:0 auto;text-align:center;}
.DemoTitle{font-weight:bold;height:45px;}
.DemoModelLink{width:162px;height:28px;position:absolute;top:50%;left:25px;display:none;}

#FooterWrapper{background-color:#d6dbde; width:950px;height:235px;position:relative;}
#FooterWrapper .FooterColumn,.FooterColumnRight{float:left;height:225px; width:227px;-webkit-border-horizontal-spacing: 0px;}

.ColumnHeader{width:220px; background-color:#E4E7E9;height:25px; margin:0 8px 0 0; }
.ColumnHeader div{color:#069; font-weight:bold;padding:5px 0 0 5px;}

.FooterColumn,.FooterColumnRight{padding:25px 0 0 0;margin:0 5px 0 5px;}
.FooterColumn li a, .FooterColumn li a:visited{color:#333; text-decoration:none;}
.FooterColumn li a:hover{color:#CC0000;text-decoration:underline;}

.FooterColumn li,.FooterColumnRight li{color:#333;padding:0 0 0 0;}

/*Detail Page*/
#HeaderWrapper{width:672px;min-height:174px;}
#HeaderDetails{width:450px; float:left;}
#HeaderDetails .DemoDescription{width:100%;padding:10px 0 0 0;}

#DemoTags ul{list-style-type:none;padding:0; margin:10px 0 0 0;}
#DemoTags li{display:inline;float:left;padding-left:4px; }
#DemoTags ul li span{ font-weight:bold;}

#DemoModel{float:right; width:201px;height:139px; padding:0 5px 0 0; margin:0 5px 0 0; background:url(../Images/1x1_30.png)repeat top left;position: relative;}
#ModelHeader{background-color:#990000;height:22px;width:100%;padding:5px 0 0 5px;}
.ModelTools img{padding: 5px 5px 0 5px;}

#AssetsWrapper{width:100%;float:left;}
#ScreensWrapper{width:100%;float:left;margin:10px 0 0 0;}
#VideoWrapper{min-height:417px;width:100%;float:left;}
#RelatedDemosWrapper{width:100%;float:left;}

#Video{width:440px;height:366px;margin: 0 auto;}
#RelatedItems{float:right;width:212px;}
#RelatedDemos{height:200px;width:100%;}

/*SideBar*/
.asideHeader{height:65px; width:100%;background:url(/EngineeringFundamentals/images/rightnav_head.jpg) no-repeat top left;position: relative;}
.asideHeader p{font-weight:bold;color:White;padding:10px 5px 0 10px;}
.asideBody {color:White;font-size:10px;}
.asideLine {height:20px;background:url(/EngineeringFundamentals/images/line_190.jpg) no-repeat 0 9px;position: relative;}
#RequestWrapper{height:152px;width:100%;background:url(/EngineeringFundamentals/images/rightnav.jpg) no-repeat top left;position: relative;}
#WebinarWrapper{height:304px;width:100%;background:url(/EngineeringFundamentals/images/rightnav.jpg) no-repeat top left;position: relative;}
#InfoKitWrapper{height:215px;width:100%;background:url(/EngineeringFundamentals/images/rightnav.jpg) no-repeat top left;position: relative;}

/*Social*/
.SocialWrapper li{list-style: none;padding:5px 0 0 5px;}

/*Modal, Z-index of #mask must lower than #dialog*/
#mask{position:fixed;z-index:9000;background-color:#000;display:none;}  
#dialog
{
    position:fixed;display:none;z-index:9999;
    width:440px;height:220px;
    padding:20px;
    background-color:#FFF;
    border: 10px solid #DDD;
    font-size: 1.2em;    
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #B1B1B1;
    -moz-box-shadow: 0px 0px 20px #B1B1B1;
    box-shadow: 0px 0px 20px #B1B1B1;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow:visible;
}
#DialogContent{padding:20px;background:url(/EngineeringFundamentals/images/bottom_nav_bk.jpg) repeat top left;}
#DialogContent h3 {text-align:center;font-size:16px;}
a.dialog-button{text-align:center;margin:0 auto;width:140px;float:none;}
img.btn_close {position:absolute;right:0;float:right;margin: -55px -35px 0 0;z-index:999;}

/*SimNavigation*/
#SimNavigation {float:left;}
#MainBKG{float:left;height:118px;width:968px;}
#NavigationList{padding:1;clear: left;}
#NavigationList ul{margin: 0 0 0 0;}
#NavigationList li{display:inline;}
#NavigationList li a{font-family:Arial;font-size:12px;text-decoration:none;color:#ffffff;
   float:left;padding:10px;background-color: #333333;border-bottom-color:#000000;border-bottom-style:solid;}
#NavigationList li a:hover {background-color:#9B1C26;padding-bottom:12px;border-bottom:1px;border-bottom-color:#000000;border-bottom-style:solid;}  

/*Typography*/
.TitleBoldWhite{color:White; font-size:12px;font-weight:bold;}
/*Custom breadcrumb style*/
#BreadCrumbWrapper {color:White; font-size:12px;}
#BreadCrumbWrapper .bottomnav, .legal{color:White; font-size:12px;}

/*URLS*/
a.plainLink, a.plainLink:visited, a.plainLinkB,a.plainLinkB:visited{text-decoration:none;color:#000;}
a.plainLink:hover{text-decoration:underline;color:#000;}
a.plainLinkB:hover{text-decoration:underline;color:#900;}
.DemoDescription article p a{color:#900;}
.DemoDescription article p a:visited{color:#900;}

a.RedLinkBold{text-decoration:underline; color:#900;font-weight:bold; letter-spacing:-.06em}

a.modelLink{background: transparent url(/EngineeringFundamentals/images//bg_button_a.png) no-repeat scroll top right;position: relative;float: left;font: normal 11px;height: 24px;margin-right: 3px;padding-right: 18px;text-decoration: none;display: block;color:#000;}
a.modelLink:active{background: transparent url(/EngineeringFundamentals/images/bg_button_a.png) no-repeat scroll bottom right;position: relative;float: left;font: normal 11px;height: 24px;margin-right: 3px;padding-right: 18px;text-decoration: none;display: block;color:#000;}
a.modelLink:active span{background: transparent url(/EngineeringFundamentals/images/bg_button_span.png) no-repeat 0px -24px;position: relative;}
a.modelLink span{background: transparent url(/EngineeringFundamentals/images/bg_button_span.png) no-repeat;position: relative;padding: 5px 0 5px 18px;line-height: 14px;display: block;}

#AsideWrapper a, #AsideWrapper a:visited{color:White;text-decoration:none; font-weight:bold;}
#AsideWrapper a:hover{color:White;text-decoration:underline;font-weight:bold;}



/*Utility*/
.left{float:left;}
.right{float:right;}
.spacer15{height:15px;}
.spacer8{height:8px;width:100%;}
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}