#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
	background-color: #CCC;
}
#content{
	overflow:hidden;
	width:673px;
	background-color:#CCC;
	position:relative;
	height:565px;
	float:left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
}
	#content h2{
	color:#000;
	margin:20px 0pt;
	}
	#content a{
	color:#F8DD30;
	font-weight:bolder;
	text-decoration:none;
	}
#navigation{
	float:left;
	width:300px;
	height:400px;
	padding-top: 30px;
	padding-left: 30px;
}
	#navigation .sup{
	font-size:16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
	#navigation a{
	color:#000;
	
	text-decoration:none;
		}
	#navigation a:hover{
	color:#F8DD30;
	
	text-decoration:none;
		}					
#navigation .sup .link {
	margin-left: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#navigation .sup .link1 {
	margin-left: 105px;
	font-weight: bold;
}
	
		#navigation .sup li{
	margin: 3px 0 !important;
	margin:-4px 0;
	font-size:10px;
		}
		#navigation a.scrolling{
			color:#933;
		}
.section{
	width:2500px;
	position:relative;
}

	.section .sub{
	position:relative;
	float:left;
	width:670px;
	height:565px;
	padding-top: 40px;
	padding-right: 21px;
	padding-bottom: 42px;
	padding-left: 45px;
	}
		.section .sub p{
	width:600px;
	margin:16px 0;
	font-size:75%;
	line-height:1.4em;
		}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}
#r_hak {
}
#r_hak .hakkimizda {
	background-image: url(img/hakkimizda_main.gif);
	background-repeat: no-repeat;
	
}
#r_hak a {
	text-indent: -9999px;
	height: 120px;
	width: 120px;
	display: block;
}
#content .section ul #ekipman, #isik, #kamera, #ekipman4 {
	background-color: #000;
	color: #FFF;
}


#clear {
	clear: both;
}




#nav {
	width: 575px;
	height: 372px;
	position: relative;
	background: url(../img/nav_main.png);
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
}

#nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 171px;
	text-indent: -9999px;
	overflow: hidden;
}

/*up state*/
li#nav_hakkimizda a {
	left: 0;
	width: 171px;
	background-image: url(img/hakkimizda_main.gif);
	background-repeat: no-repeat;
	background-position: 0px -171px;
}

li#nav_ekipman a {
	left: 201px;
	width: 171px;
	background-position: 0px -171px;
	background-image: url(img/ekipman_main.gif);
	background-repeat: no-repeat;
}

li#nav_referans a {
	width: 171px;
	background-position: 0px -171px;
	background-image: url(img/ref_main.gif);
	background-repeat: no-repeat;
	left: 402px;
}

li#nav_ozel a {
	left: 0px;
	width: 171px;
	background-position: 0px -171px;
	background-image: url(img/ozel_main.gif);
	background-repeat: no-repeat;
	top: 201px;
}

li#nav_iletisim a {
	left: 201px;
	width: 171px;
	background-position: 0px -171px;
	background-image: url(img/iletisim_main.gif);
	background-repeat: no-repeat;
	top: 201px;
}
li#nav_blank a {
	width: 171px;
	background-position: 0px 0px;
	background-image: url(img/grey_main.gif);
	background-repeat: no-repeat;
	left: 402px;
	top: 201px;
}

/*hover state*/
li#nav_hakkimizda a:hover {
	background-position: 0 0px;
	background-image: url(img/hakkimizda_main.gif);
}

li#nav_ekipman a:hover {
	background-position: 0px 0px;
	background-image: url(img/ekipman_main.gif);
	background-repeat: no-repeat;
}

li#nav_referans a:hover {
	background-position: 0px 0px;
	background-image: url(img/ref_main.gif);
}

li#nav_ozel a:hover {
	background-position: 0px 0px;
	background-image: url(img/ozel_main.gif);
}

li#nav_iletisim a:hover {
	background-position: 0px 0px;
	background-image: url(img/iletisim_main.gif);
}
#refName {
	float: left;
	width: 170px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#refinfo {
	float: left;
	width: 95px;
	padding-left: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#isiklabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 180px;
	float: left;
	font-weight: bold;
	margin-top: 20px;
}
#isiklabel img {
	border: 4px solid #F8DE4A;
}
#camlabel {
	float: left;
	width: 180px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}
#camlabel img {
	border: 4px solid #F8DE4A;
}

#ekipcontent {
	float: left;
	width: 500px;
	color: #CCC;
	font-size: 11px;
	padding-left: 40px;
	padding-top: 20px;
}
.titleekip {
	color: #F8DD30;
	font-weight: bold;
}
#ekipcontent .a1 {
	float: left;
	width: 130px;
}
#ekipcontent .a2 {
	float: left;
	width: 145px;
}
#ekipcontent .a3 {
	float: left;
	width: 120px;
}
#ekipcontent .b1 {
	float: left;
	width: 130px;
	padding-top: 15px;
}
#ekipcontent .b2 {
	float: left;
	width: 145px;
	padding-top: 15px;
}
#ekipcontent .b3 {
	float: left;
	width: 120px;
	padding-top: 15px;
}
#ekipcontent .c1 {
	float: left;
	width: 220px;
}
#ekipnav {
	float: left;
	font-size: 14px;
	padding-top: 20px;
}
#ekipnav a {
	color: #CCC;
}
#ekipnav .selected {
	color: #F6DA22;
}
#ekipnav a:hover {
	color: #F6DA22;
}
#leftcolumn {
	float: left;
	width: 280px;
}