body, a, img {margin: 0; padding: 0; border: 0;}

.footer {margin: 20px 0 0 20px; padding-top: 2px; width: 440px; height: 20px; color: #5a5a5a; font: 10px Tahoma; border-top: 1px solid #c1c1c1;}
.footer a {font-weight: bold; color: #5a5a5a; text-decoration: none;}
.footer a:hover, #footer a:active, #footer a:focus {text-decoration: underline;}

/*Top Menu Wrapper*/
.menubardiv {width: 100%; height: 24px; background-color: #5a5a5a;}
.menuwrapper {width: 960px; height: 24px;}
.topmenuwrapper {float: left; width: 790px; height: 24px; background-color: #818181;}
.topleftmenu {float: left; width: 700px; height: 24px;}
.toprightmenu {float: left; width: 90px; height: 24px;}
.searchdiv {float: left; width: 170px; height: 24px; background-color: #5a5a5a;}

/*Top Menu*/
.topmenu {height: 24px; list-style:none; margin:4px 0 0 20px; padding: 0;}
.topmenu li {float:left; padding: 0 20px 0 10px; font: 12px Tahoma; background: transparent url(../images/icons/okMainMenu.gif) no-repeat 0 5px;}
.topmenu li a {text-decoration: none; color: white;}
.topmenu li a:hover, .topmenu li a:active, .topmenu li a:focus {text-decoration: underline;}

/*Big Banner*/
.bigbannerdiv {width: 100%; height: 350px; background-color: #ededed;}
.bigbanner {width: 960px; height: 350px; background-color: #f2f2f2;}
.bigbannerlogo {width: 170px; height: 350px; position: absolute; z-index: 999;}

/*Small Banner*/
.smallbannerdiv {width: 100%; height: 200px; background-color: #ededed;}
.smallbanner {width: 960px; height: 200px; background-color: #f2f2f2;}
.smallbannerlogo {width: 170px; height: 200px; position: absolute; z-index: 999;}

/*ContentWrapper*/
.contentwrapper {width: 960px;}
.contentdiv {width: 750px; margin: 0 20px 0 20px;} /*Content Area 750px*/
.contentleftdiv {float: left; width: 790px; padding: 0;}
.gribeyaz {height: 40px; width: 790px; background: transparent url(../images/backgrounds/contentMenuBg.jpg); background-repeat: repeat-x;}
.contentrightdiv {float: left; width: 169px; border-left: 1px solid #c1c1c1;}

/*Menu Selected*/
#mainpage #mainpageli a,
#aboutus #aboutusli a,
#product #productli a,
#project #projectli a,
#contact #contactli a
{text-decoration: underline;}


/*About Us*/
/*Tab*/
.navdiv {width: 405px; border-bottom: 1px solid #e1e1e1; height: 25px;}
.tabNavigation {list-style: none; padding: 0; margin: 0;}
.tabNavigation li {float: left; text-align: center; background-image: url('../images/backgrounds/tabsBack.gif'); width: 135px; height: 25px;}
.tabNavigation li a {width: 135px; display: block; text-decoration: none; font: bold 12px Tahoma; color: #3a768c; line-height: 25px;}
.tabNavigation li a.selected, .tabNavigation li a:hover,.tabNavigation li a:active, .tabNavigation li a:focus  {color: #333; outline: none;}
.tab {width: 750px; padding-top: 5px; font-family: Tahoma; line-height: 20px; min-height: 445px;}
.tab p, .tab a, .tab li {font-size: 11px; line-height: 20px;}

/*Tab Product*/
.tabcontainer {width: 402px; margin: 20px 87px 0 87px;}
.tabsproduct {width: 402px;}
.tabNavigationProduct {list-style: none; padding: 0; margin: 0;}
.tabNavigationProduct li {float: left; text-align: center; background-image: url('../images/backgrounds/tabsBack.gif'); width: 135px; height: 25px;}
.tabNavigationProduct li a {width: 135px; display: block; text-decoration: none; font: bold 12px Tahoma; color: #3a768c; line-height: 25px;}
.tabNavigationProduct li a.selected, .tabNavigationProduct li a:hover,.tabNavigationProduct li a:active, .tabNavigationProduct li a:focus  {color: #333; outline: none;}
.tabproduct {margin: 0; width: 402px; font-family: Tahoma; line-height: 20px; min-height: 150px;}
.tabproduct p, .tabproduct a, .tabproduct li { font-size: 11px; line-height: 20px;}

#atechnical {text-decoration: none; font: 11px Tahoma;color: #333;}
a#atechnical:hover, #atechnical a:active, #atechnical a:focus {text-decoration: underline; color: #3a768c;}

/*Projects*/
.projetopheader {width: 750px; height: 20px;}
.productcategories {float: left; width: 194px; height: 20px;}
.productcategories h2{margin: 0; padding: 0; font: bold 12px Tahoma; color: #3a768c;}
.productnameheader {float: left; width: 566px; height: 20px; padding-left: 10px;}
.productnameheader h2{margin: 0; padding: 0; font: bold 12px Tahoma; color: #3a768c;}

.projediv {width: 750px; height: 94px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; padding-top: 10px;} /*750 115*/
.projepicdiv {float: left; width: 150px; height: 90px; border: 1px solid gray;}
.projepicdiv a {margin: 0; padding: 0; display: block; }
.projepicdiv a img {border: 0;}
.projecontentwrapper {float: left; width: 576px; height: 94px; margin-left: 20px;}
.projedate {height: 15px; width: 576px;}
.projedate p{font: bold 11px Tahoma; margin: 0; padding: 0; color: #3a768c}
.projeheader{height: 15px; width: 576px;}
.projeheader p{font: bold 11px Tahoma; margin: 0; padding: 0; color: #3a768c;}
.projecontent{height: 49px; width: 576px;}
.projecontent p{font: 11px Tahoma; margin: 0; padding: 0; color: #000;}
.continue{ text-align: right; height: 15px; width: 576px;}
.continue a {font: 11px Tahoma; margin: 0; padding: 0; color: #3a768c; text-decoration: none;}
.continue a:hover, .continue a:active, .continue a:focus {text-decoration: underline;}

/*Project Detail*/
.projedetailwrapper {float: left; width: 348px; min-height:302px;}
.projedetaildate {width: 338px; height: 20px; padding-left: 10px;}
.projedetaildate p {font: bold 11px Tahoma; margin: 0; padding: 0; color: #3a768c}
.projedetailheader {width: 338px; height: 20px; padding-left: 10px;}
.projedetailheader p {font: bold 11px Tahoma; margin: 0; padding: 0; color: #3a768c}
.projedetailcontent {width: 338px; min-height: 262px; padding-left: 10px;}
.projedetailcontent p{font: 11px Tahoma; margin: 0; padding: 0; color: #000; line-height: 20px;}

/*Product*/
.productcontentdiv {width: 770px; margin: 0 0 0 20px;} /*Content Area 750px*/
.producttopheader {width: 770px; height: 20px;}
.producttopheader h2{margin: 0; padding: 0; font: bold 12px Tahoma; color: #3a768c;}
.leftmenuwrapper {float: left; width: 193px; min-height: 350px; border-right: 1px solid #c1c1c1;}
.productcontentwrapper {float: left; width: 576px; min-height: 350px;}
.productpicmenu {float: left; width: 176px; height: 167px; margin:0 0 20px 12px;}
.productpicmenupic {width: 170px; height: 126px; border: 3px solid #c1c1c1;}
.productpicmenupic a{width: 170px; height: 126px; margin: 0; padding: 0;}
.productpicmenupic a img {margin: 0; padding: 0; display: block; border: 0;}
.productpicmenuheader {width: 176px; height: 30px; margin: 5px 0 0 0; text-align:center; }
.productpicmenuheader a {text-decoration:none; font:bold 12px Tahoma; color: #01020A;}
.productpicmenuheader a:hover, .productpicmenuheader a:active, .productpicmenuheader a:focus { color: #3a768c;}

/*Product*/
.productbrand {height: 15px; width: 424px;}
.productbrand p{font: bold 11px Tahoma; margin: 0; padding: 0; color: #3a768c}
.productheader{height: 15px; width: 424px;}
.productheader p{font: bold 11px Tahoma; margin: 0; padding: 0; color: #3a768c;}
.productcontent{height: 47px; width: 424px;}
.productcontent p{font: 11px Tahoma; margin: 0; padding: 0; color: #000;}
.continueproduct{ text-align: right; height: 15px; width: 424px;}
.continueproduct a {font: 11px Tahoma; margin: 0; padding: 0; color: #3a768c; text-decoration: none;}
.continueproduct a:hover, .continue a:active, .continue a:focus {text-decoration: underline;}
.productbranddiv {height: 92px; width: 556px; padding: 10px; border-bottom: 1px solid #f2f2f2;}
.brandpic {float: left; width: 120px; height: 90px; border: 1px solid gray;}
.brandcontentwrapper {float: left; width: 424px; height: 92px; margin: 0 0 0 10px;}

/*Search*/
#srcBox {height: 12px; width:135px; margin-top:3px; font-size: 10px;}


/*Product Menu*/
.leftmenu {list-style-type:none;  width: 193px; margin: 8px 0 0 0; padding: 0;}
.leftmenu li { margin: 0 0 10px 0;}
.leftmenu li ul li{ margin: 0 0 4px 0;}
.leftmenu li ul {list-style-type:none; margin: 5px 0 0 0; padding: 0;}
.leftmenu li a {text-decoration: none; color: #01020a; font: bold 11px Tahoma; display: block; line-height: 15px;}
.leftmenu li ul li a {text-decoration: none; color: #000; padding-left: 20px; font: 11px Tahoma; display: block; line-height: 15px;}


/*News*/
.mainnews ul{width: 169px; padding: 0; margin: 0;}
.mainnews ul li{list-style: disc; margin: 0 0 5px 25px;}
.mainnews ul li a{text-decoration: none; color: #494949; font: bold 11px Tahoma; display: block; line-height: 15px;}
.mainnews ul li a:hover, .mainnews ul li a:active, .mainnews ul li a:focus { color: #3a768c;}
.mainnewsheader h2, .newsheader h2, .newsdate h2 {margin: 0; padding: 0; font: bold 12px Tahoma; color: #3a768c;}
.newscontent p {font: 11px Tahoma; margin: 0; padding: 0; color: #000;  line-height: 20px;}
.news {width: 750px; height: 20px;}
.newsheader {float: left; width: 650px; height: 20px;}
.newsdate {float: left; width: 100px; height: 20px;}
.newscontent {width: 750px; padding-top: 5px;}


/*Contact*/
.contactcontentwrapper {float: left; width: 790px; height: 470px;}
.contactaddressdiv {float: left; width: 170px; height: 430px;}
.contactankara {width: 155px; height: 210px; padding: 5px 0 0 15px;}
.contactankara h1 {font: bold 12px Tahoma; margin: 0;}
.contactankara p {font: 11px Tahoma; line-height: 20px; margin: 0;}
.contactistanbul {width: 155px; height: 210px; padding: 5px 0 0 15px;}
.contactistanbul h1 {font: bold 12px Tahoma; margin: 0;}
.contactistanbul p {font: 11px Tahoma; line-height: 20px; margin: 0;}
.googlemapdiv {float:  left; width: 574px; height: 424px; background-color: green; margin: 0 20px; border: 3px solid gray;}

/*Search Result*/
.searchresultheader {}
.searchresultheader h2 {margin: 0; padding: 0; font: bold 12px Tahoma; color: #000;}
.searchresultcontent p{font: 11px Tahoma; line-height: 20px; margin: 0; color: #000;}
/*DMO Logo*/
.dmologo {width: 169px; height: 80px; background-color: #fff;}
.dmologo a img {border: 0;}

/*MainPage*/
.mainpagediv {width: 750px; height: 280px;}
.mainpageleftdiv {float: left; width:325px; height: 280px; background-image: url('../images/backgrounds/mainpagemap.jpg');}
.czmortg {width: 305px; height: 30px; padding: 25px 0 0 20px;}
.czmortg h3 {margin: 0; padding: 0; color: #3a7798; font: bold 16px Tahoma;}
.anahtarthc {width: 305px; height: 30px; margin: 175px 0 0 20px;}
.anahtarthc h3 {margin: 0; padding: 0; color: #3a7798; font: bold 15px Tahoma;}
.mainpagerightdiv {float: left; width: 380px; height: 280px; margin: 0 0 0 45px;}
.lastprojectwrp {width: 342px; height: 96px; padding:  15px 19px 19px 19px; background-image: url('../images/backgrounds/lastthingback.jpg');}
.lastheader {width: 360px; height: 20px; padding: 10px 0 0 20px;}
.lastheader h3 {margin: 0; padding: 0; color: #3a7798; font: bold 15px Tahoma;}
.pcontentwrp {width: 350px; height: 20px; padding: 5px 10px 0 20px;}
.lastpic {float: left; width: 120px; height: 90px;  border: solid 1px white;}
.lastcontentwrp {float: left; width: 243px; height: 72px;}
.lastcontent {width: 223px; height: 57px; padding: 0 10px;}
.lastcontent p{color: #fff; margin: 0; padding: 0; font: 11px Tahoma;}
.lastcontentcont {width: 243px; height: 15px; text-align: right;}
.lastcontentcont a {color: #3a7798; margin: 0; padding: 0; font: 11px Tahoma;}
.lastcontentcont a:hover, .lastcontentcont a:active, .lastcontentcont a:focus { color: #fff;}
.lastproductwrp {width: 380px; height: 130px; background-image: url('../images/backgrounds/lastthingback.jpg');}

.lastprojecthead h3 {color: #3a7798; font: bold 16px Tahoma;}
.lastprojecthead a {text-decoration: none; color: #3a7798;}
.lastprojecthead a:hover, .lastprojecthead a:active, .lastprojecthead a:focus {color: white;}

/*Pagination*/
#pagination {float: right;}
#pagination a , #pagination strong {background: none; padding: 4px 1px; text-decoration: none; color: #808080; font: 12px Tahoma;}
#pagination strong , #pagination a:hover {font-weight: bold; color: black;}