/*---------------------------------------------------------------*/
/* GENERAL STYLES
/*---------------------------------------------------------------*/
body {margin:0; padding:0; font-family:'PT Sans', sans-serif; font-size:13px; color:#666; background:#fff;}

a {color:#999; text-decoration:none;}
a:hover {color:#04346C; text-decoration:none;}

h1 {font-family:'PT Sans Narrow', sans-serif; font-size:28px; font-weight:700; color:#04346C; margin:0px; padding:0px;}
h2 {font-family:'PT Sans Narrow', sans-serif; font-size:20px; font-weight:500; color:#4284D3; margin:0px; padding:0px;}
h3 {font-size:24px; font-weight:normal; color:#09234e;}
h4 {font-family:'PT Sans Narrow', sans-serif; font-size:22px; font-weight:normal; color:#09234e; }
h5 {font-family:'PT Sans Narrow', sans-serif; font-size:14px; font-weight:bold; color:#006699; width:240px; margin-bottom:10px;}


p {line-height:22px; color:#666;}

p.clear, .clear, li.clear {clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {clear:both; border-top:1px solid #d4d4d4; padding:5px 10px; margin:0; background:none;}

img {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/*---------------------------------------------------------------*/
/* HEADER STYLES
/*---------------------------------------------------------------*/
header {width:942px; height:100px; margin:0 auto; padding:0px 12px; position:relative;}
header h1 {display:block; position:absolute; top:20px;}
header h2 {display:block; position:absolute; top:55px;}
header .contact-right {position:absolute; top:13px; right:0px;}

header .socials {float:left; margin-top:4px;}
header .call-us {width:300px; height:30px; float:right; text-align:right; font-family:'PT Sans Narrow', sans-serif; font-size:18px; font-weight:700; color:#04346C; background:url(../images/icons/phone-icon.png) no-repeat 260px 0px; position:relative;}
header .call-us span {top:5px; right:50px; position:absolute;}
		
nav {padding:0; position:absolute; right:0px; bottom:12px;}
nav ul {float:right; padding:0; margin:0; list-style:none;}
nav ul li {float:left; margin:0 10px 0 0; padding:0;}
nav ul li:last-child {margin:0px;}
nav ul li a {float:left; margin:0px; padding:0px; color:#666; text-decoration:none; font-size:16px; font-family:'PT Sans Narrow', sans-serif; font-weight:700;}
nav ul li a span {padding:0px 15px;}
nav ul li a span.last {margin-right:0px;}

nav ul li a:hover {color:#4284D3;}
			
nav > ul > li.home {
    width:17px; 
    height:15px; 
    margin:0px 20px 0px 0px; 
    padding:0px; 
    float:left; 
}

nav > ul > li.home a {
    width:17px;
    height:15px;
    margin:0px;
	padding:0px;
}

/*---------------------------------------------------------------*/
/* WRAPPER STYLES
/*---------------------------------------------------------------*/
#wrapper {width:100%;}
#wrapper1 {display:block; clear:both; background:url(../images/background_repeat.jpg) repeat-x 0px 0px #fff;}
#wrapper2 {display:block; clear:both; background:url(../images/background.jpg) no-repeat center top;}
#wrapper3 {width:966px; margin:0px auto;}

.page-curve-top {width:966px; height:24px; margin:0 auto; display:block; position:absolute; clear:both; z-index:960; 
background:url(../images/page_curv_top.png) no-repeat scroll center -0px;}

section.container {  background: url(../images/page_content.png) repeat-y scroll center center transparent;}
section.content {width:960px; margin:0 auto; padding-top:25px; display:block; position:relative;}
.content-left {width:635px; margin:0 auto; display:inline; float:left;}
.content-left ul, ol {line-height:22px; list-style:square;}
.content-left table {float:left;}
.content-left table td {vertical-align:top; padding-bottom:18px;}


.triple-block {width:190px; margin:0px 20px 30px 0px; float:left;}
.box > .triple-block h3 {margin:0px 0px 15px 0px; padding-bottom:5px; font-size:17px; line-height:100%; color:#04346C; font-family:'PT Sans Narrow', sans-serif; font-weight:700; text-align:center; border:none;}
.triple-block img {padding:5px; border:1px solid #ccc;-webkit-transition: all .20s linear; -moz-transition: all .20s linear; -o-transition: all .20s linear; transition: all .20s linear;}
.triple-block img:hover {border: 1px solid #fff !important;
background: #ccc;-webkit-transition: all .20s linear; -moz-transition: all .20s linear; -o-transition: all .20s linear; transition: all .20s linear;-webkit-shadow: 0 0 5px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.1);
-moz-shadow: 0 0 5px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 0 5px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.1);}
.triple-block p {padding:0px 0px 0px 5px;}
.triple-block.last {margin:0px;}
.box {width:610px; margin:0px 10px 20px; float:left; display:inline;}
.box h2, .box h3, .box.small h2, .box.small h4 {margin:0px 0px 15px 0px; padding-bottom:5px; font-size:17px;
line-height:100%; color:#04346C; font-family:'PT Sans', sans-serif; border-bottom:1px dotted #d5d5d5; font-weight:700;}
img.alignleft {margin:6px 8px 2px 0px; padding:5px; border:1px solid #ccc; float:left; display:inline; opacity:1;}

.box.small {width:285px; float:left; display:inline;}

.box.small a {padding-left:5px; padding-right:5px; line-height:18px; text-decoration:none; color:#777;}
.box.small a:hover {text-decoration:none; color:#000;}


.read-more {padding:6px 12px; text-shadow:1px 1px 1px #455d8a; color:#fff; background:#04346C; border-radius:5px;
background-image   :-moz-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* Firefox+ */
background-image   :-webkit-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* Chrome+, Safari+ */
background-image   :-o-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* Opera+ */
background-image   :-ms-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* IE10 */
filter             :progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE+ */}
.read-more:hover {text-shadow:1px 1px 1px #999; color:#fff; background:#ccc; border-radius:5px;
background-image   :-moz-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* Firefox+ */
background-image   :-webkit-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* Chrome+, Safari+ */
background-image   :-o-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* Opera+ */
background-image   :-ms-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1)); /* IE10 */
filter             :progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE+ */
}



section.content-right {width:320px; float:right; background:url(../images/side_bar_shadow_repeat.jpg) repeat-y scroll left center;}
.sidebar-shadow-bottom {padding-bottom:5px; 
background:url(../images/sidebar_shadow_bottom.jpg) no-repeat scroll left bottom;}
.sidebar-shadow-top {padding-left:15px; background:url(../images/sidebar_shadow_top.jpg) no-repeat scroll left top;}
.sidebar-shadow-top .box {display:block;}
.sidebar-shadow-top .box.small {margin-bottom:20px; padding-bottom:0; float:none; clear:both;}
#sub-menu, #sub-menu li {margin:0; padding:0; list-style-type:none;}
#sub-menu li {padding:5px 0px 4px; border-bottom:1px dotted #d5d5d5;}
#sub-menu li a {padding-left:15px; line-height:18px; text-decoration:none; color:#666; 
background:url(../images/side_arrow_off.jpg) no-repeat 0px 2px;}
#sub-menu li a:hover {padding-left:15px; line-height:18px; text-decoration:none; color:#04346C; 
background:url(../images/side_arrow_on.jpg) no-repeat 0px 2px;}

/*---------------------------------------------------------------*/
/*-------------------- NEWSTICKER DEMO STYLES -------------------*/
/*---------------------------------------------------------------*/	
#newsticker-demo {width:285px; margin:0px 0px 35px 0px; padding:0px; float:left; font-size:12px; background:url('../images/assets/seperator.png') no-repeat right center;}

#newsticker-demo a {padding:0px; font-size:12px; text-decoration:none; font-weight:600; color:#333;}
#newsticker-demo a:hover {color:#04346C; text-decoration:underline;}
#newsticker-demo img {width:65px; height:50px; margin:0; border:1px solid #e6e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}   

.newsticker-jcarousellite {width:285px; position:absolute; top:0px; left:0px;}
.newsticker-jcarousellite ul li {height:56px; list-style:none; display:block; padding-bottom:10px; margin-bottom:10px; background:url('../images/assets/line_hor1.gif') repeat-x center bottom;}
.newsticker-jcarousellite .thumbnail {width:65px; margin-right:10px; float:left; padding:0px 7px 0px 0px; border-radius:4px;}
.newsticker-jcarousellite .thumbnail img {
	width:65px; 
	height:50px; 
	margin:0px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
} 
.newsticker-jcarousellite .info {width:203px; margin-top:0px; float:left;}
.newsticker-jcarousellite .info span.cat {margin-top:5px; line-height:17px; display:block; font-size:11px; color:#4B5154; font-family:'Open Sans', sans-serif;}


/*---------------------------------------------------------------*/
/* SLIDER STYLES
/*---------------------------------------------------------------*/

#slider_con {width:960px; height:350px; margin:0 auto; padding:0; display:block; position:relative; clear:both;}
#slider_area {width:940px; height:350px; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.slide {width:940px; height:326px; top:0; left:0; margin-top:13px; display:block; position:absolute; z-index:4; opacity:1;}



.slider-right-side {
background:url(../images/slider_right_color.jpg) no-repeat scroll center top #04346C;
border-left: 10px solid white;
height: 260px;
width: 290px;
padding: 80px 10px 10px;
position: absolute;
left: 610px;
z-index: 6;
right: 0px;
top: 0px;
margin: 0px 10px;
font-size: 12px;
overflow: hidden;
}
.slider-right-side p {margin-left:10px; color:#FFF; text-align:center; font-size:13px;}


#numbers {
    z-index: 999;
    padding: 0px;
    position: absolute;
    bottom: 50px;
    left: 13px;
    width: 14px;
}

#numbers a {
    display: block;
	background:url(../images/slider_points.png) no-repeat scroll right top transparent;
}

#numbers a.activeSlide {
    background:url(../images/slider_points.png) no-repeat scroll left top transparent;
}
#numbers img {
    padding: 2px 0px;
}


.slider_curv {background:url(../images/slider_curv.png) no-repeat scroll center center transparent;}

.slider_curv {
    height: 56px;
    position: absolute;
    top: 300px;
    z-index: 940;
    width: 960px;
    clear: both;
}
			
/*---------------------------------------------------------------*/
/* FOOTER
/*---------------------------------------------------------------*/
	
section#main-footer {position:relative; min-height:120px; clear:both; color:#9d9d9d; background:repeat-x;}
footer {margin:0 auto; min-height:120px; text-align:left; clear:both; background:url(../images/footer.jpg) no-repeat scroll center top;}
.footer-inner {width:940px; margin:0 auto;}
.copyright {width:750px; float:left;}
.copyright p {margin-top:55px; font-size:13px; line-height:14px; color:#9d9d9d;}

.web-design {width:70px; height:27px; margin-top:45px; float:right; color:#fff; background-image:url(../images/utz-bilisim.png);}
.web-design p {}
.footer-hide-text {font:11px Verdana, Geneva, sans-serif; color:#9d9d9d; display:none; clear:both;}
			
/*---------------------------------------------------------------*/
/* SUBPAGES STYLES
/*---------------------------------------------------------------*/

.subpage-header h2 {margin:70px 0 10px 0; font-family:'PT Sans', Arial; font-size:35px; font-weight:700; color:#fff;}

#main-breadcrumb {width:940px; margin:0px 10px 20px 10px; padding-bottom:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#main-breadcrumb .breadcrumb {padding:7px 0 7px 0; color:#666;}
#main-breadcrumb .breadcrumb span {color:#999; margin-right:5px;}
#main-breadcrumb .arrow {width:9px; height:9px; padding-left:7px; padding-right:7px; padding-bottom:0px; padding-top:1px;}


#left-side {width:195px; margin:30px 20px 30px 0; padding:10px 10px 0px 15px; float:left; border-radius:10px; background-color:#f6f6f6;}
#left-side li {width:150px; margin:5px 5px 0 5px; padding:8px 10px 8px 20px; font-family:Arial; font-size:12px; 
border-bottom:1px solid #eceaea; background:url(images/icons/arrow-li.png) no-repeat left center;}
#left-side li a {padding:0; font:bold 13px; color:#0e4578;}
#left-side li a:hover {color:#01b0f3; text-decoration:none;}
#left-side ul li a.active {color:#0099cc; text-decoration:none;}
#left-side li.last {border-bottom:none;}

#right-side {width:695px; margin:30px 0 20px 0; float:right;}
#right-side ul, ol {line-height:22px; list-style:square;}

#right-side table {width:230px; float:left;}
#right-side table ul {list-style:none; margin:0px; padding:0 0 10px 0; list-style:none; float:left;}
#right-side table ul li {margin:5px 5px 0 0; padding:2px 10px 2px 15px; background:url(images/icons/arrow.gif) no-repeat left center;}
#right-side table ul li a {color:#666;}
#right-side table ul li a:hover {color:#01b0f3;}

#right-side-images {margin:10px 0 17px 0; float:left;}
#right-side-images img {padding:5px; border:1px solid #ccc; background:#fff;}

.block {width:212px; margin:10px 29px 15px 0; float:left;}
.block img, .block-last img {padding:5px; border:1px solid #ccc; background:#fff;}
.block h4, .block-last h4 {margin-top:10px; font-size:16px; text-align:center;}

.block-last {margin:10px 0 0 0; float:right;}
	
	
ul.reference {margin:0px; padding:0px;}
ul.reference li {margin:0px 11px 10px 0px; padding:10px; float:left; display:inline; list-style:none; border:2px solid #04346C; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}	
ul.reference li.last {margin:0px;}	
/*---------------------------------------------------------------*/
/* OTHER STYLES
/*---------------------------------------------------------------*/

.clr {content: "."; height:0px; display:block; clear:both; visibility:hidden;}
.padding-line {padding-top: 0px; font-size:0px; line-height:0;}
.line {border-top:1px solid #e2e2e2; border-bottom:1px solid #fbfbfb; margin-bottom:8px;}


.space {width:100%; padding:5px 0px; clear:both; display:block;}
.links {margin:0px; padding:0 0 15px 0; list-style:none; float:left;}
.border {width:610px; padding:15px 0px; border-top:1px dotted #d5d5d5;}

.img-style {margin:0px 0px 15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:0px 1px 2px rgba(50, 50, 50, 0.3); -moz-box-shadow:0px 1px 2px rgba(50, 50, 50, 0.3); box-shadow:0px 1px 2px rgba(50, 50, 50, 0.3);}

.shadow-box {
background-color: rgb(255, 255, 255);
border-radius: 5px 5px 5px 5px;
box-shadow: 0px 1px 2px rgb(204, 204, 204);
-moz-box-shadow: 0px 1px 2px rgb(204, 204, 204);
-webkit-box-shadow: 0px 1px 2px rgb(204, 204, 204);
position: relative;
display: block;
}
.map {
  margin: 5px 0px 10px;
  float: left;
  border: 1px solid #CCC;
}
/*---------------------------------------------------------------*/
/*-------------------- LIGHTBOX GALLERY STYLES ------------------*/
/*---------------------------------------------------------------*/		
.image-row {
	width:610px; 
	margin:0px;
	padding:0px;
}

.example-image-link {
	width:135px; 
	height:101px;
	margin:10px 20px 10px 0px !important;
	display:inline-block;
	line-height:0px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	box-shadow:0px 0px 3px rgb(102, 102, 102);
	-moz-box-shadow:0px 0px 3px rgb(102, 102, 102);
	-webkit-box-shadow:0px 0px 3px rgb(102, 102, 102);
	-o-box-shadow:0px 0px 3px rgb(102, 102, 102);
	-ms-box-shadow:0px 0px 3px rgb(102, 102, 102);
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	overflow:hidden;
}

.example-image-link:hover {
	box-shadow:0px 0px 6px rgb(102, 102, 102);
	-moz-box-shadow:0px 0px 6px rgb(102, 102, 102);
	-webkit-box-shadow:0px 0px 6px rgb(102, 102, 102);
	-o-box-shadow:0px 0px 6px rgb(102, 102, 102);
	-ms-box-shadow:0px 0px 6px rgb(102, 102, 102);
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
}

.example-image-link.last {
	margin:10px 0px 10px 0px !important;
	float:right !important;
}

.example-image-link a {
	margin-bottom:10px;
}

/*---------------------------------------------------------------*/
/* SOCIAL BUTTONS STYLES
/*---------------------------------------------------------------*/
a.nt-icon {
	width:24px; 
	height:24px; 
	margin:0px; 
	display:inline-block; 
	text-align:left; 
	text-indent:-9999px; 
	background-position:0px 0px;
}

a.nt-icon:hover {
	background-position:0 -24px; 
	transition:all 0.1s ease-out;
	-moz-transition:all 0.1s ease-out;
	-webkit-transition:all 0.1s ease-out; 
	-ms-transition:all 0.1s ease-out; 
}

a.nt-icon-color {
	width:24px; 
	height:24px; 
	margin:0px; 
	display:inline-block; 
	text-align:left; 
	text-indent:-9999px; 
	background-position:0 -24px;
}

a.nt-icon-color:hover {opacity:0.8;}

a.facebook {background-image:url('../images/icons/facebook.png');}
a.twitter {background-image:url('../images/icons/twitter.png');}
a.rss {background-image:url('../images/icons/rss.png');}