body { background-color: #929898; /* delta */ 
       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;}

#side { float: left;
        width: 175px;
}

#side img{width: 350%;}

.products {width:100%; }

.products img{width: 99%;}

.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;
	font-size: 75%;
}

.products li a:link, a:active, a:focus, a:visited { 
	background-color:#414a44;
	text-decoration:none;
	padding: 2px;
	color: #a0a39f;
}

.products li a:hover {
	color: #F00;
	padding: 1px;
}
	
#rightcol {margin-left: 185px;
}

h1 {background-color:#414a44;
    border-radius: 10px;
    font-size: x-large;
    border-radius: 10px;
	padding: 3px;
	width: 270px;
}

h2 {background-color:#414a44;
    border-radius: 10px;
    font-size: small;
	color: #a0a39f;
    padding: 3px;
}

.products2 {margin: -20px; }

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

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

.products2 li a:link, a:active, a:focus, a:visited { 
	background-color:#414a44;
	text-decoration:none;
	padding: 2px;
	color: #a0a39f;
}

.products2 li a:hover {
	color: #F00;
	padding: 1px;
}

.products3 li a:link, a:active, a:focus, a:visited { 
	background-color:#414a44;
	text-decoration:none;
	padding: 2px;
	color: #a0a39f;
}

.products3 li a:hover {
	color: #F00;
	padding: 1px;
}


#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;}

#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%;
}
#side2 { display:none;
}

.products3 {width:100%; }

.products3 img{width: 75%;}

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

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

.products3 li a:link, a:active, a:focus, a:visited { 
	background-color:#414a44;
	text-decoration:none;
	padding: 2px;
}

.products3 li img {vertical-align: middle;}

.products3 li a:hover {
	color: #F00;
	padding: 1px;
}

@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;}

#side2 { display:none;
}

}

@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;
}
#side { display:none;
}
#rightcol {margin-left: 0px;
}
#side2 {display: inline-block;}

}

.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 */
}