* {
	margin: 0;
	padding: 0;
}

.fl { float: left; }
.fr { float: right; }
.clear { display: block; clear: both; height: 0px; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.block { display: block; }
.inline { display: inline-block; }
.middle { vertical-align: middle; }
.table { display: table; width: 100%; }
.row { display: table-row; }
.cell { display: table-cell; vertical-align: middle; }

html {}
a { text-decoration: none; }
a img { border: none; }

pre {font-family: Georgia, "Times New Roman", Times, serif;}
address {font-style: normal;}

/* WEB FONTS */
@font-face {
	font-family: "Trade Gothic W01 Bold 2";
	src: url("../type/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot@iefix") format("eot");
	src: url("../type/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"), url("../type/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype");
}

h1 {
	font-family: 'Trade Gothic W01 Bold 2', sans-serif;
	font-size: 1.3em;
    font-weight: normal;
	color: #FFF;
	height: 1em;
	line-height: 1em;
	user-select: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
}

input[type="text"] {
	font-size: 1.1em;
	color: #666;
	height: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    display: block;
	height: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
    outline: none;
    width: 96%;
    padding: 0 2%;
    font-style: italic;
}

body {
	background: url('../images/bg-container.png') repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #505754;
}

a { color: #505754; }

#container {
	display: block;
	overflow-x: hidden;
}

#header {
	display: block;
    position: fixed;
    width: 100%;
	height: 56px;
	line-height: 56px;
    top: 0;
    left: 0;
    z-index: 100;
	background: #FFF;
	border-bottom: 2px solid #f2f2f2;
	user-select: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
}

    #nav {
        display: block;
        position: fixed;
        z-index: 10000;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: url('../images/nav-bg.png') repeat;
        transition: left 0.1s ease-in 0.1s;
        -webkit-transition: left 0.1s ease-in 0.1s;
        -ms-transition: left 0.1s ease-in 0.1s;
    }
    #nav.open { left: 0; }
        
        #close-nav {
            display: block;
            width: 60px;
            height: 56px;
            position: absolute;
            right: 0px;
            background: url('../images/close-menu-icon.png') center no-repeat;
            background-size: 17px 17px;
            transition: right 0.1s ease-in 0.1s;
            -webkit-transition: right 0.1s ease-in 0.1s;
            -ms-transition: right 0.1s ease-in 0.1s;
        }
        /*#nav.open #close-nav { right: -61px; }*/

        #nav-header {
            display: block;
            height: 56px;
            border-bottom: 2px solid #343434;
            background: url('../images/nav-logo.png') 15px center no-repeat;
            background-size: 145px 25px;
        }

        #nav-links {
            display: block;
            padding-left: 10px;
            line-height: 3;
        }

        #nav-links > a {
            padding: 8px 12px;
            clear: both;
            color: #cccccc;
            font-weight: 400;
            font-style: italic;
            border-radius: 14px;
        }
        #nav-links > a.active { background-color: #262626; }

    #back-to-results {
        display: block;
        float: left;
        width: 0px;
        height: 56px;
        overflow: hidden;
        margin-left: 10px;
        background-image: url('http://proassets1.gregp.fiddlefly.org/common-sprite.png');
        background-repeat: no-repeat;
        background-size: 142px auto;
        background-position: -68px -45px;
        transition: width 0.1s ease-in 0s;
        -ms-transition: width 0.1s ease-in 0s;
        -webkit-transition: width 0.1s ease-in 0s;
    }

    #open-nav {
        display: block;
		float: left;
		width: 40px;
		height: 56px;
        margin-left: 10px;
        background-image: url('../images/menu-icon.png');
        background-repeat: no-repeat;
        background-size: 38px auto;
        background-position: center center;
        -ms-touch-action: none;
    }

    #logo {
		display: block;
		/*float: left;*/
		width: 142px;
		height: 56px;
        margin: 0 auto;
        background-image: url('http://proassets1.gregp.fiddlefly.org/common-sprite.png');
        background-repeat: no-repeat;
        background-size: 142px auto;
        background-position: 0px 3px;
	}

    #search {
		display: block;
		width: 0px;
		height: 56px;
		position: relative;
		margin: 0 40px 0 35px;
		background: transparent;

	}
		#search.open {
			display: block;
			width: 70%;
			padding-left: 10px;
		}

		#search-input {
			display: block;
			position: absolute;
			width: 0px;
            top: 8px;
            left: 45px;
			outline: none;
			padding: 0;
			border:none;
			transition: all 0.1s ease-in 0s;
			-o-transition: all 0.1s ease-in 0s;
			-ms-transition: all 0.1s ease-in 0s;
			-moz-transition: all 0.1s ease-in 0s;
			-webkit-transition: all 0.1s ease-in 0s;
		}
		#search-input.open {
			width: 65%;
			padding: 0 10px;
			border: 1px solid #d5d5d5;
		}

	#toggle-search {
		display: block;
		float: right;
		width: 40px;
		height: 56px;
        background-image: url('http://proassets1.gregp.fiddlefly.org/common-sprite.png');
        background-repeat: no-repeat;
        background-size: 142px auto;
        background-position: -22px -42px;
        -ms-touch-action: none;
	}

#main {
    display: block;
    background: #FFF;
    -ms-touch-select: none;
    margin-top: 58px;
}

#footer {
	display: block;
	top: 100%;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

#footer-social {
	background: #313131 url('../images/social-bg.png') repeat-x top left;
	background-size: 50px auto;
	font-size: 14pt;
	padding: 15px;
	line-height: 1;
	vertical-align: text-top;
	height: 21px;
	overflow: hidden;
}

	#footer-social a {
		color: #ebebeb;
		font-style: italic;
	}

	.social-icon {
		width: 40px;
        height: 40px;
        background-image: url('http://proassets1.gregp.fiddlefly.org/index-sprite.png');
        background-repeat: no-repeat;
        background-size: 160px 80px;
        background-color: transparent;
	}
    .social-icon[rel="facebook"] { background-position: -40px -9px; }
    .social-icon[rel="twitter"] { background-position: 0px -9px; }

#footer-legal {
	text-align: center;
	color: #929292;
	background-color: #1c1c1c;
	font-size: 10px;
	padding: 15px 20px;
	font-family: Helvetica, sans-serif;
}