body {
	background : #212021;
	text-align: center;
}

p,td,tr,table,input,span,div,a,b,i,strong,em,textarea,input,li,ul,ol{
	font : 8pt Verdana, Helvetica, sans-serif;
	color : Black;

}

strong, b {
	font-weight:bold;
}

i, em {
	font : italic;
}

h1{
	margin-bottom: 10px;
	font : 22px Century Gothic, Helvetica, sans-serif;
	color: #005900;
}

h2{
	margin-bottom: 10px;
	font : 14px Century Gothic, Helvetica, sans-serif;
	color: #FF8000;
}

h3{
	margin-bottom: 10px;
	font : 14px Century Gothic, Helvetica, sans-serif;
	color: #FF8000;
}

h4{
	margin-bottom: 10px;
	font : 12px Century Gothic, Helvetica, sans-serif;
	color: #FF8000;
}

a:link {
	color : #4A4DAD;
	text-decoration: none;
}

a:visited {
	color : #4A4DAD;
	text-decoration: none;
}

a:hover {
	color : Blue;
	text-decoration: underline;
}

a:active {
	color : #00008B;
	text-decoration: none;
}

.smallbold {
	font : bold 7pt;
}

#container {
	width: 762px;
	display : block;
	margin: 0 auto;
	background : White;
}

#head {
	width: 762px;
	background-color: White;
	display: block;
	background : White url(i/bg_head1.gif) repeat-x;
	text-align: left;
}


#wrapper {
	width: 752px;
	display : block;
	margin-right: 10px;
	
}

#menu {
	width :195px;
	display: block;
	text-align: left;
	vertical-align: top;
}


#head img.logo {
	margin-left: 28px;
}

#orta {
	width: 752px;
	background-color: White;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;

}

#alt {
	width: 752px;
	background: #616161;
	display: block;
	float : left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}


#sol {
	width :195px;
	background-color: #ececec;
	display: inline;
	text-align: left;
	vertical-align: top;
	margin-left : 0px;
	margin-top : 2px;
	margin-bottom: 2px;
	float: left;
}


#sag {
	width :550px;
	background-color: White;
	text-align: left;
	float: right;
	display: block;
	margin-left: 0px;
	margin-top : 2px;
	margin-bottom: 2px;
}

#logo {
	width :224px;
	height: 194px;
	background-color: #dbe8f2;
	display: block;
	text-align: left;
	vertical-align: top;
	margin-left: 0;

}

#logo img {
	margin : 30px 10px 10px 10px;
	}
	
#logo P {
	margin : 10px 10px 20px 10px;
	text-align : center;
	font : bold italic 12pt Times New Roman, Helvetica, sans-serif;
	color : Gray;
}
	

#logoic {
	width :657px;
	height: 40px;
	background-color: #f2f3f8;
	display: block;
	text-align: left;
	vertical-align: top;
	margin-left: 0;

}

#logoic img {
	margin : 30px 10px 10px 10px;
	}
	
#logoic P {
	margin : 10px 10px 20px 10px;
	text-align : left;
	font : bold italic 12pt Times New Roman, Helvetica, sans-serif;
	color : Gray;
}

.logoicerde {
	position:relative;
	float: right;
	margin : 30px 10px 30px 40px;
}

.logo {
	position:relative;
	float: left;
}

.tlf {
	float: right;
	padding: 80px 0px 0px  300px;
}

#callbox {
	width :195px;
	display: block;
	text-align: left;
	vertical-align: top;
	background : #d7d7d7;
}

#callbox H1 {
font : bold 12pt;
	color : #0A1A4D;
	margin : 10px 10px 5px 10px;
}

#callbox p {
	margin : 10px 10px 2px 10px;
	color : #184d5e;
}

#callbox td {
	color : #184d5e;
}

#newsbox {
	width :195px;
	display: block;
	text-align: center;
	vertical-align: top;
}


#newsbox H1 {
font : bold 12pt;
	color : #0A1A4D;
	margin : 10px 10px 5px 10px;
	text-align: left;
}
#newsbox h3.title {
	font : bold italic 10pt Arial, Helvetica, sans-serif;
	color : Maroon;
	margin-left : 10px;
	margin-right: 10px;
	margin-bottom:0px;
	padding:0px;
	text-align: left;
	line-height : normal;
}



#newsbox p{
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left : 10px;
	margin-right: 10px;
	text-align: left;
}

#newsbox hr{
	width : 80%;
	color: Gray;
}

#feat {
	width :550px;
	/*background : url(i/cos-bonny.jpg) no-repeat left;*/
	height: 219px;
}


#feat img {
	margin: 0px;

}

#main {
	width :550px;
	display: block;
	text-align: left;
	vertical-align: top;
	}



#main p{
	margin : 10px 10px 30px 10px;
	color : Black;
}

#main table  {
	margin : 10px 10px 30px 10px;
	}

#main td.services  {
   padding:3px;
   height: 86px;
}

#main td.services a {
	display:block;
	height: 86px;
	border : 1px solid White;
}
#main td.services a:hover {
	height: 86px;
	border : 1px dashed Red;
}



#mainic {
	width :657px;
	display: block;
	text-align: left;
	vertical-align: top;
}

#mainic h1 {
	font : bold 14pt Arial, Helvetica, sans-serif;
	color : Navy;
	margin : 20px 10px 5px 10px;
}

#mainic p{
	margin : 10px 10px 30px 10px;
	color : Black;
}

#welcome {
	width :550px;
	display: block;
	text-align: left;
	vertical-align: top;
	background : #8fbb28;
	margin-top:1px;
	margin-bottom:10px;
}

#welcome h1{
	margin: 10px;
	font : bold 18px Arial, Helvetica, sans-serif;
	color: White;
}


#welcome img.hos{
	display:block;
	margin: 10px;
	float: left;
}


#welcome p{
	margin: 10px;
}

#sub {
	width :550px;
	display: block;
	text-align: left;
	vertical-align: top;
	background: #ececec;
}

#sub1 {
	width :46%;
	display: inline;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	float: left;
	border-right-color : Gray;
	border-right-width : 1px;
	border-right-style : dashed;
}


#sub1 ul{
	list-style : none outside url(i/ok_turuncu.gif);
		margin-left : 14px;
   
}


#sub1 li{

}


#sub2 {
	width : 47%;
	display: inline;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	padding-left: 10px;
	float: right;
}

#sub2 img.gor1{
	display:block;
	margin-top: 10px;
}


#referans {
	width :550px;
	display: block;
	text-align: left;
}


#referans img.ogr{
	display:block;
	margin: 10px 10px 10px 5px;
	float: left;
}


#referans p{
	margin: 10px;
}


hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
	  
#copyright	 {

	width :224px;
	background: #4e4e4e;
	display: block;
	text-align: left;
	vertical-align: top;
	float: left;
}

#copyright	p {
	color: #9EADBA;
	margin: 10px;
}


#textmenu {
	width :762px;
	text-align: center;
	display: block;
}

#textmenu ul{
	color: #F0FFFF;
	margin: 10px;
}

#textmenu li{
	color: DimGray;
	display : inline;
	list-style-position : inside;
}

#textmenu a:link{
	color: Gray;
	text-decoration: none;
}

#textmenu a:visited{
	color: Gray;
	text-decoration: none;
}

#textmenu a:hover{
	color: #40383B;
	text-decoration: none;
}

#textmenu a:active{
	color: Blue;
	text-decoration: none;
}


/*      V1        */
	


#menu4 {

	margin:0px;
	padding:0px;
	width: 193px;
	border-style: solid solid none solid;
	border-color: #D76100;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu4 li, #menu4 ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu4 li a {

  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {

	color: #9E3C02;
	display: block;
	background: url(i/menu4.gif);
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:hover {

	color: #fff;
	background: url(i/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:active {
	color: #fff;
	background: url(i/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}