body { background: #fff url(images/bkg_page.jpg); background-repeat: repeat-x;  padding: 0px; margin: 0px; font-family: 'Verdana'; font-size : 12px; color : #333333;}

/* General Links */
a:link { text-decoration : none; color : #FF0000; border: 0px;} 
a:active { text-decoration : underline; color : #FF0000; border: 0px;} 
a:visited { text-decoration : none; color : #FF0000; border: 0px;} 
a:hover { text-decoration : underline; color : #000000; border: 0px;} 

input { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
select { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
textarea { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#3a5c73; padding: 6px;}
form { padding: 0px; margin: 0px; }

/* General Class */
form { padding: 0px; margin: 0px; }
img { border: none;}


#logo {position:absolute;top:18px; margin: 0 auto; text-align: left; left:37%; right:37%; clear: both; width:288px; height:85px; z-index:3}
#logo h1 { text-indent: -10000px; margin: 0; padding:0; float: left;margin-top: 0px;}
#logo h1 a {width: 288px; height: 90px; background: url(images/logo_telkatem.jpg) no-repeat; cursor: hand; float: left; }
#logo h1 a:hover { float: left; color: #fff; background: url(images/logo_telkatem.jpg) no-repeat bottom; cursor: hand; text-decoration: none;}


#logoEn {position:absolute;top:18px; margin: 0 auto; text-align: left; left:37%; right:37%; clear: both; width:288px; height:85px; z-index:3}
#logoEn h1 { text-indent: -10000px; margin: 0; padding:0; float: left;margin-top: 0px;}
#logoEn h1 a {width: 288px; height: 90px; background: url(images/logoen_telkatem.jpg) no-repeat; cursor: hand; float: left; }
#logoEn h1 a:hover { float: left; color: #fff; background: url(images/logoen_telkatem.jpg) no-repeat bottom; cursor: hand; text-decoration: none;}


#photoscroll { margin-right:0px;position:absolute; left:0px; top:9px; width:100%; height:90px; z-index:2 }

/* Menu  */
#topnav {position:absolute; z-index:1; top:108px; margin: 0 auto; text-align: left; left:31%;}
#topnav em { display: none}
#topnav ul { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none;}
#topnav li { float: left; padding: 0px; margin: 0px; display: inline}
#topnav li a { DISPLAY: block; HEIGHT: 46px }
#topnav li a.hakkimizda { background:  url(images/menu_01.jpg) no-repeat left top; WIDTH: 150px}
#topnav li a.hakkimizdaAktif { background:  url(images/menu_01.jpg) no-repeat left bottom; WIDTH: 150px}
#topnav li a.temsilcilik { background:  url(images/menu_02.jpg) no-repeat left top; WIDTH: 150px}
#topnav li a.temsilcilikAktif { background:  url(images/menu_02.jpg) no-repeat left bottom; WIDTH: 150px}
#topnav li a.iletisim { background:  url(images/menu_03.jpg) no-repeat left top; WIDTH: 150px}
#topnav li a.iletisimAktif { background:  url(images/menu_03.jpg) no-repeat left bottom; WIDTH: 150px}

#topnav li a.AboutUs { background:  url(images/menu_04.jpg) no-repeat left top; WIDTH: 150px}
#topnav li a.AboutUsAktif { background:  url(images/menu_04.jpg) no-repeat left bottom; WIDTH: 150px}
#topnav li a.Representatives { background:  url(images/menu_05.jpg) no-repeat left top; WIDTH: 150px}
#topnav li a.RepresentativesAktif { background:  url(images/menu_05.jpg) no-repeat left bottom; WIDTH: 150px}
#topnav li a.Contact { background:  url(images/menu_06.jpg) no-repeat left top; WIDTH: 150px}
#topnav li a.ContactAktif { background:  url(images/menu_06.jpg) no-repeat left bottom; WIDTH: 150px}

#topnav li a:hover { background-position: left bottom }

.content {width:780px;text-align: left;font-family: 'Verdana'; font-size : 12px; color : #333333;}
.content h1, h2, h3 { font-family: 'Verdana'; color: #005a5a; font-weight: normal; }
.content h2 { font-size: 18px; letter-spacing: -1px; padding: 5px 0px; margin: 0px 0px 15px 0px; font-weight: normal; }
.content h3 { font-size: 20px; letter-spacing: -1px; padding: 5px 0px 0px 0px; margin: 0px; font-weight: normal;  }
.content p { font-size: 12px; padding: 5px 0px; margin: 0px; }


.content input.on { color : #999966; border: solid 1px #f4fbdc; background: #f4fbdc; padding: 3px 0px;}
.content input.on:hover { color : #006666; border: solid 1px #e0f4ff; background: #e0f4ff; padding: 3px 0px;}
.content input.on:focus { color : #006666; border: solid 1px #e0f4ff; background: #e0f4ff; padding: 3px 0px;}
.content input.onIE { color : #006666; border: solid 1px #e0f4ff; background: #e0f4ff; padding: 3px 0px;}

.content textarea.on { color : #999966; border: solid 1px #f4fbdc; background: #f4fbdc; padding: 3px 0px;}
.content textarea.on:hover { color : #006666; border: solid 1px #e0f4ff; background: #e0f4ff; padding: 3px 0px;}
.content textarea.on:focus { color : #006666; border: solid 1px #e0f4ff; background: #e0f4ff; padding: 3px 0px;}
.content textarea.onIE { color : #006666; border: solid 1px #e0f4ff; background: #e0f4ff; padding: 3px 0px;}

.content ul { padding: 0px; margin: 8px;}
.content li { margin: 8px;font-size: 12px; list-style-type: square;}
.content li em { color: #333333;}

#about_cont {margin-top:15px; background: url(images/about_bg.jpg) top right no-repeat;}
#services_cont {margin-top:15px; background: url(images/services_bg.jpg) top right no-repeat;}

.consulting ul { padding: 0px; margin: 0px;}
.consulting li { padding-right: 15px; margin: 0px; list-style-type: none; font-size: 12px; float: left; width: 350px; height:80px;}
.consulting li em {color: #9b9b9b;}
.consulting span { }
.consulting span img { border:none; margin:0px; padding:0px; float:left }

#footer { padding: 0px 0px 10px 0px; clear: both; font-size: 9px; border-top: solid 1px #ccc;}
#footer UL { padding: 10px 0px; margin: 0px; }
#footer LI { display:inline; padding: 0px; margin: 0px; list-style-type: none; }
#footer LI A { padding: 0px 4px 0px 6px; margin: 0px; border-left: solid 1px #CCC; }

.FormLabel
{
    float:left;
    margin:3px 20px 0 0;
    font-weight:bold;
    width:160px;
}
.FormInput
{
    float:left;
    font-family:Tahoma;
    font-size:11px;
    margin:0 50px 0 0;
}
.FormField
{
    clear:left;
    float:left;
    width:340px;
    margin:0 0 10px 0;
}