/* Base element */
html, body {
height:100%;
}
/*Images*/
img {
margin:0;
padding:0;
border: none;
}
/*End Images*/
/* Typo */
p {
font-size: 1em;
margin: 0 0 1em 0;
padding: 0;
line-height:1.6em;
}
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h2 {
font-size: 1.8em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h3 {
font-size: 1.5em;
font-weight:normal;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
}
h4 {
font-size: 1.4em;
font-weight:normal;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
}
h5 {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
}
/* End Typography */
/* Links */
a, a:link, a:active {
color:#333333;
text-decoration: none;
}
a:hover {
color:#fe0003;
text-decoration: underline;
}
/* End Links */
/* End Base element */
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size:12px;
color:#333333;
}
#container{
margin:0 auto;
width:910px;
padding:0px 15px 30px 15px;
}
/*Header and menu */
#header{
margin:0;
position:left;
height:128px;
}
#header h1 {
position:left;
text-align:left;
height:128px;
width:950px;
margin:0 auto;
align:left;
padding:0;
text-decoration:none;
text-indent:-9999px;
background: url(images/h1-logo.png) no-repeat top left;
}
#header h1 a {
height:128px;
width:950px;
}
#menus {
height:46px;
padding:4px 0px 4px 0px;
background:url(images/main-menu-back_blue.png) no-repeat top left;
}
ul#main-menu {
margin:0 0 0px 0;
padding:0px 0px 0px 30px;
font-size:1.2em;
float:left;
list-style: none;
height:46px;
}
ul#main-menu li {
padding: 0;
float: left;
line-height:46px;
margin: 0 25px 0 0px;
display: block;
}
ul#main-menu li a{
float: left;
padding: 0px;
text-decoration:none;
color:#ffffff;
}
ul#main-menu li a:hover {
padding:0px;
border-bottom:none;
text-decoration:none;
color:#011f3d;
background: none no-repeat top center;
}
ul#main-menu li a#current{
padding:0px;
border-bottom:none;
text-decoration:none;
background: url(images/main-menu-back_blue_over.png) no-repeat top center;
}
ul#icon-menu {
margin:0 0 0px 0;
padding:0px 30px 0px 0px;
font-size:1.2em;
float:right;
list-style: none;
height:27px;
}
ul#icon-menu li {
padding: 0;
float: left;
line-height:46px;
margin: 0 0px 0 10px;
display: block;
}
ul#icon-menu li a{
display:block;
margin-top:8px;
width:75px;
height:27px;
overflow:hidden;
text-decoration:none;
text-indent:-9999px;
}
a.email-icon{
background: url(images/english.png) no-repeat 0px 0px;
}
a.email-icon:hover{
background: url(images/english_over.png) no-repeat 0px ;
}
a.email-home{
background: url(images/turkish.png) no-repeat 0px 0px;
}
a.email-home:hover{
background: url(images/turkish_over.png) no-repeat 0px ;
}
#mainbar {
position:relative;
margin:8px 0px 20px 0px;
height:245px;
background:url(images/mainbar-back_red.jpg) no-repeat top left;
background-image: url(images/mainbar-back_red.jpg);
}
a.readmore{
color:#fff;
padding:0px 7px 2px 20px;
background:url(images/readmore.gif) no-repeat center left;
}
a.readmore:hover {
text-decoration:underline;
}
#subbar {
position:relative;
margin:8px 0px 10px 0px;
padding:33px 0px 2px 30px;
height:105px;
color:#ffffff;
font-size:1.1em;
background:url(images/subbar-back.png) no-repeat top left;
}
/* Subpage and Genral page title */
#subbar h1{
width:428px;
height:47px;
margin:0 0 -5px 0;
overflow:hidden;
padding:0;
text-decoration:none;
text-indent:-9999px;
}
h1.history {
background:url(images/history.png) no-repeat top left;
}
h1.char {
background:url(images/char.png) no-repeat top left;
}
h1.today {
background:url(images/todays.png) no-repeat top left;
}
h1.facility {
background:url(images/facility.png) no-repeat top left;
}
h1.activities {
background:url(images/activities.png) no-repeat top left;
}
h1.gallery {
background:url(images/gallery.png) no-repeat top left;
}
h1.faq {
background:url(images/faq.png) no-repeat top left;
}
h1.contact {
background:url(images/contact.png) no-repeat top left;
}
/* END Subpage and Genral page title */
/* Slides Home Page */
.prevNext {
position:absolute;
bottom:20px;
right:40px;
display:none;
}
.has-script .prevNext{
display:block;
z-index:100;
}
.prevNext a{
display:block;
position:relative;
float:left;
margin-left:5px;
height:24px;
width:24px;
text-decoration:none;
text-indent:-9999px;
}
.prevNext a:focus {
outline-style:none;
}
a.prev {
background: url(images/prev.gif) no-repeat top center;
}
a.next {
background: url(images/next.gif) no-repeat top center;
}
ul#slides {
height:245px;
width:910px !important;
overflow:hidden;
color:#ffffff;
list-style:none;
margin:0px;
padding:0px 0px 0px 0px;
}
ul#slides li {
display:block;
margin:0;
padding:0;
list-style:none;
width:910px !important;
height:100%;
background:url(images/mainbar-back_red.jpg) no-repeat top left;
padding:18px 0px 0px 0px;
float:left;
clear:both;
}
ul#slides img {
margin-right:25px;
margin-left:26px;
padding:14px 12px 14px 11px;
float:left;
width:309px;
height:185px;
background:url(images/image-frame.png) no-repeat top left;
}
ul#slides h2 {
float:left;
display:inline;
height:38px;
width:490px;
padding:0;
margin:7px 30px 0px -3px;
text-decoration:none;
text-indent:-9999px;
}
ul#slides p{
margin-right:30px;
text-align:left;
font-size:1.2em;
}
/*End Slides */
/*End Header and menu */
/*Content*/
#content {
padding:5px 0px 0px 0px;
}
.main {
float:right;
margin-top:5px;
padding-right:20px;
display:inline;
width:858px;
}
.blog {
margin-top:2px;
}
.home-block {
float:left;
display:inline;
width:274px;
margin-left:25px;
}
main-menu-back.gif {
margin-bottom:1px;
float:left;
display:inline;
margin:0px 0px 0px 0px;
}
.main h1, .home-block h1 {
padding:0px 0px 3px 0px;
margin:0px 0px 5px 0px;
line-height:1em;
font-size:1.6em;
letter-spacing:1px;
font-weight:bold;
}
.main h2, .home-block h2 {
padding:0px 0px 0px 30px;
margin:0px 0px 10px 0px;
line-height:1em;
letter-spacing:1px;
font-weight:normal;
background:url(images/h2-back.gif) no-repeat center left;
}
.main h3 a, .main h2 a, .main h1 a, .home-block h3 a, .home-block h2 a, .home-block h1 a {
color:#333333;
}
.main h3 a:hover, .main h2 a:hover, .main h1 a:hover, .home-block h3 a:hover, .home-block h2 a:hover, .home-block h1 a:hover {
text-decoration: underline;
}
.home-block ul, .main ul {
margin:0 50px 10px 30px;
padding:0px 0px 0px 0px;
list-style:none;
}
.home-block ul li, .main ul li {
display:block;
padding:0px 0px 0px 20px;
margin:5px 0px 15px 0px;
list-style-position:outside;
background:url(images/li-back.gif) no-repeat center left;
}
.home-block ul li a, .main ul li a {
color:#333333;
text-transform:none;
}
.home-block ul li a:hover, .main ul li a:hover {
color:#333333;
text-transform:none;
}
.gallery {
margin:2px 0px 0px 0px;
padding:0px 10px 0px 0px;
}
.gallery a img{
padding:9px;
margin:0px 35px 10px 0px;
width:150px;
height:110px;
background:url(images/gallery-frame.gif) no-repeat top left;
}
.gallery a.imagelast img{
margin-right:0px;
}
img.img-incontent {
padding:9px;
margin:0px 0px 5px 10px;
width:150px;
height:110px;
background:url(images/gallery-frame.gif) no-repeat top left;
}
/* News Section */
.post {
margin-bottom:25px;
}
.post h2 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 62px;
line-height:1.3em;
letter-spacing:1px;
font-weight:normal;
background:none;
}
.postdate {
float:left;
display:inline;
height:45px;
margin-top:2px;
width:45px;
background:transparent url(images/date-stamp.gif) no-repeat scroll left top;
}
.day, .month{
color:#FFFFFF;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:0;
text-align:center;
text-transform:none;
}
.day {
margin-top:6px;
font-size:1.2em;
line-height:12px;
}
.month {
font-size:1.0em;
line-height:30px;
}
.meta {
font-size:0.9em;
margin:-2px 0px 18px 62px;
}
/* Sidebar */
#sidebar {
float:left;
display:inline;
margin:0px 0px 0px 0px;
width:295px;
}
.sidebox {
width:290px;
padding-top:20px;
margin-bottom:13px;
color:#ffffff;
background:url(images/submenu-top.gif) no-repeat top left;
}
.sidebox-bottom {
padding-top:20px;
background:url(images/submenu-bottom.gif) no-repeat bottom left;
}
.sidebox h2 {
line-height:1em;
letter-spacing:1px;
font-weight:normal;
font-size:1.6em;
margin:0px;
padding:0px 0px 10px 25px;
background:url(images/submenu-ul.gif) repeat-y top left;
}
.sidebox ul {
margin:0px 0px 0px 0px ;
padding:0px 0px 0px 0px;
list-style:none;
background:url(images/submenu-ul.gif) repeat-y top left;
}
.sidebox ul li{
font-size:1.2em;
padding:0px 5px 12px 5px;
margin:0px 20px 12px 20px;
background:url(images/submenu-li-back.gif) repeat-x bottom left;
}
.sidebox ul li a{
display:block;
text-decoration:none;
color:#fff;
}
.sidebox ul li a:hover{
text-decoration:none;
color:#ad3c24;
}
.sidebox ul li a.current{
padding:0px 0px 0px 15px;
background:url(images/submenu-hover.gif) no-repeat 0% 6%;
}
li#lilast {
background:url(images/li-last.gif);
margin-bottom:0px;
padding-bottom:0px;
}
span.small {
font-size:0.75em;
margin-top:5px;
color:#64694f;
}
ul.list {
padding:0px 0px 1px 0px;
}
ul.list li{
font-size:1.2em;
padding:12px 5px 0px 5px;
margin:0px 20px 12px 20px;
background:url(images/submenu-li-back.gif) repeat-x top left;
}
ul.list li a:hover{
text-decoration:none;
padding:0px 0px 0px 15px;
color:#64694f;
background:url(images/submenu-hover.gif) no-repeat center left;
}
.sideback {
margin:0px 0px 0px 0px ;
padding:0px 25px 1px 25px;
background:url(images/submenu-ul.gif) repeat-y top left;
}
.sideback h2 {
line-height:1em;
letter-spacing:1px;
font-weight:normal;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
background:url(images/submenu-li-back.gif) repeat-x bottom left;
}
.sideback a {
color:#64694f;
}
/* Form Styling */
#main-sub form {
float:left;
}
.sideblock form {
padding:10px;
margin:0 0 5px 0;
border:1px solid #f0f4d3;
background: #e4e8c5;
}
ol.forms {
float:left;
margin:0px 20px 0px 0px;
padding:0px;
list-style:none;
}
ol.sideforms {
margin:0px 0px 0px 0px;
padding:0px;
list-style:none;
}
ol.forms input {
letter-spacing:1px;
background:#f4f4f4;
border:1px solid #c5cbad;
padding:3px;
width:200px;
margin:0px 0px 0px 0px;
}
ol.sideforms input {
letter-spacing:1px;
padding:2px;
width:240px;
border:1px solid #c5c9a9;
margin:0px 0px 0px 0px;
}
ol.forms textarea{
letter-spacing:1px;
padding:3px 3px 3px 3px;
background:#f4f4f4;
border:1px solid #c5cbad;
height:140px;
width:340px;
margin:-1px 0px 0px 0px;
}
ol.sideforms textarea{
letter-spacing:1px;
padding:2px;
height:100px;
width:240px;
border:1px solid #c5c9a9;
margin:-1px 0px 0px 0px;
}
ol.last {
margin-right:0px;
}
ol.forms li{
margin-bottom:10px;
}
ol.sideforms li{
margin-bottom:5px;
}
ol.forms label {
display:block;
padding:5px 0px 5px 0px;
margin:0px;
}
ol.sideforms label {
display:block;
padding:5px 0px 5px 0px;
margin:0px;
}
input#submit {
padding:0px;
margin:5px 0px 0 0;
display:block;
border:none;
cursor:pointer;
clear:both;
width:120px;
height:28px;
outline-style:none;
background:none;
}
input#submit-side {
padding:0px;
margin:5px 0px 0 0;
display:block;
border:none;
cursor:pointer;
clear:both;
outline-style:none;
}
span.error {
font-size:12px;
color:#46abbf;
padding-left:5px;
}
p.javaenabled {
color:#3e8fab;
}
.has-script p.javaenabled {
display:none;
}
/* Form Styling */
/* Map Styling */
#map {
margin:10px 0px 5px 0px;
width:238px;
height:150px;
background:#d0d0d0;
border:#9fa88e 1px solid;
border-top:#9fa88e 1px solid;
border-left:#9fa88e 1px solid;
overflow:hidden;
}
/* End Sidebar */
/*End Content*/
/*Footer */
#footer{
margin:15px 0 0px 0;
padding:4px 0px 4px 30px;
font-size:1.1em;
clear:both;
list-style: none;
height:46px;
color:#abb096;
background:url(images/main-menu-back_blue.png) no-repeat top left;
}
#footer p{
float:left;
padding:0px;
margin:0px;
line-height:46px;
}
#footer ul{
padding:0px;
float:right;
margin:0px 30px 0px 0px;
line-height:46px;
list-style:none;
}
#footer ul li{
float:left;
list-style:none;
margin:0;
margin-left:1em;
}
#footer a {
color:#abb096;
}
#footer a:hover {
color:#46abbf;
text-decoration: underline;
}
p.bottom {
text-align:center;
margin-top:10px;
color:#333333;
}
.bottom2 {
padding-right: 45px;
text-align:right;
margin-top:0px;
color:#333333;
}
.bigtext {
font-size: 14pt;
text-align:left;
font-color:#333333;
font-style: Arial;
}
.smallertext {
font-size: 12pt;
text-align:left;
font-color:#333333;
font-style: Arial;
}
.banner {
align-top: 15px;
padding-right: 45px;
text-align:right;
margin-top:5px;
}
.style2 {
font-size: 14px;
color:#333333;
text-decoration: none;}
/*End Footer */
/* Lightbox */
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/*Tools*/
.hidden {
display:none;
}
.center {
margin:0 auto;
}
.last {
margin:0px;
padding:0px;
}
.imagelast {
margin-left:0px;
margin-right:0px;
}
.clear, .clearline {
clear:both;
height:1px;
margin:0;
padding:0;
font-size: 15px;
line-height: 1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.margin-bottom {
margin-bottom:20px;
}
.left {
float:left;
display:inline;
}
.right {
float:right;
display:inline;
}