a:link
{
font: normal 100% Arial, Helvetica, sans-serif; position: relative;
color: #000042;
text-decoration: none;
}
a:visited
{
font: normal 100% Arial, Helvetica, sans-serif; position: relative;
font-weight: bold;
color: #000042;
text-decoration: none;
}
a:hover
{
font: normal 100% Arial, Helvetica, sans-serif; position: relative;
font-weight: bold;
color: #ff6600;
text-decoration: none;
}
a:active
{
font: normal 100% Arial, Helvetica, sans-serif; position: relative;
font-weight: bold;
color: #ff6600;
text-decoration: none;
}
.blog a:active
{
font-size: 11px;
font-family: trebuchet ms;
color: #000042;
text-decoration: underline;
}
.blog a:link
{
font-size: 19px;
font-family: trebuchet ms;
color: #000042;
text-decoration: underline;
}
.blog a:visited
{
font-size: 19px;
font-family: trebuchet ms;
color: #000042;
text-decoration: underline;
}
.blog a:hover
{
font-size: 19px;
font-family: trebuchet ms;
color: #ff6600;
text-decoration: underline;
}
.baslik { FILTER: dropshadow(color=#ffffff,offx=1,offy=1,positive=1); font: 11px trebuchet ms; font-weight: bold; width:100%; }
.orta { color:#000000; font-family:Trebuchet MS; font-size:11px }
.o_tab { background-color: #F2F2F2; color:#000000; font-family:Trebuchet MS; font-size:11px }
.blok_bg { background-color: #ECECEC; }
.blok { color:#000000; font-family:Trebuchet MS; font-size:11px }
.alan { font-size: 11px; font-family: Tahoma;}
.dugme { font-size: 11px; font-family: Tahoma;}
.menu { font-size: 20pt; font-family: Trebuchet ms; font-weight: bold; }
.menumavi { font-size: 20pt; font-family: Trebuchet ms; font-weight: bold; color:#003399; }
.title { font-size: 14pt; font-family: Trebuchet ms; color:#f5f5f5; }
.b_baslik { font-size: 14pt; font-family: Trebuchet ms; }
.yorum_t { border: 1px solid #C0C0C0; padding: 4px; }
.tool { border-collapse: collapse; border: 1px solid #E8E8E8; background-color: #FFFFFF; background-image: url('images/grad.gif'); background-repeat: repeat-x }
.altband { background-color: #1E6D8A; }
.sozluk { text-decoration: underline; font-weight: bold; }
.js_tool { border: 1px solid #B6B6B6; background-color: #F0F0F0 }
.baslik { FILTER: dropshadow(color=#ffffff,offx=1,offy=1,positive=1); font: 11px georgia; font-weight: bold; width:100%; }
.baslik2 { FILTER: dropshadow(color=#000000,offx=1,offy=1,positive=1); font: 11px georgia; font-weight: bold; width:100%; }
div.transOFF {width: 100%; background-color: #e8e8e8;border:1px solid black; }
div.transON {width: 100%; background-color: #e8e8e8;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid #5EA730; }
div.trans25 {width: 100%; background-color: #e8e8e8;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid #5EA730; }
div.trans75 {width: 100%; background-color: #e8e8e8;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid #5EA730; }
div.trans85 {width: 100%; background-color: #e8e8e8;opacity:.85;filter: alpha(opacity=75); -moz-opacity: 0.85;border:1px solid #5EA730; }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.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 */ 
.stylespecial { font: normal 80% Arial, Helvetica, sans-serif; position: relative;}
.stylespecial1 { "century gothic" ,arial; }

.style2 {
	font-size: 10pt;
	font-weight: bold;
}
.style4 {color: #013F4E}
#paginate-slider4 {background-color: darkred;
border-color: darkred;
margin-left: 2px;
}
#slider4 {border-color: #f6ea9f;
margin-left: 2px;
height: 240px}
.style7 {color: #FFFFFF}
.style8 {color: #003366}
.style9 {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
}
.style3a3 {font-size: 100%}

#slider4{
border-color: #f6ea9f;
margin-left: 2px;
height: 240px}

#paginate-slider4{
background-color: darkred;
border-color: darkred;
margin-left: 2px;
}

#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 2px solid gray;
margin-top: 3px;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid red;
}

<!--
.baslik11 {FILTER: dropshadow(color=#000000,offx=1,offy=1,positive=1); font: 35px verdana;   }
.baslik12 { FILTER: dropshadow(color=#ffffff,offx=1,offy=1,positive=1); font: 17px verdana;   }

.style1119 {	color: #FFFFFF;
}
.style1120 {	color: #000000;
}

.styleverdana {
font: normal 80% Arial, Helvetica, sans-serif, ; position: relative; font-size: 20; color: #FFFFFF;}
.styleverdanashadow {  FILTER: dropshadow(color=#00000,offx=1,offy=1,positive=1); font: 20px Arial, Helvetica, sans-serif;   }

.styleimpact {
	font-family: Impact;
	font-size: 20;
	color: #FFFFFF; }
	
.styleimpactshadow {  FILTER: dropshadow(color=#00000,offx=0,offy=0,positive=0); font: 20px impact;   }

#slider4{
border-color: #f6ea9f;
margin-left: 2px;
height: 240px}
#paginate-slider4 {background-color: darkred;
border-color: darkred;
margin-left: 2px;
}
#paginate-slider4 {background-color: darkred;
border-color: darkred;
margin-left: 2px;
}
#slider4 {border-color: #f6ea9f;
margin-left: 2px;
height: 240px}
-->

<!--
.style2 {	font-size: 10pt;
}
.style4 {color: #013F4E}
.style7 {color: #FFFFFF}
.style8 {color: #003366}
.style9 {	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
}
-->


.paginationstyle{ /*Style for demo pagination divs*/
width: 400px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 0px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
font: normal 100% Arial, Helvetica, sans-serif; position: relative;
}

body {
	background:url(../images/beachbg.jpg) no-repeat top left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #C0A168;
}
.baslik11 { FILTER: dropshadow(color=#000000,offx=1,offy=1,positive=1); font: 35px verdana;   }
.style1119 {
	color: #FFFFFF;
	font-weight: bold;
}
.style1120 {
	color: #000000; }
	-->
	.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 0px ;
background: #8FC7D6;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #f6ea9f;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}
.style2a2 {font-size: 12px}