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

body {
background:#E8E8E1 url(../img/footer-bg.png) repeat-x scroll left bottom;

}

div#header {
margin-top:18px;
}

.sonyazi{
width:900px;
margin-bottom:150px;
overflow:hidden;

}

.sonyazi h2{
border-bottom:1px dashed #333333;
padding-bottom:10px;
text-align:left;
color:#333;
}

/* Twitter */

div#twitter {
background-image:url(../img/twitter.jpg);
width:900px;
height:30px;
margin-bottom:20px;
margin-top:10px;
}

div#twitter A:link{
color:#3C4752;
text-decoration:none;
}

div#twitter h3{
color:#6A7D8F;
font-size:12px;
margin-left:55px;
margin-top:6px;
text-align:left;
}

#twitter_div {
font-size:12px;
margin-left:22px;
margin-top:5px;
}

/* Featured */

div#featured  {
height:42px;
width:900px;
margin-bottom:10px;
}

div#featured h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

/* Portfolio */

div#titleportfolio  {
margin-bottom:6px;
width:900px;
}


div#titleportfolio h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:100px;
}


div#links {
height:40px;
margin-top:-10px;
}

div#titles  {
border-bottom:dashed 1px #384244;
height:42px;
width:937px;
margin-bottom:6px;
}

div#titles h1 {
font-size:18px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

div#works {
width:900px;
}

p#loadBar{
background:#fff;
padding:3px 5px;
margin:0;
}
ul#filter {  font-size: 12px; list-style: none; margin-left: -24px; width: 940px; }
ul#filter li { 
float: left;
}
ul#filter a { font-size:15px; padding:2px 5px 10px; color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { background: url(../img/linkbg.png) no-repeat scroll center; color: #E8E8E1; display:block; text-decoration: none; }
ul#filter li.current a { color: #E8E8E1; font-weight: bold; }
ul#filter li.web {
background-image:url(../img/webicon.jpg);
}

div#portfoliospace {
margin-top:-10px;
width:900px;
margin-bottom:100px;
padding-bottom:100px;
}

ul#portfolio {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-13px;
width:940px;
}

ul#portfolio li { 
float: left; 
width: 300px;
margin-left:13px;
margin-right:0px;
margin-top:10px;
text-align:left;
height:209px;
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img {  display: block;  }


/* Slider */

div#slider ul, div#slider li{
margin:0px;
padding:0;
list-style:none;
}

div#slider li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:900px;
height:280px;
overflow:hidden;text-align:left;
}	

div#slider p {
text-align:left;
}

div#slider h1 {
margin-top:6px;
margin-bottom:-1px;
font-size:18px;
font-weight:700;
}

.jFlowSlideContainer-ic{margin-top:20px;}

#prevNext
{
margin-bottom:0px;

text-align:center;
}

.jFlowSlideContainer img{border:4px solid #242424;}
#wrap{position:relative;}
#wrap #prevNext img.jFlowPrev
{
position: absolute;
cursor: pointer;
left:-65px;
top:100px;
}
#wrap #prevNext img.jFlowNext
{
position: absolute;
cursor: pointer;
right:-65px;
top:100px;
}
ul#portfolio a.linkadres{background:url(../img/linkoklar.png) no-repeat scroll 0 0; width:20px; height:14px; display:block; float:right;}
ul#portfolio a.linkadres:hover {background:url(../img/linkoklar.png) no-repeat scroll 0 -14px; }
ul#portfolio a.linkadres span{display:none;}
span.baslik	{font-size:18px; float:left; margin-left:20px;}		  
span.adres	{font-size:12px;}		  
span.port-desc {font-size:14px; float:right; margin-right:20px;}		  
/**added by Chris Paul **/
.hidden{
visibility: hidden;
display: none;
}

.hidden2
{
display: none;
}

span.backgroundcolor
{
background-color: #ffffff;
color:#384244;
font-size:16px;
font-weight:700;
} 

.panel h3 {
font-weight:700;
background-color:#0FF;
font-size:16px;
}

div#info {
width:300px;}

/* Contact Form */

.contact {
margin-left:45px;}

.tyform{}

#contact_form {
background:transparent url(../img/tmrbg.png) no-repeat scroll right bottom; 
padding-right:180px;
height:auto;
color:#333;
}
#contact-area {}

#contact-area  p, #contact-area label{
color:#333;
display:block;
}

#contact-area input, #contact-area textarea {
border:1px solid #CCCCCC;
margin-bottom:6px;
background:#E8E8E1;
padding:5px;
width:280px;
color:#999;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
}

#contact-area input.submit-button {
background:#666;
color:#fff;
cursor:pointer;
margin-left:100px;
margin-top:10px;
padding:0;
text-align:center;
width:100px;
}
#contact-area input.submit-button:hover {
background:#fff;
color:#333;
}

input#selfCC {
margin-bottom:0;
width:20px;
border:0 none !important;
background:transparent !important;
}

div#infotitle {
background-image:url(../img/touch.png);
height:42px;
margin-bottom:6px;
width:924px;}

/* Services */

#serviceslist h1 {
font-size:16px;
font-weight:700;
margin-bottom:5px;
} 

#services { 
margin-right:20px;
padding-right:20px;
background:transparent url(../img/footer-border-right.png) repeat-y scroll right center;
}
#serviceslist { 

padding:0;

} 

#serviceslist li { 
list-style-type:none; text-align:left;
margin-left:0;
margin-bottom:10px;
padding-bottom:20px;
color:#333;

} 
#serviceslist li.sson {background:transparent none; margin-bottom:0; padding-bottom:0;}
/* Footer */

div#footerspace {

height:5px;
width:100%;
background:#757170;
}

p.footertext {
color:#000000;
margin-left:8px;
margin-top:6px;
text-align:left;
}

.logos {
float:left;
margin-top:-1px;
}