/*  CSS Document for Creative Business */
/*
******************************************************************************************************

Title:			main.css
Browser(s):	All 

Author:		Marko Prljić (http://www.markoprljic.iz.hr)
Created:		15.12.2008

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/



* {
	margin:0 auto 0 auto;/* GLOBAL RESET */
	padding:0;
}
body{
	margin:0 auto 0 auto;
	font-size:62.5%;
	font-family:Arial, Sans-Serif;/*change font*/
	line-height:150%;
	color:#333;/*change font color*/
	background:#f5f5f5;/*background color*/
}

div, p, ul, h2, h3, h4, img{
	padding:0px;margin:0px;border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both;
	font-size:0px;
	line-height:0px;
}

a  {outline:none;/* Remove Firefox's dotted borders */ text-decoration:none;color:#1e92c2;padding:0;margin:0;}
a img  {border:none;} /* Remove IE's blue borders */
a:hover {color:#000;}

txt a {color:#1e92c2;}
txt a:hover()

h1 {border:none;margin:10px 0 0 0;padding:0;}
h2 {clear:both;font-size:1.8em;line-height:1.2em;font-weight:normal;border:none;margin:0 0 10px 0;padding:0 0 10px 0;color:#333;border-bottom:1px solid #ccc;}
h3 {font-size:2.6em;line-height:1.2em;font-weight:normal;border:none;margin:0 0 10px 10px;padding:0 10px;color:#f17e01;}
h4 {font-size:1.6em;border:none;margin:0;padding:0;color:#fff;}
h5 {font-size:1.8em;line-height:1.2em;border:none;color:#1e92c2;margin:0;padding:5px 0;font-weight:normal;}
h6 {font-size:2.6em;line-height:1em;font-weight:normal;border:none;width:320px;margin:0 0 20px 0;padding:0;float:right;}
p  {font-size:1.2em;padding:0 10px 15px 0;line-height:1.4em;}
.small  {font-size:1.1em;padding:0;line-height:1.4em;}
.big {font-size:2.2em;padding:0;line-height:1.4em;color:#666666;}
.white {font-size:1.2em;padding:0 10px 0 0;line-height:1.4em;color:#fff;}
.heading {font-size:1.4em;font-weight:normal;border:none;margin:0;padding:0;}
.hr {border-bottom:1px solid #CCCCCC;border-left:none;border-right:none;border-top:none;margin:5px 0 10px 0;}
.left {float:left;}
.left_margin_right {float:left;margin:0 10px 50px 0;font-size:1.2em;}
.left_margin_right_top {float:left;margin:4px 10px 0 0;}
.right {float:right;}
.right_margin_top {float:right;margin:-50px 0 0 0;}
.right_margin_right {float:right;margin:0 20px 0 0;}
/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

.center{width:960px;height:100%;padding:0;margin:0 auto;}

/*------------------------------CONTENT--------------------------------*/

/*HEADER*/

#header {width:100%;height:321px;background:transparent url(../tr/images/bg_header.jpg) top left repeat-x;}
#header_holder {width:960px;height:321px;background:transparent url(../tr/images/img_header.jpg) top center no-repeat;}

#header_holder #langholder {margin:0;padding:10px 10px 0 0;font:normal 9px Tahoma;text-align:right;}
#header_holder #langholder a {color:#b8eaff;text-decoration:none;}
#header_holder #langholder a:hover {color:#fff;} 
#header_holder #langholder a.english {background:url(../tr/images/icon_english.gif) no-repeat 100% 50%;padding-right:20px;}
#header_holder #langholder a.turkish {background:url(../tr/images/icon_turkish.gif) no-repeat 100% 50%;padding-right:20px;}


/*NAVIGATION*/

#nav ul {margin:10px 0 0 0;padding:0;list-style:none;float:right;}
#nav ul li,
#nav ul li a {float:left;display:block;}
#nav ul li a {margin:15px 8px 0 8px;padding:5px;font-size:1.4em;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;}
#nav ul li a:hover,
#nav ul li a.selected {background-color:#23ade6;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;}

/*FOOTER NAVIGATION*/

#f_nav a {color:#b8eaff;}
#f_nav a:hover {color:#fff;}
#f_nav a.rss {background:url(../tr/images/icon_rss.png) no-repeat 0 50%;padding-left:17px;}
#f_nav ul {margin:0 0 10px 0;padding:0;list-style:none;float:left;}
#f_nav ul li,
#f_nav ul li a {float:left;display:block;}
#f_nav ul li a {margin:5px 5px 0 5px;padding:5px;font-size:1.1em;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;}
#f_nav ul li a:hover,
#f_nav ul li a.selected {background-color:#23ade6;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;}

/*Teaser with headings and icons*/
#teaser {width:960px;height:180px;background:transparent url(../tr/images/bg_teaser.png) top left repeat;margin:-180px 0 0 0;}
.teaser_box  {width:200px;padding:10px;margin:0 10px 0 10px;color:#fff;font-size:1em;float:left;display:inline;overflow:hidden;}
.teaser_header {display:block;font-size:1.8em;line-height:1.2em;font-weight:normal;border:none;width:610px;margin:0;padding:5px 0 15px 0;color:#fff;}
.teaser_box p  {font-size:1.2em;padding:0;line-height:1.4em;}/**/
.teaser_box ul  {padding:0;margin:0;}
.teaser_box ul li {list-style-image:none;background-image:url(../tr/images/ico_li.png);background-repeat:no-repeat;background-position:0 2px;padding:0 0 5px 20px;font-size:1.1em;line-height:1.2em;}

.more {float:right;width:74px;height:20px;display:block;overflow:hidden;padding:6px 0 0 13px;margin:5px 0 0 0;color:#006ea1;font-size:0.9em;background:transparent url(../tr/images/button_more.png) no-repeat;}
.more_left {float:left;width:74px;height:20px;display:block;overflow:hidden;padding:6px 0 0 13px;margin:10px 0 0 0;color:#006ea1;font-size:0.9em;background:transparent url(../tr/images/button_more.png) no-repeat;}
.view_left {float:left;width:74px;height:20px;display:block;overflow:hidden;padding:6px 0 0 18px;margin:10px 0 0 0;color:#006ea1;font-size:0.9em;background:transparent url(../tr/images/button_more.png) no-repeat;}

/*MAIN CONTENT*/

.main {width:100%;background:transparent url(../tr/images/bg_main.jpg) top left repeat-x;padding:0;margin:0;}
.main_wrapper {width:960px;height:100%;padding:20px 0 20px 0;margin:0;}

.welcome{width:160px;display:block;text-indent:-9999px;line-height:4em;float:left;margin:0 0 10px 0;background:url(../tr/images/welcome.png) top left no-repeat;}
.news_events{width:220px;display:block;text-indent:-9999px;line-height:2em;float:right;margin:10px 20px 0 0;background:url(../tr/images/latest_news.png) top left no-repeat;}

.separator_top {width:960px;height:21px;background:transparent url(../tr/images/sep_top.png) top center no-repeat;}
.separator_mid {width:960px;height:21px;background:transparent url(../tr/images/sep_mid.png) top center no-repeat;margin:10px 0 0 0;}
.separator_bot {width:960px;height:21px;background:transparent url(../tr/images/sep_bot.png) top center no-repeat;}

.intro {width:100%;margin:0 0 40px 0;}
.tagline {margin:0 0 20px 30px;}

.box p#personal {float:left;width:125px;font-size:11px;margin:0;padding:0 20px 20px 20px;text-align:center;}
.box p#personal img {border:1px solid #b6b6b6;}
#screenshot {position:absolute;width:300px;font-size:11px;border:3px solid #0e6189;background:#178ab9;padding:10px;display:none;color:#fff;}
#screenshot img {float:left;margin:0 10px 10px 0;padding:0;}


/*individual content holder*/
.box_full {width:960px;height:100%;padding:0;border:none;}

.box {width:700px;height:100%;padding:10px 19px 10px 20px;float:left;border-right:1px solid #b6b6b6;border-left:none;border-bottom:none;border-top:none;}
.box a.read_more{float:right;color:#006ea1;font-style:italic;font-size:1.1em;margin:20px 20px 20px 0;}
.box img.right {float:right;background:#fff;border:1px solid #ddd;margin:5px 0 15px 15px;padding:8px;}
.box img.left {float:left;background:#fff;border:1px solid #ddd;margin:5px 15px 15px 0;padding:8px;}
.box img.middle {float:none;background:#fff;border:1px solid #ddd;margin:15px 0;padding:8px;}
.box ul {margin:0;padding:0 0 15px 20px;list-style-type:none;}
.box ul li {list-style-image:none;background-image:url(../tr/images/ico_li.png);background-repeat:no-repeat;background-position:0 5px;padding:2px 0 5px 25px;font-size:1.2em;line-height:1.4em;}
.box ul li ul {margin:0;padding:10px;list-style-type:none;}
.box ul li ul li {list-style-image:none;background-image:url(../tr/images/icon_li_sub.gif);background-repeat:no-repeat;background-position:0 5px;padding:0 0 2px 12px;font-size:1em;line-height:1.4em;}

.box_2 {width:195px;height:100%;float:right;padding:10px 10px 10px 15px;display:inline;overflow:hidden;}
.box_2 a {color:#333;}
.box_2 a:hover {color:#1e92c2;}
.box_2 a.read_more{display:block;color:#006ea1;font-style:italic;font-size:1.1em;margin:6px 0 15px 0;text-align:right;}
.box_2 p {margin:0;padding:10px 0 5px 15px !important;}
.box_2 blockquote {background:url(../tr/images/icon_quote.png) no-repeat 10px 0;color:#7C7C7C;line-height:1.3em;font-style:italic;font-size:1.1em;margin:0;padding:0 0 0 15px;}
.box_2 div#testimonials-nav {width:110px;font-size:1.1em;margin:0 0 0 15px !important;padding:10px 0 0 0 !important;}
.box_2 div#testimonials-nav a {display:block;background:#c00;color:#fff;padding:2px 8px;}
.box_2 div#testimonials-nav a:hover {background:#23ade6;}
.box_2 div#testimonials {width:195px;margin:0;padding:0;}
.box_2 div#testimonials div {width:185px;margin:0;padding:0;}

.box_3 {width:300px;height:100%;float:left;padding:10px 10px;display:inline;overflow:hidden;}
.box_3 img {padding:0 5px 0 10px;}
.box_3 ul {margin:0;padding:0 0 15px 5px;list-style-type:none;}
.box_3 ul li {list-style-image:none;background-image:url(../tr/images/icon_li_sub.gif);background-repeat:no-repeat;background-position:0 5px;padding:0 0 2px 12px;font-size:1.1em;line-height:1.4em;}

.services{width:160px;display:block;text-indent:-9999px;line-height:3em;margin:20px 0 10px 0;background:url(../tr/images/services.png) top left no-repeat;}
.featured{width:160px;display:block;text-indent:-9999px;line-height:3em;margin:20px 0 10px 0;background:url(../tr/images/featured.png) top left no-repeat;}
.proposal{width:171px;display:block;text-indent:-9999px;line-height:3em;margin:20px 0 10px 0;background:url(../tr/images/proposal.png) top left no-repeat;}

ul.listing {padding:10px 20px;margin:0;}
ul.listing li {list-style-image:none;background-image:url(../tr/images/ico_li.png);background-repeat:no-repeat;background-position:0 4px;padding:0 0 5px 25px;font-size:1.2em;line-height:1.4em;}

.stroke_main{display:block;border:2px solid #b6b6b6;margin:20px 0 0 0;padding:0;}
.stroke_footer{display:block;border:2px solid #fff;margin:0 10px 10px 0;padding:0;float:left;}


/*COLUMN*/

div.box_2 h1 {clear:both;color:#ff6600;font:bold 1.5em Arial, Tahoma, Verdana;padding:0 0 0 15px;margin:0;}
div.box_2 p  {font-size:1.1em;margin:0;padding:0 15px;}
div.box_2 ul#rightmenu  {margin:0;padding:15px 0 15px 0;}
div.box_2 ul#rightmenu li {font-size:1.1em !important;background:url(../tr/images/ico_li.png) 15px 4px no-repeat;list-style:none;color:#000;margin:0;padding:2px 15px 2px 35px;}
div.box_2 ul#rightmenu li a {display:block;height:auto !important;height:1%; /*For IE*/font-size:1.1em !important;color:#1e92c2;text-decoration:none;margin:0 0 3px 0;padding:0;}
div.box_2 ul#rightmenu li a:hover {text-decoration:none;color:#ff6600;}
div.box_2 ul#rightmenu li a.on {color:#000;text-decoration:none;margin:0 0 3px 0;padding:0;}

div.box_2 ul#blogmenu  {margin:0;padding:10px 0;}
div.box_2 ul#blogmenu li {font-size:1.1em !important;background:url(../tr/images/ico_news.png) 15px 0 no-repeat;list-style:none;color:#000;margin:0;padding:0 10px 8px 35px;}
div.box_2 ul#blogmenu li a {display:block;height:auto !important;height:1%; /*For IE*/font-size:1.1em !important;color:#1e92c2;text-decoration:none;margin:0 0 3px 0;padding:0;}
div.box_2 ul#blogmenu li a:hover {text-decoration:none;color:#ff6600;}
div.box_2 ul#blogmenu li a.on {color:#000;text-decoration:none;margin:0 0 3px 0;padding:0;}


/*BLOG*/

.ClearBoth {position:relative;clear:both;height:1px;overflow:hidden;margin:0;}

div#pagination {width:100%;text-align:center ;}
div#pagination p {text-align:center;padding:10px 0 0 0;color:#666;border-top:1px dotted #666;}

div.PostTime {float:left;height:45px;width:42px;padding:0 15px 10px 0;margin:0;background:url(../tr/images/bg_posttime.gif) no-repeat;text-align:center;color:#000;}
div.PostTime strong {display:block;line-height:9px;font-family:'Verdana';}
div.PostTime .day {font-size:16px;line-height:14px;letter-spacing:-1px;padding-top:19px;font-family:'Arial';}
div.PostTime .month {font-size:10px;}
div.PostTime .year {padding-top:1px;font-weight:normal;}

div.PostHead {float:left;}
div.PostHead h2 {color:#000;width:580px;font:normal 2em Arial, Verdana, Tahoma;padding:0 0 3px 0;margin:0;text-decoration:none;border:none;background:none;}
div.PostHead h2 a {color:#1e92c2;font:normal 1em Arial, Verdana, Tahoma;padding:0 0 7px 0;margin:0;text-decoration:none;border:none;}
div.PostHead h2 a:hover{text-decoration:underline;}

p.tags{font-size:1.1em;color:#000;padding:0 0 15px 0;margin:0;border:none;}
p.tags a, p.tags a:active {color:#666;}
p.tags a:hover {color:#1e92c2;text-decoration:underline;}
p.tags a.tagitem {padding-right:10px;}
p.tags a.print{background:url(../tr/images/icon_print.gif) 2px 0 no-repeat;padding-left:22px;}
p.tags a.email{background:url(../tr/images/icon_mail.gif) 2px 3px no-repeat;padding-left:22px;}
p.more a {color:#1e92c2;text-decoration:none;}
p.more a:hover {text-decoration:underline;}

p.infoline {clear:both;padding-bottom:15px;margin-bottom:15px;}
p.infoline a, p.infoline a:active {color:#1e92c2;}
p.infoline a:hover {color:#1e92c2;text-decoration:underline;}

div#pagingcontainer {clear:both;font:normal 10px Tahoma;background:#fff;height:25px;color:#000;padding:0;margin:5px 0 15px 0;}
div#pagingcontainer #subpaging {float:left;width:100%;margin:0;padding:7px 0 0 0;list-style:none;list-style-image:none;background-image:none;}
div#pagingcontainer #subpaging #lefthand {float:left;text-align:left;font-size:0.9em;list-style:none;list-style-image:none;background-image:none;margin:0 0 0 15px;padding:0;}
	div#pagingcontainer #subpaging #lefthand a {font-size:1em;color:#000;}
div#pagingcontainer #subpaging #righthand {float:right;text-align:right;font-size:0.9em;list-style:none;list-style-image:none;background-image:none;margin:0 15px 0 0;padding:0;}
	div#pagingcontainer #subpaging #righthand a {font-size:1em;color:#000;}

div#comments {margin:0;padding:10px 0;}
div#comments dl {margin-top:0;color:#666;}
div#comments dl dt {font-weight:normal;color:#333;margin:0;background:#f6f3e8;padding:5px 10px;border-top:1px solid #1e92c2;}
div#comments dl dt em {font-weight:normal;font-style:normal;color:#000;font-size:90%;color:#000;}
div#comments dl dt em .date {font-weight:normal;font-style:normal;font-size:90%;color:#999;}
div#comments dl dt img {vertical-align:middle;border:none;padding-right:5px;}
div#comments dl dt.editor {background:#ffe396;color:#000;}
div#comments dl dt.editor em {color:#000;}
div#comments dl dd {color:#000;padding:6px 10px;margin:0 0 10px 0;}
div#comments dl dd p {margin:0;padding:0;}

#hotTags {margin:0 0 10px 0;padding:0;border-bottom:1px solid #d5d5af;}
#hotTags p {text-align:justify;}
#hotTags p a:link, #hotTags p a:visited {font-size:0.9em;margin-right:3px;display:inline;text-decoration:none;}
#hotTags p a:active, #hotTags p a:hover {text-decoration:underline;color:#000;}
a.tag0, a.tag1, a.tag2, a.tag3, a.tag4 {font-size:1.9em !important;}
a.tag5, a.tag6, a.tag7, a.tag8, a.tag9 {font-size:1.8em !important;}
a.tag10, a.tag11, a.tag12, a.tag13, a.tag14 {font-size:1.7em !important;}
a.tag15, a.tag16, a.tag17, a.tag18, a.tag19 {font-size:1.6em !important;}
a.tag20, a.tag21, a.tag22, a.tag23, a.tag24 {font-size:1.5em !important;}
a.tag25, a.tag26, a.tag27, a.tag28, a.tag29 {font-size:1.4em !important;}
a.tag30, a.tag31, a.tag32, a.tag33, a.tag34 {font-size:1.3em !important;}
a.tag35, a.tag36, a.tag37, a.tag38, a.tag39 {font-size:1.2em !important;}
a.tag40, a.tag41, a.tag42, a.tag43, a.tag44 {font-size:1.1em !important;}
a.tag45, a.tag46, a.tag47, a.tag48, a.tag49, a.tag50 {font-size:1em !important;}

form#comments_form {background:#fff;border:1px solid #ccc;padding:15px;margin:0;text-align:left;}
form#comments_form h1 {color:#c92e0f;font-size:1.4em;letter-spacing:0;margin:0;padding:5px 0 15px 0;}
form#comments_form p {margin-bottom:5px;padding:0;}
form#comments_form p .fieldinfo {font-size:0.9em;color:#999;margin:0 0 0 10px;padding:0;}
form#comments_form label {float:left;width:130px;margin:3px 15px 0 0;padding:0;}
form#comments_form input, select {background:#F8F8F8;padding:4px;border:1px solid #a5acb2;}
form#comments_form textarea {width:330px;height:70px;padding:4px;}
form#comments_form input#btnCommentForm {color:#333;padding:3px 0;cursor:pointer;width:120px;height:26px;margin:10px 0 0 145px;background:#fff;border:1px solid #12688b;font-family:Arial, sans-serif;font-size:11px;}
form#comments_form input#btnCommentForm:hover {background:#12688b;color:#fff;}

form#recommend_form {background:#fff;border:1px solid #ccc;padding:15px;margin:0;text-align:left;}
form#recommend_form h4 {color:#000;font:bold 1.2em Arial, Tahoma, Verdana;letter-spacing:0;margin:0;padding:10px 0 0 50px;border:none;}
form#recommend_form p {margin-bottom:5px;padding:0;}
form#recommend_form label {float:left;width:100px;margin:3px 15px 0 180px;padding:0;}
form#recommend_form input, select {background:#F8F8F8;padding:4px;border:1px solid #a5acb2;}
form#recommend_form input#btnRecommendForm {color:#333;padding:3px 0;cursor:pointer;width:120px;height:26px;margin:10px 0 0 295px;background:#fff;border:1px solid #12688b;font-family:Arial, sans-serif;font-size:11px;}
form#recommend_form input#btnRecommendForm:hover {background:#12688b;color:#fff;}

/*FOOTER*/

#footer{overflow:hidden;width:100%;background:transparent url(../tr/images/bg_footer.jpg) top left repeat-x;background-color:#054056;color:#fff;padding:0 0 30px 0;margin:0;display:block;}
.footer_cont {margin:20px 0 0 20px;}
.archive a{color:#fff;font-weight:bold;}
.archive a:hover{color:#1e92c2;font-weight:bold;}
.date {margin:0 10px 0 0;}
.cc{margin:10px 180px 0 0;font-size:1.1em;float:left;}

table#standart {clear:both;margin:0;padding:0;}
table#standart tr td {width:50%;vertical-align:top;text-align:left;margin:0;padding:0;}
table#standart tr td p {font-size:1.1em;margin:0;padding:0;}

table#workwith {clear:both;margin:0;padding:0;}
table#workwith tr td {width:25%;vertical-align:top;margin:0;padding:0 0 20px 0;}
table#workwith tr td p {font-size:1.1em;margin:0;padding:2px 0 0 0;}

table#address {clear:both;float:left;width:450px;margin:0;padding:0;}
table#address tr th {font-weight:bold;width:80px;font-size:1.2em;line-height:1.4em;vertical-align:top;padding:1px 8px 5px 0;}
table#address tr td {line-height:1.4em;vertical-align:top;padding:1px 8px 5px 0;font-size:1.2em;}
table#address tr td img {border:1px solid #666;}
table#address tr td a {line-height:1.4em;}


/*------------------------------MAIL FORM--------------------------------*/

form#one {float:left;width:450px;padding:0 0 0 50px;margin:0;}
form#one input {border:1px solid #b6b6b6;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0;width:220px;height:20px;font-family:Arial,  sans-serif;font-size:1em;color:#333;background:#fff url(../tr/images/bg_input.jpg) top left repeat-x;}
form#one label{float:left;width:100px;margin:12px 15px 0 0;padding:0;font-weight:bold;color:#333;}
form#one textarea {width:260px;height:8em;border:1px solid #b6b6b6;padding:0.5em 0 0 0.5em;margin:10px 0 0 0;overflow:auto;font-family:Arial, sans-serif;font-size:1em;color:#333;background:#fff url(../tr/images/bg_input.jpg) top left repeat-x;}
form#one #button1  {float:left;color:#333;padding:3px 0;cursor:pointer;width:120px;height:26px;margin:10px 0 0 115px;background:#fff;border:1px solid #12688b;font-family:Arial, sans-serif;font-size:11px;}
form#one #button1:hover{background:#12688b;color:#fff;}

form#career_form {padding:5px 0 10px 0;margin:0;text-align:left;}
form#career_form h1 {font-size:1.3em;color:#FF6400;font-weight:normal;margin:25px 0 10px 0;padding:0;background:none;border:none;}
form#career_form p {margin-bottom:5px;padding:0;}
form#career_form i {color:#ccc;}
form#career_form label {float:left;width:300px;margin:2px 15px 0 0;padding:0;text-align:right;color:#1e92c2;}
form#career_form label i {font-weight:normal;font-size:0.9em;line-height:12px;color:#666;}
form#career_form input, textarea {width:auto;background:#F8F8F8;padding:2px;border:1px solid #999;}
form#career_form select {width:auto;}
form#career_form textarea {width:200px;height:60px;}
form#career_form input#btnCareerForm {color:#333;padding:3px 0;cursor:pointer;width:120px;height:26px;margin:5px 0 0 315px;background:#fff;border:1px solid #12688b;font-family:Arial, sans-serif;font-size:11px;}
form#career_form input#btnCareerForm:hover {background:#12688b;color:#fff;}