@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
color: #000;
background-image: url(media/bg.jpg);
text-align: center;
}
.page {
font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
font-size: 62.5%; /* resets 1em to 10px */
}
.headercell {
background: url(media/headerbg.jpg) top center no-repeat #000;
vertical-align: top;
color: #FFF;
font-size: 1.4em;
}
.menucell {
background: url(media/menubg.jpg) top left repeat-x #4E1716;
color: #FFF;
}
.contentcell {
background: url(media/contentbg.gif) bottom left repeat-x #BBB96E;
vertical-align: top;
font-size: 1.4em;
}

.linkcell {
background: url(media/menubg.jpg) top left repeat-x #4E1716;
vertical-align: middle;
font-size: 1.2em;
color: white;
padding-left: 10px;
}

.linklink {
text-decoration: none;
color: white;
}

.linklink:hover {
text-decoration: underline;
}


.footercell {
background: url(media/footerbg.jpg) bottom center no-repeat #5A7469;
vertical-align: top;
color: #FFF;
font-size: 1.1em;
}
.clearboth {
clear: both;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}

/* HEADER */
#header {
position: relative;
padding: 10px;
}
#header a {
color: #fff;
text-decoration: none;
}
#header a:hover {
color: #fff;
text-decoration: none;
}
.logo {
position: absolute;
top: 70px;
left: 80px;
}
.bedestan {
position: absolute;
top: 155px;
left: 10px;
text-transform: uppercase;
color: #4E1716;
font-size: 1em;
font-weight: bold;
}

/* NAVIGATION */
#menu {
margin: 0 auto;
text-align: center;
}
#menu ul {
list-style-type: none;
}
#menu ul li {
display: inline;
text-align: center;
}
#menu ul li a {
position: relative;
display: block;
float: left;
padding: 0 12px;
height: 35px;
line-height: 35px;
color: #FFF;
font-weight: bold;
font-size: 1.3em;
text-transform: uppercase;
text-decoration: none;
}
/* CONTENT */
#content {
padding: 40px;
min-height: 350px;
*height: 350px;
background: url(media/contenttopbg.gif) top left no-repeat;
text-align: justify;
}
#content a {
color: #9b0a0a;
text-decoration: none;
}
#content a:hover {
color: #9b0a0a;
text-decoration: underline;
}
#content h2 {
padding-bottom: 10px;
}
#content p {
text-align: justify;
margin-bottom: 15px;
}

#content ul {
margin-left: 20px;
}
.contentleft {
position: relative;
float: left;
width: 200px;
}
.contentright {
margin-left: 210px;
}
.galthumb {
position: relative;
float: left;
padding: 10px;
}

/* FOOTER */
#footer {
padding: 15px;
height: 100px;
}
#footer a {
color: #DEC986;
text-decoration: none;
}
#footer a:hover {
color: #FFF;
text-decoration: none;
}
.copyright {
position: relative;
float: left;
padding: 5px 5px 5px 0;
width: 140px;
height: 90px;
border-right: 1px solid #586D66;
}
.copyright p {
padding-top: 0.5em;
line-height: 1em;
}
.sitemap {
position: relative;
float: left;
padding: 5px;
width: 346px;
height: 90px;
border-right: 1px solid #586D66;
border-left: 1px solid #96ABA5;
}
.sitemap a {
color: #DEC986;
font-size: 1.1em;
text-decoration: none;
}
.sitemap a:hover {
color: #FFF;
text-decoration: none;
}
.sitemap p.sitemaptitle {
font-size: 1.2em;
font-weight: bold;
}
.aboutbedestan {
position: relative;
float: left;
padding: 5px 0 5px 8px;
width: 210px;
height: 90px;
border-left: 1px solid #96ABA5;
}
.aboutbedestan p {
line-height: 1em;
}
#footer a img {
border: none;
}
a.aboutthumb {
position: relative;
float: left;
display: block;
margin-right: 10px;
padding: 2px;
background-color: #FFF;
}