body { background-color:#414a44; 
       color: #a0a39f;
       font-family:Arial, Verdana, sans-serif;
       background-image: url(http://www.southshorepizza.net/images/ocean2.jpg),
       url(http://www.southshorepizza.net/images/sand2.jpg);
       background-repeat: no-repeat, repeat-y;
       background-position: top left;
       width: 100%;
}

header { color:#414a44;
         font-family:Georgia, "Times New Roman", serif;
         border-radius: 15px;
         width: 100%;
}

header img{float: left;
}

#locator {margin-left: 15px;
	font-size: 150%;
}

header ul {list-style-type: none;
	padding-top: 20px;
	padding-left: 30px;
}

header li {display: inline;
	font-size: 150%;
	padding: 10px;
}

header a {text-decoration: none;
}

header a:link, header a:visited {color: #414a44;
}

header a:focus, header a:hover { color: #f00;
	background-color: #414a44;
	padding: 4px;
}

.clearleft {clear:left;
}

.products {width:100%;
}

.products ul {list-style-type: none;
	margin-left:-10px;
}

.products li {display: inline-block;
	text-align: center;
	width: 20%;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	color: #000000;
}

.products img{width: 99%;
}

.products2 {margin: -20px;
}

.products2 ul {list-style-type: none;
}

.products2 li {display: inline-block;
	text-align: center;
	width: 16%;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	color: #000000;
}

.products2 img {width: 95%;
}

.products2 a:link, .products2 a:visited {color: #a0a39f;
	background-color: #414a44;
	border-radius: 10px;
	padding: 4px;
}

.products2 a:focus, .products2 a:hover { color: #f00;
}

#desc{float:left;
	background-color: #4e553e;
	width: 260px;
	color: #a0a39f;
	margin-left: 1%;
	margin-top: 2%;
	padding: 10px 10px 10px 10px;
	opacity: 0.8;
}

.products3 img{width: 95%;
}

#special { float: left;	
	background-color: #4e553e;
	width: 260px;
	color: #a0a39f;
	display: inline-block;
	margin-top: 2%;
	margin-left: 2%;
	padding: 50px 1px 50px 5px;
	opacity: 0.8;
}

#psg {	background-color: #4e553e;
	color: #a0a39f;
	width: 260px;
	display: inline-block;
	margin-left: 2%;
	margin-top: 2%;
	padding: 10px 10px 85px 10px;
	opacity: 0.8;
}

#nav { float: left;
}

#nav ul {list-style-type: none;
}

#nav li {display: inline;
	margin: 10px;
	font-size: x-large;
	padding: 3px;
}

#nav img{width:5%;
}

a {text-decoration: none;
}

.products a:link, .products a:visited {color: #a0a39f;
	background-color: #414a44;
	border-radius: 10px;
	padding: 4px;
}

.products a:focus, .products a:hover { color: #f00;
}

#nav a:link, #nav a:visited {color: #a0a39f;
	background-color: #414a44;
	border-radius: 10px;
	padding: 4px;
}

#nav a:focus, #nav a:hover { color: #f00;
}

#copy {color: #000000;
	vertical-align: bottom;
	padding: 4px;
	width:53%;
}

p  {background-color: #4e553e;
	color: #a0a39f;
	width: 55%;
	margin-left: 2%;
	margin-top: 2%;
	padding: 10px 10px 10px 10px;
	opacity: 0.8;
}

.reviews {background-color: #4e553e;
	color: #a0a39f;
	width: 80%;
	margin-left: 2%;
	margin-top: 2%;
	padding: 10px 10px 10px 10px;
	opacity: 0.8;
}
table #caption{background-color: #4e553e;
opacity: 0.8;}
tr:nth-of-type(even) {background-color: #6fF;
opacity: 0.8;}
tr:nth-of-type(odd) {background-color: #4e553e;
opacity: 0.8;}

iframe {
	display: block;
    width: 425px;
    height: 350px;
    margin: 0 30px;
    border: 0;
}

@media only all and (max-width: 1024px) {

header li {display: inline;
	font-size: 120%;
	padding-top: 8px;
}	

header a {text-decoration: none;
}

header a:link, header a:visited {color: #414a44;
}

header a:focus, header a:hover { color: #f00;
	background-color: #414a44;
	border-radius: 10px;
	padding: 4px;
}

#locator {padding-right: 15px;
}
}

@media only all and (max-width: 768px) {

header img{width: 25%;
}

#locator {font-size: 100%;
}

header ul, header li {display: none;
}

#nav li {display: block;
	width: 100%;
	margin: 10px;
	font-size: x-large;
	padding: 3px;
}

#nav img{width: 30%;
}

#copy {color: #000000;
	vertical-align: bottom;
	padding: 4px;
}
}

.color1 {
	color: #828d90; /* oslo grey */
}
.color2 {
    color: #46523b; /* kelp */
}
.color3 {
    color: #585858; /* bright grey */
}
.color4 {
    color: #8b9393; /* submarine */
}
.color5 {
    color: #4e553e; /* lunar green */
}
.color6 {
    color: #626365; /* shuttle grey */
}
.color7 {
    color: #929898; /* delta */
}
.color8 {
    color: #4d5452; /* cape cod */
}
.color9 {
    color: #616365; /* shuttle grey */
}
.color10 {
    color: #999e9a; /* edward */
}
.color11 {
    color: #40483f; /* heavy metal */
}
.color12 {
    color: #676b6b; /* mid grey */
}
.color13 {
    color: #a0a39f; /* mountain mist */
}
.color14 {
    color: #414a44; /* corduroy */
}
.color15 {
    color: #676a6c; /* mid grey */
}