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

* {
margin:0;
padding:0;
}
.clearfix {
clear:both;
}

html, body {
background:url(../images/bodybg-spring.jpg) repeat-x;
background-color:#d5dcdf;
width:100%;
height:100%;
}

form {
width:100%;
height:100%;
min-height:680px;
}


img { behavior: url(/scripts/iepngfix.htc); border: 0; }

#mainhold {
position:relative;
margin:0 auto;
width:100%;
height:100%;
min-height:680px;
background:url(../images/topbg-spring.png) top center no-repeat;
}
#insidehold {
position:relative;
width:100%;
height:100%;
min-height:680px;
background:url(../images/bottombg-spring.png) bottom center no-repeat;

}
#bottomblack {
position:absolute;
bottom:0;
width:100%;
height:8px;
background-color:#000000;
font-size:1px;
}
#wrapper {
position:relative;
margin:0 auto;
width:998px;
height:100%;
min-height:680px;
/*border-left:1px solid #00CC99;*/
/*border-right:1px solid #00CC99;*/
}

#kokopelli {
position:absolute;
bottom:0;
right:28px;
width:304px;
height:513px;
}
#top {
position:relative;
width:100%;
height:135px;
/*border-bottom:1px solid #CCCC66;*/
}
h1 {
position:absolute;
bottom:0;
left:10px;
}

h1 a {
width:175px;
height:92px;
background-image:url(../images/buinteractive_logo.png);
text-indent: -2000em;
display: block;
z-index: 1000; /* need for FX and IE */
background: url(../images/buinteractive_logo.png) 0px 0px no-repeat;
}

h1 a:hover, h1 a:focus {
    cursor: pointer; /* IE7 */
    background-position: 0 -92px;
}

#language{
position:absolute;
top:0;
right:0;
width:51px;
height:32px;
background:url(../images/languagebg.png) 0px 0px;
padding-top:2px;
}
#language a{
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
margin-left:7px;
}
#language:hover {
background-position:0px -34px;
}
#contactbubble{
position:absolute;
top:0;
right:57px;
width:51px;
height:32px;
background:url(../images/contactbg.png) 0px 0px;
padding-top:2px;
}
#contactbubble a{
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
margin-left:4px;
}
#contactbubble:hover {
background-position:0px -34px;
}
/* MENU */

#menu {
position:absolute;
bottom:0;
left: 210px;
list-style-type:none;


}
#menu li {
float:left;
display:inline;
}
#menu li a {
display:block;
padding:0px 13px 0px 13px;
float:left;
text-align:center;
background:none;
text-decoration:none;
color:#bde478;
font-size:16px;
line-height:20px;
}
#menu li a:hover {
color:#d1eba3;
}
#menu li.selected a {
color:#ffffff;
font-size:22px;
font-weight:normal;
}
#menu li.selected a:hover {
color:#ffffff;
}
/* MENU SONU*/
#date{
position:absolute;
bottom:20px;
right:20px;
color:#71a820;
font-size:15px;
font-family:Georgia, Times;
}
#date a  {
margin:5px;
border-left:1px solid #71a820;
padding-left:5px;
text-decoration:none;
color:#71a820;
}
#date a:hover  {
color:#98d342;
}
/* MEVSIMLER */
#seasons {
position:absolute;
right:0;
top:140px;
}

#seasons ul {
  list-style-type:none; 
  }
#seasons ul li {
  /*border:0.2em solid #bbb;*/
  margin-bottom:0.3em ;
  width:30px;
  }
#seasons ul li a{
 text-indent: -2000em;
 display:block;
  }
.summer-cs a{
 width:30px;
 height:52px;
 background-image:url(../images/summer-ico.png);
  }
 .summer-cs a:hover {
 background-image:url(../images/summer-ico-o.png);
  }
  .autumn-cs a{
 width:30px;
 height:76px;
 background-image:url(../images/autumn-ico.png);
  }
 .autumn-cs a:hover {
 background-image:url(../images/autumn-ico-o.png);
  }
 .spring-cs a{
 width:30px;
 height:76px;
 background-image:url(../images/spring-ico.png);
  }
 .spring-cs a:hover {
 background-image:url(../images/spring-ico-o.png);
  }
 .winter-cs a{
 width:30px;
 height:52px;
 background-image:url(../images/winter-ico.png);
  }
 .winter-cs a:hover {
 background-image:url(../images/winter-ico-o.png);
  }
/* MEVSIMLER SON */

/* CONTENT BASLANGIC */
#contentholder {
width:100%;
background:url(../images/clouds.png) top center no-repeat;
height:400px;
padding-top:45px;
}
#contentholderhome {
width:100%;
background:url(../images/clouds.png) top center no-repeat;
height:400px;
padding-top:15px;
}
/* CONTENT H2LER */
#contentholder h2 {
display:block;
font-family:georgia, "times new roman", serif;
font-weight:100;
margin-bottom:15px;
}
.hometsl{
padding: 40px 0px 0px 270px;
font-family:georgia, "times new roman", serif;
font-weight:100;
font-size:160%;
}
.homebsl{
padding: 3px 0px 0px 200px;
font-family:georgia, "times new roman", serif;
font-size:90%;
color:#333333;
font-weight:100;
}
.blk {color:#000;}
.wht {color:#fff;}
.servicessl {
color:#4df8f2;
padding-left:430px;
}
.aboutssl {
color:#f8da4d;
padding-left:460px;
}
.projectssl {
color:#FFFF99;
padding-left:480px;
}
/* CONTENT H2LER SON */
#content {
width:690px;
padding-left:10px;
}

/* CONTENT Home */
#cthometop {
background:url(../images/spirals.gif) right top no-repeat;
display:block;
height:250px;
width:850px;
}
.homesrvbx {
float:left;
width:250px;
height:110px;
margin:25px 20px 5px 0px;
font-family:Georgia, Times New Roman;
}
.homesrvbx h4{
font-size:150%;
font-weight:100;
}
.homesrvbx h4 em{
font-size:180%;
font-weight:100;
}
.hbcrea a{
text-decoration:none;
color:#e8ea3b;
}
.hbcrea a:hover{
color:#eced97;
}
.hbinter a{
text-decoration:none;
color:#9ad1f8;
}
.hbinter a:hover{
color:#b6d9f9;
}
.homesrvbx p{
font-size:80%;
color:#fff;
}
.homesrvbx p a{
color:#fff;
text-decoration:underline;
}
.homesrvbx p a:hover{
color:#828b90;
}
.cthomeactpro {

}
.cthomeactpro h4{
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#fff;
font-weight:100;
font-size:18px;
word-spacing: -0.1em;
padding-bottom:5px;
}
.cthomeactpro ul{
padding-left:5px;
list-style-type:none;
}
.cthomeactpro ul li{
font-family:"Trebuchet MS", Verdana;
display:block;
clear:left;
padding:8px;
font-size:75%;
}
.cthomeactpro ul li span{
float:left;

}
.hactprolg {
border-right:1px solid #999999;
padding-right:25px;
margin-right:15px;
}
.hheadlines {
width: 650px; 
margin-top:20px;
padding-top:20px;
}

#ticker { 
padding-top:-3px;
min-height: 26px; 
margin-bottom: 15px; 
background: url(../images/ticker_btm.png) no-repeat 0 100%; 
/*position: relative;*/ 
}
#ticker p { 
display:block;
width: 100%; 
line-height: 16px; 
padding-top: 5px; 
margin-top:-5px;
padding-bottom: 0.2em; 
background: url(../images/ticker_top.png) no-repeat 0 0; 
float: left; 
margin-bottom: 3px; 
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:12px;
}
#ticker a#ticker-headline { 
width: 12.5em; 
margin-right: 1em; 
color: #565656; 
font-weight: bold; 
text-align: center; 
border-right: 1px solid #808080; 
display: block; 
float: left; 
}
#ticker a#news-headline { padding-left: 15px; color: #a1a5a9; float: right; }
#ticker a { color: #6e6e6e; text-decoration: none; }
#ticker a#news-link { position: relative; z-index: 10; }
/*
.news-link { position: relative; z-index: 10; }
*/


/* CONTENT Home End */
/* CONTENT About */
#ctaboutholder {

}

#ctaboutholder h3{
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#fff;
font-weight:100;
font-size:18px;
word-spacing: -0.1em;
padding:5px 0px 5px 0px;
}
#ctaboutholder  a{
text-decoration:none;
color:#608d1d;
}
#ctaboutholder  a:hover{
text-decoration:none;
color:#4d7218;
}
#ctaboutholder h4{
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#464c4f;
font-weight:100;
font-size:16px;
word-spacing: -0.1em;
padding:5px 0px 5px 0px;
}
#ctaboutholder p{
font-family:"Trebuchet MS", Verdana;
color:#fff;
font-size:75%;
line-height: 1.6em;
padding:5px 0 0 0;
}
#ctaboutholder p em{
font-weight:bold;
color:#52585b;
}
/* CONTENT About End */

/* CONTENT Services */
#ctserviceholder {
float:left;
width:220px;
}

#ctserviceholder h3{
font-family:Tahoma, "Trebuchet MS", Verdana;
font-weight:100;
color:#5a841c;
font-size:20px;
cursor:pointer;
}
#ctserviceholder h3:hover{
color:#6a9c21;
}
#ctserviceholder h3.selectedservice{
color:#FFFFFF;
}

.service-sublinks{
list-style:disc outside;
display:block;
padding-left:26px;
font-family:Tahoma, georgia, Times New Roman;
color:#5a841c;
font-size:90%;
line-height:24px;
}
.service-sublinks li:hover 
{
cursor:pointer;
color:#6a9c21;
}
.ctservice {
float:left;
padding:0 0 0 10px;
width:450px;
}
.ctservice h4{
font-family:Tahoma, georgia, Times New Roman;
font-weight:100;
color:#000;
font-size:120%;
padding:0 0 5px 0;
}
.ctservice h5{
font-family:Tahoma, georgia, Times New Roman;
font-weight:100;
color:#f3f2b3;
font-size:14px;
line-height: 1.6em;
padding:5px 5px 0 0;
float:left;
}
.ctservice p{
font-family:"Trebuchet MS", Verdana;
color:#383c3f;
font-size:75%;
line-height: 1.6em;
padding:8px 0 8px 0;
}
/* CONTENT Services end */
/* CONTENT Projects */
#projects {
/*background:url(../images/blue_spiral.gif) top right no-repeat;*/
height:380px;
}
#projectsleft {
float:left;
width:190px;
height:380px;
border-right:1px solid #d4dee3;
}
#projectslist {
position:relative;
float:left;
width:420px;
margin-left:5px;
overflow:hidden;
height:380px;
}

.projectitem {
float:left;
margin:11px 15px 15px 15px;
width:170px;
height:100px;
border:1px ridge #CCCCCC;
}
.projectitem:hover {
border:1px solid #EFEFEF;
}
#projectnav {
width:24px;
height:380px;
position:relative;
float:left;
}
#projectnav a{
display:block;
width:24px;
height:31px;
text-decoration:none;
}
.upnav {
background:url(../images/ud-arrows.png) top left;
position:absolute;
top:30px;
}
.upnav:hover {
background-position:top right;
}
.downnav {
background:url(../images/ud-arrows.png) bottom left;
position:absolute;
bottom:30px;
}
.downnav:hover {
background-position:bottom right;
}
/* CONTENT Projects Detail */

#cprojholder 
{
	position: relative;
	overflow:hidden;
	width:660px;
	height:100%;
}
#ProHolder
{
	width:3000000px;
	position:relative;
}
#ProListHolder{
	position:relative;
	width:420px;

}
.projdet h3{
display:block;
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#fff;
font-weight:100;
font-size:18px;
word-spacing: -0.1em;
padding:5px 0 5px 0;
}
#projnavx {
font-family:Tahoma, "Trebuchet MS", Verdana;
}
#projnavx span{
display:block;
float:left;
font-size:70%;
color:#b8e56c;
text-decoration:none;
border:1px solid #afda67;
padding: 0.2em 0.5em;
margin-right: 0.4em;
cursor:pointer;
}
#projnavx span:hover{
color:#fff;
border:1px solid #bae86e;
}

.projdet {
	float:left;
	margin-right:15px;
}
.proj {
float:left;
}
.projimgs {
width:120px;
float:left;	
padding:40px 2px 0px 8px;
}
.projimgs img{
border:2px solid #fff;	
margin:2px;
}
.projtext {
width:210px;
display:block;
padding:40px 0px 0px 15px;
float:left;	
font-family:"Trebuchet ms",Tahoma;
font-size:75%;
color:#477307;
}
.projtext a{
color:#477307;
text-decoration:none;
}
.projtext a:hover{
color:#deff9c;
text-decoration:underline;
}
.projtext div 
{
padding: 2px;
border-bottom:1px solid #cbec8b;
height:32px;
}
.projtext span {
float: left;
}
.prh {
font-weight: bold;
width:50px;
}
.prt {
width:150px;
}

.projtext p {
float:left;
text-align:justify;
}


/* CONTENT Projects End */

/* CONTENT Applications */
#ctappholder {

}

#ctappholder h3{
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#fff;
font-weight:100;
font-size:18px;
word-spacing: -0.1em;
padding-bottom:5px;
}
#ctappholder p{
font-family:"Trebuchet MS", Verdana;
color:#fff;
font-size:75%;
line-height: 1.6em;
}
/* CONTENT Applications End */

/* CONTENT References */
#ctrefholder {

}

#ctrefholder h2{
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#fff;
font-weight:100;
font-size:18px;
word-spacing: -0.1em;
}

#ctrefholder p {
font-family:"Trebuchet MS", Verdana;
color:#fff;
font-size:75%;
line-height: 1.6em;
padding-bottom:10px;
}
.ctref h4 {
text-indent:-2000em;
display:block;
float:left;
margin:5px 10px 5px 10px;
}
.m2 {
background:url(../cnt/ref/samco.png) 0px 0px no-repeat;width:114px;height:42px;
}
.m2:hover {
background:url(../cnt/ref/samco.png) 0px -42px no-repeat;
}

#refelist 
{
position:relative;
float:left;
width:580px;
padding-left:5px;
overflow:hidden;
height:360px;
}
#RHold 
{
position:relative;
}

#refenav {
width:24px;
height:380px;
position:relative;
float:left;
}
#refenav a{
display:block;
width:24px;
height:31px;
text-decoration:none;
}


/* CONTENT References End */
/* CONTENT Wall */
#ctwallholder {

}

#ctwallholder h3{
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#fff;
font-weight:100;
font-size:18px;
word-spacing: -0.1em;
padding-bottom:5px;
}
#ctwallholder p{
font-family:"Trebuchet MS", Verdana;
color:#fff;
font-size:75%;
line-height: 1.6em;
}
.ctwall {
font-family:"Trebuchet MS", Verdana;
}
.wall {
	margin: 1em 0;
}

.wall dt, .wall dd {
	margin: 0 0 0 0;
	padding: 0 0 0 70px;
	position: relative;
}

* html .wall dt, * html .wall dd {
	height: 1px;
}

.wall dt {
	font-weight: bold;
	margin-top: 0.7em;
	padding-top: 0.5em;
	font-size: 110%;
	border-top: 1px dashed #d3f094;
}
.wall dt a {
color:#2e9563;
text-decoration:none;
font-weight:100;
}
.wall dt a:hover {
text-decoration:underline;
}
.wall dd {
	font-size:75%;
}

.wall .wall-lst img {
	position: absolute;
	top: -1.5em;
	left: 0;
	border:0px;
}

.wall dd a, .wall-lst a {
	color: #fff;
}

.wall .wall-lst {
	font-size: 75%;
	color: #dcdcdc;
	padding-bottom: 0.3em;
}
.wall-details {
margin-bottom:10px;
}
.wall-details img{
float:left;
padding:10px;
margin:0 10px 0 0;
}

.wall-imgs {}

.wall-imgs div {
float:left;
padding:3px;
margin:5px;
}
.wall-imgs div img{
border:1px solid #c8d0d3;
}
.wall-imgs div img:hover{
border:1px solid #fff;
}
/* CONTENT Wall End */
/* CONTENT Jobs */
#ctjobsholder {

}

#ctjobsholder h3{
font-family:Tahoma, "Trebuchet MS", Verdana;
color:#fff;
font-weight:100;
font-size:18px;
word-spacing: -0.1em;
padding-bottom:5px;
}
.ctjobs {
margin-top: 1em;
padding-top: 1em;
border-top:1px solid #cff08f;
font-family:"Trebuchet MS", Verdana;
}
.ctjobs h4{
font-family:Arial;
color:#4e8c17;
font-size:115%;
font-weight:normal;
letter-spacing:-0.03em;
padding-bottom:5px;
}
#ctjobsholder p, .ctjobs p
{
font-family:"Trebuchet MS", Verdana;
color:#fff;
font-size:75%;
line-height: 1.6em;
}

.ctjobs dl {
    margin-left: 0;
}

.ctjobs dt {
    font-weight: bold;
    font-size: 85%;
    margin: 0;
    color: #d6e5eb;
    text-transform: uppercase;
}

.ctjobs dd {
    margin: 0.5em 0;
    padding-left: 2em;
}

.ctjobs ul {
    margin: 0.5em 0;
    padding-left: 20px;
	font-size:70%;
}


/* CONTENT Jobs End */







/* Page Numbers */
.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 70%;
	font-family:Tahoma, "Palatino Linotype";
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    /* border: 1px solid #fff;
    background: #fff; */
}

.pages span.current {
    border: 1px solid #6b9e20;
    font-weight: bold;
    background: #6b9e20;
    color: #fff;
}

.pages a {
    border: 1px solid #dcf8a3;
    text-decoration: none;
	color:#6b9e20;
}

.pages a:hover {
    border-color: #6b9e20;
	color:#6b9e20;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #fff;
    color: #fff;
}

.pages .nextprev-next {
    float: right;
}
/* Page Numbers End */

/* Contact */
#contact {
background-color:#345700;
color:#fff;
height: 150px;
}
#contactwrap {
width:988px;
margin:0 auto;
padding:10px 5px 10px 5px;
}

.contact-title {
font-family:georgia, "times new roman", serif;
font-size:150%;
color:#6bd9d1;
font-weight:100;
}
.contact-info {
padding:5px 0px 0px 0px;
float:left;
width:600px;
}
.contact-info label {
width:50px;
float:left;
clear:left;
font-family:Trebuchet MS;
font-size:100%;
color:#e9e185;
}
.contact-info div {
font-family:Trebuchet MS;
font-size:80%;
padding:3px 0px 3px 0px;
}
.contact-info div a{
color:#d0f6f3;
text-decoration:none;
}
.contact-info div a:hover{
color:#fff;
border-bottom:1px dotted #fff;
}

.contact-right {
padding:5px 5px 0px 0px;
float:right;
text-indent:-3000px;
}
.contact-right a{
display:block;
background-image:url(../images/contactqst.png);
height:120px;
width:230px;
}
/* Contact End */
/* Forms */
.general-form {
    font-family:Trebuchet MS, Helvetica;
}
.general-form div {
    padding: 3px 0 5px 3px;
    clear: left;
    border-bottom: 1px solid #58a2db;
    position: relative;
}

.general-form p {
    clear: left;
    margin: 0;
    padding: 1em 0 0 170px;
}

.general-form label, .general-form dt {
    display: block;
    float: left;
    width: 150px;
    font-weight: bold;
    font-size: 75%;
    padding: 5px;
    margin: 0;
}
.general-form div span{
    padding: 5px 0 5px 5px;
    font-size:75%;

}

.general-form input.form-text {
    width: 200px;
    padding:1px 2px 1px 2px;
    font-size: 75%;
    font-family:Trebuchet MS, Helvetica;
}

.general-form textarea.form-text {
    width: 350px;
    height: 3em;
    padding:1px 2px 1px 2px;
    font-size: 75%;
    font-family:Trebuchet MS, Helvetica;
}
span#audiocaptchalink {
/*        display: block;
        color: #999;
        font-size: 85%;
        clear: left;
        margin-bottom: 0.5em;
*/
}
#audiocaptchalink {
	vertical-align: middle;
	margin-left: 5px;
	font-size:75%;
}
img.captcha {
	margin-top: 6px;
	vertical-align: middle;
}
.general-form .form-foot {
    padding-left: 170px;
    border: none;
    font-size:75%;
    font-family:Trebuchet MS, Helvetica;
}
.general-form input.submit{
font-size: 1em;
	height: 2em;
	line-height: 2em;
	color: #333;
	margin: 1em 1em 0 0 !important;
	padding: 0 1em;
	clear: right;

}

/* Forms End*/