/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
background: #002844 url("freewebsitetemplatesgallery-image1.gif") repeat-x 0 0;
font: 1.2em Georgia, "Times New Roman", Times, serif;
}

a:link, a:visited {
color: #BBDDFF;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

/* Wrapper */

#wrapper
{
margin: 0 auto;
width: 870px;
text-align: left;
position: relative;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}

.noscreen {
display: none;
}


/* Paragraphs, headings, ... */

p {
line-height: 1.9;
margin-bottom: 7px;
color: #A3D1FF;
}

h1
{
font: 2.9em normal;
letter-spacing: 1px;
color: #fff;
padding: 37px 0 0 0;
margin-bottom: 40px;
border-bottom: 1px solid #fff;
padding-bottom: 4px;
width: 99%;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h1 span
{
font-size: 1.5em;
font-style: italic;
}

h2
{
font-family: arial, helvetica, sans-serif;
font: 1.9em normal;
color: #fff;
}



/* Menu */

#menu {
position: absolute;
top: 3px;
right: 0;
list-style: none;
}

#menu li {
float: right;
white-space: nowrap;
margin-right: 6px;
}

#menu li a {
float: right;
display: block;
padding: 0 10px;
line-height: 26px;
font-weight: normal;
text-decoration: none;
color: #fff;
font-size: 1.4em;
font-family: arial, helvetica, sans-serif;
}

#menu li a:hover
{
color: #99CCFF;
}


/* Image gallery */

.gallery
{
width: 99%;
margin: 16px 0 34px 0;
}

.preview
{
/* background: url("exampleimage2.png") left bottom no-repeat; */
}

.download
{
/* background: url("exampleimage2.png") left bottom no-repeat; */
}

.gallery ul
{
margin: 0;
padding: 0;
}

.gallery ul li
{
list-style-type: none;
padding-left: 25px;
height: 20px;
}

.gallery ul li a
{
font-family: arial, helvetica, sans-serif;
text-decoration: none;
color: #fff;
}

.photo {
float: left;
display: inline;
width: 275px;
height: 250px;
overflow: no;
position: relative;
margin-right: 10px;
}

.photo img
{
width: 250px;
height: 150px;
}

.photo a img {
margin: 0 auto 1px auto;
border: 1px solid #fff;
}

.photo a:hover img {

}

.photo p {
margin: 2px 0 0 2px;
line-height: 1;
color: #DDEEFF;
font-weight: bold;
background-color: #030303;
border: 1px solid #000000;
float: left;
padding: 3px 5px;
}

.photo p, .photo p a, .photo p a:visited {
color: #DDEEFF;
text-decoration: none;
font-weight: normal;
}

#bottominfo
{ 
border-top: 3px solid #fff;
background-color: #002844; 
padding-bottom: 25px; 
width: 100%;

overflow: hidden;
 color: #fff; font-weight: normal; font-size: .9em; }


#bottominfo a
{ color: #fff; text-decoration: none; }

#bottominfo a:hover
{ text-decoration: none; }

.bottomcontainer
{ 
width: 900px; 
margin: 0 auto; 
position: relative; 
overflow: hidden; 
}

.bottomcolumn
{ 
float: left;
 width: 288px;
 margin-right: 18px;
 }


.bottomright
{ float: left;
 width: 288px;
 margin-right:0;}


.bottomcolumn h3
{ 
border-bottom: 3px solid #fff; 
color: #fff; font-size: 18px; padding: 15px 0 5px 5px; 
}


.bottomcolumn p
{ 
padding: 10px 35px 10px 5px; 
font-size: 1.2em; color: #fff; }


.bottomright h3
{ 
border-bottom: 3px solid #fff;
 color: #fff; font-size: 18px; padding: 15px 0 5px 5px;
 }


.bottomright p
{ 
padding: 10px 35px 10px 5px; 
font-size: 1.2em;
 color: #fff; }


ul.bottomlist
{ margin: 0; padding: 0; border-top: 1px dashed #fff; 
font-size: 1.2em; list-style: none;
 }

ul.bottomlist li
{ 
border-bottom: 1px dashed #fff; }


ul.bottomlist li a
{ 
display: block; 
padding: 3px 0 0 25px; 
height: 26px;
 color: #fff;
 text-decoration: none;
background: url("") left bottom no-repeat;
}

li a:hover
{ color: #fff; text-decoration: none;
background: #002844 url("") left bottom no-repeat; }