@media all { 
/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin: 0; padding: 0; } 
html { background-color: #FFF;}
body { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; l text-align: left;}
p { padding: .5em 0; }

hr { border: none 0; border-top: 1px; color: #ddd; background-color: #ddd; height: 1px; width: 99.8%; } 


h3 { font-weight: lighter; color: #555; }


h1 { font-size: 460%; line-height: 41px; letter-spacing: -4px; }
h1 a { color: #555; }
h1 a:hover { color: #0099FF; text-shadow: #888 0 2px 2px; background-color: transparent; }
h2 { font-size: 95%; padding: 0; margin: 0; padding-left: 2px; }
h3 { font-size: 150%; padding-bottom: 5px; padding-top: 19px; }
h4 { font-size: 100%; font-weight: normal; letter-spacing: 0px; color: #333; padding-bottom: 2px; padding-top: 9px; }

ul { font-size: 12px; line-height: 14px; font-weight: normal; list-style: none; }
ul#branding-ci { padding-left: 2px; padding-top: 20px; padding-right: 10px; font-size: 10px; font-weight: bold; color: #999; line-height: normal; text-align:left ; clear: both; }
ul#pano-instruct { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align: left; font-weight: normal; }
#siteinfo_breadcrumbs li { display: inline; font-size: 10px; font-weight: normal; }










/*#branding_menu li { display: inline; font-size: 12px; font-weight: bold; } */


/* Main menu */
#branding_menu
{
        width: 100%;
        margin: 0;
        padding: 79px 0 0 0;
        list-style: none;
		clear: both;
		
  /*      background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
        background: -webkit-linear-gradient(#444, #111);
        background: -o-linear-gradient(#444, #111);
        background: -ms-linear-gradient(#444, #111);
        background: linear-gradient(#444, #111);
        -moz-border-radius: 50px;
		
        border-radius: 50px;
        -moz-box-shadow: 0 2px 1px #9c9c9c;
        -webkit-box-shadow: 0 2px 1px #9c9c9c;
        box-shadow: 0 2px 1px #9c9c9c; */
}

#branding_menu li
{
        float: left; 
        padding: 0 0 0px 0;
        position: relative;
		
}

#branding_menu a
{
        float: left;
        height: 25px;
        padding: 0 25px;
        color: #555;
        font: 12px/25px Arial, Helvetica;
		font-weight:bold;
        text-decoration: none;
		
}

#branding_menu li:hover > a
{
        color: #eee; background-color: #0099FF; 
}

*html #branding_menu li a:hover /* IE6 */
{
        color: #fafafa;
}

#branding_menu li:hover > ul
{
        display: block;
}

/* Sub-menu */

#branding_menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 99999;
    background: #eee;
	
	
/*
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 5px;
    border-radius: 5px;
*/
}

#branding_menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #ccc, 0 1px 0 #ddd;
}

#branding_menu ul li:last-child
{
   
}

#branding_menu ul a
{
    padding: 10px 15px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	font-weight: lighter;
	color: #222;

}

*html #branding_menu ul a /* IE6 */
{
        height: 10px;
        width: 150px;
}

*:first-child+html #branding_menu ul a /* IE7 */
{
        height: 10px;
        width: 150px;
}

#branding_menu ul a:hover
{
    background: #0099FF;

}

#branding_menu ul li:first-child a
{

}

#branding_menu ul li:first-child a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;

}

#branding_menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}

#branding_menu ul li:last-child a
{

}

/* Clear floated elements */
#branding_menu:after
{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}










li#copyright { padding-right: 92px; font-size: 73%; color: #555; }
#work_img li { padding-bottom: 6px; }
#back_next_nav li { display: inline; font-size: 12px; font-weight: bold; }

a { text-decoration: none; color: #555; }

/* To change hover color
#FF0000   >> Strong Red
#FF00FF   >> Bright Pink
#9900FF   >> Light Purple
#0099FF   >> Bright Blue */
/* Both the selectors' colors must be identical at anny one time */ 
a:hover { color: #eee; background-color: #0099FF; }
#current-pg { color: #eee; background-color: #0099FF; font-weight: bold; }

img{ border-style: none; padding-bottom: 5px}

div#container { width: 748px; margin: 0 auto; text-align: left; padding-top: 10px;}
div#top-border { width: inherit; font-weight: bold; font-size: 39px; color: #bbb; text-shadow: #777 0 3px 3px; padding-bottom: 5px; }
div#bottom-border { width: inherit; height: 30px; font-weight: bold; font-size: 39px; color: #bbb; text-shadow: #777 0 3px 3px; padding-bottom: 5px; }
div#bottom-border { height: 40px; }
div#branding { width: inherit; height: 106px; overflow: visible; }
div#branding-contact-info { float: right; width: 528px; height: inherit ; color: #aaa; line-height: 13px;}
div#branding-logo { width: 200px; height: inherit; }
div#content { width: inherit; overflow: auto; }
div#content-main { float: right; width: 528px; }
div#content-main-02 { width: 748px; }
div#nav-bar { float: left; width: 210px; }
div#siteinfo { padding-top: 10px; width: 748px; height: 20px; font-size: 20px; color: #bbb; line-height: 10px; }
}