/*--------------Default------------------------------------------*/
body
 {
	margin:0; background: #e3ecf3 url(../images/mainBG.gif) repeat-x left top;
	font: 12px/1.5 Lucida Grande, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-weight:normal 
 }
img{border:none}
* {margin: 0;  padding: 0;}
#main
 {
     margin-left:auto; margin-right:auto; width:970px;
 }
#page
 {
     width:970px
 }
/*--------------Top Area------------------------------------------*/
#top .area
 {
     width:970px; height:10px;
 }
#top .logo
 {
     width:250px; height:58px;
 }
#top .yazi
 {
     width:162px; height:58px;
 }
#top .topLink
 {
     width:558px; text-align:right;
 }
#top .topLink .nav
 {
 	 padding-top: 10px; right: 0px;
 }
#top .topLink.nav ul  
 {

 }
#top .topLink .nav ul li  
 {
 	list-style: none; display: inline; padding: 0;	margin-top: 0;	margin-left: 8px; margin-bottom: 0;
	margin-right: 0px; color: #FFFFFF;
 }
.nav ul li a:link, #top .topLink .nav ul li a:visited  
 {
	text-transform: uppercase;	text-decoration: none;	font-weight: bold; color: #1c5281; background-color: #FFFFFF;
	padding:8px; font-size: 0.95em;
 }
#top .topLink .nav ul li a.active  
 {
	color: #ffffff; background-color: #24537c;
 }
#top .topLink .nav ul li a:hover  
 {
	color: #ffffff;	background-color: #357ab5;
 }
.nav .currentPageItem a:link, .nav .currentPageItem a:visited  
 {
	color: #ffffff !important;	background-color: #24537c !important;
 }
/*--------------Flash Area------------------------------------------*/
#flashArea
 {
 	border-top: 3px solid #3876a0;
 }
#flashArea .flash
 {
 	background: #1b4e7d url(../images/flashBG.jpg) repeat-x bottom left; height:300px;
 	width:970px;
 }
/*--------------News Area------------------------------------------*/
#newsArea .news
 {
 	width:970px; height:45px; background:#3074a1 url(../images/newsBG.jpg) repeat-x top left;
 }
.UP01
 {
 	color:#fff; margin-left:10px;
 }
.UP01 a
 {
 	color:#fff; text-decoration:none;
 }
.UP01 a:hover
 {
 	text-decoration:underline;
 }
/*--------------Main Page Area------------------------------------------*/
#mainPageArea
 {
 	width:970px; border-left:dotted 1px #111111; border-right:dotted 1px #111111; background:#fff; 
 }
#mainPageArea .mainPageTop
 {
 	width:970px; height:10px 
 }
/*-----------------------------------Left*/
#mainPageArea .mainPageLeft
 {
 	width:650px;
 }
#mainPageArea .mainPageLeft h1
 {
 	font-size:18px; color:#333333; font-weight:bold;  border-bottom:dotted 1px #999999;
 	margin:10px; padding: 0 0 10px;
 }
#mainPageArea .mainPageLeft p 
 {
	font-size:12px; margin-bottom:10px; margin-left:10px; margin-right:10px; color:#333; 
 }
#mainPageArea .mainPageLeft .defaultPage
 {
 	width:630px; margin:0 0 10px 10px; border:dotted 1px #999999; height:363px; background-color:#f5f9fc;
 } 
#mainPageArea .mainPageLeft .aboutPage
 {
 	width:944px; margin:0 0 10px 10px; border:dotted 1px #999999; height:100%; background-color:#fff;
 }
#mainPageArea .mainPageLeft .servicesPage
 {
 	width:630px; margin:0 0 10px 10px; border:dotted 1px #999999; height:100%; background-color:#f5f9fc;
 }
#mainPageArea .mainPageLeft .referancesPage
 {
 	width:630px; margin:0 0 10px 10px; border:dotted 1px #999999; height:100%; background-color:#f5f9fc;
 }
#mainPageArea .mainPageLeft .contactPage
 {
 	width:630px; margin:0 0 10px 10px; border:dotted 1px #999999; height:100%; background-color:#f5f9fc;
 }
.textBox
 {
      font-size:12px; background:#FFFFCC; border:none; padding-left:5px; padding-right:5px; height:14px; 
      padding-top:8px;
 }
.textAreaBG
 {
      background: url(../images/textAreaBG.gif) no-repeat left bottom; width: 610px; padding: 10px; height:226px;
 }
.textArea
 {
      font-size:12px; background:#FFFFCC; border:none; padding-left:5px; padding-right:5px; height:14px; 
      padding-top:8px; overflow: auto;
 }
.textAreaBG #imgLoader
 {
      background: #fff;
	margin: 190px 0 0 0;
	position: absolute;
 }
/*-----------------------------------Right*/
#mainPageArea .mainPageRight
 {
 	width:320px;
 }
#mainPageArea .mainPageRight .cv
 {
 	width:300px; margin:0 10px 10px 10px; border:dotted 1px #999999; background:#FFFFCC; height:130px;
 }
.cv h1
 {
 	font-size:16px; color:#333; font-weight:bold;  border-bottom:dotted 1px #999999;
 	margin:10px; padding: 0 0 10px;
 }
.gravatar 
 {
 	width:64px;	height:64px; float:right; margin-left:5px;	margin-right:15px; margin-bottom:10px;
 }
.gravatar img 
 {
 	background-color: #FFFFFF;padding: 4px; border: 1px solid #cccccc;
 }
.cv p 
 {
	font-size:11px; margin-bottom:10px; margin-left:10px; color:#333; 
 }
#mainPageArea .mainPageRight .survey
 {
 	width:300px; margin:0 10px 10px 10px;  border:dotted 1px #999999;
 }
.survey h3
 {
 	margin: 0 0 10px 0; padding: 8px 0 8px 10px; font-weight: normal; font-size: 13px; background-color:#24537c;
 	color:#fff;
 }
.survey .btnSend
 {
 	margin: 10px 10px 7px 190px;
 }
#mainPageArea .mainPageRight .servicesList
 {
 	width:300px; margin:0 10px 10px 10px; border:dotted 1px #999999; background:#FFFFCC; height:100%;
 }
.servicesList h1
 {
 	font-size:16px; color:#333; font-weight:bold;  border-bottom:dotted 1px #999999;
 	margin:10px; padding: 0 0 10px;
 }
.servicesList ul li
 {
 	margin-left:30px
 }
.kaan
 {
 	margin-left:-15px; font-size:11px;
 }
#mainPageArea .mainPageRight .adress
 {
 	width:300px; margin:0 10px 10px 10px;  border:dotted 1px #999999; background:#FFFFCC;
 }
.adress h1
 {
 	font-size:16px; color:#333; font-weight:bold;  border-bottom:dotted 1px #999999;
 	margin:10px; padding: 0 0 10px;
 }
.adress p
 {
 	font-size:12px; margin-bottom:10px; margin-left:10px; color:#333; 
 }
.adress .table
 {
 	margin-left:10px; color:#333; font-size:12px;
 }
.adress .maps
 {
 	margin-bottom:20px; margin-top:16px
 }
/*--------------Copyright Area------------------------------------------*/
#copyRightArea
 {
 	width:970px; height:45px; background:#3074a1 url(../images/newsBG.jpg) repeat-x top left;
 	font-size:11px; color:#fff;
 }
#copyRightArea .left
 {
 	width:485px; height:45px;
 }
#copyRightArea .right
 {
 	width:485px; height:45px;
 }
#copyRightArea a
 {
 	text-decoration:none; color:#fff;
 }
#copyRightArea a:hover
 {
 	text-decoration:underline;
 }