/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

@font-face {
    font-family: 'Lobster1.1Regular';
    src: url(../fonts/Lobster_1.1_-webfont.eot);
    src: local('☺'), url(../fonts/Lobster_1.1_-webfont.woff) format('woff'), url(../fonts/Lobster_1.1_-webfont.ttf) format('truetype'), url(../fonts/Lobster_1.1_-webfont.svg#webfont30G9S4nm) format('svg');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'RalewayThin';
    src: url(../fonts/raleway_thin-webfont.eo);
    src: local('☺'), url(../fonts/raleway_thin-webfont.woff) format('woff'), url(../fonts/raleway_thin-webfont.ttf) format('truetype'), url(../fonts/raleway_thin-webfont.svg#webfont) format('svg');
    font-weight: normal;
    font-style: normal; 
}

/* Site-wide properties ======================================================== */
body{
/*    font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif; */
    font: normal normal 15px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
}

/* Fibonacci based heading scale ratio */
h1{ font-size: 4.4em; font-weight: normal; }
h2{ font-size: 2.8em; font-weight: bold; }
h3{ font-size: 1.6em; font-weight: bold; }
h4{ font-size: 1.2em; font-weight: bold; }

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; 
}

/* Navigation CSS */
#right_nav ul li{
    color:#000;
	position: relative;
    float:right; 
    clear:left;
    list-style: none;
    border-bottom: none;
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -webkit-linear-gradient(#EEF, #FFF 70%);
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: -ms-linear-gradient(#EEF, #FFF 70%);
    background: -o-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);
	-webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
   behavior: url(http://drzresearch.com/assets/pie/PIE.php);
/*      behavior: url(http://localhost/drz/assets/pie/PIE.php);*/
}
#menu ul{
	padding:0;
	margin:0;
}
#menu li{
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
    border-bottom: none;
	behavior: url(http://drzresearch.com/assets/pie/PIE.php);
/*      behavior: url(http://localhost/drz/assets/pie/PIE.php);*/
} 
#menu li a{
	width:100px;
	height: 30px;
	display: block;
	text-decoration:none;
	text-align: center;
	line-height: 30px;
	background-color:#FFF;
	color: #000;
    behavior: url(http://drzresearch.com/assets/pie/PIE.php);
/*      behavior: url(http://localhost/drz/assets/pie/PIE.php);*/
} 
#menu li a:hover{
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -webkit-linear-gradient(#EEF, #FFF 70%);
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: -ms-linear-gradient(#EEF, #FFF 70%);
    background: -o-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);
    behavior: url(http://drzresearch.com/assets/pie/PIE.php);
/*      behavior: url(http://localhost/drz/assets/pie/PIE.php);*/
} 
#menu ul ul{
	position: absolute;
	top: 29px; 
	visibility: hidden;
	z-index:3;
    margin-left:-.05em;
}
#menu ul ul li{
    border-bottom:1px solid #CCC;
}
#menu ul li#selected{
    z-index: 3;
}
#menu ul li:hover ul{
	visibility:visible;
    z-index: 3;
}

/* Content CSS */
.container_content{  
    height:auto;
    clear: left;
    position: relative;
    z-index: 1;
    padding: 2em 1em;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
/*    box-shadow: #CCC 0 0 .25em;*/
   behavior: url(http://drzresearch.com/assets/pie/PIE.php);
/*      behavior: url(http://localhost/drz/assets/pie/PIE.php);*/
}

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* The H1 declarations - for @font-face presentational purposes only */
h1{ font: 50px 'Lobster1.1Regular', Arial, sans-serif; }
h1 span{ font: 50px RalewayThin, Arial, sans-serif; letter-spacing: -4px }