body {
	background: url(images/background.gif) top center repeat-x #CFDEEA;
	margin: 0px;
	padding: 16px 0;
	font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	color: #282828;
	line-height:16px;
	text-align: center;
}

.vbimgcodelimit {
cursor: pointer;
border: dotted 1px black;
}

p{
font-size:12px;
line-height:16px;
}
img {
	border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
img.Logo{
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
	color: #2E9FED;
	text-decoration: none;
}
a:hover {
	color: #1471B1;
}
#welcome h1{
padding:0px 0 0 20px;
margin:0px;
font-weight:bold;
line-height:28px;
font-size:16px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#head {
	width: 750px;
	height: 102px;
	background: url(images/head.gif) no-repeat;
}
#head h1 {
	position: absolute;
	margin: 20px 0 0 26px;
	width: 200px;
	height: 75px;
}
#head h1 a {
	text-indent: -2000px;
	width: 154px;
	height: 59px;
	display: block;
	background: url(images/logo.gif) no-repeat;
}
.top_head_banner{
float:right;
width:494px;
height:120px;
padding-top:24px;
}

#menu {
	position: absolute;
	width: 640px;
	top: 125px;
	left: 35px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#menu li {
	list-style-type: none;
	float: left;
	margin: 0 8px;
	height: 22px;
}
#menu li a {
	padding: 0 0 7px 0;
	height: 22px;
	color: #8A8A8A;
}
#menu li a:hover {
color:#000033;
}
#menu .current {
color:#000033;
font-weight:bold;
}
#area {
	width: 750px;
	height: 54px;
	background: url(images/area.gif) repeat-x;
}

#main {
	margin: auto;
	background: url(images/bg_main.gif) repeat-y;
	width: 750px;
	height: auto; 
}

#content_left {
float:left;
padding:0 30px 30px 30px;
width: 445px;
height:auto;
list-style-position:inside;
list-style-type:circle;
}
#content_left img{
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}

#content_left .smiley{
padding:0px;
margin:0px;
border:0px;
}

#content_right{
float:left;
padding:5px;
width: 200px;
height:auto;
list-style-position:inside;
list-style-type:circle;
}
#welcome {
background: url(images/center_banner.gif) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:30px; 
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}
/*---------contact----------*/
#form {
	padding: 0px;
	margin: 0px;
}
#fields label {
	width: 260px;
	display: block;
	padding: 0px;
}
#fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
}
#fields textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
	height: 63px;
}
#send input {
	width: 64px;
	height: 20px;
	margin: 0px;
}
ul {
	margin: 0 0 20px 0;
	padding: 0px;
	list-style-type: none;
}
.contact_info{
float:left;
padding:15px;
}

/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#footer {
text-align:center;
font-size:10px;
color:#000033;
background: url(images/footer.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
width: 750px;
height:85px;
}
#footer a {
	background: none;
	padding: 0px;

}
#madeby{
width:200px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:none;
color:#666666;
}
#FooterLinks{
float:left;
padding-top:8px;
padding-right:30px;
text-align:center;
}
#FooterLinks a{
text-decoration:none;
color:#666666;
}
.info, .success, .warning, .error, .validation, .ask {  
    border: 1px solid;  
    margin: 10px 0px;  
    padding:15px 10px 15px 50px;  
    background-repeat: no-repeat;  
    background-position: 10px center;  
} 
.ask {  
    color: #A05EB7;  
    background-color: #D6C2E0;  
    background-image: url('images/ask.png');  
}
.info {  
    color: #00529B;  
    background-color: #BDE5F8;  
    background-image: url('images/info.png');  
}  
.success {  
    color: #4F8A10;  
    background-color: #DFF2BF;  
    background-image:url('images/success.png');  
}  
.warning {  
    color: #9F6000;  
    background-color: #FEEFB3;  
    background-image: url('images/warning.png');  
}  
.error {  
    color: #D8000C;  
    background-color: #FFBABA;  
    background-image: url('images/error.png');  
} 
#Onizleme li, ul {
list-style-position:inside;
list-style-type:circle;
}

/* BUTTONS */

.buttons a, .buttons button{
display:run-in;
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	vertical-align:middle;
	
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:260%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
	vertical-align:middle;
    line-height:29px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
	vertical-align:middle;
}
.buttons button img, .buttons a img{
	vertical-align:middle;
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:32px;
    height:32px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
.text_input {
	width: 96%; padding: 3px; color: #444; border: 1px solid #696969; border-left: 2px solid #0066cb;
}
.text_area {
	width: 96% !important; border: 1px solid #696969; border-left: 2px solid #0066cb;
}

#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .aktif{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}
/*- Menu 3--------------------------- */
#menu3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu3 {
	width: 200px;
	margin: 0px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu3 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #8BADCF;
	display: block;
	background:  url("images/menu3.gif");
	padding: 8px 0 0 10px;
	}
	
#menu3 li a:hover {
	color: #627EB7;
	background:  url("images/menu3.gif") 0 -32px;
	padding: 8px 0 0 10px;
	}