/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
body {
}



nav {
	width: 100%;
	background: #000;
	position: relative;
	
		font-size: 12px;

	    	    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;

}
nav ul {
	padding: 0;
	margin:0px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
		padding: 0px 20px 0px 20px;
			line-height: 30px;

		
}

nav a:link, nav a:visited {
	color: #fff;
}

nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #6fb85b;
	color: #FFF;
	text-decoration: none;
}
nav a#pull {
	display: none;
}




/* breadcrumbs */



#breadmain 
{
padding: 5px;
padding-left: 15px;
background-color: #6fb85b;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:400;
	font-size:20px;

}

#breadmain a
{
color: white;

}



#breadcrumbs 
{
/*margin-top: 5px;*/
padding: 4px;
color: rgba(127,127,127,0.58);
font-size: 15px;
}
#breadcrumbs ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline;

}


#breadcrumbs li {
    display: inline;
}

#breadcrumbs a{
    color: black;
}



/*bread*/
#breadmain 
{
width:auto;
padding-right: 20px;

color: white;
float: right;

}

#breadcrumbs 
{
/*margin-top: 5px;*/
background-color: #F8F8F8;
padding-left: 20px;
font-size: 12px;

}


/*HEADER*/

#headerbn
{
padding-bottom: 5px;
border-top: 5px solid #6fb85b;
background:rgba(255,255,255,0.50);
clear:both;
}

#logo{
	
float: left;
}

#logo img {
padding: 10px;
}


#topleader{

	width: 100%;
margin-left: auto;
margin-right:auto;
  text-align: center;
  color:white;


background: linear-gradient(45deg, #FBFBFB 25%,
    #F8F8F8 25%, #F8F8F8 50%, 
    #FBFBFB 50%, #FBFBFB 75%, 
    #F8F8F8 75%);
background-size:100px 100px;
}


#logo img {
margin-top:-50px;
width: 100px;
}



.outernav
{
background-color: #343434;
width:100%
border:1px dotted blue;
}



/*search*/


#searchcontainer{
text-align: center;
padding-top:15px;
}

#searchbox
{
	max-width: 600px;

margin: 0 auto;
padding: 0 5px 0 5px;
margin-bottom: 5px;
}

#searchleft
{

overflow: hidden;
padding-right: .5em;


}

#searchbox input[type=image] {
float: right;}

#searchbox input[type=text] {
	font-size: 16px;
width:100%;
height: 2em;
margin:0px;
padding:0px;
text-align: left;}

#rightheader{
margin-left:120px;
height: 80px;
}

/*footer*/


#footer
{
  clear: both; 

background-image: url('http://www.basenotes.net/assets/images/bg2.jpg');
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: #ffffff;
border-top: 5px solid #6fb85b;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;


width:100%;
background-color: #555555;
/*border: blue 2px solid ;*/

}


#footersocial
{
text-align: center;
width:100%;
margin-bottom: 10px;
}



#footersocial ul, #footersocial li {
 display: inline;
 margin: 0;
 padding: 0;
	font-size:1em;

 }
 
#footerboring
 {
 clear:both;

	 text-align: center;
	 padding: 10px;
	 color: white;

 }
 
 #footerboring a
 {
	 color: white;
	 
 }
 #footerboring ul, #footerboring li {
 display: inline;
 margin: 0;
 padding: 0;
	font-size:small;

 }


div.footercenter {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
  color:white;
}



#footer-about, #footerlinks, #footerothersites, #footerhouses, #footerquicklinks, #footerboot
{
margin-bottom: 10px;
padding: 10px;
background: rgba(0,0,0,0.50);
color: white;

}


#footer-about
{
}

#footerquicklinks
{
}



#footer-about a, #footerlinks a, #footerothersites a, #footerhouses a, #footerquicklinks a, #footerboot a
{
color: white;
}

#footerlinks ul, #footerhouses ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
 

}
#footerlinks li, #footerhouses li
{
display: inline; 

}







@media screen and (min-width: 899px)

{
	
	
	.innerheader
{
max-width: 1200px;
/**background-color: #cba7a7;**/
  margin-left: auto ;
  margin-right: auto ;

}


#innercontainer
{
max-width: 1200px;
/**background-color: #cba7a7;**/
  margin-left: auto ;
  margin-right: auto ;
  padding: 20px;

}

}



@media screen and (min-width: 321px)
{
	
#innercontainer
{
  padding: 20px;
/*background: white;*/
}
#topfooter
{
float: left;
width: 100%;
/*border: 1px red dotted;*/
}



#footer1
{
clear:left;
float:left;
width:40%;
	display: inline;
/*border: 1px red dotted;*/


}

#footer2
{
float:right;
width: 59%;
	display: inline;
/*border: 1px red dotted;*/



}
#footer-about
{
width:auto;
/*float:left;*/

}

#footerquicklinks
{
width:auto;
}

#footerothersites
{
width:auto;

}

#footerhouses
{
width:auto;

}

#footerlinks
{
width:auto;

}


#footersocial img
{
width:48px;height:48px;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;

}



#footersocial
{	clear: left;}

#footer-about, #footerlinks, #footerothersites, #footerhouses, #footerquicklinks, #footerboot
{
margin-left: 15px;
margin-right: 15px;

}


#topbnlinks li
{
margin-right: 5px;
display: inline; 

}




#topbnlinks
{
text-align: right;
padding-top:10px;
padding-bottom:15px;
background-color: #F8F8F8;
}


#topbnlinks ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
 

}

#topbnlinks .menulink
{
display:none;
}

#topbnlinks li
{
margin-right: 5px;

}

#topbnlinks li img
{
width: 16px;

}


#topbnlinks ul a
{
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	padding:0 5px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

}

@media screen and (max-width: 1160px) {
	
	nav {


    text-transform: uppercase;

}


.nav{
			font-size: 14px;

}
nav a {
		padding: 0px 15px 0px 15px;
}
	
	
}

@media screen and (max-width: 1060px) {
	

.nav{
			font-size: 14px;

}
nav a {
		padding: 0px 9px 0px 9px;
}
	
	
}


@media screen and (max-width: 950px) {
	
	.hideword {
	display: none;}

.nav{
			font-size: 13px;

}
nav a {
		padding: 0px 9px 0px 8px;
}
	
	
}



/*Styles for screen 900px and lower*/
@media screen and (max-width: 820px) {
	nav { 
  		height: auto;
  					font-size: 13px;


  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;

  	}
  	nav li {
  		width: 16.666%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #4f4f4f;
		border-right: 1px solid #4f4f4f;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
	  			padding: 0px 0px 0px 0px;

  	}

.hideword {
	display: none;}

nav li:last-child a {
		border-right: 1px solid #4f4f4f;
}



#topleader{



padding-top:10px;
padding-bottom:10px;

}

}




/*Styles for screen 600px and lower
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}*/

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 600px) {
	nav {
		border-bottom: 0;
	}
	  	nav li {
  		width: 33.33%;
}
	nav ul {
		display: none;
		height: auto;
		  		  						background: #222;

	}
	nav a#pull {
		display: block;
		background-color: #000;
		width: 100%;
		position: relative;
				font-size: 14px;

	}
	nav a#pull:after {
		content:"";
		background: url('http://www.basenotes.net/assets/icons/hamburger.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 5px;
	}
}

@media only screen and (max-width : 515px) {
	nav {
		border-bottom: 0;
	}
	  	nav li {
  		width: 50%;
}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #000;
		width: 100%;
		position: relative;
				font-size: 14px;

	}
	nav a#pull:after {
		content:"";
		background: url('http://www.basenotes.net/assets/icons/hamburger.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 5px;
	}







}



/*Smartphone*/
@media only screen and (max-width : 420px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 0;
		padding: 5px 0 5px 0;
	}
	nav li:last-child a {
		border-right: 0px;
}

	nav{
		
				font-size: 18px;
	}
	
	.hideword {
	display: show;}
	
	/*
		
		BREAD
		
		
		*/
		
		#breadmain 
{

width:97%;
display: block;
padding: 5px;
background-color: #6fb85b;
color: white;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:400;
	font-size:20px;

}

#breadcrumbs 
{
/*margin-top: 5px;*/
padding: 4px;
color: rgba(127,127,127,0.58);
font-size: 12px;
}
		
/*HEADER*/



/*HEADER*/

#headerbn
{
padding-bottom: 5px;
border-top: 5px solid #6fb85b;
background:rgba(255,255,255,0.50);
clear:both;
}

#logo{
	
float: left;
	
}



#logo img {
margin-top:-50px;
width: 75px;
}

#topleader
{

line-height: 0px;
margin-bottom: 0px;
}


#topbnlinks li
{
margin-right: 5px;
display: inline; 

}

#topbnlinks
{
text-align: right;
padding-top:10px;
padding-bottom:10px;
background-color: white;
}

/*search*/


/*search*/


#searchcontainer{
text-align: center;
padding-top:5px;
}

#searchbox
{
	max-width: 600px;

margin: 0 auto;
padding: 0 5px 0 5px;
margin-bottom: 2px;
}

#searchleft
{

overflow: hidden;
padding-right: .5em;


}

#searchbox input[type=image] {
float: right;
width: 24;}

#searchbox input[type=text] {
	font-size: 16px;
width:100%;
height: 1.5em;
margin:0px;
padding:0px;
text-align: left;}

#rightheader{
margin-left:120px;
height: 50px;
}


/*footer*/

#footer{
	
	
	
}

#footer b{font-size: medium;}
#footerquicklinks ul, #footerboot ul {
	margin: 0px;
	padding: 0px;
list-style-image: none;	

}

#footerquicklinks ul li a, #footerboot ul li a{
	text-align: center;
border-bottom: gray dotted 1px;	
display:block;}

#footerquicklinks ul li a, #footerboot ul li a{
	padding: 10px 0 10px 0;
}



#footer-about
{

width:100%;
}

.footercenter 
{
font-size: : 10px;

}


#footerquicklinks
{

}

#footerothersites
{
display: none;
}

#footerhouses
{
display: none;
}

#footerlinks
{
}


#footersocial img
{
width:56px;height:56px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
padding:5px;
}

#innercontainer
{
/*background-color: white;*/
 padding-left: 10px ;
  padding-right: 10px ;*/

}


}