body {
background : url('images/background.jpg') center top;
}
#seo{color:#ffffff;}
#wrap {
width : 800px;
margin : 0 auto;
background : #f8fafa;
border : 1px solid #f0f2f2;
margin-top : 50px;
font-family : "Comic Sans MS", cursive;
}
#header {
background : url('images/header.gif') no-repeat;
width : 760px;
height : 150px;
margin : 20px 20px 0 20px;
}
#nav {
padding-top : 125px;
}
#nav li {
float : left;
font-family : Arial, Helvetica, sans-serif;
list-style : none;
padding : 5px;
margin-right : 10px;
}
#nav li.active {
background : #f8fafa;
}
#nav li a {
color : #000000;
text-decoration : none;
font-weight : bold;
}
#nav li a:hover {
text-decoration : underline;
color : #ffffff;
}
#content {
text-align : justify;
margin : 20px;
font-size : 14px;
background : #ffffff;
list-style : none;
}
#content p {
text-indent : 20px;
list-style : none;
}
#content li {
padding-left : 50px;
list-style : none;
}
#content strong {
font-weight : bold;
}
#content a {
text-decoration : none;
font-weight : bold;
}
#banner {
padding-left : 146px;
margin-bottom : 20px;
}
#pics {
padding-left : 120px;
}
#pics li {
float : left;
margin-top : 20px;
margin-right : 20px;
margin-bottom : 50px;
}
#picss {
padding-left : 120px;
}
#picss li {
float : left;
margin-top : 20px;
margin-right : 20px;
margin-bottom : 50px;
}
#contact {
clear : both;
padding-left : 20px;
}
#footer {
clear : both;
height : 20px;
background : #71c1ee;
padding-left : 2px;
font-size : 12px;
margin : 20px;
}
#flink li {
text-align : center;
float : left;
font-family : Arial, Helvetica, sans-serif;
list-style : none;
padding : 5px;
margin-right : 10px;
}
#flink li a {
text-decoration : none;
color : #000000;
}
#flink li a:hover {
font-weight : bold;
}
div.content {
display : none;
float : right;
width : 400px;
}
div.content a, div.navigation a {
text-decoration : none;
color : #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
text-decoration : underline;
}
div.controls {
margin-top : 5px;
height : 23px;
}
div.controls a {
padding : 5px;
}
div.ss-controls {
float : left;
}
div.nav-controls {
float : right;
}
div.loader {
background-image : url('loader.gif');
background-repeat : no-repeat;
background-position : center;
width : 550px;
height : 350px;
}
div.slideshow {
clear : both;
}
div.slideshow span.image-wrapper {
float : left;
padding-bottom : 12px;
}
div.slideshow a.advance-link {
padding : 2px;
display : block;
border : 1px solid #ccc;
}
div.slideshow img {
border : none;
display : block;
}
div.download {
float : right;
}
div.embox {
clear : both;
border : 1px solid #ccc;
background-color : #eee;
padding : 12px;
}
div.image-title {
font-weight : bold;
font-size : 1.4em;
}
div.image-desc {
line-height : 1.3em;
padding-top : 12px;
}
ul.thumbs {
clear : both;
margin : 0;
padding : 0;
}
ul.thumbs li {
float : left;
padding : 0;
margin : 5px 10px 5px 0;
list-style : none;
}
a.thumb {
padding : 2px;
display : block;
border : 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
background : #000;
}
a.thumb:focus {
outline : none;
}
ul.thumbs img {
border : none;
display : block;
}
div.pagination {
clear : both;
}
div.navigation div.top {
margin-bottom : 12px;
height : 11px;
}
div.navigation div.bottom {
margin-top : 12px;
}
div.pagination a, div.pagination span.current {
display : block;
float : left;
margin-right : 2px;
padding : 4px 7px 2px 7px;
border : 1px solid #ccc;
}
div.pagination a:hover {
background-color : #eee;
text-decoration : none;
}
div.pagination span.current {
font-weight : bold;
background-color : #000;
border-color : #000;
color : #fff;
}
#thumbs-min ul.thumbs li {
float : none;
padding : 0;
margin : 0;
list-style : none;
}
#thumbs-min a.thumb {
padding : 0;
display : inline;
border : none;
}
#thumbs-min ul.thumbs li.selected a.thumb {
background : inherit;
color : #000;
font-weight : bold;
}