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

a:link {color:  #00CCFF;text-decoration: none;}
a:visited {color:  #00CCFF;text-decoration: none;}
a:hover {color: #ff9900;text-decoration: none;}
a:active {color:  #00CCFF;text-decoration: none;}

/* Basic Styles */
/*body {
	/*background-color: #ece8e5;*/
/*}
/*nav {
	/*height: 40px;*/
	/*width: 100%;*/
	/*background: #455868;*/
	/*font-size: 11pt;*/
	/*font-family: 'PT Sans', Arial, sans-serif;*/
	/*font-weight: bold;*/
	/*position: relative;*/
	/*border-bottom: 2px solid #283744;*/
}
nav ul {
	/*padding: 0;
	margin: 0 auto;
	width: 600px;
	height: 40px;*/
}
nav li {
	/*display: inline;
	float: left;*/
}
nav a {
	/*color: #fff;*/
	/*display: inline-block;
	width: 100px;
	/*text-align: center;*/
	/*text-decoration: none;*/
	line-height: 40px;
	/*text-shadow: 1px 1px 0px #283744;*/
}
nav li a {
	/*border-right: 1px solid #576979;*/
	/*box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;*/
}
/*nav li:last-child a {
	border-right: 0;*/
}

nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 3000px) {
	nav { 
  		height: auto;
  
  	}
  	nav ul {
  		width: 100%;
  		display: none;
  		height: auto;
  		

  
  		
  	}
  	nav li {
	  	display: inline-block;
  		width: 100%;
 
  		float: left;
  		position: relative;
  		border-top:solid 1px #666666;
  	}
  	nav li a {
	  	display: inline-block;
	    width:97%;
	    text-transform:uppercase;
	    
	    padding-top:17px;
	    padding-bottom:20px;
	    text-align:right;
	    padding-right:3%;
	
	    font-size:100%;
	    background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-navback.png");
	    
	    
	    
		/*border-bottom: 1px solid #576979;*/
		/*border-right: 1px solid #576979;*/
	}

nav li a:hover, nav a:active {
	/*background-color: #eeeeee;*/
}

nav a#pull {
		display: block;
		width: 110px;
		float:right;
		position: relative;
		padding-top:25px;
		padding-bottom:0px;
		font-weight:700;
		text-align:left;
	border-bottom-left-radius:30px;
		font-size:130%;
		
		background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-navback.png");
	}
nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 90px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 20px;
		
	}
}

/*Styles for screen 515px and lower*/
/*@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

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

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*this will control up to iphone 6+ in portrait*/
@media screen and (max-width: 750px){




nav li a {
	    padding-top:0px;
	    padding-bottom:5px;
	    font-size:80%;
	    width:98%;
	}

nav a#pull {
		/*padding-top:3px;
		padding-bottom:3px;
	}
	
nav a#pull:after {
		top: 12px;
		background: url('nav-icon.png') no-repeat;
		width: 72px;
		height: 30px;	
	}*/



}



/*this will control up to iphone 6+ in portrait*/
@media screen and (max-width: 768px){
	
	
	
	
	
	
	
}