body 
{
    font-size: 0.75em; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    background: #000; color: #fff;
    padding: 30px 0;
    text-align: center;
}

body#home h1 
{ 
    font-size: 1.8em; font-weight: bold;
    padding: 4px 0; margin: 0;
    font-weight: 400;
}

h1 
{
    font-size: 2.3em; font-weight: bold;
    padding: 4px 0; margin: 0;
    font-weight: 300;
}

body#home h2 
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300; font-size: 1.7em; font-style: italic;
    padding: 2px 0; margin: 0 0 20px 0;
}

h2
{
    font-size: 1.2em; font-weight: bold;
    font-weight: 300;
    
}

body#home h3 
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300; font-size: 1.7em; font-style: italic;
    padding: 2px 0; margin: 0 0 20px 0;
    line-height: 0em;
}

h3
{
    font-size: 1.2em; font-weight: bold;
    font-weight: 300;
    line-height: 0em;
}

body#home h4 
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300; font-size: 1.5em; font-style: italic;
    padding: 2px 0; margin: 0 0 20px 0;
}

h4
{
    font-size: 1em; font-weight: bold;
    font-style: italic;
    font-weight: 300;
}



body#home p
{
    padding: 10px 0;
    line-height: 1.5em;
}

p
{
    padding: 12px 0;
    line-height: 1.5em;
}

a { color: #fff; text-decoration: none; }
a:hover { background: #999; }

div#container
{
    margin: 0 auto; text-align: left;
    width: 868px;
}

    div#container div#header
    {
        float: left; 
        margin-bottom: 10px;
    }
    
        div#header a#logo
        {
            display: block; width: 300px; height: 59px; 
            float: left; text-indent: -2000px; margin-left: 4px;
            background: #000 url('../../images/WMRLogo2.gif') no-repeat 0 0;
        } 
        
        div#bonded
        {
          position: absolute; top: 560px; left: 425px;
            overflow: auto;
            width: 325px; background: #000; color: #fff;
            text-align: center;
        	filter:alpha(opacity=70); opacity: 0.65; 
        	z-index: 5000; padding: 25px 10px 5px 10px;
        	line-height: 1.5em;
        } 
        
        
        
        
   /*             {
            display: block; width: 368px; height: 72px; 
            float: left; text-indent: -2000px; margin-left: 4px;
            background: #000 url('../../images/WMRLogo.gif') no-repeat 0 0;
        } */
    
        div#header div#navigation 
        {
            float: left; margin: 20px 0 0 6px;
            font-family: Arial, Sans-Serif;
            font-size: 1em;
            font-variant: small-caps;
        }
        
            div#navigation, div#navigation ul /* all lists */
            {
	            padding: 0; margin: 0; z-index: 6000;
	            list-style: none; line-height: 1;
	            /*background: transparent url('../../images/Nav.gif') no-repeat 0 0;*/
            }

            div#navigation li  /* all list items */
            {
	            float: left;
	            width: 80px; /* width needed or else Opera goes nuts */
	            padding-left: 8px;
            }

            div#navigation ul li a 
            {
	            display: block; 
	            width: 100%; height: 20px;
	            padding: 5px 0;
	            font-size: 1.3em;
	            border-right: 1px solid #446015;
	            color: #fff;
	            /*text-indent: -2000px;*/
            }
            div#navigation ul li a:hover
            {
            	background: none;
            	color: #ccc;
           	}

            div#navigation li ul /* second-level lists */
            { 
	            position: absolute;
	            background: transparent;
	            width: 80px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
            }

            div#navigation li li /* second-level lists */
            {
				background: #000;
				margin: 0;
				padding: 0;
	        }
	                    
            div#navigation li ul a
            {
                height: 1em; padding: 7px;
                text-indent: 0; color: #fff;
 	            filter:alpha(opacity=50);
	            background: transparent url('../../images/TransBG.png') repeat 0 0; 
	            font-size: 1em;
	            width: 64px;
	            border: none;
	        }
            
            div#navigation li ul a:hover
            {
                background: #555;
            }

            div#navigation li ul ul /* third-and-above-level lists */
            { 
	            margin: -26px 0 0 80px;
	            width: 150px;
            }
            
            div#navigation li li ul a 
            {
            	width: 150px;
            }
            
            div#navigation li li li 
            {
            	width: 164px;
            }
            
            div#navigation li#navigation-services a, 
            div#navigation li#navigation-contact a,
            div#navigation li#navigation-services, 
            div#navigation li#navigation-contact
            { 
                width: 73px;
            }
            
            div#navigation li#navigation-contact a 
            {
            	border: none;
            }
            
            div#navigation li#navigation-aboutus a,
            div#navigation li#navigation-aboutus
            { 
                width: 76px;
            }
            
            div#navigation li#navigation-recognition a,
            div#navigation li#navigation-recognition 
            { 
                width: 98px;
            }
            div#navigation li#navigation-consultation a,
            div#navigation li#navigation-consultation 
            { 
                width: 108px;
            }
            

            div#navigation li:hover ul ul, div#navigation li.sfhover ul ul 
            {
	            left: -999em;
            }

            div#navigation li:hover ul, div#navigation li li:hover ul, 
            div#navigation li.sfhover ul, div#navigation li li.sfhover ul /* lists nested under hovered list items */
            { 
	            left: auto;
            }
    
    div#container div#main
    {
        clear: both; padding: 8px 6px;
        border-top: solid 2px #999;
        border-bottom: solid 2px #999;
        position: relative;
    }
    
        div#main div#introduction
        {
            position: absolute; top: 8px; left: 8px;
            width: 328px; background: #000; color: #fff;
        	filter:alpha(opacity=70); opacity: 0.75;
        	z-index: 5000; padding: 15px 8px;
        }
        
        div#main div#content
        {
            position: absolute; top: 16px; left: 14px;
            overflow: auto;
            width: 550px; background: #000; color: #fff;
        	filter:alpha(opacity=70); opacity: 0.75; 
        	z-index: 5000; padding: 15px 8px;
        	line-height: 1.5em;
        }
        
        div#main div#video
        {
            position: absolute; top: 16px; left: 16px;
            overflow: auto;
            width: 710px; background: #fff; color: #fff;
        	/*filter:alpha(opacity=90); opacity: 0.95;*/ 
        	z-index: 5000; padding: 15px 8px;
        	line-height: 1.5em;
        }
        
        div#main div#left-info-bar
        {
            float: left;
            width: 250px; background: #646464;
            padding: 12px 8px; 
            margin: 0 5px 0 0;
        }
        
        div#main .slideshow { margin: 0; }
        
        div#main div#gallery
        {
            float: left;
            width: 582px;
        }
        
            .slideshow-images
            {
                width: 417px;
                height: 400px;
                float: right;
            }
        	#home .slideshow, #home .slideshow-images {
                width: 854px;
                height: 570px;
                float: none;
        	}
        
            .slideshow-thumbnails 
            {
    	   	    height: 400px;
    	        width: 162px;
    	        float: left;
            }
            
            .slideshow-thumbnails ul 
            {
    	    	height: 500px;
    	        width: 165px;
            }  

            .slideshow-thumbnails li 
            {
	            list-style: none;
	            margin: 0;
            }

            .slideshow-thumbnails a 
            {
	            padding: 0 5px 5px 0;
	            cursor: pointer;
            }
            
            
            .slideshow-thumbnails a:hover 
            {
	            background-color: #000 !important;
            }
            
            .slideshow-thumbnails img 
            {
	            width: 77px; height: 77px;
            }
            
            .slideshow-thumbnails-active 
            {
	            background-color: #000 !important;
            }
            
            .slideshow-thumbnails-inactive 
            {
	            background-color: #000 !important;
            }

p#footer
{
	clear: both;
    display: block; text-align: right;
    font-size: 0.9em; color: #fff;
    padding: 10px 0;
}

    p#footer span { font-size: 0.8em; margin-left: 5px; }

.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}    
    
.clear {
	clear: both;
}

.fifteen {
	width: 17%;
}
.twenty {
	width: 22%;
}
.third {
	width: 31%;
}
.half {
	width: 49%;
}
.twothird {
	width: 55%;
	padding-left:15px;
}
.quarter {
	width: 25%;
}

.ten {
	width: 10%;
}


#references {
	overflow:none;
	text-align: left;
}

#stickynote {
	background-image:url(/grfx/stickynote.png);
	background-repeat:no-repeat;
	position:relative; left:60px; bottom:350px;
	width: 250px;
	height:193px;
	overflow:none;
	text-align: left;
}
*html #stickynote {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grfx/stickynote.jpg", sizingMethod="scale");
}
#stickynotetext {
	height:180px;
	width: 180px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	font-style: italic;
	color: black;
	text-align: center;
	line-height: 1.5em;
	position:relative;
	bottom:-25px;
	left: 10px;
	z-index:1555;
	padding: 2px 0 0 10px;
	margin: 0 0 20px 0;
}