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

*{ padding:0px; margin:0px; }
img{border:none;}
h1{font:18pt Blue Stone Web, sans-serif; font-weight: bold; margin-left:10px; color:#69F;}
h2{ margin: 10px 10px 10px 0px; color:#69c; font:14pt arial, sans-serif; letter-spacing:-1px;  font-weight: bold;  }
h3{ margin: 10px 10px 0 10px; color:#FFF; font:20pt angelina, sans-serif;  font-weight: bold;  }
li{font:8pt}

a{ color:#C8DCE5;}


@font-face {
	font-family: 'Blue Stone Web';
	src: url('BlueStone.eot');
	src: local('Blue Stone Web'), local('BlueStoneWeb'),
	url('font/BlueStone.woff') format('woff'),
	url('font/BlueStone.svg#BlueStoneWeb') format('svg'),
	url('font/BlueStone.ttf') format('truetype');}


@font-face {
	font-family: 'angelina';
	src: url('angelina.eot');
	src: local('angelina Web'), local('angelinaWeb'),
	url('font/angelina.woff') format('woff'),
	url('font/angelina.svg#angelinaWeb') format('svg'),
	url('font/angelina.ttf') format('truetype');}
	
body {
	background-repeat: repeat-x;
	background-image:url(images/topbg.png);
	background-position:top;
	padding-top:0px;
	background-color:#1778ad;
	margin: 0 auto;
	color:white;
}

blockquote {
display: block;
padding: 0 20px;
width: 520px;
}

blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 600%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.25em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 490px;
}

#header {
	width:1000px;
	margin:0 auto;
	background-image: url(images/apreka.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden;
}


#parallax
{position:relative; overflow:hidden; width:1000px; height:450px;border:none; margin:0 auto 20px auto;}
	
.ballon
{top: 100px; position:relative;  overflow:hidden; border:none; margin:0 auto 20px auto; padding-left:80px;}

.bottle
{top: 325px; position:relative;  overflow:hidden; border:none; padding-left:350px; }

.marti1
{top: 130px; position:relative;  overflow:hidden; border:none; padding-left:300px;}
.marti2
{top: 170px; position:relative;  overflow:hidden; border:none; padding-left:330px;}
	
#parallax a img{
border:none;}



/*menu buradan baslar*/
#menu{
	top:-470px;
	float:right;
	height: 55px;
	list-style:none;
	position:relative;
	overflow:hidden;
	border:none; 
	margin:0 ; 
}

#menu li {
display:inline;
}

.button1{
	margin-right:4px;
	background:url(images/menu.png) no-repeat;
	float:left;
	width: 82px;
	height: 35px;}

.button1:hover {
	background:url(images/menu.png) no-repeat;
	background-position:0px -40px;
	width: 82px;
	height: 40px;}

.button2{
	margin-right:4px;
	background:url(images/menu.png) no-repeat;
	float:left;
	background-position:-87px 0px;
	width: 82px;
	height: 35px;}

.button2:hover {
	background:url(images/menu.png) no-repeat;
	background-position:-87px -40px;
	width: 82px;
	height: 40px;} 

.button3{
	margin-right:4px;
	background:url(images/menu.png) no-repeat;
	background-position:-174px 0px;
	float:left;
	width: 82px;
	height: 35px;}

.button3:hover {
	background:url(images/menu.png) no-repeat;
	background-position:-174px -40px;
	width: 82px;
	height: 40px;}  

.button4{
	margin-right:4px;
	background:url(images/menu.png) no-repeat;
	background-position:-261px 0px;
	float:left;
	width: 82px;
	height: 35px;}

.button4:hover {
	background:url(images/menu.png) no-repeat;
	background-position:-261px -40px;
	width: 82px;
	height: 40px;}

/*menu burada biter*/

#content{
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#003462;
	font-size:14px;
	width:1000px;
	margin:0 auto;
	}
	
#left{
	float:left;
	background:#a3c2ff;
	border: solid 10px #69F;
	width:380px;
	height:400px;
	margin-bottom:10px;}
	
#left li{
	margin-left:30px;
	margin-bottom:5px;
	list-style-type:none;
	width:290px;
	}

#product{
	padding:10px;
	width:290px;
	height:60px;
	}
#product:hover{
	background-color:#69F;

	}
#product a{
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:290px;
	height:60px;
	}
#product a:hover{
	color:red;
	width:290px;
	height:60px;
	}

.productimg{
	float:left;
	padding-right:10px;
	}	
.productimg img{
	border: solid 4px #fff;
	
	}
.productcontent{
	}


#left h1{
	margin-bottom:10px;
	margin-top:10px;}
	
	
#right{
	float:right;
	background:#a3c2ff;
	border: solid 10px #69F;
	margin-left:10px;
	width:570px;
	height:400px;
	margin-bottom:10px;}
	
#right p{
	margin:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	}
	
.content1{
	margin-left:20px;
	float:left;
	width:400px;}
	
.content2{
	float:right;
	margin-left:200px;
	margin-right:10px;
	width:400px;}
	
.image1{
	float:right;
	margin-right:10px;
	}	
	
.image2{
	float:left;
	margin-left:10px;
	margin-top:-100px;
	}	

#footer {
	width:1000px;
	height:498px;
	margin:0 auto;
	background-image: url(images/footer.png);
	background-repeat: repeat-x;
	overflow:hidden;
	clear:both;}
	
#footerbg {
	height:500px;
	margin:0 auto;
	background-image: url(images/footerbg.png);
	background-repeat: repeat-x;
	background-position:bottom;
	overflow:hidden;
	clear:both;}
	
#footerletter{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#003462;
	font-size:14px;
	margin-left: 80px;
	width: 450px;
	margin-top:60px;}

#bottomadvert {
	margin:0 auto;
	width:1000px;
	height:300px;
	overflow:hidden;
	clear:both;}
	
	
#bottomleft{
	float:left;
	width:333px;
	height:300px;}

#bottomright{	
	float:right;
	width:667px;
	height:300px;}
	
.bottomright1{	
	float:left;
	width:333px;}
.bottomright2{
	float:right;
	width:334px;}

	/* Easy Slider */
	
		/* image replacement */

.graphic, #prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
            }
    /* // image replacement */
	
#container{	
	margin:0px auto;
	border:10px  #69F solid;
	position:relative;
	text-align:left;
	width:980px;
	background:#fff;		
	margin-bottom:10px;}
		
 #slider{}	
 #slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;}

#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:980px;
	height:200px;
	overflow:hidden; }
	
#prevBtn, #nextBtn{ 
	display:block;
	width:50px;
	height:100px;
	position:absolute;
	left:-50px;
	top:55px;}
	
#nextBtn{ 
	left:980px;}
	
#prevBtn a, #nextBtn a{  
	display:block;
	width:50px;
	height:100px;
	background:url(images/slides/leftbutton.png) no-repeat 0 0;}
	
#nextBtn a{ 
	background:url(images/slides/rightbutton.png) no-repeat 0 0;}												
	
/* // Easy Slider */
/* // bottom advert */

.boxgrid{ 
	width: 300px; 
	height: 200px; 
	margin:0 auto;
	background:#161613; 
	border: solid 10px #69F; 
	overflow: hidden;
	position: relative; }
				
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; }
	
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; }
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
 				
.captionfull .boxcaption {
	top: 260px;
	left: 0;}
 				
.caption .boxcaption {
	top: 160px;
	left: 0;}
/* // bottom advert */