@import "reset.css";
@import "grid.css";

body {  }

.section { float: left; clear: both; width: 100%; padding-top: 80px; }

h1, h2, h3, p, dd, .field { margin-bottom: 1em; }

input[type=text], textarea { width: 100%; font-size: 16px; padding: 2px; }

ul li { list-style-type: square; list-style-position: inside; }

a, a:visited { color: #666; }
a:hover { color: #0BF; }

a.button { background: #666; color: #fff; padding: 3px 6px 5px; text-decoration: none; border-radius: 4px; }
a.button:hover { background: #0BF; color: #fff; }



.section-header .container h2 { background: url(images/highlighter.jpg) top center no-repeat; height: 70px; padding: 22px 20px; position: relative; left: -20px; margin-bottom: 0; text-align: center; }

#top, #intro { margin: 0; padding: 0; }

#top { padding: 20px 0px; } 

#intro { padding-bottom: 12px; height: 498px; }

#top h1 { background: url(images/cc-logo.png) top center no-repeat; width: 200px; height: 89px; text-indent: -9999px; text-align: center;  margin: 0 auto;  }

h3, dt { text-transform: uppercase; font-family: "PT Serif", Georgia, serif; font-weight: bold; color: #F37; }

#message-sent, #ajax-loader { display: none; }

.ikeyazilim { margin-bottom: 12px; }

.philosophy { background: #F37; color: #FFF; padding: 2px 5px; position: relative; left: -5px; margin-right: -5px; }

#portfolio li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 20px;
}

#portfolio li a span.project-pic {
	float: left;
	width: 300px;
	height: 200px;
}

#portfolio li a {
	float: left;
	background: #333;
	width: 300px;
	border: none;
	text-decoration: none;
}

#portfolio li a:hover {
	background: #0BF;
}

#portfolio li a span.project-name {
	float: left;
	padding: 5px 10px 5px;
	color: #FFF;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
.marash .project-pic { background: url(https://www.ebrosur.net/ref/_r/marash_.png) top left no-repeat;  }

.portakal .project-pic { background: url(https://www.ebrosur.net/ref/_r/portakal.png) top left no-repeat;  }

.vipguide .project-pic { background: url(https://www.ebrosur.net/ref/_r/vipguide.png) top left no-repeat;  }

.accor .project-pic { background: url(https://www.ebrosur.net/ref/_r/accor.png) top left no-repeat;  }

.wolttech .project-pic { background: url(https://www.ebrosur.net/ref/_r/wolttech.png) top left no-repeat;  }

.starset .project-pic { background: url(https://www.ebrosur.net/ref/_r/starset.png) top left no-repeat;  }

.decathlon .project-pic { background: url(https://www.ebrosur.net/ref/_r/decathlon_mart.png) top left no-repeat; }

.biolab .project-pic { background: url(https://www.ebrosur.net/ref/_r/biolab.png) top left no-repeat; }

.hidro .project-pic { background: url(https://www.ebrosur.net/ref/_r/hidro.png) top left no-repeat; }

.hmankiros .project-pic { background: url(https://www.ebrosur.net/ref/_r/aluexpo.png) top left no-repeat; }

.sauna .project-pic { background: url(https://www.ebrosur.net/ref/_r/saunadekor.png) top left no-repeat; }

.enkar .project-pic { background: url(https://www.ebrosur.net/ref/_r/enkar.png) top left no-repeat; }

.ankiros .project-pic { background: url(https://www.ebrosur.net/ref/_r/ankiros.png) top left no-repeat; }

.ideco .project-pic { background: url(https://www.ebrosur.net/ref/_r/ideco.png) top left no-repeat; }

.kile .project-pic { background: url(https://www.ebrosur.net/ref/_r/kile.png) top left no-repeat; }

.tantitoni .project-pic { background: url(https://www.ebrosur.net/ref/_r/tantitoni.png) top left no-repeat; }

.toyota .project-pic { background: url(https://www.ebrosur.net/ref/_r/toyota.png) top left no-repeat; }

.ugur .project-pic { background: url(https://www.ebrosur.net/ref/_r/ugur_saat.png) top left no-repeat; }

.merryvalle .project-pic { background: url(https://www.ebrosur.net/ref/_r/merryvale.png) top left no-repeat; }

.asitane .project-pic { background: url(https://www.ebrosur.net/ref/_r/asitane.png) top left no-repeat; }

.byonetim .project-pic { background: url(https://www.ebrosur.net/ref/_r/byonetim.png) top left no-repeat; }

.tcmb .project-pic { background: url(https://www.ebrosur.net/ref/_r/tcmb.png) top left no-repeat; }

.cleanair .project-pic { background: url(https://www.ebrosur.net/ref/_r/cleanair.png) top left no-repeat; }

.arti5 .project-pic { background: url(https://www.ebrosur.net/ref/_r/arti5.png) top left no-repeat; }

.istanbul .project-pic { background: url(https://www.ebrosur.net/ref/_r/istanbul.png) top left no-repeat; }

.toshiba .project-pic { background: url(https://www.ebrosur.net/ref/_r/toshiba.jpg) top left no-repeat; }

.mercedes .project-pic { background: url(https://www.ebrosur.net/ref/_r/mercedes.png) top left no-repeat; }

.borlab .project-pic { background: url(https://www.ebrosur.net/ref/_r/borlab.jpg) top left no-repeat; }



#nav ul, #nav ul li { list-style-type: none; margin: 0; padding: 0; list-style: none; }

#nav {
    height: 44px;
    background: #333;
    line-height: 40px;
    position: absolute;
    top: 604px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background: #333 url(images/nav-shadow-light.jpg) bottom center repeat-x;
}
 
#nav.floating {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}

#nav ul { width: 100%; text-align: center; margin: 0px; }

#nav ul li { margin: 0px 10px; display: inline; }

#nav ul li a { text-decoration: none; color: #fff; font-family: "PT Sans", "Trebuchet MS", sans-serif; font-weight: bold; text-transform: none; text-shadow: 1px 1px 1px #000; }

#nav ul li a:active { outline: none; }

#nav ul li a span { padding: 3px 8px 5px; border-radius: 5px; }

#nav ul li a.active span { background: #F37; }

#nav ul li a.active, #nav ul li a.active:hover { color: #fff; background: #F37; }

#nav ul li a:hover { color: #0BF; }

#bottom { text-align: center; }

@-moz-document url-prefix() {
	a.button { padding: 6px 6px 4px; }
	#nav ul li a, #portfolio li a span.project-name { font-weight: normal; }
	#nav ul li a span { padding: 7px 8px 5px; }
	#portfolio li a span.project-name { padding: 7px 10px 5px; }
	.philosophy { padding: 5px 5px 2px; }
	label { position: relative; top: 2px; }
}

.error-explanation { margin-bottom: 0; }
.error-list { margin-bottom: 1em; }
.error { display: none; }
label.error-highlighted { background: #F37; padding: 2px 3px; margin-bottom: 0; }
input.error-highlighted { border: 2px solid #F37; }
textarea.error-highlighted { border: 2px solid #F37; }
label { line-height: 1em; }

.elsewhere li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 3px;
}

.elsewhere li a {
    padding: 5px 0px 5px 22px;
    border: none;
}

.elsewhere li a:hover {
    text-decoration: underline;
}

li.facebook a { background: url(images/icons/facebook_16.png) top left no-repeat; background-position: 0 50%; }
li.dribbble a { background: url(images/icons/dribbble_16.png) top left no-repeat; background-position: 0 50%; }
li.forrst a { background: url(images/icons/forrst_16.png) top left no-repeat; background-position: 0 50%; }
li.skype a { background: url(images/icons/skype_16.png) top left no-repeat; background-position: 0 50%; }
li.linkedin a { background: url(images/icons/linkedin_16.png) top left no-repeat; background-position: 0 50%; }