/* General style  */

body{
	background:#d9f0f7 url('images/body-bg.gif') repeat-x 0 0;
	color:#5B5B5B;
	padding:0;
	margin:0; font-style:normal; font-variant:normal; font-weight:normal; line-height:22px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif
}
*{
	margin:0;
	padding:0;
}
html
{
	overflow-y:scroll;
}
a{
	outline:none;
	text-decoration:none;
}
ul{
	list-style-type:none;
}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

/* Top panel style */

.topbg{
	background:url('images/toppan-bg.gif') no-repeat 50% 0;
	padding-left:0; padding-right:0; padding-top:24px; padding-bottom:0
}

#toppan{
	width:932px;
	margin:0 auto;
	padding:14px 0px 0 0;
	position:relative;
}
#toppan img.logo{
	position:absolute;
	top:0;
	left:14px;
	margin-top:-24px
}

#toppan h1{
	font-size:14px;
	line-height:16px;
	color:#000;
	background-color:inherit;
	float:right;
	width:auto;
	margin:0 0 37px 0;
}
#toppan ul.mainnav{
	margin:0 0 0 0px;
}
#toppan ul.mainnav li {
	padding:0 14px 0 0;
	float:left;
	width:auto;
	font-size:14px;
	line-height:38px;
	font-weight:normal;
}
#toppan ul.mainnav li a{
	display:block;
	line-height:38px;
	float:left;
	width:auto;
	color:#21a6c2;
	background-color:inherit;
}
#toppan ul.mainnav li a span{
	display:block;
	padding:0 30px 0;
	height:38px;
	float:left;
	width:auto;
	cursor:pointer;
}
#toppan ul.mainnav li a:hover, #toppan ul.mainnav li a.active{
	background: url('images/nav-bg.gif') no-repeat 100% 0;
	display:block;
	color:#fff;
	background-color:inherit
}
#toppan ul.mainnav li a:hover span, #toppan ul.mainnav li a.active span{
	background:url('images/nav-ltcurve.gif') no-repeat 0 0;
	display:block
}

/* Body panel start */
#bodybg {
	background:url('images/curve-bg.gif') no-repeat 50% 0;
	margin-left:0; margin-right:0; margin-top:6px; margin-bottom:0
}

#bodyContainer {
	background:#fff url('images/countainer-bg.gif') repeat-x 0 0;
	color:inherit;
	width:910px;
	margin:0 auto;
	height:100%;
	overflow:hidden; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0
}

/* Header Panel style */
#header {
	background:url('images/header-banner.gif') no-repeat 0 0;
	width:872px;
	height:250px;
	position:relative; padding-left:38px; padding-right:0; padding-top:26px; padding-bottom:0
	
}
#header div.headertext {
	width:480px;
	float:left;
	margin:5px 0 0 0;
}
#header h2 {
	font-size:36px;
	line-height:39px;
	color:#fff;
	background-color:inherit;
	font-weight:normal;
	margin:0 0 17px 0;
	width:480px;
	float:left;

}
#header ul{width:872px; height:250px; float:left;}
#header ul li{width:872px; height:250px; float:left; display:block}
#header p {
	font-size:14px;
	line-height:20px;
	color:#fff;
	background-color:inherit;
	margin:0 0 26px 0;
	width:445px;
	float:left;
	text-align:justify;
}
#header a.learnmore {
	background:  url('images/learn-more.gif') no-repeat 0 0;
	width:98px;
	height:34px;
	font-size:14px;
	line-height:28px;
	color:#000;
	display:block; float:left; padding-left:28px; padding-right:0; padding-top:0; padding-bottom:0; background-color:inherit
}
#header a.learnmore:hover {
	color:#376BA1;
	background-color:inherit;
}
#header img {
	float:left;
	display:block;
}

/* body panel*/

#bodypan {
	width:910px;
	background:url('images/body-shadow.gif') no-repeat 0 0;
	padding-left:0; padding-right:0; padding-top:26px; padding-bottom:26px
}

#bodypanIn {
	width:910px;
	padding:0px;
}

/* News Panel style */
#leftPan {
	width:247px;
	background:#F2F2F2 url('images/news-bot.gif') no-repeat 0 100%;
	color:#404040;
	float:left
}
#leftPan h3 {
	width:207px;
	background: url('images/news-bg.gif') no-repeat 0 0;
	color:#fff;
	font-size:18px; line-height:37px; margin-bottom:18px; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0; background-color:inherit
}
#leftPan h4 {
	width:207px;
	background: url('images/news-bg.gif') no-repeat 0 0;
	color:#fff;
	font-size:18px; line-height:37px; margin-bottom:18px; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0; background-color:inherit
}
#leftPan p{
	padding:0 20px 35px 20px;
	line-height:15px;
}
#leftPan p.contact{
	padding:0 20px 35px 20px;
	line-height:20px;
}
#leftPan p a{
	color:#21a6c2;
	background-color:inherit;
	text-decoration:underline;
}
#leftPan p a:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
	}
#leftPan p.leftpanel{
margin-left:10px;
	width:190px;
	background: url('images/star.gif') no-repeat 0 0;
	color:#000;
	font-size:12px; line-height:25px; margin-bottom:18px; padding-left:22px; padding-right:20px; padding-top:0; padding-bottom:0; background-color:inherit
}

#leftPan2 {
	width:247px;
	float:left
}
#leftPan3 {
position:absolute;
left:800px;
	width:247px;
	float:left
}


/* Right Panel style */
#rightPan {
	width:598px;
	float:right;
	padding-right:25px;
	text-align:justify;
}	
#rightPan h2{
	font:bold 25px/27px Verdana, Arial, Helvetica, sans-serif;
	color:#D98500;
	background-color:inherit;
	padding-bottom:20px;

}
#rightPan h3 {
padding-top:12px;
border-bottom:1px #cecece solid;	

}
#rightPan h2 span{
	color:#21a6c2;
	background-color:inherit;
}
#rightPan p.blutxt{
	color:#21a6c2;
	background-color:inherit;
}
#rightPan p{
	padding-bottom:20px;
}
#rightPan p.services{
	padding-bottom:20px;
	width:598px;
	float:right;
	text-align:left;
}
#rightPan p.services a.readmore
	{
		float:right;
		margin:10px 0 0 0;
		padding:0px;
		color: #21a6c2;
		text-decoration:none;
		font-weight:bold;
		
	}
#rightPan p.services a.readmore:hover
	{
		float:right;
		margin:10px 0 0 0;
		padding:0px;
		color: #21a6c2;
		text-decoration: underline;
		font-weight:bold
	}
#rightPan a {
	color:#21a6c2;
}

/* Bottom Body panel start */
#bodypanBot{
	background:url('images/body-bot-shadow.gif') no-repeat 0 0;
	width:910px;
	height:100%;
	overflow:hidden;
	padding-left:22px; padding-right:19px; padding-top:23px; padding-bottom:32px
}
#bodypanBot div.box{
	float:left;
	width:253px;
	margin-right:55px;
}	
#bodypanBot div.box div{
	padding-bottom:20px;
	background:url('images/blue-bg.gif') no-repeat 0 0;
}
#bodypanBot div.box div h3{
	background: url('images/star.gif') no-repeat 11px 50%;
	color:#fff;
	font-style:normal; font-variant:normal; font-weight:bold; line-height:37px; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0; background-color:inherit
}
#bodypanBot div.box ul.service{
	line-height:30px;
	color:#21a6c2;
	background-color:inherit;
}	
#bodypanBot div.box ul.service li{
	background:url('images/tick.gif') no-repeat 5px 50%;
	padding-left:31px; padding-right:0; padding-top:0; padding-bottom:0
}
#bodypanBot div.box ul.service li a{
	color:#21a6c2;
	background-color:inherit;
	text-decoration:none;
}
#bodypanBot div.box ul.service li a:hover{
	color:#000;
	background-color:inherit;
}
p.testimonialText{
	background:url('images/quote-start.gif') no-repeat 0 0;
	text-indent:26px
}
p.testimonialText span{
	background:url('images/qoute-end.gif') no-repeat 100% 100%;
	padding-left:0; padding-right:25px; padding-top:0; padding-bottom:5px
}

#bodypanBot div.box p.author {
	text-align:right;
	color:#E38A00;
	background-color:inherit;
	padding-right:15px;
	padding-top:22px;
	line-height:17px;
}
#bodypanBot div.box p.author span{
	color:#7B634A;
	background-color:inherit;
	font-style:italic;
	font-size:13px;
}
#bodypanBot div.box p.contxt{
	font-size:12px;
	line-height:20px;
	padding-bottom:20px;
}
#bodypanBot div.box p.contxt a{
	color:#21a6c2;
	background-color:inherit;
	text-decoration:underline;
}
#bodypanBot div.box p.contxt a:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
}

/* Misc*/	
.noMar{
	margin:0!important;
}

/* Footer start*/	

#footer{
	background:url('images/footer-bg.gif') repeat-x 0 0;
	height:100%;
	overflow:hidden;
	width:890px;
	margin:0 auto; padding-left:30px; padding-right:30px; padding-top:33px; padding-bottom:33px
}
#footer p{
	float:left;
	width:auto;
	color:#B7B7B7;
	background-color:inherit;
	font-size:12px;
	line-height:14px;
}
#footer p a{
	color:#B7B7B7;
	background-color:inherit;
	text-decoration:none;
}
#footer p a:hover{
	color:#000;
	background-color:inherit;
}
#footer ul{
	float:right;
	width:auto;
	font-size:12px;
	line-height:14px;
	color:#9A9A9A;
	background-color:inherit;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	color:#9A9A9A;
	background-color:inherit;
	text-decoration:none;
	padding:0 3px 0 4px;
}
#footer ul li a:hover{
	color:#000;
	background-color:inherit;
}
#rightPan p.about{
	width:598px;
	float:right;
	margin:0px;
	padding:0 0 20px 0;
}
#rightPan p.about span.avatar
	{
		float:left;
		margin:0px;
		padding:0px;
		width:105px;
	}
#rightPan p.about span.aboutcontent
	{
		float:left;
		margin:0px;
		padding:0 0 0 25px;
		width:468px;
		text-align:justify;
	}
#rightPan p.about span.aboutcontent span
	{
		width:468px;
		float:left;
		padding:0 0 4px 0;
		font-weight:bold;
	}
#rightPan ul.service{
	line-height:30px;
	color:#21a6c2;
	background-color:inherit;
	width:299px;
	float:left;
	padding:0 0 25px 0;
}	
#rightPan ul.service li{
	background:url('images/tick.gif') no-repeat 5px 50%;
	width:268px;
	float:left; padding-left:31px; padding-right:0; padding-top:0; padding-bottom:0
}
#rightPan ul.service li a{
	color:#21a6c2;
	background-color:inherit;
	text-decoration:none;
}
#rightPan ul.service li a:hover{
	color:#000;
	background-color:inherit;
}
#rightPan ul#portfolio
	{
		float:left;
		margin:0px;
		padding:0px;
		width:598px;
		display:block;
	}
#rightPan ul#portfolio li
	{
		float:left;
		margin:0px;
		padding:0 0 25px 0;
		width:299px;
		display:block;
	}
#rightPan ul#portfolio li a.portfolio01
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat 0 -132px;
		width:239px;
		height:126px
	}
#rightPan ul#portfolio li a.portfolio01:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat 0 0;
		width:239px;
		height:126px
	}
#rightPan ul#portfolio li p
	{
		float:left;
		margin:10px 0 0 0;
		width:239px;
		text-align:justify;
		padding:0px;
	}
#rightPan ul#portfolio li span
	{
		float:left;
		margin:10px 0 0 0;
		width:239px;
		font-weight:bold;
		color: #21a6c2;
		text-align:center
	}
#rightPan ul#portfolio li p a.readmore
	{
		float:left;
		margin:10px 0 0 0;
		color:#21a6c2;
		text-decoration:none;
	}
#rightPan ul#portfolio li p a.readmore:hover
	{
		float:left;
		margin:10px 0 0 0;
		color:#21a6c2;
		text-decoration: underline;
	}
#rightPan ul#portfolio li a.portfolio02
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat -266px -132px;
		width:239px;
		height:126px
	}
#rightPan ul#portfolio li a.portfolio02:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat -266px 0;
		width:239px;
		height:126px
	}
#rightPan ul#portfolio li a.portfolio03
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat -530px -132px;
		width:239px;
		height:126px
	}
#rightPan ul#portfolio li a.portfolio03:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat -530px 0;
		width:239px;
		height:126px
	}
#rightPan ul#portfolio li a.portfolio04
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat -792px -132px;
		width:239px;
		height:126px
	}
#rightPan ul#portfolio li a.portfolio04:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url('images/portfolioimage.jpg') no-repeat -792px 0;
		width:239px;
		height:126px
	}
#rightPan ul#blog{
	width:598px;
	margin:0px;
	padding:0px;
	float:left;
	display:block
}
#rightPan ul#blog li{
	width:598px;
	margin:0px;
	padding:0 0 25px 0;
	float:left;
	display:block
}
#rightPan ul#blog li h2{
	width:598px;
	margin:0px;
	padding:0px;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
}
#rightPan ul#blog li p.blogcontent
	{
		float:left;
		margin:9px 0 0 0;
		padding:0px;
		width:598px;
		text-align: justify
	}
#rightPan ul#blog li p.blogcontent a
	{
		color: #21a6c2;
		text-decoration: underline;
	}
#rightPan ul#blog li p.blogcontent a:hover
	{
		color: #21a6c2;
		text-decoration: none;
	}
#rightPan ul#blog li p.blogcontent span
	{
		color: #21a6c2;
		font-weight:bold;
	}
#rightPan ul#blog li p.blogimage
	{
		float:left;
		margin:9px 0 0 0;
		padding:0px;
		width:525px;
	}
#rightPan ul.sitemap {
	margin:0px;
	padding:0 0 25px 0;
	width:560px;
	display:block;
	float:left;
	}
#rightPan ul.sitemap li{

	width:532px;
	display:block;
	float:left;
	display:block;
	background: url('images/sitemapicon.gif') no-repeat;
	color: #4c2306; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:18px; padding-right:0; padding-top:0; padding-bottom:0
	}
#rightPan ul.sitemap a {
	text-decoration:none;
	color: #21a6c2;
	}
#rightPan a:hover {
	text-decoration: underline;
	color: #21a6c2;
	}
/* Easy Slider */

	#slider{position:relative; float:left; width:auto; padding:0 0 26px 0}	
	#prevBtn a, #nextBtn a{  
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		z-index:8;
		left:890px;
		top:115px;
		text-indent:-9999px;
		background:url('images/nxtIco.png') no-repeat; 
		}	
	#nextBtn a{ 
	    left:-20px;
		background:url('images/prevIco.png') no-repeat;
		}
		
		div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
	}
	img.ikonlar {float:left;margin-bottom:5px;border:0px;}