/**********************************
RESPONSIVE STYLE SHEET
***********************************/

/**********************************************************************************************************
800X600
**********************************************************************************************************/

@media screen and (min-width: 650px){
  
  	/**********************************
	top bar
	***********************************/
  	.logo-top img {
        height: auto;
        width: 30%;
	}
  
  
    .row-fluid .span3 {
        width: 32%;
        margin: 0;
        text-align: left;
      	float: left;
    }

    .row-fluid .span9 {
        width: 63%;
        float: left;
      	margin: 0 0 0 30px;
    }
  
      #footer-bar-contents-first {
        padding: 0;
        position:absolute;
        width: 30%;
        text-align: center;
        left:0;
        right: 0;
        top: 0;    
        margin-left:auto;
        margin-right:auto;
    }
  
    #footer-bar-contents-second {
        padding: 0 0 0 15px;
        float: left;
        width: 30%;
        text-align: left;
        color: #fff;
        margin: 0;

	}
  
    #footer-bar-contents-third {
        padding: 0 0 15px 0;
        float: right;
        width: 25%;
        text-align: left;
        color: #fff;
        margin: 0;
	}
  
  	.directions-map{
		padding: 30px 0;
	}
}



/**********************************************************************************************************
MEDIUM SIZE SCREEN
**********************************************************************************************************/

@media screen and (min-width: 810px){

    /**********************************
	GENERAL
	***********************************/
  	body {
		position: relative;     
	}
    
    .body .container {
    	max-width: 1000px;
      	padding: 0
	}
  
  	h1 {

	}
 
  	h2 {

	}



  	/**********************************
	TOP BAR
	***********************************/

  	#top-bar {
    	position: relative;
    	padding: 0;
	}
  
  	#top-container {
		margin: 0 auto;
		position: relative;
    	padding: 0;
    	max-width: 1050px;
  	}
  
  	#top-bar-contents-first  {
    	float: left;
    	margin: 0px;
    	width: 20%;
    	text-align: center;
    	padding: 10px;
	}
  
  	.logo-top img{
		width: 100%;
	}
  
   	#top-bar-contents-second {
		width: 65%;
    	text-align: left;
    	float: left;
    	margin: 30px 0 0 0;
      	padding: 0 20px 0 0;
      	position: relative;
      	left:0;
	}
  
    .header-wording {
      	padding: 40px 0 100px 0;
  	} 
  
  	.header-wording h1 {
    	font-size: 3.5em;
    	color: #fff;
    	font-weight: 700;
  		text-shadow: 2px 2px 4px #000;
  		font-family: 'Oswald', sans-serif;
	}
  
  	.header-wording h3 {
        font-weight: 300;
        font-size: 3em;
        color: #fff;
        text-shadow: 2px 2px 4px #000;
        font-family: 'Oswald', sans-serif;
        line-height: 1.5em;
	}

  
  
    /**********************************
	NAVIGATION
	***********************************/
  
    #main-navigation-container {
      	position: relative;
      	margin: 0 auto;
    	max-width: 1100px;
    	padding: 0;
    }
  
    #navigation-first {
        text-align: left;
        padding: 0;
        position: relative;
  	}
  
    #navigation-first a{
    	font-size: .60em;
 	}
     
  	#navigation-second {
     
 	}
  
  	.responsiveMenuTheme2 > li {
    	float: left;
      	font-size: 1.15em;
	}
  
  	.responsiveMenuTheme2 > li > a {
		display: block;
		padding: 10px 15px;
	}
  
   	.responsiveMenuTheme2 li  ul li{
		font-size: 1em;
	}
  
  .responsiveMenuTheme2 li  ul  li a{
		padding: 10px;
	}
  
    .responsiveMenuTheme2 li  ul  li a.parent{
		padding: 10px;
	}

	.responsiveMenuTheme2 span.linker {
    	padding: 0;
    	display: inline-block;
    	vertical-align: middle;
	}
  
	.responsiveMenuTheme2 > li.parent > a {
    	padding: 10px 40px 10px 8px;
	}
  
 	.responsiveMenuTheme2 span.opener {
        padding: 5px 0;
	}
  
   	.responsiveMenuTheme2 li ul li span.opener {
        padding: 7px 0;
	}
  
    .responsiveMenuTheme2 li ul li ul li span.linker {
        padding: 10px 0;
	}

  

    /**********************************
    DISPLAY
    ***********************************/    
    #display {

    }

    #display-container {

    }  
  
  	#display-responsive {

	}
      
  	.ls-container {
        display: block;	
    }
  
  
  
   	/**********************************
    SUBPAGE HEADERS
    ***********************************/  
  	.subpage-header {
    	padding: 20% 0;
    	background-size: cover;
    	background-position: center bottom;
	}
  
  	.contact-header {
  		padding: 8% 0;
  		background-size: cover;
  		background-position: center bottom;
	}

  
  
   	/**********************************
    THREE BOXES IN HOMEPAGE
    ***********************************/
  	.home-boxes {
        float: left;
        margin: 0 10px;
        width: 29%;
        border: 10px solid rgba(255, 255, 255, 1.0);
	}
  
    .boxes-homepage {
      	padding: 30px 0;
  	}
  
  
  	
  	/**********************************
    CONTENTS
    ***********************************/  
    .item-title {
    	margin: 0 0 10px 0px;
	}
  
  .row-fluid .span3 {
        width: 32%;
        margin: 0;
        text-align: left;
    }

    .row-fluid .span9 {
        width: 63%;
        float: left;
      	margin: 0 0 0 30px;
    }

    .span12 {
        margin: 0;
    }
  
  	.leading-0 p {
      	padding: 10px 20px;
	}
    
  	.leading-0 h3 {
      	padding: 0px 20px;
	}
  
  	.blog {
    	padding: 0;
	}
  
  	.item-content {
    	padding: 30px 0px;
        border-top: 1px solid #fff;
	}
  
  	.item-content p{
    	padding: 10px 20px;
	}  
  
    .item-content h3{
    	padding: 0px 20px;
	}
  
  	.item-page p {
    	padding: 10px 20px;
	}
  
    .item-page h3 {
    	padding: 0px 20px;
	}
  
  	.pull-right {
    	padding: 0px;
      	margin: 0 0 20px 20px;
        float: right;
      	width: 40%;
      	border: 5px solid #fff;
	}
  
    .items-leading p{
		padding: 10px 20px;
    }


  
    /**********************************
    FORMS
    ***********************************/   	
  	.work-history {
    	float: left;
    	width: 30%;
    	margin: 10px 10px 20px 0;
  	}
    
  

  
    /**********************************
    LOCATIONS RIGHT COLUMN
    ***********************************/  
  	.well {
        min-height: 20px;
        padding: 30px 0;
        margin: 0 0 0 40px;
        border: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-align: left;
        background-color: transparent;
	}
  
     
  
  	/**********************************
    BOTTOM QUOTE
    ***********************************/ 
  	#bottom-logo{
    }
  
    .bottom-quote {
  	}
  
    .bottom-quote p {
    }
  
   
  
  	/**********************************
	FOOTER
	***********************************/
  	.footer {
  		clear: both;
	}
  
    #footer-container {
		/* See tencom.css*/
  	}

    #footer-bar-contents-first {
        padding: 0;
        position:absolute;
        width: 30%;
        text-align: center;
        left:0;
        right: 0;
        top: 0;    
        margin-left:auto;
        margin-right:auto;
    }
  
    #footer-bar-contents-second {
        padding: 0;
        float: left;
        width: 30%;
        text-align: left;
        color: #fff;
        margin: 0;

	}
  
    #footer-bar-contents-third {
        padding: 0;
        float: right;
        width: 25%;
        text-align: left;
        color: #fff;
        margin: 0;
	}
  
  	.directions-map{
		padding: 30px 0;
	}

  
  
  	/**********************************
	FOOTER NAVIGATION
	***********************************/
  	#full-width-contents a:hover{
        background: transparent;
        color: rgba(255, 255, 255, 1.0);
      	text-decoration: underline;
    }
  
    #full-width-contents .nav a{
        padding: 5px 20px;
      	display: inline-block;
	}

	#full-width-contents .nav a:hover{
  		background: transparent;
	}
  
    #full-width-contents .menu li{
      	display: inline-block;
      	font-size: .7em;
      	border-top: none;
  	}

  	#full-width-contents .nav li a{
        color: rgba(255, 255, 255, 1.0);
        text-decoration: none;
        padding: 10px 20px;
      	text-transform: uppercase;
  	}

  	#full-width-contents .nav li a:hover{
      	text-decoration: underline;
      	background: #666;
      	color: #fff;
  	}
  
    .nav {
        margin: 0;
        list-style: none;
  	}
   
}



/**********************************************************************************************************
WIDE SCREENS
**********************************************************************************************************/

@media screen and (min-width: 1050px){  
  
  	body.site {
      	background-size: auto;
  	}
  
  	.row-fluid {
    	width: 100%;
    	margin: 0;
	}
  
    h4 {
  	}

 
  
  	/**********************************
	TOP BAR
	***********************************/   	
  	#top-bar-contents-first  {
    	margin: 0px;
    	padding: 10px;
	}
  
    #top-bar-contents-second {
	}
  
    .header-wording h1 {
        font-size: 4.5em;
        color: #fff;
        font-weight: 700;
        text-shadow: 2px 2px 4px #000;
        font-family: 'Oswald', sans-serif;
    }
    	
  	.header-wording h3 {
        font-weight: 300;
        font-size: 3.5em;
        color: #fff;
        text-shadow: 2px 2px 4px #000;
        font-family: 'Oswald', sans-serif;
        line-height: 1.5em;
	}
  
  
    /**********************************
	HOMEPAGE BANNER
	***********************************/
  	.subpage-header {
        padding: 15% 0;
        background-size: cover;
        background-position: center bottom;
	}
  
  	.contact-header {
    	padding: 3% 0;
    	background-size: cover;
    	background-position: center bottom;
	}

  
  
    /**********************************
    NAVIGATION
    ***********************************/
  	#navigation-first a{
    	font-size: .7em;
 	} 
  
  
  
    /**********************************
    HOMEPAGE MODULES
    ***********************************/
  	#home-graphic-title {
    	padding: 0px;
	}
  
  
  
    /**********************************
    HOMEPAGE MODULES
    ***********************************/
  	#full-width-contents .menu li{
      	display: inline-block;
      	font-size: .8em;
      	border-top: none;
  	}

}