/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#7D7D7D;
	font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
div, p, ul, form, label, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#topPan{
	width:778px;
	height:184px;
	position:relative;
	background-image: url(images/nato-biber-gazi-iletisim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#topPan img.logo{width:448px; height:45px; position:absolute; top:139px; right:0px;}

#topPan ul{
	width:142px;
	height:29px;
	background:url(images/top-nav.gif) 0 0 no-repeat;
	position:absolute;
	top:23px;
	left:937px;
	background-image: url(images/logo.png);
}
#topPan ul li{float:left;}

#topPan ul li.home{width:47px; height:29px; float:left;}
#topPan ul li.home a{width:18px; height:16px; display:block; background:url(images/home-hover.gif) 0 0 no-repeat; margin:3px 0 0 16px;  text-indent:-20000px;}
#topPan ul li.home a:hover{background:url(../logo.png) no-repeat 0 0;}

#topPan ul li.sitemap{width:43px; height:29px; float:left;}
#topPan ul li.sitemap a{width:18px; height:16px; display:block; background:url(images/sitemap-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.sitemap a:hover{background:url(images/sitemap-hover.gif) 0 0 no-repeat;}

#topPan ul li.contact{width:43px; height:29px; float:left;}
#topPan ul li.contact a{width:18px; height:16px; display:block; background:url(images/contact-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}
/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopPan{
	width:850px;
	position:relative;
	float: left;
}
/*----Body Top Left Panel----*/
#btleftPan{
	width:630px;
	float:left;
	text-align: justify;
}
#btleftPan h2{width:360px; height:53px; background:#fff; color:#FF9209; font:26px/53px "Trebuchet MS";}

#btleftPan p span{font-weight:bold;}

#btleftPan p.more{width:73px; height:25px; margin:0 0 0 417px; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#btleftPan p.more a{width:53px; height:25px; display:block; background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#btleftPan p.more a:hover{background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; color:#A67B03; text-decoration:none;}
/*----/Body Top Left Panel----*/

/*----Body Top Right Panel----*/
#btrightPan{
	width:203px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	left: 573px;
	top: 225px;
}

#btrightPan #graph{
	width:203px;
	height:58px;
	display:block;
	background:url(images/side-frame.jpg) 0 0 no-repeat;
	font-size:18px;
	line-height:18px;
	position:relative;
	margin:0 auto;
	margin-top: 40px;
}
#btrightPan #graph h2{width:110px; height:22px; display:block; background:#fff; color:#FF8700; font-size:14px; position:absolute; top:6px; left:85px;}
#btrightPan #graph p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #graph a{width:202px; height:58px; display:block; background:url(images/graph-nor.jpg) 13px 0 no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #graph a:hover{background:url(images/graph-hover.jpg) 13px 0 no-repeat; text-decoration:none;}

#btrightPan #planning{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#btrightPan #planning h2{width:60px; height:22px; display:block; background:#fff; color:#FF8700; font-size:14px; position:absolute; top:7px; left:86px;}
#btrightPan #planning p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #planning a{width:202px; height:58px; display:block; background:url(images/planning-nor.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #planning a:hover{background:url(images/planning-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

#btrightPan #services{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#btrightPan #services h2{width:60px; height:22px; display:block; background:#fff; color:#FF8700; font-size:14px; position:absolute; top:7px; left:86px;}
#btrightPan #services p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #services a{width:202px; height:58px; display:block; background:url(images/services-nor.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #services a:hover{background:url(images/services-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

#btrightPan #projects{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#btrightPan #projects h2{width:114px; height:22px; display:block; background:#fff; color:#FF8700; font-size:14px; position:absolute; top:7px; left:86px;}
#btrightPan #projects p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #projects a{width:202px; height:58px; display:block; background:url(images/projects-nor.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #projects a:hover{background:url(images/projects-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

/*----/Body Top Right Panel----*/

/*----Body Middle Panel----*/
#bodymiddlePan{
	width:855px;
	padding:0 0 0 10px;
	clear:both;
	margin-bottom: 20px;
	height: 900px;
	margin-top: 50px;
}

#bodymiddlePan h3{width:600px; height:65px; background:#fff; color:#FEA905; font:30px/65px Georgia, "Times New Roman", Times, serif;}
#bodymiddlePan ul{width:707px; height:100px; margin:0px;}
#bodymiddlePan ul li{width:707px; height:28px;}
#bodymiddlePan ul li a{width:688px; height:20px; display:block; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#7D7D7D; font-size:16px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#bodymiddlePan ul li a:hover{background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#5C5C5C; text-decoration:none;}

#bodymiddlePan h4{
	width:742px;
	height:49px;
	display:block;
	float:left;
	color:#FF8500;
	font-size:30px;
	line-height:24px;
	padding:0px;
	margin:0px;
	margin-top: 10px;
}

#bodymiddlePan p.more{
	width:73px;
	height:25px;
	display:block;
	float:right;
	font:12px/24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0 6px;
	margin-right: 5px;
}
#bodymiddlePan p.more a{width:53px; height:25px; display:block; background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#bodymiddlePan p.more a:hover{background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; color:#A67B03; text-decoration:none;}
/*----/Body Middle Panel----*/

/*----Body Bottom Panel----*/
#bodybottomPan{
	width:708px;
	clear:both;
	height: 280px;
}
/*----Bottom Left Panel----*/
#bottomleftPan{
	width:300px;
	float:left;
	height: 280px;
	margin-left: 50px;
}

#bottomleftPan p.online{width:250px; height:107px;}
#bottomleftPan p.online a{width:250px; height:107px; display:block; background:url(images/online-chat.jpg) 0 0 no-repeat; text-indent:-20000px;}
#bottomleftPan p.online a:hover{background:url(images/online-chat.jpg) 0 0 no-repeat; text-indent:-20000px;}

#bottomleftPan form{width:250px; height:137px; background:url(images/form.gif) 0 100% no-repeat; position:relative;}
#bottomleftPan form h2{width:224px; height:40px; display:block; background:url(images/form-h2-bg.gif) 0 0 no-repeat #fff; color:#716D12; font:20px/40px Georgia, "Times New Roman", Times, serif; padding:7px 0 0 26px;}
#bottomleftPan form label{width:150px; height:18px; display:block; background:#fff; color:#7D7D7D; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold;}
#bottomleftPan form label.labeltopmarginone{position:absolute; top:49px; left:26px;}
#bottomleftPan form label.labeltopmargintwo{position:absolute; top:92px; left:26px;}

#bottomleftPan form input{width:135px; height:17px; font-size:14px;}
#bottomleftPan form input.inputtopmarginone{position:absolute; top:69px; left:26px;}
#bottomleftPan form input.inputtopmargintwo{position:absolute; top:110px; left:26px;}
#bottomleftPan form input.botton{width:60px; height:23px; display:block; background:#fff; color:#7D7D7D; border:none; position:absolute; top:110px; right:20px; font:16px/23px Georgia, "Times New Roman", Times, serif; font-weight:bold;}

#bottomleftPan h3{width:250px; height:28px; background:#fff; color:#7D7D7D; font:22px/23px Arial, Helvetica, sans-serif; padding:11px 0 0;}

#bottomleftPan p.resistred{width:250px; height:22px; font:18px/22px Arial, Helvetica, sans-serif;}
#bottomleftPan p.resistred a{width:250px; height:22px; display:block; background:url(images/registernow-bg.gif) 116px 6px no-repeat #fff; color:#FEA905; text-decoration:none; }
#bottomleftPan p.resistred a:hover{background:url(images/registernow-bg.gif) 116px 6px no-repeat #fff; color:#C98703; text-decoration:none; }

/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{
	width:320px;
	float:right;
	height: 280px;
	padding-left: 30px;
	text-align: justify;
}
#bottomrightPan h2{width:350px; height:33px; font:30px/33px Georgia, "Times New Roman", Times, serif; background:#fff; color:#666666;}
#bottomrightPan h3{width:115px; height:40px; font:18px/40px Georgia, "Times New Roman", Times, serif; background:url(images/athorname-border.gif) 0 15px no-repeat #fff; color:#FF8500; padding:0 0 0 291px;}

#bottomrightPan p{padding:6px 0;}
#bottomrightPan p span{font-weight:bold;}

#bottomrightPan p.greencaptiontext{background:#fff; height:72px; color:#ABA501; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; padding:10px 0 0;}
/*----/Bottom Right Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:126px; background:url(images/footerbg.gif) 0 0 repeat-x #F1F1F1; color:#585858; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:50px 0 0;}

#footerPan{
	width:321px;
	position:absolute;
	height: 22px;
	left: 51px;
	top: 191px;
}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#585858; background:#F1F1F1; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:260px; position:relative; margin:0 auto; background:#F1F1F1; color:#9F5300;  font-size:13px;}

#footerPan ul.templateworld{width:250px; background:#F1F1F1; color:#585858; display:block; position:absolute; top:70px; left:285px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F1F1F1; display:block; color:#585858; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:285px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:360px;}
#footerPancss a{width:50px; height:24px; display:block; background:url(images/css-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/
#bibergazi-urun {
	float: right;
	height: 120px;
	width: 230px;
}
.urun {
	float: right;
	height: 111px;
	width: 50px;
}
.bibergazicerik {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #7D7D7D;
	float: left;
	height: 111px;
	width: 172px;
}
#urunvitrin {
	float: left;
	height: 210px;
	width: 855px;
	background-repeat: no-repeat;
}
#urun1 {
	float: left;
	height: 210px;
	width: 209px;
	background-image: url(images/urun-cerceve.png);
	background-repeat: no-repeat;
	margin-left: 4px;
}
.urunadi {
	font: bold 17px "Trebuchet MS";
	color: #FEA905;
	margin-top: 7px;
	width: 150px;
	float: right;
	height: 20px;
	padding-right: 3px;
}
.urunresim {
	float: left;
	height: 111px;
	width: 50px;
	margin-top: 10px;
	margin-left: 20px;
}
.urunufakbilgi {
	font: 11px "Trebuchet MS";
	color: #787878;
	width: 115px;
	float: right;
	height: 130px;
	text-align: justify;
	margin-right: 6px;
}
.descrption {
	font: 14px "Trebuchet MS";
	color: #FF8500;
	padding-left: 50px;
}
#bibergazisayfaicerik {
	font: 13px "Trebuchet MS";
	color: #666666;
	width: 730px;
	padding-left: 20px;
	text-align: justify;
	line-height: 20px;
	margin-left: 10px;
	padding-right: 10px;
	height: 750px;
	border-top: thin #E4DA4D;
	border-right: thin dotted #E4DA4D;
	border-bottom: thin dotted #E4DA4D;
	border-left: thin #E4DA4D;
	margin-top: 40px;
}
#natosise {
	float: left;
	height: 369px;
	width: 117px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/*----/URUNLER----*/

.productbox {
	float: left;
	width: 778px;
	padding-top: 40px;
	height: 250px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CBD299;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #CBD299;
}
.textbox {
	float: left;
	width: 600px;
	padding-left: 36px;
	text-align: justify;
}
.productbox .textbox h2 {
	width:500px;
	height:53px;
	background:#fff;
	color:#FF8500;
	font:bold 30px/53px "Trebuchet MS";
}
.imgbox {
	float: right;
	width: 75px;
	padding-left: 8px;
	margin-right: 20px;
	margin-top: 20px;
	border: thin dotted #CBD299;
	padding-bottom: 10px;
	padding-top: 10px;
}
.productbox2 {
	float: left;
	width: 778px;
	padding-top: 13px;
	height: 250px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CBD299;
	background-color: #FFFEE8;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #CBD299;
}
.productbox2 .textbox h2 {
	width:500px;
	height:53px;
	color:#7d7d7d;
	font: 30px/53px "Trebuchet MS";
}
.iletisimicon {
	float: left;
	height: 70px;
	width: 70px;
	margin-top: 20px;
}
#iletisimalancon {
	float: left;
	height: 500px;
	width: 778px;
	padding-top: 50px;
}
.iletisimicon1 {
	float: left;
	margin-top: 20px;
	margin-left: 70px;
	height: 70px;
	width: 70px;
	margin-right: 15px;
}
.iletisimicon2 {
	margin-top: 20px;
	float: right;
	width: 70px;
	height: 70px;
}
.iletisimyazialani {
	float: left;
	height: 100px;
	width: 180px;
	padding-top: 10px;
}
#ucluikon {
	float: left;
	height: 90px;
	width: 500px;
	padding-left: 5px;
}
.ucluyazialani {
	float: left;
	width: 575px;
	margin-top: 32px;
	height: 80px;
}
.iletisimyazialani1 {
	float: right;
	width: 214px;
	height: 100px;
	text-align: center;
	padding-top: 10px;
}
.hesapnumaralari {
	float: left;
	height: 192px;
	width: 738px;
	margin-top: 50px;
	padding: 0 20px 0 20px;
}
.bankalar {
	float: left;
	height: 192px;
	width: 196px;
	margin-right: 75px;
	background-image: url(images/iletisim-cerceve.png);
}
.bankalar1 {
	float: right;
	height: 192px;
	width: 196px;
	background-image: url(images/iletisim-cerceve.png);
}
.bankalogo {
	float: left;
	height: auto;
	width: auto;
	margin-top: 10px;
	padding-left: 10px;
}
.bankalogo1 {
	float: left;
	height: 28px;
	width: 172px;
	margin-top: 20px;
	margin-left: 15px;
}
.bankaisimleri {
	font-family: "Trebuchet MS";
	font-size: 26px;
	font-weight: bold;
	color: #1B8501;
	float: left;
	height: 20px;
	width: 89px;
	margin-left: 10px;
	margin-top: 20px;
	padding-top: 5px;
}
.bankaisimlerirenk {
	font-family: "Trebuchet MS";
	font-size: 26px;
	font-weight: bold;
	color: #07629B;
	margin-top: 20px;
	margin-left: 10px;
	width: 125px;
	float: left;
	height: 20px;
	padding-top: 5px;
}
.hesapbilgileri {
	height: 100px;
	width: 186px;
	line-height: 30px;
	font-size: 20px;
	padding-top: 15px;
	padding-left: 10px;
}
.turuncuyazi {
	font-family: "Trebuchet MS";
	font-size: 30px;
	font-weight: bold;
	color: #FF8500;
}


<style type="text/css">

.style3 {font-size: 26px}
.style4 {color: #FF8500}
a:link {
	color: #7D7D7D;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #7D7D7D;
}
a:hover {
	text-decoration: none;
	color: #FF9209;
}
a:active {
	text-decoration: none;
	color: #FF9209;
}



</style>
#aysel {
	height: 300px;
	width: 778px;
}
.urunfiyat {
	background-image: url(images/urun-fiyat.png);
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 35px;
	margin-left: 10px;
	margin-top: 7px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 9px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 3px;
}