* {padding:0; margin:0;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, body {width:100%; height:100%;}
body {font:18px/24px "Times New Roman", Times, serif; color:#737373;}

ul {list-style:none;}
a {text-decoration:none;}
img {border:none;}

p {margin:10px 0;}
h2 {font-size:24px; color:#5b7495; font-weight:normal;}

#wrapper {position:relative; width:100%; height:100%;}
.intro-top {position:absolute; background:url(../images/intro-logo.png) no-repeat; width:321px; height:170px; left:50%; top:20px; margin-left:-160px; z-index:9999;}
#header {position:fixed; top:0; left:0; width:100%; height:auto; background:#fff; z-index:99; -moz-box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#000000');}
#inner-header { max-width:960px; height: 100px; margin:0 auto;}
#inner-header h1, #main-nav, #odul_rozeti #leedhomes, #social, #catalog {position:absolute;}
#inner-header h1 {left:0; top:10px;}
#inner-header h1, #inner-header h1 a {display:block; width:171px; height:76px;}
#inner-header h1 a {background:url(../images/gulnar-goru-evleri.png) no-repeat;}
#inner-header h1 a span {display:none;}

#odul_rozeti {right:330px; top:15px; z-index:10;}
#odul_rozeti li {margin-left:150px;}
#odul_rozeti li, #odul_rozeti li a {display:block; float:left; height:90px;}
#odul_rozeti li a { background:url(../images/odul.png) no-repeat right center; padding-right:110px; color:#807e7e; font-size:12px; font-style:italic; text-align:right;}
#odul_rozeti li a:hover {color:#666;}

#leedhomes {right:330px; top:55px; z-index:11;}
#leedhomes li {margin-left:20px;}
#leedhomes li, #leedhomes li a {display:block; float:left; height:26px;}
#leedhomes li a { background:url(../images/leed-btn.png) no-repeat right center; padding-right:110px; color:#807e7e; font-size:12px; font-style:italic; text-align:right;}
#leedhomes li a:hover {color:#666;}

#catalog {right:80px; top:15px; z-index:12;}
#catalog li {margin-left:10px;}
#catalog li, #catalog li a {display:block; float:left; height:26px;}
#catalog li a { background:url(../images/catalog-btn.png) no-repeat right center; padding-right:38px; color:#807e7e; font-size:12px; font-style:italic; text-align:right;}
#catalog li a:hover {color:#666;}

#social {right:0; top:15px; z-index:13;}
#social li, #social li a {display:block; float:left; width:22px; height:22px;}
#social li {margin-left:3px;}
#social li.facebook a {background:url(../images/social.png) no-repeat;}
#social li.twitter a {background:url(../images/social.png) no-repeat right;}
#social li.instagram a {background:url(../images/instagram.png) no-repeat;}

#main-nav {right:0; bottom:5px;}
#menu li {position:relative; background:url(../images/menu-line.png) no-repeat left top; padding-left:30px; margin-left:30px;}
#menu li, #menu li a {display:block; float:left;}
#menu li a {font-size:18px; line-height:37px; height:37px; color:#b4b4b4;}
#menu li a:hover {color:#666;}
#menu li.tri:hover a, #menu li.tri a:hover {color:#666; background:url(../images/tri.png) no-repeat bottom center;}
#menu li.tri:hover ul li a, #menu li.tri a:hover ul li a {background:none;}
#menu_galeri {display:none;}
#formobilenav, #formobilenav_galeri {clear:both; width:100%; position:relative; height:auto; background:#e6e6e6; z-index:98;}
#formobilenav_galeri {width:300px; right:0; top:0; position:absolute;}
.mobmenu {position:relative; float:left; width:96%; height:auto; padding:0 2%;}
.mobmenu ul, .mobmenu div {position:relative;}
.slicknav_menu {display:none; position: relative; padding-bottom:10px;}
#formobilenav_galeri .slicknav_menu {display:block !important;}
.gallery-top {position:absolute; top:10px; left:10px; width:171px; height:76px;}
.gallery-top a {display:block; background:url(../images/gulnar-goru-evleri.png) no-repeat; width:171px; height:76px;}

#inner-content {position:relative; max-width:1225px; /*height:612px; top:50%; margin:-306px auto 0; left:50%; margin-left:-612px;*/ margin:100px auto 0; padding-bottom:50px; overflow:hidden; z-index:9;}
.main li {position:relative; display:block; float:left; width:305px; height:305px; overflow:hidden; margin-right:1px; margin-top:1px;}
.main li {opacity: 0;}
#wrapper .lmarg {padding-left:1px;}
#page {position:relative; width:100%; height:auto; top:100px; left:0; padding-bottom:100px;}
#breadcrumb {position:relative; width:100%; min-height: 50px; height: auto !important; height: 50px; background:#f5f5f5;}
.inner {position:relative; width:100%; max-width:960px; height:auto; padding:15px 0; margin:0 auto;}
.breadcrumb li, .breadcrumb li a {display:block; float:left; color:#adadad; font-style:italic;}
.breadcrumb li {background:url(../images/breadcrumb-arrow.png) no-repeat right center; padding-right:20px; margin-right:10px;}
.breadcrumb li a {color:#adadad; font-size:16px;}
.breadcrumb li.home {padding:3px 20px 3px 0;}
.breadcrumb li a:hover {color:#999;}
#inpage {position:relative; width:100%; max-width:960px; height:auto; margin:20px auto;}
.left-page {float:left; width:483px; height:auto;}
.right-page {float:right; width:443px; height:auto;}
.right-page h2, .right-page p {font-style:italic; margin:10px 0;}
.tablo {width:100%; border-top:1px solid #e0dfdf; border-left:1px solid #e0dfdf; border-right:1px solid #e0dfdf;}
.tablo td {border-bottom:1px solid #e0dfdf; font-size:18px; padding:5px 10px;}
.tablo td a {color:#5b7495; font-style:italic;}
.tablo td a:hover {color:#333;}
.scl1 {color:#5b7495;}
.scl2 {color:#575757;}
.square, .rectangle {height:auto;} .image { width:48%; border:1px solid #ebebeb; overflow:hidden;} .image img {width:100%;} .text {width:45%; padding:0 10px;} .rect {padding:0 10px;}
.square h2, .square p, .rect p {font-style:italic;}
.square span {color:#333;}

#in_pageleed {position:relative; width:100%; max-width:960px; height:auto; margin:20px auto;}
.left-page {float:left; width:400px; height:auto;}
.right-page {float:right; width:526px; height:auto;}
.right-page h2, .right-page p {font-style:italic; margin:10px 0;}
.tablo {width:100%; border-top:1px solid #e0dfdf; border-left:1px solid #e0dfdf; border-right:1px solid #e0dfdf;}
.tablo td {border-bottom:1px solid #e0dfdf; font-size:18px; padding:5px 10px;}
.tablo td a {color:#5b7495; font-style:italic;}
.tablo td a:hover {color:#333;}
.scl1 {color:#5b7495;}
.scl2 {color:#575757;}
.square, .rectangle {height:auto;} .image { width:48%; border:1px solid #ebebeb; overflow:hidden;} .image img {width:100%;} .text {width:45%; padding:0 10px;} .rect {padding:0 10px;}
.square h2, .square p, .rect p {font-style:italic;}
.square span {color:#333;}

#map {position:relative; padding-bottom: 65.25%; padding-top:30px; height:0; background:#CCC; margin:0 auto; overflow: hidden;}
#map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#footer {position:fixed; left:0; bottom:0; background:#FFF; width:100%; height:auto; z-index:100; -moz-box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#000000');}
#inner-footer { max-width:960px; min-height: 54px; height: auto !important; height: 54px; margin:3px auto 0 auto;}
#inner-footer .fl {width:70%;}
#inner-footer .fl span {display:block; padding-top:5px;}
#inner-footer .fr a {display:block; font-size:11px; color:#FFF; line-height:11px;}
#inner-footer .fr span {display:block;}
#inner-footer span, #inner-footer a {color:#939393; font:11px/18px Tahoma, Geneva, sans-serif;}
#inner-footer a.footer-wrapper {display:block; float:left; width:190px; height:31px; margin-right:18px; padding:10px 10px 10px 0; background:url(../images/footer-line.png) no-repeat right top;}

.line {clear:both; border-top:1px solid #ebebeb; position:relative; height:1px; width:100%; margin-top:19px; margin-bottom:20px; overflow:hidden; margin:19px auto 20px auto;}
.colored {color:#da3327 !important;}
.bg0 {background:#f0f0e3;}
.bg1 {background:#FFF;}
.bg2 {background:#f4f4f4;}
.home a {display:block; background:url(../images/home-icon.png) no-repeat; width:21px; height:18px;}
.centered {float: right; left: -50%; position: relative;}
.centered ul {left: 50%; position: relative;}
.scrollup{ width:40px; height:40px;  position:fixed; bottom:10px; right:10px; display:none; text-indent:-9999px; background: url('../images/icon_top.png') no-repeat; z-index:999;}

.clear {clear:both; height:0; overflow:hidden; margin:0; padding:0; line-height:0;}
.fl {float:left;}
.fr {float:right;}
.rel {position:relative;}
.abs {position:absolute;}
#wrapper .nobg {background:none;}
#wrapper .noborder {border:none;}
.talign {text-align:left !important;}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }