/*Generic Selectors*/

body {
margin: 0px;
padding: 0px;
}

p {
font-family: verdana, arial, sans-serif;
font-size: 12px;
background: transparent;
}


li { 
font-size: 12px;
list-style-type: none; 
line-height: 200%;
background-color: transparent;
text-align: left;
} 

h1 {
font-family: verdana, arial, sans-serif;
font-style: italic; 
font-size: 32px; 
font-weight: normal; 
margin-top: 10px;
margin-bottom: 20px;
color: rgb(200,52,46); 
background-color: transparent;
} 


h2 {
font-family: Bradley Hand ITC, Lucida Handwriting, Arial Narrow;
font-size: 30px;
font-weight: Normal;
margin: 40px 0px 0px 10px;
color: white;
background-color: transparent;
}


h3 {
font-family: Bradley Hand ITC, Lucida Handwriting, Arial Narrow;
font-size: 30px;
font-weight: Normal;
margin: 3px 0px 0px 245px;
color: white;
background-color: transparent;
}

h4 {
font-family: verdana, arial, sans-serif;
font-size: 22px;
font-weight: normal;
margin: 0px 0px 0px 0px;
color: rgb(200,52,46);
background-color: transparent;
}

h5 {
font-family: verdana, arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: rgb(200,52,46);
background-color: transparent;
}

h6 {
font-family: verdana, arial, sans-serif;
font-size: 15px;
font-weight: normal;
color: white;
background-color: transparent;
line-height: 20%;
}


/*****Pseudo Class Selectors*****/

a:link {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: rgb(200,52,46);
background-color: transparent;
text-decoration: none;
}

a:visited {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: purple;
background-color: transparent;
text-decoration: none;
}

a:active {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: black;
background-color: transparent;
text-decoration: none;
}

a:hover {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: blue;
background-color: transparent;
text-decoration: none;
}

a.topnav:link {
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: white;
background-color: transparent;
text-decoration: none;
}

a.topnav:visited {
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: rgb(232,232,232);
background-color: transparent;
text-decoration: none;
}

a.topnav:active {
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: black;
background-color: transparent;
text-decoration: none;
}

a.topnav:hover {
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: blue;
background-color: transparent;
text-decoration: none;
}

/**********IDs**********/

#masthead {
margin-top:-40px;
height: 200px;
background-color: black;
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid rgb(200,52,46);
}

#topnav {
padding-left: 10px;
margin: 0px 0px 55px 0px;
height: 25px;
background-color: rgb(200,52,46);
border-bottom: 1px solid black;
z-index:999;
position:relative;}

#bottomnav {clear:both; position:absolute; bottom:20px; float:right; width:0px; height:0px; display:none;}


#logo {
position: absolute;
width: 220px;
height: 100%;
background-color: transparent;
z-index: 2;
}

#content {
position: absolute;
background-position: 0% 0%;
line-height: 100%;
background: transparent;
z-index: 1;
}

#container {
position: relative;
left: 3%;
width: 1020px;
margin-bottom: 10%;
line-height: 125%;
background: transparent;
z-index: 3;
}

#body {
position: absolute;
width: 790px;
margin-top: 10px;
margin-left: 220px;
padding-left: 10px;
line-height: 125%;
background: transparent;
z-index: 3;
}

#navigation {
position: fixed;
text-align: right;
margin-bottom: 10%;
line-height: 125%;
font-size: 8px;
}

#productsleft {
position: absolute;
width: 200px;
margin: 0px 10px 0px 0px;
z-index: 3;
}

#productscenter {
position: absolute;
width: 200px;
margin: 0px 10px 0px 200px;
z-index: 3;
}

#productsright {
position: absolute;
width: 200px;
margin: 0px 10px 0px 400px;
z-index: 3;
}

#sunimage {
position: absolute;
margin-top: 60px;
margin-left: 220px;
padding-left: 10px;
z-index: 1;
}