html body *{
margin: auto;
padding: 0;
}



@font-face {
font-family: "LeviBrush";
src: url('fonts/LEVIBRUSH.TTF'); 
src: local("LeviBrush"), url('fonts/LEVIBRUSH.TTF') format("opentype");
}


@font-face {
font-family: "AppleGaramond-Bold";
src: url('fonts/AppleGaramond-Bold.ttf'); 
src: local("LeviBrush"), url('fonts/AppleGaramond-Bold.ttf') format("opentype");
}

li {
list-style-type: none;
}

h2 {
color: #28657e;
}


#page {
background:#FFFFFF;
width:977px;
}

.logo {
text-align: left;
color:#4a71a6;
font-size: 100px;
font-weight: bold;
}


.add {
text-align: left;
position:absolute;
left: 800px;
font-family:AppleGaramond-Bold;
font-size: 16px;
}

.add a:link{
color: #FF3399;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

.add a:visited{
color: silver;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

.add a:hover{
color: #FF3399;;
text-decoration: underline;
font-weight: bold;
font-size: 16px;
}

.name {
color: #28657e;
font-size: 32px;
font-family:AppleGaramond;
}


#content {
position: absolute;
top: 170px;
width: 977px;
border-top: 3px dashed #000000;
font-family:AppleGaramond;
}

.nav {
width:196px;
position:relative;
top: 20px;
float: left;
padding: 5px;
border-right: 1px dashed #000000;
font-family:AppleGaramond-Bold;
}

.nav li {
margin-bottom: 5px;
text-align: left
}

.nav a:link {
color: #000000;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none;
font-family:AppleGaramond-Bold;
}


.nav a:visited {
color: silver;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none;
font-family:AppleGaramond-Bold;
}

.nav a:hover {
color: #000000;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: underline;
font-family:AppleGaramond-Bold;
}

.nav a:active {
color: #000000;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none;
font-family:AppleGaramond-Bold;
}


.store {
width:740px;
position:relative;
top: 20px;
border: 1px solid silver;
float: left;
padding: 5px;
margin-left: 15px;
clear:right;
}

.store h2 {
margin-left: 10px;
}

.store p {
margin: 10px;
height:250px;
}

.products {
display:block;
float: left;
width: 233px;
text-align: center;
border: 1px solid silver;
margin-bottom: 10px;
margin-left: 2px;
margin-right: 2px;
padding-top: 5px;
padding-bottom: 5px;
}


.item {
display:block;
width: 220px;
background:#FF3399;
color: #FFFFFF;
font-weight: bold;
font-family: verdana;
font-size: 12px;
}

.pl {
display: block;
float:left;
width:30px;
background: #28657E;
color: #FFFFFF;
text-align: center;
margin: 5px;
}

.pl a:link{
display: block;
width:30px;
background: #28657E;
color: #FFFFFF;
text-decoration: none;
}

.pl a:visited{
display: block;
width:30px;
background: silver;
color: #000000;
text-decoration: none;
}

.pl a:hover{
display: block;
width:30px;
background: #FF3399;
color: #FFFFFF;
text-decoration: none;
}


.store li {
margin: 10px;
font-size: 20px;
}

.store input {
font-size: 20px;
}

.foot {
width: 957px;
position: relative;
bottom: 0;
margin-top: 100px;
background: #28657e;
padding:10px;
height: 330px; 
margin-bottom: 10px;
font-family:AppleGaramond;
}

.about {
float: left;
width: 319px;
color: #d8e4f3;
height: 100%
}

.about p{
color: #d8e4f3;
font-size: 32px
}

.about li {
color: #FFFFFF;
font-size: 14px;
font-family: verdana;
}

.browse {
float: left;
width: 287px;
color: #d8e4f3;
font-size: 30px;
border-left: 1px dashed #FFFFFF;
border-right: 1px dashed #FFFFFF;
margin-left:5px; 
margin-right:5px;
padding-left: 10px; 
padding-right: 10px;
height: 100%
}


.browse a:link {
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}

.browse a:visited {
color: silver;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}

.browse a:hover {
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: underline;
}

.browse a:active {
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}


.social {
float: left;
width: 299px;
color: #FFFFFF;
clear: right;
padding-left:10px;
padding-right:10px;
height: 100%
}

.social p{
color: #d8e4f3;
font-size: 32px
}

.social li {
color: #FFFFFF;
font-size: 14px;
margin-bottom:10px;
}

.social li a:link{
color: #FFFFFF;
font-size: 14px;
text-decoration: none;
}

.social li a:visited{
color: silver;
font-size: 14px;
text-decoration: none;
}

.social li a:hover{
color: #FFFFFF;
font-size: 14px;
text-decoration: underline;
}