* {
	margin: 0;
	padding: 0;
	border-width: 0;
	list-style: none;
}

body {
	font: 11px/14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: White;
	background: #fff url(bg1.png) repeat-x;
}

.textbold {
	color: #00ABE5;
	font-weight: bold;
}

a {
	color: #00B3E8;
	text-decoration: none;
		background: url(x1.png) repeat-x 0 100%;
		text-align: center;
}

a:hover {
	background: none;
}

a.imagelink {
	background: none;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	display: block;
}

h1 {
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

h2 {
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

input, select, textarea {
	font: 11px/13px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #494949;
	background: White;
	
}

.radio {
	background:transparent;
}

#wrapper{
width: 400px;
margin: 0 auto;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #8DC70A url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

#bg {
	width: 100%;
	background: url(bg2.png) repeat-x 0 100%;
}

#main {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
}

#top {
	width: 892px;
	height: 163px;
}


#top2 {
	background: url(top2.png) no-repeat 0 100%;
}

#top3 {
	background: url(top3.png) no-repeat 0 100%;
}

#top4 {
	background: url(top4.png) no-repeat 0 100%;
}

#top5 {
	background: url(top5.png) no-repeat 0 100%;
}

#toptext {
	padding: 5px 0 0 40px;
}

#introtext {
	margin: 0 auto;
	padding: 7px 0 15px 0;
	width: 800px;
}

#top h2 {
	display: none;
}

#menu_top {
	display: table;
	top: 79px;
	right: 36px;
	position: absolute;
}

#menu_top li {
	margin-left: 1px;
	float: left;
	height: 38px;
}

#menu_top a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 13px 0 0;
	display: block;
	height: 25px;
	outline: 0;
}

#menu_top .i1 a {
	width: 75px;
	background: url(m1.png) no-repeat;
}

#menu_top .i2 a {
	width: 122px;
	background: url(m2.png) no-repeat;
}

#menu_top .i3 a {
	width: 66px;
	background: url(m3.png) no-repeat;
}

#menu_top .i4 a {
	width: 97px;
	background: url(m4.png) no-repeat;
}

#menu_top .i5 a {
	width: 110px;
	background: url(m5.png) no-repeat;
}

#menu_top a:hover {
	background-position: 0 -38px;
}

#flash {
	margin: 0 auto;
	padding: 10px 0 0px;
	width: 828px;
}

#flash * {
	display: block;
	outline: 0;
	border: 0;
}

#web_design_london {
	margin: 0 auto;
	padding: 7px 0 15px 0;
	width: 800px;
}

#middle {
	width: 1000px;
}

#bottom {
	width: 892px;
	height: 307px;
	overflow: hidden;
	position: relative;
	background: url(logo2.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='logo2.png');
	_background-image: none;
}

#menu_bottom {
	display: table;
	top: 61px;
	left: 36px;
	position: absolute;
}

#menu_bottom li {
	margin-right: 3px;
	float: left;
	height: 26px;
}

#menu_bottom li a {
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 6px 0 0;
	display: block;
	height: 20px;
	outline: 0;
}

#menu_bottom #mb1 a,
#menu_bottom #mb5 a {
	width: 86px;
	background: url(n1.png) no-repeat;
}

#menu_bottom #mb2 a,
#menu_bottom #mb3 a,
#menu_bottom #mb4 a {
	width: 83px;
	background: url(n2.png) no-repeat;
}

#menu_bottom li a:hover {
	text-decoration: underline;
}

#menu_bottom .selected a {
	text-decoration: none !important;
	background-position: 0 -26px !important;
}

#bottom .container1 {
	top: 111px;
	left: 38px;
	position: absolute;	
}

#bottom .container1 div {
	display: none;
}

#bottom .container1 h2 {
	clear: both;
	height: 18px;
}

#bottom .container1 ul {
	display: table;
	margin: 7px 0 0 50px;
	padding: 0 40px 2px 0;
	float: left;	
}

#bottom .container1 ul li {
	white-space: nowrap;
	margin: 13px 0 0;
	padding: 0 0 0 17px;
	background: url(x2.png) no-repeat 0 4px;
	*background-position: 0 5px;
}

#bottom .container1 ul li a {
	color: #fff;
	padding: 0 0 2px;
	background: none;
}

#bottom .container1 ul li a:hover { 
	color: #00B3E8;
	background: url(x1.png) repeat-x 0 100%;
}

#bottom .container2 {
	padding: 0 0 0 20px;
	top: 85px;
	left: 615px;
	position: absolute;
	width: 206px;
	height: 168px;
	background: url(x3.png) no-repeat;
}

#bottom .container2 h2 {
	margin: 17px 0 0;
}

#bottom .container2 p {
	color: #fff;
	margin: 7px 0 10px;
}

#bottom .container2 ul .input {
	width: 193px;
	height: 26px;
	overflow: hidden;
	background: url(x4.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='x4.png');
	_background-image: none;
}

#bottom .container2 ul .input input {
	color: #fff;
	margin: 3px 0 0 8px;	
	width: 177px;
	position: relative;
}

#bottom .container2 ul .submit {
	margin-left: 134px;
}

a.web_design_london {
	font-size: 9px;
	color: #949494;
	text-decoration: none;
	background: none;
}

#copyright {
	font-size: 9px;
	color: #949494;
	bottom: 15px;
	right: 53px;
	position: absolute;
}



	#rssBox{ /* The main box for the rss scroller */
		width:230px;
		margin:5px;
		float:right;
		height:230px;	
		border:1px solid #317082;
		padding:3px;
		font-size:0.8em;
		background-color:#E2EBED;

		
		/* Never change these two values */
		overflow:hidden;
		position:relative;	

	}		
	
	#rssBox .slide{	/* A specific slide */
		background-color:#E2EBED;	/* Light blue background color */
		
	}
	
	.rssBoxDate{
		display:none;	/* I don't want to show the date */
	}
	.rssBoxHeading{	/* Heading of RSS item */
		font-weight:bold;
		color:#317082;
		margin:0px;
	}
	.rssBoxDescription{	/* Description of RSS item */
	
	}	
	.rssBoxLink{	/* Read more link */
		color:#F00;
		text-decoration:none;
	}
	.rssBoxLink:hover{	/* Read more link - mouse over */
		text-decoration:underline;
	}
#logos {
	float: left;
	overflow: hidden;
	position: relative; top: 50px; left: 0px
	
}
#ara {
	width: 200px;
	height:200px;
	float: right;
	position: relative; top: 35px;
		background: url(ara.png) no-repeat 0 0px;
	

}
#ara2 {
	height: 80px;
	width: 200px;
	float: left;
	overflow: hidden;
	position: relative; top: 0px; left: 00px;
	
	}
#ara2 a {
		text-align: center;
	}

#giris{
		background: url(giris1.png) no-repeat 0 100%;
	position: relative; top: 0px; right:60px; left:20px;
	width:600px;
	height:48px;
	float: right;
	font-weight: bold;
			color: white;
			
}
#giris a{

	position: relative; top: 0px; right:60px; left:20px;
			font-weight: bold;
			color: white;
}

.girisyapti {
	position: relative; top: 0px; right:60px; left:10px;
}
#orta {
	padding: 0;
	background: none;
	font: bold 11px/14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #8B4513;
	font-weight: bold;
		position: relative; top: 30px; left: 0px;
}

#nasil {
	height: 190px;
	background: none;
	font: calibri bold;
	color: #2F4F4F;
	font-weight: bold;
	position: relative; top: 2px; left:0px;bottom: 20px;
	width: 600px;
	
}
#reklam1 {
	height: 90px;
	background: none;
	font: calibri bold;
	color: #2F4F4F;
	font-weight: bold;
	position: relative; top: 2px; left:0px;bottom: 0px;
	border: 1px dashed #008000;
	width: 450px;
	
}
#reklam2 {
	padding: 0px;
	height: 630px;
	background: none;
	font: calibri bold;
	color: #2F4F4F;
	font-weight: bold;
	position: relative; top: -0px; left:0px; right:0px; 
	border: 1px dashed #008000;
	width: 120px;
	float: left;
}
#reklam3 {
	padding: 0px;
	height: 630px;
	background: none;
	font: calibri bold;
	color: #2F4F4F;
	font-weight: bold;
	position: relative; top: 0px; left:5px; 
	border: 1px dashed #008000;
	width: 120px;
	float: left;
}


#search {
	margin-top: 65px;
	width: 330px;
	text-align: right;
	}
	#search{clear:both;float:right;}
	#search #q{border-style: none;
	border-color: inherit;
	border-width: 0;
	width:214px;	height:18px;
	padding: 5px 6px 3px 21px;
	background:#fff url('search_icon.gif') no-repeat 3px 5px;
	-webkit-border-radius:3px;	-moz-border-radius:3px;	margin:0;
}
	#search #submit {
		padding: 2px 5px 1px 5px;
		overflow: visible;
		}

#search #submit{margin:0;padding:2px 3px;
height:26px;
width:80px;
font-weight:bold;background:#00B7EF;border:0;
-webkit-border-radius:3px;-moz-border-radius:3px;}
#search #submit{font-family:Arial,sans-serif;}

#picture{
	padding: 7px;
	background: url(x5.png) repeat;
	margin:15px auto;
}

.tablo {
	padding: 0;
	background: none;
	font: bold 11px/14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #8B4513;
	font-weight: bold;
		position: relative; top: 30px; left: 0px; 
				border-collapse: collapse;
		margin-left: 0;
		margin-right: 0;
			margin-bottom: 40;
				
	}
	.tablo2 {
	padding: 0;
	background: none;
	font: bold 11px/14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #8B4513;
	font-weight: bold;
	border-collapse: collapse;
	
		margin-left: 0;
		margin-right: 0;
			margin-bottom: 40;
			width: 610px;
			height: 60px;
	

}

#main-content {float: left;}
#main-content {display: block;}
#main-content {display: inline-block;}
* {margin: 0; padding: 0;}

#intro {width: 604px; margin-bottom: 2em; padding-bottom: 5px; color: #61861f; background: #f6f9de url(http://p.webshots.net/images/util/util_intro_bottom.gif) no-repeat bottom left; text-transform: lowercase; overflow: hidden;}
#intro div {position: relative; background: #9cc158 url(images/util_intro_top.png) no-repeat; height: auto !important; height: 1px;}
#intro h3 {padding: .66em 16px; width: 60%; font-size: 130%; color: #fff;}
#intro ul {float: left; margin-bottom: -2px; padding-bottom: 2px; font-size: 93%; background: url(http://p.webshots.net/images/util/intro_faux_borders_390x1.gif) repeat-y; border: 1px solid; border-color: #9aaa7d #c6ceb9 #000 #c8cdb9; border-bottom: none;}
ul {list-style: none;}
#intro ul li {float: left; overflow: hidden;}
div#content div#intro ul li a {color: #61861f !important;}
#intro ul a.browse {width: 115px; padding-right: 71px; background-image: url(grfk_photos.gif);}
body.blazing #content a {color: #c83d1d !important;}
#intro ul a {display: block; padding: 12px 66px 18px 16px; background: no-repeat 92% 50%; text-decoration: none;}
a {text-decoration: none; color: #e22914}
#intro ul strong {display: block; font-size: 196%; font-weight: normal; color: #d14f03;}
#intro ul a.upload {width: 105px; background-image: url(grfk_up_arrow.gif);}
#intro ul a.share {width: 131px; background-image: url(grfk_globe.gif);}
#intro ul li.more {position: relative; clear: both; width: 100%; min-height: 30px; font-size: 92%; background: #f6f9de; border-top: 3px double #d9e8a3;}
#intro ul li.more a {padding: 11px 157px 8px 16px;}
#intro ul li.more strong {font-size: 100%; font-weight: bold;}
#intro ul li.more .signup-now {display: block; position: absolute; top: 50%; right: 16px; width: 133px; height: 32px; margin-top: -14px; background: url(http://p.webshots.net/images/btn/btn_sign_up_now.gif) no-repeat top left; text-indent: -9999px; overflow: hidden; cursor: pointer;}

.kat {
	height: 20px;
	padding: 0;
	background: none;
	font: bold 11px/14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #8B4513;
	font-weight: bold;
		position: relative; top: 20px; left: 0px; 
}
.thumb { 
background-color: #ffffff; 
cursor: hand; 
border-collapse: collapse;
	text-align: center;
	filter: Gray
	}
.thumb2 { 
	text-align: center;
background-color: #E0E0E0; 
border-collapse: collapse;

 }
 #panel {
	height: 120px;
	width:100%;
	display: none;
}
.slide {
overflow: hidden;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #00B7EF;
	background: url(images/btn-slide.gif) no-repeat center top;
}

.uye {
	
}

.active {
	background-position: right 12px;
}
.style5 {
	border: 1px solid #5FABEF;
	text-align: center;
}