/***** RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;
	vertical-align: baseline;*/
	background: transparent;
}
html, body {height:100%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
textarea {overflow:auto;}

/***** REUSABLE CLASSES *****/
.fullW {width:100%;}
.fullH {height:100%;}
.vMid {vertical-align:middle;}
.noWrap {white-space:nowrap;}
.noBord, .imgInp {border:none;}
.numInput {text-align:right;}
.center {text-align:center;}
.curPtr {cursor:pointer;}
.noDisp, .hide {display:none;}
.fltRt {float:right;}
.fltLt {float:left;}
.aiho:hover img {filter: alpha(opacity=85);opacity: 0.85;}
.clearfloat {clear: both;height: 0;font-size: 1px;line-height: 0px;}
.clearfix:after {display: block;height: 0;clear: both;visibility: hidden;content: ".";}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******** END BASE *******/

.msg-ok{background:#efe url(../images/icons/ok.png) 6px 6px no-repeat; padding: 10px 10px 10px 37px; border: solid 2px #aca; color: #371;  -moz-border-radius:3px; }
.msg-info{background:#eef url(../images/icons/info.png) 6px 6px no-repeat; padding: 10px 10px 10px 37px; border: solid 2px #aac; color: #159;  -moz-border-radius:3px; }
.msg-warn{background:#ffe url(../images/icons/warn.png) 6px 6px no-repeat; padding: 10px 10px 10px 37px; border: solid 2px #cca; color: #761;  -moz-border-radius:3px;}
.msg-err{background:#fee url(../images/icons/err.png) 6px 6px no-repeat; padding: 10px 10px 10px 37px; border: solid 2px #caa;color: #733; -moz-border-radius:3px;  }


/************************** HighSlide **************************/

.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px 5px;
    color: #fff;
	background:#B33D9B;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(../highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/******************* END HighSlide ***********************/


/*

NETTE Internet Technologies
http://www.nette.com.tr

Client  :	Tokaç Reklam - http://www.tokacreklam.com.tr
Author  : 	Nette IT
Created : 	26/06/2010

*/

body{ margin:0; color:#333; font:12px/18px Tahoma !important; background:url(../images/bg.jpg) top center no-repeat; }

.fl { float:left; }
.fr { float:right; }

.mb-10 { margin-bottom:10px;}
.mb-20 { margin-bottom:20px;}

.mr-10 { margin-right:10px;}
.mr-20 { margin-right:20px;}

.ml-10 { margin-left:10px;}
.ml-20 { margin-left:20px;}
.ml-25 { margin-left:25px;}
.ml-30 { margin-left:30px;}

.mt-5 { margin-top:5px;}
.mt-10 { margin-top:10px;}
.mt-20 { margin-top:20px;}

.tac { text-align:center; }
.tar { text-align:right; }

.myclear { clear: both;}

.wrapper { width:980px; margin:0 auto; }

.w-980 { width:980px;}
.w-930 { width:930px;}
.w-605 { width:605px;}
.w-330 { width:330px;}
.w-300 { width:300px;}
.w-290 { width:290px;}
.w-180 { width:180px;}
.w-20 { width:20px;}

/*	Start HEADER	*/

#top { float:left; width:980px; height:160px; }

	#logo { float:left; width:980px; height:70px; text-indent:-9999px; }
		#logo a { display:block; width:320px; height:70px; }

#navigation { float:left; width:712px; height:50px; padding-left:268px; }
	
	#navigation ul { float:left; cursor:pointer; display:inline;}
	#navigation li { float:left; cursor:pointer; display:inline; position: relative; }
	#navigation li a { float:left; display: block; height:50px; text-indent:-9999px; background-image:url(../images/navigation.png); background-repeat:no-repeat; }    
    
	li.n-home a { width:111px; }
	li.n-home a:hover , li.n-home a.current { background-position:0 -50px; }
	
	li.n-about a { background-position:-111px 0; width:107px; }
	li.n-about a:hover , li.n-about a.current { background-position:-111px -50px; }
	
	li.n-service a { background-position:-218px 0; width:110px; }
	li.n-service a:hover , li.n-service a.current, li.n-service:hover a { background-position:-218px -50px; }
	
	li.n-reference a { background-position:-328px 0; width:122px; }
	li.n-reference a:hover , li.n-reference a.current { background-position:-328px -50px; }
	
	li.n-client a { background-position:-450px 0; width:160px; }
	li.n-client a:hover , li.n-client a.current { background-position:-450px -50px; }
	
	li.n-contact a { background-position:-610px 0; width:92px; }
	li.n-contact a:hover , li.n-contact a.current { background-position:-610px -50px; }
	
#navigation .nav-drop { float:left; width:185px; padding:16px 0 10px 15px; background:#2C0049 url(../images/nav-drop.png) no-repeat; display: none; position: absolute; left: 0; top: 50px; z-index: 999;}
	
	#navigation .nav-drop li { float:left; width:170px !important; display:inline; border-bottom:1px solid #421A5C !important; background: none; }
	#navigation .nav-drop li a { height: auto; text-indent: 0; width:155px !important; display:block !important; padding:3px 0 3px 15px !important; color:#FFF; background:url(../images/nav-arrow.gif) no-repeat; }
    #navigation li:hover ul { display: inherit; }

	
/*	Finish HEADER	*/


/*	Start FOOTER	*/

#footer { height:150px; background:url(../images/footer.png) no-repeat center bottom; color:#FFF; }
	
	#footer-wrapper { width:980px; margin:0 auto; }

	#footer-copyright { float:left; width:300px; padding:124px 0 0 120px; font:11px Tahoma;  }
	
	#footer-address { float:right; width:550px; height:25px; padding-top:85px; text-align:right; }
		
	#nette { float:right; width:50px; height:40px; }
		#nette a { float:left; display:block; width:50px; height:40px; text-indent:-9999px; }


/*	Finish FOOTER	*/


/*	Start HOME PAGE	*/

.cf-service { float:left; width:330px; }
	
	.cf-service ul { float:left; width:330px; border-top:1px dotted #F1E0E9; }
	.cf-service li { float:left; width:310px; border-bottom:1px dotted #F1E0E9; display:inline; background:url(../images/bg-service.png) no-repeat; padding-left:20px; }
	.cf-service li:hover , .cf-service li.current { background:url(../images/bg-service.png) no-repeat 0 -100px; }
	
		.cf-service li a { display:block; color:#F60; font-size:16px; padding:6px 0 5px 0; _padding:5px 0 3px 0; }
		.cf-service li a:hover , .cf-service li.current a { color:#B3409E; text-decoration:none;  }
		
.service-list { width:300px !important; }
	
	.service-list ul { width:300px !important; border-top:none; }
	.cf-service li { width:280px; }


/*	Finish HOME PAGE	*/


/*	Start SUB PAGE	*/

.cf-title { width:955px; height:39px; padding:11px 0 0 25px; _padding:8px 0 3px 25px; background:url(../images/page-title.png) no-repeat; color:#510746; font-size:30px; letter-spacing:-2px; font-weight:normal; }

.cf-subtitle { height:20px; padding:0 0 10px 0; _padding:0 0 2px 0; margin:0 0 10px 0; border-bottom:1px dotted #E1E1E1; color:#F60; font-size:26px; letter-spacing:-1px; font-weight:normal; }

#sub-wrapper { float:left; width:955px; min-height:500px; padding:25px 0 20px 25px; background:#FFF url(../images/sub-wrapper.png) no-repeat; }

.portfolio { float:left; width:620px; }
	.portfolio ul { float:left; width:620px; }
	.portfolio li { float:left; width:190px; height:145px; display:inline; margin-right:15px; }
	.portfolio li img { width:180px; height:120px; padding:4px; border:1px solid #E2D9DD; background:#FBF6F8; }
	.portfolio li img:hover { padding:1px; border:4px solid #C77E9B; }
	
.references { float:left; width:930px; }
	
	.references ul { float:left; width:930px; }
	.references li { float:left; width:890px; height:150px; padding:0 40px 10px 0; margin-bottom:10px; display:inline; border-bottom:1px dotted #CCC; background:url(../images/detail/ref.png) no-repeat; }
	.references li:hover { background:url(../images/detail/ref.png) no-repeat 0 -200px; }
	
	.references li div { float:left; width:210px; height:110px; margin:20px 40px 0 20px; background: #FFf9dA; text-align: center; }
	
	.references h3 { float:left; width:620px; height:40px; color:#A71F8C; font-size:26px; padding-top:8px; font-weight:normal; letter-spacing:-1px; }
	
.client-book { float:left; width:605px; }
	
	.client-book ul { float:left; width:605px; }
	
	.client-book li { float:left; width:540px; padding:0 0 10px 65px; margin-bottom:10px; display:inline; border-bottom:1px dotted #CCC; background:url(../images/detail/client.png) no-repeat; }
	.client-book li:hover { background:url(../images/detail/client.png) no-repeat 0 -300px; }
	
	.client-book p { float:left; width:540px; color:#A71F8C; font-size:17px; padding-top:3px; letter-spacing:-1px; }
	.client-book span { font:11px/17px Tahoma; }
	
.client-comment { float:left; width:605px; }

/*	Finish SUB PAGE	*/



/*	Start CONTACT	*/


.contact a { color:#000; }
.contact a:hover { color:#999; }

.contact-input { width:306px; border:1px solid #D3CED0; background:url(../images/detail/input-bg.png) no-repeat; padding:6px; font:12px Tahoma; }
.contact-input:focus , .contact-select:focus { border:1px solid #C77E9B; background:#FBF6F8; }

.contact-select { width:320px; border:1px solid #D3CED0; background:url(../images/detail/input-bg.png) no-repeat; padding:6px; font:12px Tahoma; }

.contact-button { width:120px; border:none; background:url(../images/detail/button-bg.png) repeat-x; padding:8px 0; font:bold 12px Tahoma; color:#FFF; }
.contact-button:hover { background:url(../images/detail/button-bg.png) repeat-x 0 -50px; }

/*	Finish CONTACT	*/


.hr-7{ height:7px; background:url(../images/dot.gif) left center repeat-x;}
.hr-11{ height:11px; background:url(../images/dot.gif) left center repeat-x;}
.hr-13 { height:13px; background:url(../images/dot.gif) left center repeat-x;}
.hr-15 { height:15px; background:url(../images/dot.gif) left center repeat-x;}
.hr-21 { height:21px; background:url(../images/dot.gif) left center repeat-x;}
.hr-31 { height:31px; background:url(../images/dot.gif) left center repeat-x;}
.hr-41 { height:41px; background:url(../images/dot.gif) left center repeat-x;}

.t-12 { font:12px/17px Arial; color:#000; }

.img-brd { border:1px solid #D3CED0; padding:4px; background:#FFF;}


/*	Start LINKS */

a { color:#B3409E; text-decoration:none;  }
a:hover { color:#F60; text-decoration:underline; }

/*	Finish LINKS */


/*	Start PAGINATION */

.pagination { float:left; }
	.pagination ul { float:left; }
	.pagination li { float:left; display:inline;  }

	.pagination li a { float:left; font:bold 12px Tahoma; color:#FFF; padding:6px 10px; margin-right:5px; background:url(../images/detail/button-bg.png) repeat-x 0 -50px; text-align:center; }
	.pagination li a:hover , .pagination li a.current { color:#FFF; background:url(../images/detail/button-bg.png) repeat-x; text-decoration:none; }

/*	Finish PAGINATION */

#breadcrumb { float:left; width:968px; font:10px Arial; color:#000; padding-left:12px; margin:-7px 0 6px 0; background:url(../images/breadcrumb.gif) no-repeat; }
	#breadcrumb a { color:#777; }
	#breadcrumb a:hover { color:#000; }

.error{ color: #c00;}
label.error{display: block; }


/********************
 * FEATURE CAROUSEL *
 ********************/
#featureCarousel {
    height: 370px;
    width:980px;
    position:relative;
    /*float: left;*/
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    border:10px solid white;
    cursor:pointer;
}
#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    width:100%;
}
#featureCarousel .feature > div p {
    margin:0;
    padding:5px;
    font-weight:bold;
    font-size:12px;
    color:white;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:30px;
    top:260px;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
    margin:3px;
    height:8px;
    width:8px;
    color:#ddd;
    text-align:center;
    font-size:12px;
    font-family: cursive;
    font-style: italic;
    background-color: #aaa;
}
#featureCarousel .blipsContainer .blipSelected {
    color:#fff;
    font-weight:bold;
    background-color: #fff;
}
/*************************
 * END: FEATURE CAROUSEL *
 ************************/
 
 /*
 * references CAROUSEL
 */
#references{
    width: 300px;
    height: 205px;
    display: block;
    background: url(../images/ref-arka.gif) left top no-repeat;
}

#references div.ust{
    width: 300px;
    height: 165px;
    display: block;
}
#references div.ust a.prev{
    float: left;
    width: 50px;
    height: 165px;
    display: block;
    background: url(../images/ref-arrow.gif) no-repeat -102px 0;
}
#references div.ust a.prev:hover{
    background-position: 0 0;
}
#references div.ust a.next{
    float: left;
    width: 50px;
    height: 165px;
    display: block;
    background: url(../images/ref-arrow.gif) no-repeat -153px 0;
}
#references div.ust a.next:hover{
    background-position: -51px 0;
}
#references div.alt{
    padding-top: 4px;
    width: 300px;
    height: 36px;
    display: block;
    text-align: center;
    font: bold 22px Arial;
    color: #bb6700;
}
#references div.ust div.refs{
    float: left;
    width: 180px;
    height: 120px;
    display: block;
    margin: 20px 10px 25px 10px;
    overflow: hidden;
}
#references div.ust div.refs li{
    width: 180px;
    height: 120px;
    display: block;
}
/*
 * references CAROUSEL
 */