body {

	padding: 0;

	margin: 0;

	height: 100%;

	background: #FFF url(images/body-bg.gif) top left repeat-x;

	font: 14px Tahoma;

}

#pagewrapper {

	width: 750px;

	padding: 0px;

	margin: 0px auto;

}

#header {

	height: 170px;

	background: url(images/metraguvenlik.gif) left center no-repeat;

	

}

#header ul{

	margin: 95px 0px 0px 280px;

	font-size: 15px;

	font-weight: bold;

	float: left;

}

#header li{

	margin: 0px;

	display:inline;

	padding: 0px 15px 0px 0px;

}

#header #time {

	float: right;

	text-align: right;

	margin: 35px 80px 0px 0px;

	font-size: 11px;

	color: #FFF;

}

#header a:link, #header a:visited{

	color: #4c4c4c;

	text-decoration:none;

	padding-bottom: 5px;

}

#header a:hover {

	color: #333;

	padding-bottom: 5px;

	background:url(images/header-link.gif) bottom center no-repeat;

}

#body {

	height: 100%;

	margin: 20px 0px 10px 0px;

	font-size: 11px;

}

#body img{

	padding: 10px;

	float: right;

}

#body #left{

	height: 100%;

	float: left;

	width: 545px;

	text-align:justify;

	line-height: 18px;

	padding-right: 5px;

}

#left .tab1{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab1.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;



}

#left .tab2{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab2.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;



}

#left .tab3{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab3.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 0px 0px 0px;

}

#left .tab4{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab4.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;

}

#left .tab5{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab5.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;

}

#left .tab6{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab6.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;

}

#left .tab7{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/KameraSistemleri.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;	

}

#left .tab8{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/AlarmSistemleri.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;	

}

#left .tab9{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/ErisimSistemleri.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;

	}

#left .tab10{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/sema.png) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;	

	}

#left .tab11{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab11.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;	

	}

#left .tab12{

	float:left;

	width: 170px;

	text-align:left;

	background: url(images/tab12.jpg) top left no-repeat;

	padding: 85px 5px 0px 0px;

	margin: 10px 5px 0px 0px;							



}

.leftcontent {

	float:left;

	width: 40%;

	margin: 5px;

	padding: 10px;

}

.rightcontent {

	float:left;

	width: 40%;

	margin: 5px;

	padding: 10px;

}

#body #right{

	float: left;

	width: 180px;

	padding-left: 5px;

}

#footer {

	border-top: 1px dashed #ccc;

	float:left;

	margin-top: 30px;

	width: 750px;

	height: 55px;

}

#footer div {

	width: 720px;

	margin: 0px auto;

	padding: 10px 0px 0px 0px;

	color: #999;

	text-align:center;

	font-size: 11px;

}



#body h2 {

	font-size: 15px;

	color: #006600;

	text-align:left;

}

#body h3 {

	font-size: 13px;

	color: #006600;

	text-align:left;

}

/* Form Styling */



.form {

	margin: 5px 0px 3px 3px ;

	padding: 3px;

	border: 1px solid #ccc;

	font-size: 12px;

}

.buton {

	margin: 3px;

	padding: 2px;

	border: 1px solid #999;

	width: 150px;

	font-size: 12px;

	font-weight:bold;

	background: #f0f0f0;

}

fieldset {

	background: url(images/ucretsiz-kesif.gif) top left no-repeat;

	padding-top: 55px;

	border:none;

	height: 319px;

}

/* Link Styling */

#left a:link, #left a:visited {

	background:url(images/link.jpg) center left no-repeat;

	padding-left: 20px;

	margin-left: 5px;

	color: #006600;

}

#left a:hover {

	background:url(images/link.jpg) center left no-repeat;

	padding-left: 20px;

	margin-left: 5px;

	text-decoration:none;

	color: #8c0;

}

#footer a:link, #footer a:visited {

	background:url(images/link.jpg) center left no-repeat;

	padding-left: 20px;

	margin-left: 5px;

	color: #006600;

}

#footer a:hover {

	background:url(images/link.jpg) center left no-repeat;

	padding-left: 20px;

	margin-left: 5px;

	text-decoration:none;

	color: #8c0;

}