animated-logo

CSS Style Sheet


An external CSS will be suggested as it will make your web maintenance a lot easier then using an embeded CSS style for every page.


This is what one looks like:


@charset "UTF-8";
* {
}
body {
font-family: Helvetica, Arial, "Sans Serif";
color: #583F3D;
line-height: 11px;
}
/* CSS Document */

#container {
float: left;
height: 100%;
width: 900px;
background-image: url(bg.gif);
line-height: normal;
margin-top: 5%;
margin-right: 10%;
margin-left: 10%;
}
#header {
float: left;
height: 157px;
width: 900px;
}
#nav {
float: left;
height: 28px;
width: 900px;
}
#left-side {
float: left;
height: 50%;
width: 205px;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 25px;
padding-left: 85px;
font-size: 12px;
}
#right-side {
float: left;
height: 50%;
width: 525px;
padding-top: 25px;
padding-right: 50px;
padding-bottom: 25px;
padding-left: 25px;
font-size: 12px;
}
.heading-2 {
font-family: Helvetica;
font-size: 14px;
font-style: normal;
text-transform: uppercase;
color: #E57361;
font-weight: bold;
}
.heading-1 {
font-family: Georgia;
font-size: 18px;
font-weight: bold;
text-transform: none;
color: #0099aa;
font-style: normal;
}