/*** reset.css ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	-moz-outline:none;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	width:100%;
	height:100%;
	background:url(../images/background.jpg) no-repeat center top;
	background-color:#eeeeee;
	color:#5d5d5d;
	font-family:Tahoma, Arial;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
}
a {
	color:#b82727;
	text-decoration:none;
}
a:hover{
	color:#242424;
	text-decoration:none;
}
input[type=button], input[type=reset] {
	cursor:pointer;
}
::-moz-focus-inner {
 border :0px;
 outline:0;
 -moz-outline:none;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*** style.css ***/

@charset "utf-8";
.container {
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto
}
.headContainer {
	width:1000px;
	height:658px;
	position:relative;
}
.headContainer .menu {
	width:994px;
	height:253px;
	background:url(../images/menu_background.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
.headContainer .menu .logo {
	width:201px;
	height:79px;
	margin:30px 0 0 29px;
	float:left;
}
.headContainer .menu .social {
	display:inline;
	height:20px;
	margin-right:15px;
	float:right;
	margin-top: 0px;
}
.headContainer .menu .social ul li {
	display:block;
	color:#707070;
	font-size:11px;
	margin-right:5px;
	float:left;
}
.headContainer .menu .social ul li a {
	display:block;
	color:#707070;
	font-size:14px;
	margin-top:3px;
}
.headContainer .menu .social ul li, .headContainer .menu .social ul li a.active, .headContainer .menu .social ul li a:hover {
	color:#fff;
	text-decoration:none;
}
.headContainer .menu .social ul li a.feed {
	display:block;
	width:26px;
	height:20px;
	background:url(../images/feed.png) no-repeat;
	text-indent:-5000px;
	margin:0;
}
.headContainer .menu .social ul li a.facebook {
	display:block;
	width:26px;
	height:20px;
	background:url(../images/facebook.png) no-repeat;
	text-indent:-5000px;
	margin:0;
}
.headContainer .menu .social ul li a.twitter {
	display:block;
	width:26px;
	height:20px;
	background:url(../images/twitter.png) no-repeat;
	text-indent:-5000px;
	margin:0;
}
.headContainer .menu .social ul li a.feed:hover, .headContainer .menu .social ul li a.facebook:hover, .headContainer .menu .social ul li a.twitter:hover {
	background-position:0 -20px;
}
.headContainer .menu .links {
	display:inline;
	height:133px;
	position:absolute;
	top:0;
	left:330px;
	z-index:-2;
	float:right;
}
.headContainer .menu .links ul li {
	display:inline-block;
	height:133px;
	float:left;
}
.headContainer .menu .links ul li a {
	text-indent:-5000px;
}
.headContainer .menu .links ul li a.anasayfa {
	display:block;
	width:86px;
	height:133px;
	background:url(../images/anasayfa.png) no-repeat;
}
.headContainer .menu .links ul li a.anasayfa:hover {
	background-position:1px -133px;
}
.headContainer .menu .links ul li a.anasayfaActive {
	display:block;
	width:86px;
	height:133px;
	background:url(../images/anasayfa.png) no-repeat 0 -133px;
}
.headContainer .menu .links ul li a.kurumsal {
	display:block;
	width:88px;
	height:133px;
	background:url(../images/kurumsal.png) no-repeat;
}
.headContainer .menu .links ul li a.kurumsal:hover{
	background-position:1px -133px;
}
.headContainer .menu .links ul li a.kurumsalActive {
	display:block;
	width:88px;
	height:133px;
	background:url(../images/kurumsal.png) no-repeat 1px -133px;
}
.headContainer .menu .links ul li a.ekibimiz {
	display:block;
	width:81px;
	height:133px;
	background:url(../images/ekibimiz.png) no-repeat;
}
.headContainer .menu .links ul li a.ekibimiz:hover {
	background-position:0 -133px;
}
.headContainer .menu .links ul li a.ekibimizActive {
	display:block;
	width:81px;
	height:133px;
	background:url(../images/ekibimiz.png) no-repeat 0 -133px;
}
.headContainer .menu .links ul li a.hizmetler {
	display:block;
	width:89px;
	height:133px;
	background:url(../images/hizmetler.png) no-repeat;
}
.headContainer .menu .links ul li a.hizmetler:hover {
	background-position:0 -133px;
}
.headContainer .menu .links ul li a.hizmetlerActive {
	display:block;
	width:89px;
	height:133px;
	background:url(../images/hizmetler.png) no-repeat 0 -133px;
}
.headContainer .menu .links ul li a.referanslar {
	display:block;
	width:100px;
	height:133px;
	background:url(../images/referanslar.png) no-repeat;
}
.headContainer .menu .links ul li a.referanslar:hover {
	background-position:1px -133px;
}
.headContainer .menu .links ul li a.referanslarActive {
	display:block;
	width:100px;
	height:133px;
	background:url(../images/referanslar.png) no-repeat 1px -133px;
}
.headContainer .menu .links ul li a.interaktif {
	display:block;
	width:87px;
	height:133px;
	background:url(../images/interaktif.png) no-repeat;
}
.headContainer .menu .links ul li a.interaktif:hover {
	background-position:0 -133px;
}
.headContainer .menu .links ul li a.interaktifActive {
	display:block;
	width:87px;
	height:133px;
	background:url(../images/interaktif.png) no-repeat 1px -133px;
}
.headContainer .menu .links ul li a.blog {
	display:block;
	width:59px;
	height:132px;
	background:url(../images/blog.png) no-repeat;
}
.headContainer .menu .links ul li a.blog:hover {
	background-position:0 -133px;
}
.headContainer .menu .links ul li a.blogActive {
	display:block;
	width:59px;
	height:132px;
	background:url(../images/blog.png) no-repeat 1px -133px;
}
.headContainer .menu .links ul li a.iletisim {
	display:block;
	width:52px;
	height:121px;
	background:url(../images/iletisim.png) no-repeat;
}
.headContainer .menu .links ul li a.iletisim:hover {
	background-position:0 -121px;
}
.headContainer .menu .links ul li a.iletisimActive {
	display:block;
	width:52px;
	height:121px;
	background:url(../images/iletisim.png) no-repeat 1px -133px;
}
.headContainer .menu .banner {
	width:1000px;
	height:538px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.headContainer .banner #slider {
	width:1000px;
	height:538px;
	background:url(../images/slider_background.gif) no-repeat;
	position:absolute;
	overflow:hidden;
	z-index:1;
}
.headContainer .banner .sliderButton {
	width:85px;
	height:89px;
	background:url(../images/slider_button_background.png) no-repeat;
	position:absolute;
	top:372px;
	left:19px;
	z-index:3;
}
.headContainer .banner .sliderButton ul li.next {
	display:block;
	background:url(../images/next.png) no-repeat;
	position:absolute;
	top:32px;
	left:42px;
}
.headContainer .banner .sliderButton ul li.prev {
	display:block;
	background:url(../images/prev.png) no-repeat;
	position:absolute;
	top:47px;
	left:18px;
}
.headContainer .haberler {
	width:540px;
	height:140px;
	background:url(../images/haber_slide_background.png) no-repeat;
	position:absolute;
	top:400px;
	left:179px;
	z-index:4;
}
.headContainer .haberler p.marmaraweb_regular {
	font-size:25px;
	color:#4d6072;
	margin:26px 0 0 170px;
}
.headContainer .haberler .haber {
	clear:both;
	width:376px;
	height:40px;
	margin-left:60px;
}
.headContainer .haberler .haber ul li {
	background:url(../images/arrow.png) no-repeat 0 3px;
	color:#4d6072;
	padding-left:15px;
}
.headContainer .haberler .haber ul li a.marmaraweb_regular {
	color:#2e3b3b;
	float:right;
}
.headContainer .haberler .numarator {
	clear:both;
	width:39px;
	height:22px;
	margin-right:50px;
	float:right;
}
.headContainer .haberler .numarator ul li {
	width:11px;
	height:11px;
	margin-left:2px;
	float:left;
}
.headContainer .haberler .numarator ul li a {
	width:11px;
	height:11px;
	float:left;
}
.headContainer .haberler .numarator ul li a.first {
	display:block;
	background:url(../images/first.png) no-repeat;
}
.headContainer .haberler .numarator ul li a.second {
	display:block;
	background:url(../images/second.png) no-repeat;
}
.headContainer .haberler .numarator ul li a.thirt {
	display:block;
	background:url(../images/thirt.png) no-repeat;
}
.headContainer .buttons {
	width:1000px;
	height:229px;
	position:absolute;
	top:440px;
	left:0;
	z-index:0;
}
.headContainer .buttons ul li {
	display:block;
	width:236px;
	height:219px;
	background:url(../images/button_background.png) no-repeat;
	position:relative;
	float:left;
}
.headContainer .buttons ul li p.marmaraweb_regular a {
	color:#fff;
	font-size:25px;
}
.headContainer .buttons ul li a.marmaraweb_regular {
	color:#fff;
	font-size:16px;
}
.headContainer .buttons ul li.first {
	width:206px;
	height:129px;
	margin:-22px 0 0 106px;
	padding:100px 0 0 30px;
}
.headContainer .buttons ul li.first img {
	position:absolute;
	top:49px;
	left:20px;
}
.headContainer .buttons ul li.second {
	width:206px;
	height:119px;
	margin:0 0 0 10px;
	padding:110px 0 0 30px;
}
.headContainer .buttons ul li.second img {
	position:absolute;
	top:100px;
	left:160px;
}
.headContainer .buttons ul li.thirt {
	width:206px;
	height:139px;
	margin:-7px 0 0 23px;
	padding:90px 0 0 30px;
}
.headContainer .buttons ul li.thirt img.static {
	margin:10px 50px 0 0;
	float:right;
}
.headContainer .buttons ul li.thirt img.absolute {
	position:absolute;
	top:30px;
	left:140px;
}
.headSubContainer {
	height:253px !important;
	position:relative;
}
.headSubContainer .subBanner {
	width:994px;
	height:190px;
	background:url(../images/sub_banner_background.png) no-repeat right bottom;
	position:absolute;
	overflow:hidden;
	top:49px;
	left:0;
	z-index:-99999;
	padding-bottom:15px;
}
.headSubContainer .subBanner p.marmaraweb_regular {
	display:inline;
	color:#fff;
	font-size:25px;
	position:absolute;
	top:150px;
	left:10px;
}
.defContainer {
	clear:both;
	width:1000px;
	margin-top:40px;
}
.defContainer .calismalarimiz {
	clear:both;
	width:1000px;
}
.defContainer .calismalarimiz ul li.root {
	width:260px;
	margin-left:80px;
	position:relative;
	float:left;
}
.defContainer .calismalarimiz ul li.root:first-child {
	margin:0;
}
.defContainer .calismalarimiz ul li.root .mask {
	width:259px;
	height:111px;
	background:url(../images/calismalar_mask.png) no-repeat;
	position:absolute;
	top:60px;
	^top:69px;
	left:0;
	z-index:3;
}
.defContainer .calismalarimiz ul li.root a {
	color:#777;
}
.defContainer .calismalarimiz ul li.root p.marmaraweb_regular a {
	color:#4d6072;
	font-size:25px;
}
.defContainer .calismalarimiz ul li.root span.marmaraweb_regular {
	display:block;
	color:#4d6072;
	font-size:17px;
	margin:5px 0 13px;
}
.defContainer .calismalarimiz ul li.root a.button {
	float:right;
}
.defContainer .calismalarimiz ul li.root ol {
	margin-top:40px;
}
.defContainer .calismalarimiz ul li.root ol li {
	clear:both;
	margin-bottom:8px;
	float:none;
}
.defContainer .calismalarimiz ul li.root ol li a {
	background:url(../images/arrow.png) no-repeat 0 2px;
	padding-left:15px;
}
.defContainer .calismalarimiz ul li.root ol li a.active, .defContainer .calismalarimiz ul li.root ol li a:hover {
	background:url(../images/arrow_hover.png) no-repeat 0 2px;
	text-decoration:underline;
	margin-bottom:15px;
	padding-left:15px;
}
.subContainer, .subContainer .subContent {
	clear:both;
	width:994px;
	padding-bottom:30px;
}
.subContainer .subContent .content{
	width:686px;
	color:#545151;
	line-height:16px;
	text-align:justify;
	float:left;
}
.subContainer .subContent .content p.marmaraweb_regular {
	color:#4d6072;
	font-size:25px;
}
.subContainer .subContent .content span.marmaraweb_regular {
	display:inline-block;
	color:#d12a34;
	font-size:11px;
	float:left;
}
.subContainer .subContent .content ul.navigator {
	float:right;
}
.subContainer .subContent .content ul.navigator li{
	display:inline;
	color:#666666;
	margin-left:5px;
	float:left;
}
.subContainer .subContent .content ul.navigator li strong, .subContainer .subContent .content ul.navigator li a{
	color:#b7b7b7;
}
.subContainer .subContent .content ul.navigator li a:hover{
	color:#666666;
}
.subContainer .subContent .content ul.list li{
	clear:both;
	display:block;
	background:url(../images/arrow.png) no-repeat left 2px;
	margin-bottom:10px;
	padding-left:15px;
}
.subContainer .subContent .content ul.ekibimiz li{
	width:227px;
	height:340px;
	position:relative;	
	margin-bottom:20px;
	float:left;
}
.subContainer .subContent .content ul.ekibimiz li div.mask{
	width:240px;
	height:249px;
	background:url(../images/ekibimiz_mask.png) no-repeat left top;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
.subContainer .subContent .content ul.ekibimiz li div.personel{
	display:block;
	position:absolute;
	top:265px;
	left:0;
}
.subContainer .subContent .content ul.ekibimiz li div.personel .h1{
	font-size:25px;
}
.subContainer .subContent .content ul.ekibimiz li div.personel .h2{
	color:#242424;
	font-size:15px;
}
.subContainer .subContent .content ul.ekibimiz li div.personel .h3{
	font-size:13px;
}
.subContainer .subContent .content .referanslar{
	width:686px;
	position:relative;
	float:left;
}
.subContainer .subContent .content .referanslar .refImage{
	width:345px;
	height:255px;
	overflow:hidden;
	float:left;
}
.subContainer .subContent .content .referanslar .refImage ul li{
	width:345px;
	height:350px;
	float:left;
}
.subContainer .subContent .content .referanslar .refDetail{
	width:341px;
	height:255px;
	float:left;
}
.subContainer .subContent .content .referanslar .refDetail p.baslik{
	display:block;
	width:239px;
	height:39px;
	background:url(../images/referanslar_ref_background.png) no-repeat;
	color:#fff;
	font-size:17px;
	margin:0;
	padding:10px 0 5px 8px;
}
.subContainer .subContent .content .referanslar .refDetail p{
	margin-bottom:16px;
}
.subContainer .subContent .content .referanslar .refDetail .information{
	display:inline-block;
	margin-left:16px;
}
.subContainer .subContent .content .referanslar  .refDetail .information strong{
	color:#9e1818;
}
.subContainer .subContent .content .referanslar .refSlider{
	clear:both;
	width:345px;
	height:49px;
	background:url(../images/numarator_background.png) no-repeat;
	position:absolute;
	top:237px;
	left:0;
	z-index:9999;
}
.subContainer .subContent .content .referanslar .refSlider ul{
	margin:15px 10px 0 0;
	float:right;
}
.subContainer .subContent .content .referanslar .refSlider ul li{
	display:block;
	width:18px;
	height:17px;
	cursor:pointer;
	background:url(../images/numarator.png) no-repeat 0 -16px;
	text-indent:-5000px;
	margin-left:7px;
	float:left;
}
.subContainer .subContent .menu{
	width:290px;
	top:239px;
	left:0;
	z-index:999;
	float:right;
}
.subContainer .subContent .menu ul li{
	clear:both;
	display:block;
	width:276px;
	margin-bottom:10px;
}
.subContainer .subContent .menu ul li a{
	display:block;
	width:241px;
	height:42px;
	^height:45px;
	font-size:17px;
	color:#fefefe;
	overflow:hidden;
	background:url(../images/sub_menu_backgorund.png) no-repeat;
	margin-bottom:10px;
	padding:10px 0 0 35px;
	^padding:7px 0 0 35px;
}
.subContainer .subContent .menu ul li ol li{
	clear:both;
	display:block;
	width:276px;
	height:37px;
	background:url(../images/arrow.png) no-repeat 18px 12px;
	margin:0;
}
.subContainer .subContent .menu ul li ol li:hover{
	background:url(../images/sub_menu_backgorund.png) no-repeat right -52px;
}
.subContainer .subContent .menu ul li ol li a{
	clear:both;
	display:block;
	color:#242424;
	overflow:hidden;
	padding:11px 0 0 35px;
	^padding:8px 0 0 35px;
	background:none;
}
.subContainer .subContent .menu ul li ol li a:hover{
	display:block;
	overflow:hidden;
	color:#fff;
}
.footerContainer {
	clear:both;
	width:100%;
	
	background:url(../images/footer.png) no-repeat center top;
	background-color: #EEEEEE;
}
.footerContainer .columns {
	width:980px;
	margin:0 auto;
	padding:100px 0 0;
}
.footerContainer .columns .column {
	color:#2b2b2b;
	line-height:18px;
	padding-right:10px;
	float:left;
	width: 310px;
}
.footerContainer .columns .column p.marmaraweb_regular {
	color:#235f97;
	font-size:14px;
	margin-bottom:10px;
}
.footerContainer .columns .column span.marmaraweb_regular {
	display:block;
	color:#737373;
	margin-top:60px;
	float:left;
}
.footerContainer .columns .column strong.marmaraweb_regular {
	display:block;
	color:#353c43;
	font-size:12px;
	margin-top:30px;
}
.footerContainer .columns .column ul, .footerContainer .columns .column ol {
	float:left;
}
.footerContainer .columns .column ul li {
	display:inline-block;
	margin:57px 0 0 20px;
	float:left;
}
.footerContainer .columns .column ol li {
	display:inline-block;
	background:url(../images/check.png) no-repeat 0 2px;
	margin-left:30px;
	padding-left:20px;
	float:left;
}
.footerContainer .columns .column ol li:first-child {
	margin-left:12px;
}
.footerContainer .columns .fRight {
	margin-top:20px;
	float:right;
}
.footerContainer .columns .column ol li a {
	color:#2b2b2b;
}
.footerContainer .columns .column ol li a:hover {
	color:#737373;
}