/* =============================================================== */
/* Import Section
================================================================ */
	@import url("base.css");                /* Default Reset, Typography, Forms, etc. */
	@import url("skeleton.css");            /* 960 Grid, Media Query Layouts, Clearing */
    @import url("shortcodes.css");          /* ShortCodes */
    /*@import url("contact.css");             /* Simple Contact Form - http://www.html-form-guide.com/contact-form/simple-php-contact-form.html */


/* =============================================================== */
/* Site Styles
================================================================ */

	/*
	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	*/



/* =============================================================== */
/* Bands
================================================================ */
	#header {
		min-height:  80px;
		background-color: #052A48;
	}

	#footer {
		background-color:  #052A48;
		color: #a4a4a4;
		min-height: 100px;
		padding: 0 0 10px 0;
		margin: 30px 0 0 0;
	}

	#intro {
		background-color: #FFFFFF;
	}

	#thick-stripe {
		min-height: 10px;
		background-color: #fcda72;
	}

	#thin-stripe {
		min-height: 1px;
		background-color: #a4a4a4;
		margin: 0 450px 0 450px;
	}



/* =============================================================== */
/* Tagline
================================================================ */
	#tagline {
		color: #FFFFFF;
		border-left: 1px solid #FFD700;
		float: left;
		font-size: 12px;
		margin: 40px 0 0 0;   /* 1st: distance from top to words */
		padding: 0 0 0 10px;  /* 4th: distance between line and first word */
	}



/* =============================================================== */
/* Navigation
================================================================ */
	.selectnav {
		display: none;
		cursor: pointer;
		width: 100%;
		padding: 8px;
		height: 37px;
		float: left;
		font-size: 14px;
	}

	#navigation{
		float: right;
	}

	#navigation ul,
	#navigation li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#navigation ul li {
		float: left;
		position: relative;
	}

	#navigation ul li a {
		color: #D3D3D3;
		border-bottom: 3px solid transparent;
		display: inline-block;
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
		margin: 43px 0px 0px 0px;
		padding:  0 10px 5px 10px;  /* 3rd: distance to bottom-border; */
		text-decoration: none;
	}

	#navigation ul li a:hover {
		border-bottom: 3px solid #FFFFFF;
		color: #FFFFFF; !important
		cursor: pointer;
		text-decoration: none;
	}

	#current{
		border-bottom: 3px solid #FFFFFF !important;
		color: #FFFFFF !important;
		font-weight: bold !important;
	}


	/* IE Dropdown Fix
	==========================*/
		.ie7 .ie-dropdown-fix {position: relative; z-index: 5;}
		.ie8 .ie-dropdown-fix {position: relative; z-index: 5;}


/* =============================================================== */
/* Contact Form by html-form-guide.com
/* You can customize all the aspects of the form in this style sheet
/* All the style elements use form id selector(notice the #contactus). So, including this
/* stylesheet does not affect the other elements at all!
/* =============================================================== */

    #contactus fieldset{
        width:320px;
        padding:20px;
        border:1px solid #ccc;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            border-radius: 10px;
    }

    #contactus legend, h2{
        font-family : Arial, sans-serif;
        font-size: 1.3em;
        font-weight:bold;
        color:#333;
    }

    #contactus label{
        font-family : Arial, sans-serif;
        font-size:0.8em;
        font-weight: bold;
    }

    #contactus input[type="text"],textarea{
        font-family : Arial, Verdana, sans-serif;
        font-size: 0.8em;
        line-height:140%;
        color : #000;
        padding : 3px;
        /*  border : 1px solid #999;  */
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
    }

    #contactus input[type="text"]{
        height:18px;
        width:220px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #contactus #scaptcha{
        width:60px;
        height:18px;
    }

    #contactus input[type="submit"]{
        width:100px;
        height:30px;
        padding-left:0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #contactus textarea{
        height:120px;
        width:310px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    #contactus input[type="text"]:focus,textarea:focus{
        color : #009;
        /*  border : 1px solid #990000;  */
        background-color : #fcda72;
        font-weight:bold;
    }

    #contactus .container{
        margin-top:8px;
        margin-bottom: 10px;
    }

    #contactus .error{
        font-family: Verdana, Arial, sans-serif;
        font-size: 0.7em;
        color: #900;
        background-color : #ffff00;
    }

    #contactus fieldset#antispam{
        padding:2px;
        border-top:1px solid #EEE;
        border-left:0;
        border-right:0;
        border-bottom:0;
        width:350px;
    }

    #contactus fieldset#antispam legend{
        font-family : Arial, sans-serif;
        font-size: 0.8em;
        font-weight:bold;
        color:#333;
    }

    #contactus .short_explanation{
        font-family : Arial, sans-serif;
        font-size: 1.0em;
        color:#333;
    }

    /* spam_trap: This input is hidden. This is here to trick the spam bots*/
    #contactus .spmhidip{
        display:none;
        width:10px;
        height:3px;
    }

    #fg_crdiv{
        font-family : Arial, sans-serif;
        font-size: 0.3em;
        opacity: .2;
        -moz-opacity: .2;
        filter: alpha(opacity=20);
    }

    #fg_crdiv p{
        display:none;
    }


/* =============================================================== */
/* Typography
================================================================ */
	h1, h2, h3, h4, h5, h6 {
		color: #052A48;
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		text-align: center; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }

    #footer h5 {
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		padding: 25px 0 8px 0;
		margin: 0 0 15px 0;
	}

    #footer h6 {
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		padding: 25px 0 8px 0;
		margin: 0 0 15px 0;
	}



    /* #Roku Links
    ================================================== */
	a, a:visited { color: #2da0ce; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #FFFFFF; }
	p a, p a:visited { line-height: inherit; }


/* =============================================================== */
/* Links List
================================================================ */
	.links-list li a {
		color: #a4a4a4;
		display: block;
		padding: 6px 0;
		padding-left: 12px;
		/* border-bottom: 1px solid #444; */
		background: url(../images/link_list_arrow_01.png) no-repeat left 47%;
	}

	.links-list li a:hover {color: #fff}
	.links-list li:first-child a {margin: -12px 0 0 0;}
	.links-list li:last-child a {border: none;}



/* =============================================================== */
/* Social Icons
================================================================ */

	/* Sliding Rollover
	==========================*/
		.social-slide {
			height: 48px;
			width: 48px;
			margin: 10px;
			float: left;
			-webkit-transition: all ease 0.3s;
			-moz-transition: all ease 0.3s;
			-o-transition: all ease 0.3s;
			-ms-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

		.social-slide:hover {
			background-position: 0px -48px;
			box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
		}

		.facebook-hover {
			background-image: url(../images/footer/facebook-hover.png);
		}

		.google-hover {
			background-image: url(../images/footer/googleplus-hover.png);
		}

		.instagram-hover {
			background-image: url(../images/footer/instagram-hover.png);
		}

		.linkedin-hover {
			background-image: url(../images/footer/linkedin-hover.png);
		}

		.pinterest-hover {
			background-image: url(../images/footer/pinterest-hover.png);
		}

		.reddit-hover {
			background-image: url(../images/footer/reddit-hover.png);
		}

		.stumbleupon-hover {
			background-image: url(../images/footer/stumbleupon-hover.png);
		}

		.tumblr-hover {
			background-image: url(../images/footer/tumblr-hover.png);
		}

		.twitter-hover {
			background-image: url(../images/footer/twitter-hover.png);
		}


	/* Spinning Rollover
	==========================*/
		.social-roll {
			height: 48px;
			width: 48px;
			margin: 10px;
			float: left;
			border-radius: 50%;
			-webkit-transition: all ease 0.3s;
			-moz-transition: all ease 0.3s;
			-o-transition: all ease 0.3s;
			-ms-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

		.social-roll:hover {
			box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
			-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			-ms-transform:rotate(360deg);
			transform:rotate(360deg);
		}

		.facebook-roll {
			background-image: url(../images/footer/facebook-48gray-circle.png);
		}

		.facebook-roll:hover {
			background-image: url(../images/footer/facebook-48circle.png);
		}

		.google-roll {
			background-image: url(../images/footer/googleplus-48gray-circle.png);
		}

		.google-roll:hover {
			background-image: url(../images/footer/googleplus-48circle.png);
		}

		.instagram-roll {
			background-image: url(../images/footer/instagram-48gray-circle.png);
		}

		.instagram-roll:hover {
			background-image: url(../images/footer/instagram-48circle.png);
		}

		.linkedin-roll {
			background-image: url(../images/footer/linkedin-48gray-circle.png);
		}

		.linkedin-roll:hover {
			background-image: url(../images/footer/linkedin-48circle.png);
		}

		.pinterest-roll {
			background-image: url(../images/footer/pinterest-48gray-circle.png);
		}

		.pinterest-roll:hover {
			background-image: url(../images/footer/pinterest-48circle.png);
		}

		.reddit-roll {
			background-image: url(../images/footer/reddit-48gray-circle.png);
		}

		.reddit-roll:hover {
			background-image: url(../images/footer/reddit-48circle.png);
		}

		.stumbleupon-roll {
			background-image: url(../images/footer/stumbleupon-48gray-circle.png);
		}

		.stumbleupon-roll:hover {
			background-image: url(../images/footer/stumbleupon-48circle.png);
		}

		.twitter-roll {
			background-image: url(../images/footer/twitter-48gray-circle.png);
		}

		.twitter-roll:hover {
			background-image: url(../images/footer/twitter-48circle.png);
		}

		.tumblr-roll {
			background-image: url(../images/footer/tumblr-48gray-circle.png);
		}

		.tumblr-roll:hover {
			background-image: url(../images/footer/tumblr-48circle.png);
		}

	/* Pop-Out Rollover
	==========================*/
		.social-popout {
			height: 48px;
			width: 48px;
			margin: 10px;
			float: left;
			-webkit-transition: all ease 0.5s;
			-moz-transition: all ease 0.5s;
			-o-transition: all ease 0.5s;
			-ms-transition: all ease 0.5s;
			transition: all ease 0.5s;
		}

		.social-popout img {
			border-radius: 50%;
			margin: 8px;
			width: 100%;
			box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
			-webkit-transition: all ease 0.5s;
			-moz-transition: all ease 0.5s;
			-o-transition: all ease 0.5s;
			-ms-transition: all ease 0.5s;
			transition: all ease 0.5s;
		}
		.social-popout img:hover {
			margin: 0px;
			box-shadow: 12px 12px 4px 1px rgba(0,0,0,0.3);
		}



/* =============================================================== */
/* Back Button
================================================================ */
    .back-button a {
        text-decoration:none;
        border:0 none;
        display:block;
        width:45px;
        height:45px;
        background: url(../images/back_to_top_btn.png) no-repeat 50% 50%;
        background-color:#2da0ce;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .back-button a:hover {
        background-color: #052A48;
    }



/* =============================================================== */
/* Back-To-Top Button
================================================================ */
	#backtotop {
		position: fixed;
		right:0px;
		display:none;
		bottom: 20px;
		margin: 0 20px 0 0;
	}

	#backtotop a {
		text-decoration:none;
		border:0 none;
		display:block;
		width:45px;
		height:45px;
		background: url(../images/back_to_top_btn.png) no-repeat 50% 50%;
		background-color:#cccccc;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#backtotop a:hover {background-color: #2da0ce;}



/* =============================================================== */
/* MediaElement Audio-Video Player
================================================================ */
	.epdesc {
		color: #052A48;
	}

	.epdesc:hover {
		background-color:#E0E0E0;
	}

	#audio-video_player {

		background: #FFFFFF;
		border: 0 none;
		padding: 30px 0 40px;
		color: #000;
		overflow: hidden;
	}

	.episode-title {
		color: #C11F1F;
		line-height: 21px;
	{

/* =============================================================== */
/* MediaElement Audio-Video Player
================================================================ */

    #mainContainer {
        position: relative;
        width: 640px;
        height: 360px;
    }

    #content, #adContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 640px;
        height: 360px;
    }

    #contentElement {
        width: 640px;
        height: 360px;
        overflow: hidden;
    }

    #playButton {
        margin-top:10px;
        vertical-align: top;
        width: 350px;
        height: 60px;
        padding: 0;
        font-size: 22px;
        color: white;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        background: #2c3e50;
        border: 0;
        border-bottom: 2px solid #22303f;
        cursor: pointer;
        -webkit-box-shadow: inset 0 -2px #22303f;
        box-shadow: inset 0 -2px #22303f;
    }



/* =============================================================== */
/* Media Queries
================================================================ */

	/* Higher than 960 (desktop devices) */
		@media only screen and (min-width: 960px) {
			.flexslider {height: 345px;}
			#portfolio-wrapper {min-height: 350px;}
			.project .flexslider {min-height: 1px; margin-bottom: 20px;}
		}


	/* Smaller than standard 960 (devices and browsers) */
		@media only screen and (max-width: 959px) {}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
		@media only screen and (min-width: 768px) and (max-width: 959px) {
			.slider_description {margin-top: 90px;}
			.slider_description h2 {margin-bottom: 15px; font-size: 20px;}
			.slider_description p {display: none;}
			.slider_description h2 b {display: none;}
			.client-logo img {width: 148px; height: auto;}
			.post-title h2 a {padding-left: 145px;}
			.latest-post-blog, .latest-post {height: 65px;}
			.flickr-widget-blog a {width: 57px; height: 57px;}
			.avatar {height: 40px; width: 40px;}
			.testimonials_author {display: none;}
		}


	/* All Mobile Sizes (devices and browser) */
		@media only screen and (max-width: 767px) {
			.slider_description {display: none;}
			#navigation{float: none;}
			.js #nav { display: none; }
			.js .selectnav { display: block;}
			#backtotop a {display: none;}
			.social-links {margin: -5px 0 20px 0; float: left;}
			.info-box a {margin: 15px 0 0 0;}
			.info-box p {margin: 10px 0 0 0;}
			.post-content {margin: 0 !important;}
			.post-title h2 a {padding:0;}
			.post-date {text-align: left;}
			.blog-sidebar {display: none;}
			.project .flexslider {margin-bottom: 20px;}
			.mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled {margin-right: -10px;}
		}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
		@media only screen and (min-width: 480px) and (max-width: 767px) {
			.client-logo img {width: 139px; height: auto;}
			.custom-slide {height: 270px;}
			.avatar {height: 35px; width: 35px;}
		}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {
			.client-logo img {width: 149px; height: auto;}
			.custom-slide {height: 193px;}
			.avatar {height: 25px; width: 25px;}
		}