/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%; }

table{ font-size: 100%; }

body {
    color: #3D4649;
	font-family : Tahoma, arial, verdana, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	background:url(../images/bg.gif); }


.clear 	{ clear:both; }

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
        /* WinIE7 only */
        *:first-child+html .clearfix {
                        height:1%;
        }
        
        /* WinIE6 and below */
        /*¥*/
        * html .clearfix {
                        height:1%;
        }
        /**/
        /* MacIE only */
        /*¥*//*/
        .clearfix{
			display:inline-table;
        }
        /**/


.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap;}

a
{
	font-weight : bold;
	text-decoration: underline;
	color: #0099CC;}
	
	a:hover
	{
		font-weight : bold;
	    text-decoration: none;
	    color: #0099CC;}

/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1{
	text-transform:uppercase;
	color:#79949d;
	font-size:2.18em;
	line-height:0.8em;
	width:580px;
	text-align:right;
	float:right;
	font-weight:normal;
	margin:0 0 10px 0;
	}
	
	h1 span{
		display:block;
		color:#1f9bb6;
		font-size:0.73em;
		text-align:right;
		line-height:1em;
		font-weight:bold;
	}
	
h2{
    font-size:2.4em;
    text-transform:uppercase;
    font-weight:normal;
    text-align:right;
    padding:0;
    color:#79949D;
}
	
h3
{
    font-size:1.1em;
    color:#0098b9;}

h3.big
{
    font-size:1.6em;
    text-transform:uppercase;
    font-weight:normal;
    text-align:right;
    padding:0;
    color:#79949D;
}

p  {margin:0;
	padding:0 0 5px 0;}

ul, ol {padding:0 0 18px 40px;}

img {	border:0;}

/*** text used in paging of recordsets***/
.page_number
{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color : #1E9EB7;
	text-decoration : none;
	font-weight : bold;
	vertical-align : top;
}

.highlight
{  
	color: #8F9CA1; 
	text-decoration: underline
}
/**********************************************************************************
=Text
**********************************************************************************/

.filesize{
	text-transform:uppercase;
	line-height:1.2em;
	vertical-align:baseline;
	margin-right:15px;
}
	.filesize strong{
		color:#e57700;
		font-size:1.2em;
		}

/*** text used to display * for mandatory field ***/
.star
{  
	font-family : Arial, Verdana, Helvetica, sans-serif;
 	font-size: 12px; 
	font-weight : bold;
	color: #FF0000; 
	text-decoration: none
	vertical-align : top;
}

/**********************************************************************************
=Links
**********************************************************************************/
a.flip{
	font-weight : bold;
	text-decoration: underline;
	color: #0099CC;}

    a.flip:hover{
	    font-weight : bold;
	    text-decoration: none;
	    color: #0099CC;}
	    
.download_pdf {
  display:-moz-inline-box;
  display:inline-block;
  background:transparent none 0 0 no-repeat;
  text-indent:-3000px;
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);
  vertical-align:bottom;
  background:url(../images/b_downloadpdf.gif) no-repeat top left;
  width: 114px;height: 20px;
}

/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
	padding:0;
	display:inline;}

input, select, textarea {font-size:1em;}

input.i250{
	width : 250px;
	font-weight : bold;
	color: #AE0000;}

select.s140{
	width : 140px;
	font-weight : bold;
	color: #AE0000;}
	
textarea.t400{
	width : 400px;	
	font-weight : bold;
	color: #AE0000;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table {	border:0;
	margin:0;
	padding:0;}


/**********************************************************************************
=Main Layout
**********************************************************************************/
#container
{
    margin:0 auto;
    text-align:left;
    width:992px;
    background: url(../images/bg_white.gif) repeat-y top left;
}

#header
{
    background: url(../images/bg_top.gif) no-repeat top left;
    padding:5px 0 0 0;
}   

    #nav
    {
        list-style-type:none;
        padding:0;
        margin:10px 0 0 48px;
    }
        #nav li
        {
            float:left;
            text-transform:uppercase;
            font-weight:bold;
            border-right:1px solid #FFFFFF;
        }
        
            #nav li a
            {
                color:#A7B4B7;
                text-decoration:none;
                display:block;
                padding:14px 8px 10px 8px;
                font-size:1.1em;
            }
            
                #nav li.selected a
                {
                    color:#FFFFFF;
                    background:url(../images/bg_nav_sel.gif) repeat-x top left;
                }
                
                #nav li a:hover
                {
                    color:#FFFFFF;
                    background:url(../images/bg_nav_hover.gif) repeat-x top left;
                }
        
    #logo
    {
        float:left;
        margin:10px 0 0 45px;
    }
    
    #strap
    {
        color:#F0A600;
        font-size:2.18em;
        text-transform:uppercase;
        margin:30px 30px 0 0;
        float:right;
    }
    
#divider
{
    margin:0 6px;
    padding:2px;
    border-top:2px solid #DDE2E3;
}

#content
{
    float:left;display:inline;
    width:960px;
    margin:0 6px 2px;
    padding:10px 10px 0 10px;
    border:2px solid #DDE2E3;
    border-left:0;
    border-right:0;
}

    #left
    {
        float:left;
        widows:250px;
    }
        #menu
        {
            float:left;
            width:223px;
            height:204px;
            padding:12px;
            background: url(../images/bg_menu.gif) no-repeat;
        }
            #menu ul
            {
                list-style-type:none;
                padding:0;margin:0 0 0 20px;
                
            }
            
            li.blue, li.green, li.orange, li.purple
            {
                background: url(../images/arrow_blue_sm.gif) no-repeat left;
                padding:0 0 0 25px;
                line-height:20px;                
            }
                li.green{background: url(../images/arrow_green_sm.gif) no-repeat left;}
                li.orange{background: url(../images/arrow_orange_sm.gif) no-repeat left;}
                li.purple{background: url(../images/arrow_purple_sm.gif) no-repeat left;}
                
            #menu a{color:#3D4649;text-decoration:none;font-weight:normal;}
            #menu a:hover{text-decoration:underline;}
            
    #subnav{
	    width:250px;
	    float:left;
	    background:url(../images/bg_nav.gif) repeat-y top left;
	}
	
	#subnav h2{
		color:#79949d;
		font-weight:normal;
		font-size:2.6em;
		text-align:right;
		text-transform:uppercase;
		padding:10px 20px 0;
		background:url(../images/bg_nav_top.gif) no-repeat top left;
		}
		
	
	#subnav ul{
		margin:0;padding:0 20px 20px 20px;
		list-style-type:none;
		background:url(../images/bg_nav_btm.gif) no-repeat bottom left;
		}
		
		#subnav ul li a{
			background:url(../images/nav.gif) no-repeat left 2px;
			padding:4px 0 4px 20px;
			line-height:1em;
			display:block;
			color:#82af00;
			text-transform:uppercase;
			text-decoration:none;
			font-weight:bold;
			font-size:1.1em;
			}
			#subnav ul li a:hover{
				background:url(../images/nav_hover.gif) no-repeat left 2px;
				color:#588501;
				}
			#subnav ul li.selected a
			{
			    background:url(../images/nav_sel.gif) no-repeat left 2px;
				color:#1f9bb6;
			}
			#subnav ul li a span{
				color:#3d4649;
				font-weight:normal;
				display:block;
				font-size:0.9em;
				line-height:1.1em;
				padding:0 0 5px 0;
				}
			
			#subnav ul li.selected ul{background:none;padding:0 0 0 20px;}	
			#subnav ul li.selected ul li a{
				background:url(../images/nav_sub.gif) no-repeat left 2px;
				padding:1px 0 8px 15px;
				font-size:1em;
				line-height:1em;
				text-decoration:none;
				text-transform:none;
				color:#3d4649;
				font-weight:normal;
				}
				#subnav ul li.selected ul li a:hover{
					background:url(../images/nav_sub_hover.gif) no-repeat left 2px;
					color:#017eac;
					}
					
					#subnav ul li.selected ul li a.subsub
					{
						background:url(../images/nav_sub_sub.gif) no-repeat left 2px;
						font-weight:bold;
						color:#919FA0;
						}
					
					#subnav ul li.selected ul li.selected a.subsub{
						background:url(../images/nav_sub_sub_hover.gif) no-repeat left 2px;
						color:#1D9AB6;
						font-weight:bold;					
						}
						#subnav ul li.selected ul li.selected a:hover{
						color:#017eac;					
						}							
						#subnav ul li.selected ul li.selected ul li a{
						color:#3d4649;					
						}
    #main
    {
        float:left;
        width:710px;
        min-height:295px;
		height:auto !important;
    }
	    #left_col{
		    width:405px;
		    font-size:1.1em;
		    float:left;
		    margin-left:15px;
	    }
    	
	    #right_col{
		    width:271px;
		    float:left;
		    margin-left:15px;
	    }
	    
	    #no_col{
		    width:676px;
		    font-size:1.1em;
		    float:left;
		    margin-left:15px;
	    }
	    
#homepage_logos
{
	padding:5px 10px 5px 0;
    float:right;    
	}
	
	#homepage_logos img
	{
		padding-left:15px;
		}
	    

#footer_top
{
    color:#677E86;
    text-transform:uppercase;
    background: #D3DADD;
    margin:0 8px;
    float:left;display:inline;
    width:954px;
    padding:10px 0 0 22px;
    line-height:1.5em;
}
    #footer_top a{color:#677E86;text-decoration:none;}
    #footer_top span
    {
        color:#F29200;
        font-weight:bold;
        margin-left:15px;
    }

    .footer_links
    {
        list-style-type:none;
        font-weight:bold;
        text-align:right;
        padding:0;
        float:right;
        margin:0 25px 0 0;
    }
        .footer_links li a{color:#04B6DA!important;text-decoration:none;}        	
    
#footer_btm
{
    clear:both;
    color:#79949D;
    font-weight:bold;
    padding:0 30px;
    margin:0;
    background: url(../images/bg_btm.gif) no-repeat bottom left;
    height: 60px;
}
    #footer_btm a{ color:#79949D; margin-left:80px;}
   
    
/**********************************************************************************
=Layout Elements
**********************************************************************************/

.download{
	border:2px dotted #d3dadd;
	padding:10px;
	font-size:0.9em;
	line-height:1.2em;
	margin:0 0 4px 0;
	}
	.download div{text-align:right}
	
	.download p b
	{
		font-size:1.1em;
		color:#0098b9;
		}
		
.photo{
	background:url(../images/bg_photo.gif) no-repeat top left;
	padding:9px;
	height:249px;
}
    .photo img
    {
        width:253px;
        height:190px;
    }
	.photo .caption{
		display:block;
		height:50px;
		padding:6px 5px 10px;
		color:#79949d;
		text-transform:uppercase;
		line-height:1.1em;
	}

.video
{
    margin:6px 0 10px 6px;
}

.video .caption
{
	display:block;
	height:50px;
	padding:6px 5px 0 0;
	color:#79949d;
	text-transform:uppercase;
	line-height:1.1em;
	}




        
/**********************************************************************************
=Homepage
**********************************************************************************/
.home_block
{
    width:315px;
    height:215px;
    float:left;
    padding:20px;
    background: url(../images/bg_block_home.gif) no-repeat top left;
}   
    .home_block span
    {
        font-size:0.7em;
        font-weight:bold;
        color:#79949D !important;
        margin-right:-6px;
    }
    
    .home_block p.intro
    {
        font-weight:bold;
        text-transform:uppercase;
    }
    
    .icon
    {
       float:right;
       background: url(../images/bg_icon.gif) no-repeat;
       padding:9px;
       margin:0 0 10px 10px;
    }
    
    #screens h2, #screens p.intro{color:#01B8D7;}
    #engineering h2, #engineering p.intro{color:#98CB04;}
    #projection h2, #projection p.intro{color:#E98C00;}
    #simulation h2, #simulation p.intro{color:#8656B5;}

#featured
{
    clear:left;
    float:left;display:inline;
    width:223px;
    height:278px;
    padding:12px;
    margin-top:2px;
    background: url(../images/bg_featured.gif) no-repeat;
}
    #featured .image
    {
        background: url(../images/bg_featured_image.gif) no-repeat;
        padding:8px;
    }

#seo
{
    clear:both;
    background: #E7E9EA;
    margin:0 8px 2px;
    padding:10px 40px;
    display:inline-block;
    width:896px;
}
    #seo div
    {
        width:200px;
        float:left;
        padding:0 10px;
        border-right: 2px dotted #B9B7B0;
    }
        #seo div h3
        {
            text-align:left;
            color:#79949D;
        }
        
        #seo ul
        {
            list-style-type:none;
            padding:0;margin:0;
        }
        
        #seo a{color:#79949D;}
        
#sitemap
{
    clear:both;
    margin:0 8px 2px;
    padding:10px 40px;
    display:inline-block;
}
    #sitemap div
    {
        float:left;
        padding:0 10px;
        border-right: 2px dotted #B9B7B0;
    }
        #sitemap div h3
        {
            text-align:left;
            color:#0098b9;
            text-transform:uppercase;
        }
        
        #sitemap ul
        {
            list-style-type:none;
            padding:0;margin:0;
        }
        
        #sitemap a{color:#79949D;}        
    
/**********************************************************************************
**********************************************************************************/

#products_home
{
    padding:0;
    margin:0 0 10px 0;
    float:left;
}
    #products_home li
    {
        display:block;
        width:313px;
        height:108px;
        background: url(../images/bg_products_home.gif) no-repeat;
        padding-right:7px;
        float:left;
    }
        #products_home li a
        {
            text-transform:uppercase;
            text-decoration:none;
            color:#3D4649;
            padding:17px 7px 7px 10px;
            display:block;
            height:84px;
            font-weight:normal;
            background-position: right;
            background-repeat:no-repeat;
        }
        
        #products_home li a em
        {
             color:#ACCA55;
             font-size:2em;
             font-style:normal;
             display:block;
             padding:4px 0 3px 20px;
             background: url(../images/nav.gif) no-repeat left 8px;
             line-height:0.8em;
        }
            #products_home li a em span
            {
                 color:#79949D;
                 font-size:0.7em;
                 font-weight:bold;
                 margin-right:-7px;
            }
            #products_home li a em span.nospace{margin-right:0;}
            
        #products_home li a:hover em
        {
            color:#0098B9;
            background: url(../images/nav_sel.gif) no-repeat left 8px;
        }
        
#gallery
{
	padding:0;
    margin:0 0 10px 0;
    float:left;    
    display:block;
	}

#gallery li
{	
	background:url(../images/bg_gallery.gif) repeat-y;
	float:left;
	margin-left:10px;
	margin-bottom:20px;	
	display:block;
	}
	
	#gallery li img.top
	{
		background:url(../images/bg_gallery_top.gif) no-repeat top left;
		padding:15px;}
	
	#gallery li span
	{
		width:156px;
		font-size: 0.9em;
		margin:0 0 0 11px;
		display:block;
		height:85px;		
		}
	
	#gallery li span a.click_to_expand
	{
		text-transform:uppercase;
		text-decoration:none;
		font-weight: bold;
		font-size: 1.09em;		
		color:#FF9900;
		padding:10px 0 0 10px;
		height:22px;
		width:121px;
		background: url(../images/gallery_nav.gif) no-repeat right 7px;
		}