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

body { 
	font-family: 'Varela', Helvetica, Arial, sans-serif;
	background: url(../images/background_title.png) repeat-x #bfbfbf; 
	color:#252525;
}

p { line-height:1.5em; }

h1 {}
h2 { font-size:20px; margin-bottom:10px; }
h3 {}
h4 { font-family: 'Varela', Helvetica, Arial, sans-serif; color:#2460ac; font-size:14px; }

#wrap { width:960px; margin:0 auto; }

#header { height:100px; margin-bottom:30px; }
#header h1 { 
	background: url("../images/teknoser_logo.png") no-repeat scroll 0 0 transparent;
	float: left;
    margin: 40px 0 0;
    text-indent: -9999px;
}
#header h1 a { display:block; width:231px; height:60px; }
#header #nav { float: right; margin: 50px 0 0 0; font-family: 'Varela', Helvetica, Arial, sans-serif; }
#header #nav li { float: left; font-size: 16px; text-transform:uppercase; padding-left:20px; }
#header #nav li a {border-bottom: 1px transparent solid; display: inline-block; vertical-align: bottom; }
#header #nav a { color: #2460ac; text-decoration: none; }
#header #nav a:hover { border-bottom: solid 1px #d71731; padding-bottom:10px; }

#banner { width:960px; height:353px; margin-bottom:30px; }
#banner-exp { width:960px; height:400px; }

#services { width:960px; height:200px; margin:auto; position:relative; display:block; margin-bottom:30px; }
#services .firinli-boya { width:230px; height:200px; margin-right:13px; background:url(../images/firinli_boya_services.png) top center no-repeat; float:left; }
#services .kaporta { width:230px; height:200px; background:url(../images/kaporta_services.png) top center no-repeat; float:left; margin-right:13px; }
#services .mekanik { width:230px; height:200px; background:url(../images/mekanik_services.png) top center no-repeat; float:left; }
#services .muayene { width:230px; height:200px; background:url(../images/muayene_services.png) top center no-repeat; float:right; }
#services p { 
    background-color: #D71731;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font: 16px/36px 'Varela',Helvetica,Arial,sans-serif;
    height: 36px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 230px;
	text-decoration:none;
}
#services a { text-decoration:none; }
#services a:hover { background-color:#D71731; }

#main-info { width:960px; margin:auto; height:208px; margin-bottom:40px; font-family:'Varela',Helvetica,Arial,sans-serif; }
#main-info h2 { font: 19px 'Varela',Helvetica,Arial,sans-serif; color:#252525; padding-bottom:10px; }
#main-info p { font: 14px/23px 'Varela',Helvetica,Arial,sans-serif; color:#252525; }
#main-info a { font: 14px 'Varela',Helvetica,Arial,sans-serif; color:#D71731; text-decoration:none; }
#main-info a:hover { text-decoration:underline; }
#main-info .bir { width: 310px; height:208px; float:left; margin-right:14px; border-right: solid 1px #999; }
#main-info .bir p { width:280px; }
#main-info .iki { width:310px; height:208px; float:left; border-right: solid 1px #999; margin-right:14px; }
#main-info .uc { width:310px; height:208px; float:right; }
#main-info .uc ul { padding-top:15px; }
#main-info .uc li { font: 21px 'Varela',Helvetica,Arial,sans-serif; color:#164a8b; list-style-type:none; }
#main-info li { list-style-type:square; list-style-position:inside; color:#D71731; }

#footer { width:960px; height:70px; margin: 0 auto; padding-top:20px; }
#footer-exp { width:960px; height:70px; margin: 0 auto; padding-top:60px; }
#footer .lcopy { font: 14px 'Varela',Helvetica,Arial,sans-serif; color:#252525; float:left; }
#footer .rsocial { font: 14px 'Varela',Helvetica,Arial,sans-serif; float:right; color:#D71731; }
#footer .rsocial li { float:left; margin-left:15px; }
#footer .rsocial li a { text-decoration:none; color:#D71731; }
#footer .rsocial li a:hover { text-decoration:underline; color:#D71731; }

#footer-exp .lcopy { font: 14px 'Varela',Helvetica,Arial,sans-serif; color:#252525; float:left; }
#footer-exp .rsocial { font: 14px 'Varela',Helvetica,Arial,sans-serif; float:right; color:#D71731; }
#footer-exp .rsocial li { float:left; margin-left:15px; }
#footer-exp .rsocial li a { text-decoration:none; color:#D71731; }
#footer-exp .rsocial li a:hover { text-decoration:underline; color:#D71731; }


#page_banner {
	width:960px;
	height:178px;
	margin-bottom:30px;
}

#content {
	width: 630px;
	float:left;
	margin-bottom:30px;
}

#content-exp {
	width: 100%;
	margin-bottom:30px;
}

#content-exp h2 { font: bold 18px 'Varela', Helvetica, Arial, Sans-Serif; color:#404041; padding-bottom:20px; }

#content-exp p { font: normal 14px 'Varela',Helvetica,Arial,sans-serif; color:#404041; padding-bottom:15px; width:100%; line-height:24px; }

#content h3 { font: normal 18px 'Varela', Helvetica, Arial, Sans-Serif; color:#2460ac; padding-bottom:10px; }
#content h2 { font: 19px 'Varela',Helvetica,Arial,sans-serif; color:#252525; padding-bottom:10px; }
#content p { font: 14px 'Varela',Helvetica,Arial,sans-serif; color:#252525; padding-bottom:15px; }
#content a { font: 14px 'Varela',Helvetica,Arial,sans-serif; color:#D71731; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content img { border:solid 3px #fff; }
#content li { list-style-type:square; list-style-position:inside; color:#D71731; line-height:22px; font-size:14px; font-family:'Varela', Helvetica, Arial, Sans-Serif; }
#content li a { text-decoration:none; }
#content li a:hover { text-decoration:underline; }
#content ul { margin-bottom:20px; }

#content .content_gallery li { float:left; margin-right:10px; list-style-type:none; list-style-position:outside; }
#content .content_gallery ul { list-style-type:none; }

#sidebar {
	width:300px;
	float:right;
}

#sidebar .block { margin-bottom:20px; font-family:'Varela', Helvetica, Arial, Sans-Serif; }
#sidebar .block p { font-family:'Varela', Helvetica, Arial, Sans-Serif; line-height:23px; font-size:14px; }
#sidebar .block li { list-style-type:square; list-style-position:inside; color:#D71731; line-height:22px; font-size:14px; }
#sidebar .block a { text-decoration:none; color:#D71731; }
#sidebar .block a:hover { text-decoration:underline; }
#sidebar h3 { font: normal 18px 'Varela', Helvetica, Arial, Sans-Serif; color:#2460ac; padding:10px 0; }
#sidebar h2 { font: 19px 'Varela',Helvetica,Arial,sans-serif; color:#252525; padding-bottom:5px; }

.yapmaniz_gereken li { list-style-type:decimal !important; }

.box img { border:0px !important; float:right; margin-left:20px; }
.box { margin-bottom:10px; border:0px; min-height:180px; }


#contact_form h4 { font-family: 'Varela', Helvetica, Arial, sans-serif; color:#2460ac; font-size:14px; margin-bottom:15px; }
#contact_form { width:350px; }
#contact_form div { clear:both; margin:0 0; }
#contact_form_right {
	width:479px;
	height:100%;
	float:right;
	margin-top:42px;
}
#contact_form .input { padding:5px; font-family: 'Varela', Helvetica, Arial, sans-serif; color:#30537e; font-size:15px; width:350px; margin-bottom:10px; border:0px;  }
#contact_form .text { padding:5px; font-family: 'Varela', Helvetica, Arial, sans-serif; color:#30537E; font-size:15px; width:350px; height:150px; margin-bottom:10px; border:0px; }

.contact_info li { list-style-type:none !important; }

#contact_form .error { color:#d71731; }
#contact_form .success { color:#2460ac; }

.button {
	font-family:'Varela', Helvetica, Arial, sans-serif;
	background:#2460ac; color:#fff;
	font-size:14px;
	cursor:pointer;
	padding:5px 10px;
	border:0px;
}

#intro { text-align:center; margin-top:150px; }
#intro h3 { font: normal 18px 'Varela', Helvetica, Arial, Sans-Serif; color:#2460ac; padding-top:30px; }

.intro { }
.choose { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 600px; height: 314px; margin: auto;}

.logo { width:231px; height:60px; margin-top:40px; }

#nav-export { width:440px; font-family: 'Varela', Helvetica, Arial, sans-serif; display:block; float:left; border-bottom: solid 6px #c7c7c7; margin-top:30px; }


.thumbs {
  background: none;
  margin-bottom: 30px;
}
/* clearfix */
.thumbs:before,
.thumbs:after {
    content: "";
    display: table;
}
.thumbs:after {
    clear: both;
}

.thumb {
  float: left;
  margin-bottom: 15px; 
}
.thumb img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}
.first-item {
  clear: both;
}
/* remove margin bottom on last row */
.last-row, .last-row ~ .thumb {
  margin-bottom: 0;
}


/* Giving a background-color to the nav container. */
nav {
    margin-bottom: 40px !important;
}
 
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
 
nav:after {
    content:"";
    display:table;
    clear:both;
}
 
/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
    }
 
/* Positioning the navigation items inline */
nav ul li {
    margin: 0;
    display:inline-block;
    float: left;
    background-color: none;
    }
 
/* Styling the links */
nav a {
    display:block;
    padding-right:20px;
    color:#404041;
    font-size:16px;
    line-height: 30px;
    text-decoration:none;
	text-align:left;
}
 
/* Background color change on Hover */
nav a:hover {

}

#lang { width:350px; float:right; font-family:'Varela', Helvetica, Arial, sans-serif; font-size:12px; }

#trilang li	{ width:33.333%; }

#lang li{
	line-height:26px;
	float:left;
	display:inline;
}

#lang img { padding-right:5px; }

#lang a { text-decoration:none; color:#404041;}
#lang a:hover {text-decoration:underline;}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    top: 99%;
    left: 43.3%;
    background-color: #c7c7c7;
    z-index: 1000;
    padding: 14px;
}
 
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display:inherit;
}
 
/* Fisrt Tier Dropdown */
nav ul ul li {
    min-width:170px;
    float:none;
    display:list-item;
    position: relative;
}

#about { width:880px; font-family: 'Varela', Helvetica, Arial, sans-serif; line-height:23px; padding:40px; background-color:#D71731; color:#fff; font-size:16px; }

#about h2 { font-size:24px; margin-bottom:20px; text-align:center; font-family: 'Varela', Helvetica, Arial, sans-serif; font-weight:bold; }

#about p { text-align:center; font-family: 'Varela', Helvetica, Arial, sans-serif; border:solid 2px #fff; width:150px; margin:30px auto 0; display:inline-table; margin-left:190px; }

#about p a { display:block; cursor:pointer; color:#fff; text-decoration:none; padding:20px; text-transform:uppercase; font-family: 'Varela', Helvetica, Arial, sans-serif; }

#about p a:hover {background-color:#b21c30; }

#quote { width:840px; font-family: 'Varela', Helvetica, Arial, sans-serif; line-height:32px; padding:60px; color:#404041; font-size:16px; text-align:center; font-weight:bold; }

#vehicles { width:960px; height:124px; position:fixed; bottom:0px;  }

strong { font-weight:bold !important; }

nav li ul li a { padding:0; }

.map { width:400px; height:200px; float:right; }