/*
                 _   _   _   _   _   _   _   _   _   _   _   _  
                / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ 
               ( X | H | T | M | L | K | I | T | C | H | E | N )
                \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ 
                		coded by www.xhtmlkitchen.com
*/

/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
body {background:#edebd5 url(../images/backgrounds/top.gif) repeat-x; font:14px Helvetica, Arial, sans-serif; line-height:22px; color:#555;}
	.sub_page {background:#edebd5 url(../images/backgrounds/top_short.gif) repeat-x;}
	
div#top_container {margin:0 auto; width:776px;}
	
div#bottom_container {height:245px; background:#edebd5 url(../images/backgrounds/bottom.gif) repeat-x;}



/*-------------------------------------------------------------------------
=GENERAL
-------------------------------------------------------------------------*/
hr {display:none;}
div.hr {height:2px; background:url(../images/backgrounds/hr.gif) no-repeat;}

.float_left {float:left;}
.float_right {float:right;}
.clear_both {clear:both;}



/*-------------------------------------------------------------------------
=LINKS
-------------------------------------------------------------------------*/
a {color:#252525;}



/*-------------------------------------------------------------------------
=HEADINGS
-------------------------------------------------------------------------*/       
h1 {margin-bottom:15px; font:bold 21px Helvetica, Arial, sans-serif; color:#252525; letter-spacing:-1px;}
h2 {margin-bottom:15px; font:bold 20px Helvetica, Arial, sans-serif; color:#252525; letter-spacing:-1px;}



/*-------------------------------------------------------------------------
=FORMS
-------------------------------------------------------------------------*/
input[type=text], input[type=password] {padding:2px 4px 0 4px; height:17px; background:url(../images/inputs/shadow.gif) repeat-x; border:2px solid #6b6a62; font:12px Helvetica, Arial, sans-serif; color:#555555;}
textarea {padding:2px 4px 0 4px; background:#f0f0f0 url(../images/inputs/shadow.gif) repeat-x; border:2px solid #6b6a62; font:12px Helvetica, Arial, sans-serif; color:#555555;}



/*-------------------------------------------------------------------------
=NAVIGATION
-------------------------------------------------------------------------*/
div#navigation {float:right; width:518px; height:39px; background:url(../images/backgrounds/menu_shadow.png) no-repeat;}
	div#navigation ul {margin:5px 0 0 5px;}
	div#navigation ul li {float:left;}
	div#navigation ul li a {display:block; height:27px; text-indent:-9999px;}
		a#mainpage {width:103px; background:url(../images/navigations/anasayfa.gif) no-repeat;}
		a#portfolio {width:127px; background:url(../images/navigations/calismalarimiz.gif) no-repeat;}
		a#aboutus {width:101px; background:url(../images/navigations/hakkimizda.gif) no-repeat;}
		a#contact {width:71px; background:url(../images/navigations/iletisim.gif) no-repeat;}
		a#order {width:106px; background:url(../images/navigations/siparisver.gif) no-repeat 0 -27px;}
			div#navigation ul li a:hover {background-position:0 -27px;}
			


/*-------------------------------------------------------------------------
=TOP
-------------------------------------------------------------------------*/
div#top {position:relative; padding-top:32px; height:343px;}
	div#logo {float:left;}
	div#logo h1 a {display:block; width:245px; height:32px; background:url(../images/headings/logo.gif) no-repeat; text-indent:-9999px;}
	
	div#entrance_text {clear:left; margin-top:71px; width:371px; height:232px; background:url(../images/backgrounds/entrance_text-trans.png) no-repeat; text-indent:-9999px;}
	
	div#latest_work {position:absolute; top:99px; right:3px; width:356px; height:313px; background:url(../images/backgrounds/latest_work-trans.png) no-repeat;}
		div#latest_work h2 {position:absolute; top:14px; right:16px; width:81px; height:67px; background:url(../images/headings/fresh-trans.png) no-repeat right top; text-indent:-9999px;}
		div#latest_work img {margin:14px 0 0 16px;}
	
	div#zoom a {position:absolute; top:113px; right:20px; display:block; width:324px; height:203px; text-indent:-9999px;}
		div#zoom a:hover {background:url(../images/backgrounds/zoom.png) no-repeat 50% 50%;}

div.short {height:116px !important;}
		
		
		
/*-------------------------------------------------------------------------
=CENTER
-------------------------------------------------------------------------*/
div#center {margin-bottom:70px; min-height:450px;}
	div#center p {margin-bottom:33px;}
	div#center div.hr + h1 {margin-top:33px;}
	

	
/*-------------------------------------------------------------------------
=BOTTOM
-------------------------------------------------------------------------*/
div#bottom {margin:0 auto; width:776px; font-size:13px;}
	div#bottom ul li {margin-bottom:6px;}
		div#bottom ul li a {padding:5px 0 5px 0; color:#fff; text-decoration:none;}
			div#bottom ul li a:hover {background:url(../images/navigations/bottom_navigation_left.gif) no-repeat left center; color:#ccc;}
			div#bottom ul li a:hover span {background:url(../images/navigations/bottom_navigation_right.gif) no-repeat right center;}
		div#bottom ul li a span {margin-left:12px; padding:5px 12px 5px 0;}
		
div#customer_panel, div#news, div#bottom_navigation {float:left; margin-bottom:30px;}

div#customer_panel {margin-top:1px; width:243px; height:174px; background:url(../images/backgrounds/customer_panel.gif) no-repeat;}
	div#customer_panel form {margin:26px 0 0 11px;}
		div#customer_panel form div {margin-bottom:10px;}
		div#customer_panel form h2 {margin-bottom:14px; width:152px; height:17px; background:url(../images/headings/entrance_to_customer_panel.gif) no-repeat; text-indent:-9999px;}
		div#customer_panel form label {display:none;}
		div#customer_panel form input {width:205px; border:2px solid #272727;}
		div#customer_panel form button {float:left; margin-left:141px; width:78px; height:26px; background:url(../images/buttons/login.gif) no-repeat; text-indent:-9999px;}
		
div#news {position:relative; margin:27px 0 0 60px; width:360px;}
	div#news h2 {margin-bottom:14px; width:112px; height:14px; background:url(../images/headings/newsfromus.gif) no-repeat; text-indent:-9999px;}
	div#news a#rss {position:absolute; top:-2px; left:120px; display:block; width:16px; height:16px; background:url(../images/headings/rss.gif) no-repeat; text-indent:-9999px;}
	div#news ul {margin-left:-12px;}

div#bottom_navigation {margin-top:31px;}
	div#bottom_navigation ul li a.current_page {background:url(../images/navigations/bottom_navigation_left.gif) no-repeat left center; color:#ccc;}
		div#bottom_navigation ul li a.current_page span {background:url(../images/navigations/bottom_navigation_right.gif) no-repeat right center;}
	
div#footnote {position:relative; clear:both;}
	div#footnote h3 a {position:absolute; bottom:7px; right:1px; width:102px; height:13px; background:url(../images/headings/bottom_logo.gif) no-repeat; text-indent:-9999px;}
	div#footnote p {font-size:11px; color:#fff;}
		div#footnote p a {font-weight:bold; color:#fff; text-decoration:none;}
			div#footnote p a:hover {text-decoration:underline;}

			

/*-------------------------------------------------------------------------
=MAIN PAGE
-------------------------------------------------------------------------*/		
div#columns {margin:47px 0 33px 0;}
	div#columns div {float:left;}
	div#columns div.column_spaces {margin:0 50px;}
		div#columns div p {margin-bottom:0px !important; width:225px; text-align:justify; word-spacing:-1px;}
			div#columns div p img {float:left; margin-right:5px;}
		div#columns div a {display:none; padding:11px 9px 0pt 0pt; color:#77b414; font-weight:bold; text-decoration:none; text-align:right;}

div#new_media {margin:33px 0 33px 0;}
    div#new_media p {width:639px;}
    a#order_now {display:block; float:right; margin:-147px 6px 0 0; width:129px; height:129px; background:url(../images/buttons/order_now.png) no-repeat; text-indent:-9999px;}
	    a#order_now:hover {background-position:0 -129px;}



/*-------------------------------------------------------------------------
=PORTFOLIO
-------------------------------------------------------------------------*/	
div.portfolio {margin-top:33px;}
	div.disable_margin {margin:0 !important;}
	div.portfolio ul {margin-top:44px;}
		div.portfolio ul li {position:relative; float:left; margin:0 33px 33px 0; }
			div.portfolio ul li img {margin:6px 0 0 6px;}
			div.portfolio ul li a {position:absolute; top:0px; left:0px; display:block; width:155px; height:157px; text-indent:-9999px; border:6px solid #d8d6c0;}
				div.portfolio ul li a:hover {background:url(../images/backgrounds/zoom.png) no-repeat 50% 50%; border:6px solid #252525;}
	
	div#pagination {margin:15px auto 40px auto; width:290px;}
		div#pagination ul {text-align:center;}
			div#pagination ul li {float:left; margin-right:5px; font-size:13px;}
				div#pagination ul li#current {display:block; padding:0 6px; border:1px solid #dfddc3; color:#999;}
				div#pagination ul li a {display:block; padding:0 6px; background-color:#d8d6c0; color:#666; border:1px solid #d8d6c0; text-decoration:none; }
					div#pagination ul li a:hover {background-color:#252525; color:#fff; border:1px solid #252525;}
	
	
	
/*-------------------------------------------------------------------------
=CONTACT FORM
-------------------------------------------------------------------------*/		
div#contact_form form div {float:left; margin:0 35px 8px 0;}
div#contact_form form label {display:block; margin-bottom:2px;}
div#contact_form form input {width:341px;}
div#contact_form form textarea {margin-bottom:20px; width:764px; height:159px;}
div#contact_form form p {clear:both; margin-bottom:0px !important;}
div#contact_form form span {color:#EB3C00; font-size:25px; vertical-align:middle;}
div#contact_form form button {float:left; margin:-30px 0 0 625px; width:151px; height:36px; background:url(../images/buttons/send_message.gif) no-repeat; text-indent:-9999px;}
	
div.align2right {margin:0 0 8px 35px !important;}

img.fake_email {vertical-align: text-bottom;}
	
	
	
/*-------------------------------------------------------------------------
=ORDER FORM
-------------------------------------------------------------------------*/	
div#order_form form h1 {color:#e13b02 !important;}
div#order_form form h2 {margin-bottom:5px !important; font-size:15px !important; color:#81ab03 !important; letter-spacing:normal !important;}

div#order_form form label {cursor:pointer;}

div.selected {background-color:#96c63f !important;}
	div.selected * {color:#fff !important;}

div.bottom_margin {margin-bottom:33px !important;}

div.set_left_margin {margin-left:34px !important;}

div.direction {margin-top:30px; padding:0 !important; height:auto !important; background-color:transparent !important;}
	button.continue {float:right; width:151px; height:36px; background:url(../images/buttons/continue.gif) no-repeat; text-indent:-9999px;}
	button.go_back {float:right; width:151px; height:36px; background:url(../images/buttons/go_back.gif) no-repeat; text-indent:-9999px;}
	button.send_order {float:right; width:151px; height:36px; background:url(../images/buttons/send_order.gif) no-repeat; text-indent:-9999px;}

div#order_tabs {margin-bottom:33px; width:776px; height:33px; background:url(../images/backgrounds/order_tabs.gif) no-repeat;}
	div#order_tabs ul li {display:block; float:left; padding:6px 20px 0; height:27px; background:url(../images/backgrounds/order_tabs_seperator.gif) no-repeat right center; font-size:14px; color:#ccc;}
		div#order_tabs ul li.current_step {font-weight:bold; color:#555;}

div#step2, div#customize_web, div#customize_identity, div#only_logo, div#step3, div#step4 {display:none;}

div#step1 div {margin-bottom:1px; padding:30px 0 0 28px; height:75px; background-color:#faf9f2;}
div#step1 label {font:bold 18px "Trebuchet MS", Arial, sans-serif; color:#252525;}
div#step1 div p {margin:0; padding-left:27px; font-weight:bold; font-size:12px; color:#7a7979;}
	div#step1 p.price {float:right; margin:-56px 23px 0 0; font:bold 29px "Trebuchet MS", Arial, sans-serif; color:#252525;}
	div#step1 p.price2 {float:right; margin:-36px 23px 0 0; font:bold 29px "Trebuchet MS", Arial, sans-serif; color:#252525;}
	div#step1 p.page_amount {margin-top:-6px; color:#ec5003;}

div#step1 span {color:#eb3c00; font-style:normal;}
div#step1 p.note {margin:33px 0 0 0 !important; font-size:12px;}

div#corporate_website, div#corporate_identity, div#custom {margin-bottom:4px !important; padding:10px 0pt 0pt 28px !important; height:33px !important; background-color:#fff !important;}
div#corporate_identity, div#custom {margin-top:33px;}

div#customize_web div, div#customize_identity div, div#only_logo div {margin-bottom:4px; padding:10px 0 0 28px; height:28px; background-color:#faf9f2;}
div#customize_web p, div#customize_identity p, div#step3 p, div#only_logo p {margin-bottom:20px !important;}
div#customize_web div p.price, div#customize_identity div p.price, div#only_logo p.price {float:right; margin:-22px 23px 0 0 !important; font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#252525;}

div#customize_extra_request, div#ol_customize_extra_request {padding:9px 0 0 28px !important; height:31px !important;}
	div#customize_extra_request input#customize_other, div#ol_customize_extra_request input#ol_customize_other {width:600px;}

div#step3 div#custom_request div {float:left; margin:0 35px 8px 0;}
div#step3 div#custom_request label {display:block; margin-bottom:2px; cursor:default;}
div#step3 div#custom_request input {width:341px;}
div#step3 div#custom_request textarea {margin:0 0 20px 0 !important; width:764px !important; height:159px;}
div#step3 div#custom_request p {clear:both;}
div#step3 div#custom_request span {color:#EB3C00; font-size:25px; vertical-align:text-bottom;}

div#order_summary {padding:30px 20px 18px; background-color:#fff899; border-bottom:2px solid #ccc; border-top:0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
	div#order_summary ul li {margin-bottom:20px; font:19px Georgia, serif; background-color:#fff899;}

div.total {margin:42px 0 !important; padding:0 !important; height:auto !important; background-color:transparent !important;}
	div.total ul {width:776px;}
		div.total ul li {margin-bottom:5px; width:776px; background:url(../images/backgrounds/total.gif) repeat-x left 19px; font:bold 22px "Trebuchet MS", Arial, sans-serif !important; color:#252525 !important;}
			div.total ul li span {float:left; padding-right:10px; background-color:#edebd5;}
			div.total ul li strong {float:right; padding-left:10px; background-color:#edebd5;}
			div.total ul li br {clear:both;}
	div.total span {color:#252525 !important;}