*
{
margin: 0;
padding: 0;
}
html
{
height: 100%;
font-size: 1em;
}
body
{
height: 100%;
text-align: center;
background: #f2f2f2;
font: 1em arial, tahoma, helvetica, sans-serif;
}
a:link, a:visited
{
color: #000;
text-decoration: underline;
font-weight: bold;
}
a:hover
{
text-decoration: none;
}
#wrapper
{
margin: 0 auto;
width: 850px;
text-align: left;
}
#header
{
width: 850px;
margin: 0 auto;
padding: 0;
height: 130px;
}
#header h1
{
position: absolute;
top: 10px;
left: 50px;
font-size: 2.5em;
letter-spacing: 1px;
color: #002844;
padding: 0;
margin-bottom: 0;
padding-bottom: 4px;
}
#header h1 a:link, h1 a:visited
{
font-weight: normal;
text-decoration: none;
color: #002844;
font-family: arial, tahoma, helvetica, sans-serif;
}
#header h1 span
{
font-size: 1.6em;
font-style: italic;
font-family: georgia, arial, tahoma, helvetica, sans-serif;
}
#header h2
{
position: absolute;
top: 85px;
left: 70px;
margin: 0;
padding: 0;
font-family: tahoma, arial, helvetica, sans-serif;
font: 1.6em normal;
color: #002844;
}
#contentarea
{
width: 850px;
margin: 0 auto;
padding: 0;
}
#left
{
float: left;
width: 580px;
margin: 5px;
padding: 0;
}
#left p
{
margin: 5px;
padding: 5px;
font-size: 1em;
font-family: arial, tahoma, helvetica, sans-serif;
color: #000;
}
#left h3
{
margin: 3px;
padding: 0;
color: #002844;
font-size: 1.3em;
font-family: georgia, rial, tahoma, helvetica, sans-serif;
}
#left .templatesarea
{
width: 99%;
margin: 10px 0 34px 0;
padding: 0;
}
#left .template
{
float: left;
display: inline;
width: 275px;
height: 275px;
overflow: no;
position: relative;
margin-right: 10px;
}
#left .template img
{
width: 250px;
height: 163px;
background-color: #fff;
}
#left .template a img
{
margin: 0 auto 1px auto;
padding: 0;
width: 250px;
height: 162px;
border: 1px solid #000;
background-color: #fff;
}
#left .template a:hover img
{
}
#left ul
{
margin: 0;
padding: 0;
}
#left ul li
{
margin: 5px 0;
padding: 0 0 0 40px;
display: block;
list-style-type: none;
}
#left ul li a
{
color: #002844;
text-decoration: underline;
font-weight: normal;
font-size: 1.1em;
font-family: arial, helvetica, sans-serif;
}
#left ul li a:hover
{
text-decoration: none;
background: #f2f2f2;
}
#left ul .download
{
background: url("freewebhostingtemplates-siteimage1.jpg") left center no-repeat;
}
#left ul .preview
{
background: url("freewebhostingtemplates-siteimage2.jpg") left center no-repeat;
}
#right
{
float: right;
width: 240px;
margin: 15px 0;
padding: 0;
border: 1px solid #f2f2f2;
background: #f2f2f2;
}
#right h4
{
margin: 15px 5px 5px 10px;
padding: 0;
font-size: 1.1em;
font-family: arial, tahoma, helvetica, sans-serif;
color: #002844;
}
#right p
{
margin: 5px;
padding: 0;
color: #000;
font-size: 1em;
font-family: arial, tahoma, helvetica, sans-serif;
}
#right ul
{
text-align: left;
list-style-type: none;
margin: 10px 0 15px 0;
padding: 0;
background-color: #f2f2f2;
}
#right ul li
{
padding: 0px 5px;
}
#right ul li a
{
display: block;
font-size: 1em;
font-family: arial, tahoma, helvetica, sans-serif;
font-weight: normal;
color: #002844;
padding: .3em 0 .3em 5px;
border-bottom: 1px dashed #002844;
text-decoration: none;
}
#right ul li a:hover
{
padding: .3em 0 .3em 5px;
color: #fff;
background: #002844;
border-bottom: 1px dashed #002844;
}
#footer
{
clear: both;
margin: 0;
padding: 0;
font: normal 1em 'Trebuchet MS', tahoma, arial, sans-serif;
text-align: left;
}
#footer h2
{
margin: 5px 2px;
padding: 0;
font: normal 1.4em 'trebuchet MS', tahoma, sans-serif;
color: #002844;
}
#footer p
{
margin: 3px;
padding: 0;
color: #002844;
}
#footercontent
{
border-top: 1px dashed #d4d4d4;
margin: 0 auto;
padding-left: 15px;
width: 850px;
}
#footercontent a
{
text-decoration: none;
color: #002844;
border-bottom: 1px dashed #f2f2f2;
font-weight: normal;
}
#footercontent a:hover
{
color: #002844;
border-bottom: 1px dashed #002844;
}
#footercontent ul
{
list-style: none;
margin: 0;
padding: 0;
}
#footercontent ul li
{
margin: 0;
padding: 0;
}
#footercontent ul li a
{
margin: 0;
padding: 0;
font-weight: normal;
}
#footercontent .column
{
width: 32%;
padding: 0 5px 30px 0;
}
#footercontent .column2
{
width: 33%;
padding: 0 0 30px 0;
}
.float-left
{
float: left;
}
.float-right
{
float: right;
}
.clear
{
clear: both;
}