/* Default LF CSS */

body { margin:0; padding:0; text-align:center; background:#FFFFFF url("../images/bg.png"/*tpa=http://projects.lanfusion.com/images/bg.png*/) top center repeat-x; min-height:800px; }
body, td, th, textarea,  select, h1, h2, h3, h4, h5, h6 { font: 83%/1.4 Helvetica, Verdana, Arial; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }
div.how img {float:left;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */
br.clear { clear:both; height:0; margin:0; font-size: 1px; line-height:0px; }

select { font-size:100%; width:auto; padding:2px; }
div.conR select { float:right; }

p.alert { color:#FF0000; padding:2% 5%; border-bottom:1px solid #FF0000; border-top:1px solid #FF0000; margin:0 0 10px 0px; width:90%; font-size:90%; text-align:left; }
	
	
p.highlight { width:90%; background:#f1f1f1; padding:2% 5%; margin:0 0 10px 0; font-style:italic; font-size:100% !important}
#contactW {float:left; margin:15px 0 0 40px; width:465px; }
#aboutW 	{ float:left; margin:15px 0 0 40px; width:465px; }
	#aboutW h1 { font-weight: bold margin:0 0 5px 0; }

label { display:block; margin:0;  font-weight:normal;}
.conR { float:right; width:210px;}
.conL { float:left; width:210px;}
.name{}
.email{}
.phone{}
.company{}
#contact_name_ {width:60%; margin:0 0 10px 0;}
#contact_email_ {width:60%; margin:0 0 10px 0;}
#contact_body_ {width:80%; margin:0 0 0px 0;}
.drop{margin:0 0 0 50px;}

ul.list { margin:0 0 20px 0; padding:0; }
ul.list li { list-style:none; }


/*			Error Handling			*/

p.success { font-size:105%; color:#006600; margin:10px 0; font-weight:bolder; }
p.error { border-top:2px solid #FF0000; border-bottom:2px solid #FF0000; padding:6px 20px; text-align:left; margin:20px; color:#FF0000; font-size:105%; font-weight:bolder; }
p.info { color:#666666; font-size:90%; }



/*			Link Styles			*/
a { cursor:pointer; outline-style:none; }
a, a:link, a:visited { color:#000000; text-decoration:none; }
a:hover { color:#FFFFFF;; }
a:link img, a:visited img { border:0 !important}
a.delete { color:#CC0000; }
a.delete:hover { color:#333333; }


h1 { font-size:171%; font-weight:normal; margin:1px 0 0px 0; color:#333; }
h2 { font-size:128%; font-weight:normal; margin:1px 0 0px 0; color:#777; }
h2 em { font-style:normal; color:#000000; font-weight:bolder; }
.hh {font size: 30px; font-weight:normal; }
div.project h2 { margin:1px 0 0 0; }


#header { height:166px; width:100%; background:url("../images/topBg.png"/*tpa=http://projects.lanfusion.com/images/topBg.png*/) top left repeat-x; }

#nav { clear:both; margin:25px 0 10px 0; }
#nav img { clear:both; }
#nav a { border-bottom:0; }



ul#topNav {
	width:468px;
	margin:0 0 0 -420px;
	position:absolute;
	left:50%;
	top:8px;
}
	ul#topNav li { list-style:none; float:left; font-size:90%; width:56px; text-align:center; margin:0 3px 0 0;}
	ul#topNav li a:link, ul#topNav a:visited { color:#000000; display:block; padding:5px 6px;}
	ul#topNav li a:hover, ul#topNav li.active a:link, ul#topNav li.active a:visited { color:#EEEEEE}
	ul#topNav li.active { background:url("../images/topNavBg.png"/*tpa=http://projects.lanfusion.com/images/topNavBg.png*/) top left no-repeat;}
	ul#topNav li.right { margin: 5px 0pt 0pt 200px; width: 420px; position: absolute; left: 50%; color:#000000; font-size:90%; text-align:right; }
    ul#topNav li.right b { font-weight:bolder; }

#container { text-align:left; width:804px;height:790px; background:url("../images/frameBack2.png"/*tpa=http://projects.lanfusion.com/images/frameBack2.png*/) top left repeat-x; min-height:650px; padding:50px 10px 20px 66px; margin:29px 0 0 0;}
	#container #left { width:590px; }
	#container #left2 { width:315px; }

#footer { height:212px; width:100%; background: #000000 url("../images/footerBg.png"/*tpa=http://projects.lanfusion.com/images/footerBg.png*/) top left repeat-x; color:#000000; font-size:85%; padding:1px 0 0 0; }
	#footer #footerW { width:570px; margin:31px 0 0 0; display:block; }
	#footer #footerW div#portfolio { width:132px; min-height:100px; float:left; background:url("../images/footerLine.png"/*tpa=http://projects.lanfusion.com/images/footerLine.png*/) top right no-repeat; text-align:left; }
	#footer #footerW div#portfolio ul { margin:0 0 0 0; padding:0; }
	#footer #footerW div#portfolio ul li { margin:0; padding:0; list-style:none; }
	#footer #footerW div#portfolio ul li a:link, #footer #footerW div#portfolio ul li a:visited { display:block; }

	#footer #footerW div#what { width:172px; float:left; margin:0 0 0 40px; padding:0 40px 0 0; background:url("../images/footerLine.png"/*tpa=http://projects.lanfusion.com/images/footerLine.png*/) top right no-repeat; text-align:left; }
	#footer #footerW div#what p { padding:0; margin:0; font-size:85%; color#EEEEEE; }
	#footer #footerW div#get { position:relative; float:left; text-align:left; width:150px; margin:0 0 0 33px; }
	#footer #footerW div#get input { float:; maleftrgin:0 0 10px 0 !important}
	#footer #footerW div#get p { font-size:110%; font-weight:bolder;}
	#footer #footerW div#get div.fieldWithErrors input, 	#footer #footerW div#get div.fieldWithErrors textarea { float:left; margin:0 0 10px 0;}
	div.fieldWithErrors textarea, div.fieldWithErrors input { border:1px solid #FF0000 !important }
	
	
	#footer #footerW div#get img { margin:0 0 0 0; }
	#footer #footerW div#get textarea, #footer #footerW div#get input { font-size:85%; background:#242424; border:1px solid #EEEEEE; color:#EEEEEE; width:110px; }
	#footer #footerW div#get textarea { width:125px; }
	#footer #footerW div#get textarea { height:55px;  margin:0;}
	#footer #footerW div#get input.submit { border:0; float:right;}
	
	#footer a:link, #footer a:visited { color:#000000; border:none; }
	#footer a:hover { color:#EEEEEE; }

#left { width:502px; float:left; }
#left2 { width:225px; float:left; margin:0 0 0 0; padding:14px 0; }

#right { width:200px; float:right;}
#right2 { width:235px; padding:10px 15px; background-color:#f8f8f8; float:right; margin:4px 10px 0 0; }

#home #left p { width:90%; color:#313131; padding:10px 0; font-size:110%; margin:0; }

#right2 p { color:#222222; margin:0; line-height:150%; padding:0 10px 10px 5px; }


ul.links { font-size:110%; text-align:right; width:80%; margin:10px 0 0 0; padding:0; }
	ul.links li { width:100%; list-style:url("../images/listArrow.png"/*tpa=http://projects.lanfusion.com/images/listArrow.png*/); list-style-position:outside; margin:0 0 0 15px; padding:0; clear:both; }
	ul.links li a:link, ul.links li a:visited { width:91%; float:right; display:block; border:none; margin:0; padding:0; color:#605e5e; }
	ul.links li a:link em, ul.links li a:visited em { font-style:normal; color:#212020; }
	ul.links li a:hover { color:#999; border:none; }
	ul.links li a:hover em { color:#000; border:none; }
	
div.line { background:url("../images/line.png"/*tpa=http://projects.lanfusion.com/images/line.png*/) top left no-repeat; height:1px; width:479px; clear:both; margin:0 0 20px 0; }
	
	

div.project { width:345px; float:left; margin:0 0 15px 0; }
	div.project p { padding:0px 0 10px 0; margin:0; }

div.right { width:230px; float:right;}
	div.right img { margin:15px 0 0 0;}

div#left2 div.project { margin:0 20px 15px 0; }

#left img.clientPic { clear:both; border:2px solid #F8F8F8; padding:2px; }
h4 { font-size:100%; margin:0 0 0 3px; color:#212020; padding:0; width:60%; }




ul.project { width:100%; margin:15px 0 0 0; padding:0;}
	ul.project li { list-style:none; float:left; }
	ul.project li a:link, ul.project li a:visited { border:0; margin:0 5px 0 3px; color:#939393; padding:14px; width:160px; height:13em; display:block; }
	ul.project li:hover, ul.project li:hover { background:#f5f5f5;}
	ul.project li.right { float:right;}
	ul.project li.right a:link, ul.project li.right a:visited { margin:0 0 0 0;}
	ul.project li a:link strong, ul.project li a:visited strong  { font-weight:normal; display:block; font-size:120%; color:#000000; padding:0 !important}
	ul.project li a:link span, ul.project li a:visited span { display:block; margin:73px 0 0 0; font-style:italic; padding:0  !important }


	ul#projectNav { list-style:none; text-align:right; margin:3px 26px 0 0; clear:both; padding:0; font-size:95%; }
	ul#projectNav li a:link, ul#projectNav li a:visited { color:#494949; display:block; }
	ul#projectNav li a:hover { color:#000000; }
	ul#projectNav li a img.ico { margin:0 3px 0 10px; }
	ul#projectNav li.active a:link, ul#projectNav li.active a:visited { color:#000000 !important}
	img.sel { float:right; margin:0 30px 5px 0; }
	
	div#projectTop { background:url("../images/arka.gif"/*tpa=http://projects.lanfusion.com/images/navTop.png*/) top left no-repeat; width:100% ; height:17px ; }
div#projectBot { background:url("../images/arka.gif"/*tpa=http://projects.lanfusion.com/images/navBot.png*/) top left no-repeat; width:100% ; height:17px ; }

#projectFlash { margin:2px 0 0 0; }

#homeFlash { display:block; margin:0 0 20px 0; }
.arrowPort { background:url("../images/arrowPort.png"/*tpa=http://projects.lanfusion.com/images/arrowPort.png*/) top right no-repeat; width:26px; height:16px; float:left; margin:10px 6px 0 30px; }	
	
p.testimonial, div.testimonial { background:url("../images/quote.png"/*tpa=http://projects.lanfusion.com/images/quote.png*/) top left no-repeat; padding:5px 0 0 16px; color:#7f7f7f; font-style:italic; width:93%; margin:0; }
p.testimonial br, div.testimonial br { display:block !important}
div.testimonial span { float:right; font-style:normal; }
div.testimonial span em { font-style:italic; }


p.sideTestimonial { background:url("../images/quote.png"/*tpa=http://projects.lanfusion.com/images/quote.png*/) top left no-repeat; color:#7f7f7f; font:"Comic Sans MS"; width:93%; margin:0; padding:13px 0; font-size:11px; }
p.sideTestimonial em { font-style:normal; text-align:right; display:block; padding:6px 0 0 0; color:#575757; }

center { width:100%; display:block; }

img.clientThumb { margin:2px 8px 5px 0; padding:2px; border:1px solid #dddddd; }
	
	
a.launchLink { color:#999999; font-size:85%; margin:3px 0 33px 0; width:100%; text-align:center; display:block; border:0; }	
a.launchLink:hover { border:0; }	

img.launchBtn { margin:29px 0 0 13px; }	
img.devBtn { margin:0px 0 33px 0; }	
	
	
.big { font-size:120% !important }	
.big2 { font-size:100% !important }	


}	
	
#featured { background:#f7f7f7 url("../images/featuredBg.png"/*tpa=http://projects.lanfusion.com/images/featuredBg.png*/) top left no-repeat; color:#686868; padding:22px 10px 10px 10px;} 	
	#featured div { float:left; margin:0 10px 0 0; } 	
	#featured h4 { font-size:130%; color:#000000; padding:0; margin:0 0 5px 0; line-height:115%; display:inline; } 	
	#featured p { margin:0; padding:0;	}
	#featured a:link, #featured a:visited { text-decoration:underline; } 	
	
	
	
	
	
	
	
	
	
	
	
	
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { visibility: hidden; letter-spacing: -2px; font-size: 26px; margin:0px 0 0px 0; padding:0 0 5px 0; border-bottom:1px solid #b4b4b4; }
.sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -2px; color: #8d8d8d; font-size: 13px; margin:0px 0 0px 0; padding:0 0 5px 0; border-bottom:0px solid #b4b4b4; }


.navProjects { background: url("../images/navProjectsO.png"/*tpa=http://projects.lanfusion.com/images/navProjectsO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:27px; width:155px; }
.navProjects:hover, #nav a.active  { background-position:0 -27px; }

.navContact { background: url("../images/navContactO.png"/*tpa=http://projects.lanfusion.com/images/navContactO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:27px; width:155px; }
.navContact:hover, #nav a.active  { background-position:0 -27px; }

.navServices { background: url("../images/navServicesO.png"/*tpa=http://projects.lanfusion.com/images/navServicesO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:27px; width:155px; }
.navServices:hover, #nav a.active  { background-position:0 -27px; }

.navAbout { background: url("../images/navAboutO.png"/*tpa=http://projects.lanfusion.com/images/navAboutO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:27px; width:155px; }
.navAbout:hover, #nav a.active  { background-position:0 -27px; }

.navHome { background: url("../images/navHomeO.png"/*tpa=http://projects.lanfusion.com/images/navHomeO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:27px; width:155px; }
.navHome:hover, #nav a.active  { background-position:0 -27px; }

.servicesThree {background: url("../images/websitePackOver.png"/*tpa=http://projects.lanfusion.com/images/websitePackOver.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesThree:hover { background:url("../images/websitePackOver.png"/*tpa=http://projects.lanfusion.com/images/websitePackOver.png*/) 0 -49px;}

.servicesOne {background: url("../images/customAppO.png"/*tpa=http://projects.lanfusion.com/images/customAppO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesOne:hover { background:url("../images/customAppO.png"/*tpa=http://projects.lanfusion.com/images/customAppO.png*/) 0 -49px;}

.servicesTwo {background: url("../images/eCommO.png"/*tpa=http://projects.lanfusion.com/images/eCommO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesTwo:hover { background:url("../images/eCommO.png"/*tpa=http://projects.lanfusion.com/images/eCommO.png*/) 0 -49px;}

.servicesFour {background: url("../images/socialHeadO.png"/*tpa=http://projects.lanfusion.com/images/socialHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesFour:hover { background:url("../images/socialHeadO.png"/*tpa=http://projects.lanfusion.com/images/socialHeadO.png*/) 0 -50px;}
	
.servicesFive {background: url("../images/databaseHeadO.png"/*tpa=http://projects.lanfusion.com/images/databaseHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesFive:hover { background:url("../images/databaseHeadO.png"/*tpa=http://projects.lanfusion.com/images/databaseHeadO.png*/) 0 -49px;}	

.servicesSix {background: url("../images/userManHeadO.png"/*tpa=http://projects.lanfusion.com/images/userManHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesSix:hover { background:url("../images/userManHeadO.png"/*tpa=http://projects.lanfusion.com/images/userManHeadO.png*/) 0 -49px;}

.servicesSeven {background: url("../images/seoHeadO.png"/*tpa=http://projects.lanfusion.com/images/seoHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesSeven:hover { background:url("../images/seoHeadO.png"/*tpa=http://projects.lanfusion.com/images/seoHeadO.png*/) 0 -50px;}

.servicesEight {background: url("../images/blogHeadO.png"/*tpa=http://projects.lanfusion.com/images/blogHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesEight:hover { background:url("../images/blogHeadO.png"/*tpa=http://projects.lanfusion.com/images/blogHeadO.png*/) 0 -50px;}

.servicesNine {background: url("../images/corpHeadO.png"/*tpa=http://projects.lanfusion.com/images/corpHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.servicesNine:hover { background:url("../images/corpHeadO.png"/*tpa=http://projects.lanfusion.com/images/corpHeadO.png*/) 0 -50px;}


.aboutHead {background: url("../images/aboutHeadO.png"/*tpa=http://projects.lanfusion.com/images/aboutHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.aboutHead:hover { background:url("../images/aboutHeadO.png"/*tpa=http://projects.lanfusion.com/images/aboutHeadO.png*/) 0 -50px;}


.philosophyHead {background: url("../images/philosophyHeadO.png"/*tpa=http://projects.lanfusion.com/images/philosophyHeadO.png*/) 0 0 no-repeat; text-decoration:none; color:#663300; display:inline-block; text-indent:-2000px; height:50px; width:500px;}
.philosophyHead:hover { background:url("../images/philosophyHeadO.png"/*tpa=http://projects.lanfusion.com/images/philosophyHeadO.png*/) 0 -50px;}

h3.toggler { }
div.element p { }



// MooTools Accordion

#accordion {
	margin:20px 0px;
}

h3.toggler {
	color: #528CE0;
	cursor:pointer;
}

div.element h1 {
	padding:5px;
	font-size:1.0em;
	text-transform:uppercase;
	margin: 10px 0 5px 0;
	color:#333;
	font-weight:bolder;
	letter-spacing: -0.08em;
}

div.element p, div.element h4 {
	margin:0px;
	padding:5px;
}

blockquote {
	padding:5px 20px;
}

.yazi{font:"Comic Sans MS"
font-size:11px;
color:#000000;
background:url(../images/arka.png);
width:200px;
height:20px;

}
.alt{font:"Comic Sans MS"
font-size:14px;
color:#000000;
background-color:#000000;
color:#FFFFFF;
}
.yazi1{font:"Comic Sans MS"
font-size:11px;
color:#FFFFFF;
margin-left:30px;
margin-top:10px;
margin-bottom:10px;
background-color:#000000;
color:#FFFFFF;

}

.yazialti{font:"Comic Sans MS"
font-size:14px;
margin-left:8px;
}

.tel{font:"Comic Sans MS"
font-size:14px;
color:#9a65f9;
}

.altyazi{font:"Comic Sans MS"
font-size:12px;
color:#000000;
}
.referans{font:"Comic Sans MS"
font-size:25px;
font-size:14px;
margin-left:17px;
color:#000000;
margin-top:15px;

}
.icerik{font:"Comic Sans MS"
font-size:14px;
margin-left:20px;
margin-top:15px;
margin-bottom:15px;

color:#000000;

}
.alttaraf hover {font:"Comic Sans MS"
font-size:12px;
color:#EEEEEE;
}
.li{
margin-left:30px;
margin-top:20px;
font:"Comic Sans MS";
color:#000000;
}
.table{font:"Comic Sans MS"
font-size:14px;
margin-left:40px;
margin-top:15px;
}
a:link{
	font:"Comic Sans MS";
	color:#000000;
}
a:hover{
	font:"Comic Sans MS";
	color:#00a4c1;
}
#hizmetlerimiz ul li{
list-style-image:url(../images/arrowA.png);
}
.baslik{
	font:"Comic Sans MS";
	color:#000000;
	font-size:10px;
}