@charset "UTF-8";

/* font faces */

/*
fonts required:
Avenir Next LT Pro regular
Avenir Next LT Pro demi

*/


@font-face {
    font-family: 'museo_100regular';
    src: url('../fonts/museo100-regular-webfont.eot');
    src: url('../fonts/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo100-regular-webfont.woff') format('woff'),
         url('../fonts/museo100-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo100-regular-webfont.svg#museo_100regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_300regular';
    src: url('../fonts/museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo300-regular-webfont.woff') format('woff'),
         url('../fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo300-regular-webfont.svg#museo_300regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_500regular';
    src: url('../fonts/museo500-regular-webfont.eot');
    src: url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo500-regular-webfont.woff') format('woff'),
         url('../fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo500-regular-webfont.svg#museo_500regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_700regular';
    src: url('../fonts/museo700-regular-webfont.eot');
    src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo700-regular-webfont.woff') format('woff'),
         url('../fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo700-regular-webfont.svg#museo_700regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_900regular';
    src: url('../fonts/museo900-regular-webfont.eot');
    src: url('../fonts/museo900-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo900-regular-webfont.woff') format('woff'),
         url('../fonts/museo900-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo900-regular-webfont.svg#museo_900regular') format('svg');
    font-weight: normal;
    font-style: normal;

}











/* body */

body {
	margin:0;
	padding:0;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

html {
    overflow: auto;
}

/* general styles */

div {
	float:left;
	text-align:left;
}

img {
	/*float:left;*/
	border:0;
	margin:0;
}

h1 {
	width:170px;
	height:36px;
	margin:0px 0px 0px 0px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	line-height:36px;
	text-indent:13px;
}

h2 {
	float:left;
	width:100%;;
	height:14px;
	margin:0px 0px 10px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

h3 {
	float:left;
	width:100%;
	height:28px;
	margin:0px 0px 12px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

.h3_subheading {
	font-size:16px;
}

h4 {
	float:left;
	width:100%;
	height:12px;
	margin:0px 0px 12px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

 

a {
	color:#000000;
	text-decoration:none;
}

/* background */

#background {
	float:none;
	position:fixed;
	width:995px;
	height:100%;
	top: 0px;
	left:50%;
	margin-left:-497.5px;
	background-image:url('../images/site/background_tile.png');
	
	z-index:10;
}

/* holder */

#holder {
	float:none;
	position:relative;
	width:995px;
	margin: 0 auto;
	text-align:left;
	z-index:40;
}

/* top */

#top {
	float:none;
	position:relative;
	margin: 0 auto;


	width:995px;
	height:104px;
	background-color:#FFFFFF;
	border-left:solid 3px #000000;
	border-bottom:solid 3px #000000;
	border-right:solid 3px #000000;
	z-index:40;
}

#top_logo {
	width:337px;
	height:47px;
	margin:15px 0px 0px 24px;
}

#top_nav {
	width:467px;
	height:18px;
	margin:42px 0px 0px 161px;
}

.top_nav_item {
	height:18px;
	margin:0px 10px 0px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:18px;
	text-indent:10px;
	border-left:solid 2px #000000;
}

.top_nav_item a {
	color:#000000;
	text-decoration:none;
	display:block;
	height:100%;
	width:100%;
}

.top_new_item_selected {
	background-color:#000000;
}

.top_new_item_selected a {
	color:#FFFFFF;
}

#top_nav_designoItem {
	width:74px;
}

#top_nav_urunlerItem {
	width:70px;
}

#top_nav_projelerItem {
	width:69px;
}

#top_nav_blogItem {
	width:50px;
}

#top_nav_sssItem {
	width:50px;
}

#top_nav_iletisimItem {
	width:67px;
}

#top_line {
	width:995px;
	height:3px;
	margin:0px 0px 0px 0px;
	background-color:#000000;
}

#top_line_leftCorner {
	width:3px;
	height:3px;
	background-image:url(../images/site/border_bottom_left_corner.png);
	background-repeat:no-repeat;
}

#top_line_rightCorner {
	float:right;
	width:3px;
	height:3px;
	background-image:url(../images/site/border_bottom_right_corner.png);
	background-repeat:no-repeat;
}

#top_leftLine {
	width:3px;
	height:101px;
	background-color:#000000;
}

#top_rightLine {
	width:3px;
	height:101px;
	background-color:#000000;
}


/* the below separator is required to prevent the submenu closing when moving from the urunler text to the submenu */

#top_nav_urunler_invisibleSeparator {
	position:absolute;
	width:70px;
	height:3px;
	top:60px;
	left:616px;
	margin:0;
	padding:0;
	
	z-index:1001;
}

/* navigation sub menus - positioned absolutely on the top div */

#top_nav_urunler_subMenu {
	position:absolute;
	width:80px;
	height:112px;
	top:63px;
	left:611px;
	border:solid 2px #000000;
	background-color:#FFFFFF;
	display:none;
	
	z-index:1001; /* change this once done, just wanted to make it biggest for now. */
}

.top_nav_urunler_subMenu_item {
	width:80px;
	height:12px;
	margin:13px 0px 0px 0px;
	font-family:museo_500regular, Georgia, "Times New Roman", Times, serif;
	text-indent:12px;
}

.top_nav_urunler_subMenu_item a {
	text-decoration:none;
	color:#000000;
	display:block;
	height:100%;
	width:100%;
}

#top_nav_urunler_subSubMenu {
	position:absolute;
	width:141px;
	height:66px;
	top:63px;
	left:693px;
	border:solid 2px #000000;
	background-color:#FFFFFF;
	display:none;
	
	z-index:1002; /* change this once done, just wanted to make it biggest for now. */
}

.top_nav_urunler_subSubMenu_item {
	width:141px;
	height:12px;
	margin:13px 0px 0px 0px;
	font-family:museo_500regular, Georgia, "Times New Roman", Times, serif;
	text-indent:12px;
}

.top_nav_urunler_subSubMenu_item a {
	text-decoration:none;
	color:#000000;
}


/* insaat - positioned absolutely on the top div */

#insaat {
	position:absolute;
	width:131px;
	height:43px;
	top:79px;
	left:808px;
	
	z-index:1000; /* change this once done, just wanted to make it biggest for now. */
}

#insaatPopUp {
	position:absolute;
	width:216px; 
	height:226px;
	top:110px;
	left:750px;
	display:none;
	
	z-index:900; /* chage this once done */
	
	background-image:url(../images/site/construction_popup.png);
}



/* main */

#main {
	float:none;
	position:relative;
	margin: 0 auto;
	width:995px;
	
	z-index:30;
}

/* room */

#room {
	width:452px;
	height:380px;
	margin:30px 272px 0px 271px;
}

/* backgroundForIndexOverlays */

#backgroundForIndexOverlays {
	float:none;
	position:fixed;
	width:995px;
	height:100%;
	top: 0px;
	left:50%;
	margin-left:-497.5px;
	background-image:url('../images/site/background_tile_darkgrey.png');
	opacity:0.6;
	Moz-opacity:0.6;
	filter:alpha(opacity=60);
	display:none;
	
	/* this z-index is important.  it must be higher than the room, but lower than top, bottom, newProjects and topDesign. */
	z-index:35;
	
	
}



/* topDesign - does not sit in main */

#topDesign {
	float:none;
	position:absolute;
	width:677px;
	height:326px;
	top:131px; /* javascript will control this to push it to the middle */
	left:50%;
	margin-left:-338.5px; /* 677 / 2 */
	display:none;
	
	z-index:40;
}

#topDesign_content {
	width:677px;
	height:326px;
	border:solid 4px #000000;
	border-radius:4px;
	background-color:#FFFFFF;
}

#topDesign_content_mainImage {
	width:369px;
	height:278px;
	margin:24px 25px 24px 25px;
}

#topDesign_content_buttons {
	width:237px;
	height:28px;
	margin:9px 9px 0px 9px;
}

#topDesign_content_buttons img {
	float:right;
}

#topDesign_content_text {
	width:237px;
	height:190px;
	margin-top:2px;
}

#topDesign_content_text h2 {
	margin-top:0px;
}

#topDesign_content_text p {
	line-height:16px;
}

#topDesign_content_smallImages {
	width:237px;
	height:74px;
}


/* newProjects */

#newProjects {
	float:none;
	position:absolute;
	width:995px;
	height:345px;
	top:131px; /* javascript will control this to push it to the middle */
	left:50%;
	margin-left:-497.5px;
	display:none;
	
	z-index:40;
}

#newProjects_leftButton {
	position:absolute;
	width:51px;
	height:51px;
	top:170px;
	left:82px;
}

#newProjects_leftButton_image {
	cursor:pointer;cursor:hand;	
}

#newProjects_rightButton {
	position:absolute;
	width:51px;
	height:51px;
	top:170px;
	left:862px;
}

#newProjects_rightButton_image {
	cursor:pointer;cursor:hand;	
}

#newProjects_dots {
	position:absolute;
	width:685px;
	height:20px; /* get this from the design */
	top:380px; /* get this from the design */
	left:155px;
}

.newProjects_dots_dot {
	float:left;
	width:12px; /* get from design */
	height:12px; /* get from design */
	margin:5px 5px 5px 0px;
}


/* newProjects_newProject */

#newProjects_newProject {
	position:absolute;
	width:677px;
	height:345px;
	top:27px;
	left:155px;
	border:solid 4px #000000;
	border-radius:4px;
	background-color:#FFFFFF;
}

#newProjects_newProject_mainImage {
	width:368px;
	height:295px;
	margin:24px 25px 24px 25px;
}


#newProjects_newProject_closeButton {
	width:237px;
	height:28px;
	margin:9px 9px 0px 9px;
}

#newProjects_newProject_closeButton_image {
	float:right;
	cursor:pointer;cursor:hand;
}

#newProjects_newProject_text {
	width:237px;
	height:208px;
	margin-top:2px;
}

#newProjects_newProject_text h2 {
	margin-top:0px;
}

#newProjects_newProject_text p {
	line-height:16px;
}

#newProjects_newProject_smallImages {
	width:245px;
	height:73px;
}


/* main_leftColumn */

#main_leftColumn {
	width:170px;
	margin:27px 0px 27px 27px;
}



/* main_middleColumn */

#main_middleColumn {
	width:716px;
	margin:27px 0px 27px 20px;
	padding:16px 19px 16px 19px;
	background-color:#FFFFFF;
}

#main_middleColumnWide {
	width:717px;
	margin:27px 0px 27px 20px;
	padding:16px 19px 16px 19px;
	background-color:#FFFFFF;
}

/* main_rightColumn */

#main_rightColumn {
	width:201px;
	margin:27px 0px 27px 20px;
}

#main_rightColumn_textOne {
	position:absolute;
	top:10px;
	left:20px;
/*	font-family:AvenirNextLTPro-Demi, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#main_rightColumn_textTwo {
	position:absolute;
	top:387px;
	left:10px;
/*	font-family:AvenirNextLTPro-Demi, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main_rightColumn_textTwo.fourLines {
	top:367px;
	line-height:13px;
}


#main_rightColumn_emailAddress {
	position:absolute;
	width:181px;
	height:25px;
	top:422px;
	left:10px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:museo_500regular, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:25px;
	text-align:center;
}

#main_rightColumn_emailAddress a {
	color:#FFFFFF;
}

#main_rightColumn_emailAddress a:hover {
	color:#FFFFFF;
}





/* bottom */

#bottom {
	position:fixed;
	width:995px;
	height:138px;
	bottom:0px;
	left:50%;
	margin-left:-497.5px;
	z-index:40;
}

#bottom_top {
	width:995px;
	height:70px;
}

#bottom_line {
	width:995px;
	height:3px;
	margin:0px 0px 0px 0px;
	background-color:#000000;
}

#bottom_line_leftCorner {
	width:3px;
	height:3px;
	background-image:url(../images/site/border_top_left_corner.png);
	background-repeat:no-repeat;
}

#bottom_line_rightCorner {
	float:right;
	width:3px;
	height:3px;
	background-image:url(../images/site/border_top_right_corner.png);
	background-repeat:no-repeat;
}

#bottom_leftLine {
	width:3px;
	height:68px;
	background-color:#000000;
}

#bottom_rightLine {
	width:3px;
	height:68px;
	background-color:#000000;
}

#bottom_bottom {
	width:989px;
	height:68px;
	background-color:#FFFFFF;
}



/* newProjectsTab */

#newProjectsTab {
	position:absolute;
	width:221px;
	height:138px;
	top:0px;
	left:25px;
	cursor:pointer;cursor:hand;
}


/* topDesignTab */

#topDesignTab {
	position:absolute;
	width:188px;
	height:120px;
	top:19px;
	left:782px;
	cursor:pointer;cursor:hand;
}


/* menu */

.menu {
	width:160px;
	padding:19px 0px 16px 10px;
	background-color:#FFFFFF;
}

.menu_section {
	width:160px;
	margin:0px 0px 11px 0px;
}

.menu_section_heading {
	width:158px;
	height:18px;
	border-left:solid 2px #000000;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	line-height:18px;
	text-indent:7px;
}

.menu_section_heading_selected {
	color:#FFFFFF;
	background-color:#000000;
}


.menu_section_items {
	width:151px;
	margin:6px 0px 0px 9px;
}

.menu_section_items_item {
	width:151px;
	font-family:museo_500regular, Georgia, "Times New Roman", Times, serif;
	line-height:18px;
}

.menu_section_items_item_selected {
	font-family:museo_900regular, Georgia, "Times New Roman", Times, serif;
}

.menu_section_items_item_subitem {
	width:151px;
	font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;
	line-height:18px;
	text-indent:13px;
}

.menu_section_items_item_subitem_selected {
	
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
}


.menu a {
	display:block;
	width:100%;
	height:100%;
}

.menu a:hover {
	color:#660099;
}

.menu_section_heading_selected a {
	color:#FFFFFF;
}

.menu_section_heading_selected a:hover {
	color:#FFFFFF;
}


/* imageGrid */

.imageGrid {
	width:496px;
	margin:12px 0px 2px 0px;
}

.imageGrid_leftImage {
	width:151px;
	margin:0px 20px 20px 0px;
}

.imageGrid_middleImage {
	width:151px;
	margin:0px 21px 20px 0px;
}

.imageGrid_rightImage {
	width:151px;
	margin:0px 0px 20px 0px;
}

.imageGrid_x_image {
	border-top:solid 2px #000000;
}

/*.imageGrid_x_caption {
	width:151px;
	font-family:museo_500regular, Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:25px;
	text-indent:10px;
	background-color:#000000;
	color:#FFFFFF;
	height:130px;
	text-align:center;
	padding:5px;
	margin:5px;
	padding-top:30px;
	padding-bottom:-30px;
}*/

.pro_duvar { width:146px; height:19px; background:url(../images/pro-bg.jpg); margin-top:10px; text-align:center; padding:5px;}

.pro_duvar a { color:#FFFFFF; paddimg-top:5px;}

.imageGrid_x_caption {
	width:151px;
	font-family:museo_500regular, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:25px;
	text-indent:10px;
	background:url(../images/pro-bg.jpg);
	border-radius:5px;
	color:#FFFFFF;
	height:130px;
	text-align:center;
	padding:5px;
	margin:5px;
	padding-top:30px;
	padding-bottom:-30px;
}

.imageGrid_x_caption a {
	color:#FFFFFF;
}


/* index specific */

.index_main {
	height:440px;
}


/* right column */

.right_column_link {
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	/* the below is to make this solution workin in IE7 */
	background-color:#ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
}


/* designo specific */

.designo_right_column {
	position:relative;
	width:201px;
	height:457px;
	background-image:url(../images/site/designo_right_column.png);
	background-repeat:no-repeat;
}

/* duvar specific */

.duvar_right_column {
	position:relative;
	width:201px;
	height:457px;
	background-image:url(../images/site/duvar_right_column.jpg);
	background-repeat:no-repeat;
}

/* detail specific */

.detail_mainImage {
	width:494px;
	height:174px;
	margin:12px 0px 30px 0px;
}

.detail_colorChoices {
	width:494px;
	height:24px;
	margin:0px 0px 20px 0px;
}

.detail_colorChoices_text {
	width:120px;
	height:35px;
	color:#FFFFFF;
	background:url(../images/pro-bg.jpg);
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:32px;
	text-indent:10px;
	margin-top:10px;
}

.detail_colorChoices_choices {
	width:374px;
	height:24px;
}

.detail_colorChoices_choices img {
	width:34px;
	height:34px;
	margin:0px 0px 0px 10px;
}

.detail_printButton {
	width:102px;
	height:26px;
	margin:10px 20px 20px 392px;
}


/* sss specific */

.sss_right_column {
	position:relative;
	width:201px;
	height:457px;
	background-image:url(../images/site/sss_right_column.jpg);
	background-repeat:no-repeat;
}

.faqs {
	width:494px;
	margin:18px 0px 18px 0px;
	border-bottom:solid 1px #000000;
}

.faqs_faq {
	width:494px;
	border-top:solid 1px #000000;
}

.faqs_faq_questionAndArrow {
	cursor:pointer;cursor:hand;
}

.faqs_faq_question {
	width:449px;
	height:59px;
	margin:0px 10px 0px 10px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	line-height:27px;
}

.faqs_faq_arrow {
	width:18px;
	height:12px;
	margin:12px 7px 13px 0px;
}

.faqs_faq_answer {
	width:449px;
	margin:0px 35px 18px 10px; 
/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
}

/* iletisim specific */

#iletisim {
	width:948px;
	margin:0px 20px 27px 27px;
	background-color:#FFFFFF;
}

#iletisim_contactDetails {
	width:463px;
	margin:20px 10px 0px 20px;
}

.iletisim_contactDetails_item {
	width:463px;
	margin:0px 0px 7px 0px;
	line-height:16px;
}

.iletisim_contactDetails_item_label {
	width:79px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

.iletisim_contactDetails_item_separator {
	width:8px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

.iletisim_contactDetails_item_value {
	width:376px;
	/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
}

#iletisim_map {
	width:435px;
	height:210px;
	margin:20px 0px 0px 0px;
}

#iletisim_contactBox {
	width:908px;
	margin:20px 20px 20px 20px;
}

#iletisim_contactBox_text {
	width:908px;
	margin:0px 0px 14px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

#iletisim_contactBox_left {
	width:327px;
	margin:0px 6px 0px 0px;
}

.iletisim_contactBox_left_label {
	width:88px;
	height:23px;
	margin:0px 0px 4px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:23px;
}

.iletisim_contactBox_left_separator {
	width:8px;
	height:23px;
	margin:0px 0px 4px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:23px;
}

.iletisim_contactBox_left_value {
	width:231px;
	height:23px;
	margin:0px 0px 4px 0px;
}

.iletisim_contactBox_left_value_input {
	width:229px;
	height:21px;
	border:solid 1px #333333;
	text-indent:8px;
}

.iletisim_contactBox_left_value_input:focus {
    border-color:#660099;
	outline-color:#660099;
}
	

#iletisim_contactBox_right {
	width:575px;
}

#iletisim_contactBox_right_konu {
	width:573px;
	height:23px;
	margin:0px 0px 4px 0px;
	background-image: url('../images/site/contact_select_arrow.png');
	background-repeat: no-repeat;
	background-position:right;
	border:solid 1px #333333;
}



#iletisim_contactBox_right_konu_selected {
	position:relative;
	width:573px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-indent:10px;
	cursor:pointer;cursor:hand;
}

#iletisim_contactBox_right_konu_dropDownMenu {
	position:absolute;
	margin-top:23px;
	width:573px;
	border:solid 1px #333333;
	background-color:#FFFFFF;
	display:none;
	
	/* may need a z-index for this */
}

.iletisim_contactBox_right_konu_dropDownMenu_item {
	width:573px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-indent:10px;
	cursor:pointer;cursor:hand;
}

#iletisim_contactBox_right_mesaj {
	width:575px;
	height:50px;
}

#iletisim_contactBox_right_mesaj_textarea {
	width:561px;
	height:46px;
	border:solid 1px #333333;
	font-size:12px;
	line-height:23px;
	resize:none;
	padding-left:10px;
}

#iletisim_contactBox_right_mesaj_textarea:focus {
    border-color:#660099;
	outline-color:#660099;
}


#iletisim_contactBox_button {
	width:101px;
	margin:5px 0px 0px 807px;
}

#iletisim_contactBox_sent {
    width:100%;
	margin-top:20px;
	font-size:14px;
	line-height:21px;
	font-style:italic;
	/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
	color:#6E298D;
	text-align:center;
}



/* grey contact box */

.greyContactBox {
	width:494px;
	background-color:#E8E8E8;
	border-top:solid 2px #000000;
	border-bottom:solid 2px #000000;
	
}

#greyContactBox_sent {
    width:100%;
	margin-top:20px;
	margin-bottom:20px;
	font-size:14px;
	line-height:21px;
	font-style:italic;
	/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
	color:#6E298D;
	text-align:center;
}

.greyContactBox_item {
	width:454px;
	margin:0px 20px 6px 20px;
}

.greyContactBox_item_topItem {
	margin-top:20px;
}

.greyContactBox_item_label {
	width:48px;
	height:20px;
	font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
}

.greyContactBox_item_separator {
	width:8px;
	height:20px;
	font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
}

.greyContactBox_item_value {
	width:398px;
	height:20px;
}

.greyContactBox_item_textarea {
	width:398px;
	margin:0px 0px 0px 56px;
}

.greyContactBox_text {
	width:296px;
	margin:3px 0px 0px 76px;
	font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;
	font-size:10px;
}

.greyContactBox_button {
	width:102px;
	height:26px;
	margin:3px 0px 10px 0px;
}

.greyContactBox_input {
	border:0;
	width:250px;
	height:20px;
}

.greyContactBox_textarea {
	border:0;
	width:397px;
	height:60px;
}


/* print version */

#printVersion {
	display:none;
}


/* holding page */

#holdingPage {
	position:fixed;
	width:995px;
	height:413px;
	bottom:0px;
	left:50%;
	margin-left:-497.5px;
	z-index:40;
}

#holdingPage_line {
	width:995px;
	height:3px;
	margin:0px 0px 0px 0px;
	background-color:#000000;
}

#holdingPage_line_leftCorner {
	width:3px;
	height:3px;
	background-image:url(../images/site/border_top_left_corner.png);
	background-repeat:no-repeat;
}

#holdingPage_line_rightCorner {
	float:right;
	width:3px;
	height:3px;
	background-image:url(../images/site/border_top_right_corner.png);
	background-repeat:no-repeat;
}

#holdingPage_leftLine {
	width:3px;
	height:410px;
	background-color:#000000;
}

#holdingPage_rightLine {
	width:3px;
	height:410px;
	background-color:#000000;
}

#holdingPage_main {
	width:989px;
	height:500px; /* mesure this off designs */
	background-color:#FFFFFF;
}

#holdingPage_title {
	position:absolute;
	top:-33px;
	left:292px;
	width:410px; /* mesure this off designs */
	height:66px; /* mesure this off designs */
	background-color:#000000;
	color:#FFFFFF;
	font-family:museo_500regular, Georgia, "Times New Roman", Times, serif;
	font-size:32px;
	line-height:66px;
	text-align:center;
}

#holdingPage_main h1 {
	width:inherit;
	margin-top:62px;
	margin-bottom:5px;
	background-color:#FFFFFF;
	color:#333333;
	text-align:center;
	font-size:20px;
	/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;

}

#holdingPage_main p {
	text-align:center;
	color:#666666;
	font-size:13px;
	margin:0;
	/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;

}

#holdingPage_main_contactBox {
	width:327px;
	height:170px;
	margin:20px 331px 0px 331px;
}

#holdingPage_main_contactBox_linkToFormButton {
	width:162px;
	margin:0px 82px 0px 82px;
}

.holdingPage_main_contactBox_label {
	width:88px;
	height:23px;
	margin:0px 0px 4px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:23px;
}

.holdingPage_main_contactBox_separator {
	width:8px;
	height:23px;
	margin:0px 0px 4px 0px;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:23px;
}

.holdingPage_main_contactBox_value {
	width:231px;
	height:23px;
	margin:0px 0px 4px 0px;
}

.holdingPage_main_contactBox_value_input {
	width:229px;
	height:21px;
	border:solid 1px #333333;
	text-indent:8px;
}

.holdingPage_main_contactBox_value_input:focus {
    border-color:#660099;
	outline-color:#660099;
}

#holdingPage_main_contactBox_value_textarea {
	width:219px;
	height:46px;
	border:solid 1px #333333;
	font-size:12px;
	line-height:23px;
	resize:none;
	padding-left:10px;
}

#holdingPage_main_contactBox_value_textarea:focus {
    border-color:#660099;
	outline-color:#660099;
}


/* this must be kept below the other contactBox style declarations, so that it over-rides them */
.holdingPage_main_contactBox_doubleHeight {
	height:46px;
}

#holdingPage_main_contactBox_button {
	width:101px;
	margin:5px 0px 0px 227px;
}

#holdingPage_main_contactBox_messageSent {
	width:327px;
	margin-top:20px;
	font-size:14px;
	line-height:21px;
	font-style:italic;
	/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
	color:#6E298D;
	text-align:center;
}


#holdingPage_main_dashedLine {
	width:778px;
	margin:20px 105px 15px 105px;
	height:1px;
	border-top:dashed 1px #000000;
}

#holdingPage_main_contactDetails {
	width:989px;
	text-align:center;
}

#holdingPage_main_contactDetails_text {
	height:26px;
	margin:0px 5px 0px 245px;
	/*	font-family:AvenirNextLTPro-Regular, Arial, Helvetica, sans-serif; - this is the proper one, but can't rely on avenir being availab eon the person's computer, so keeping like this for now */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	text-align:center;
}

#holdingPage_main_contactDetails_kroki {
	height:26px;
}

#holdingPageMapBackground {
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:5000;
	opacity:0.6;
	Moz-opacity:0.6;
	filter:alpha(opacity=60);
	display:none;
}

#holdingPageMapMap {
	float:none;
	position:absolute;
	width:589px;
	height:300px;
	top:131px;
	left:50%;
	margin-left:-294.5px; /* 589 / 2 */
	background-image:url(../images/site/holdingpage_map.png);
	background-repeat:no-repeat;
	z-index:5001;
	display:none;
}

#holdingPageMap_closeButton {
	position:absolute;
	top:10px;
	left:546px;
}


/* animation */

#animationBackground {
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:5000;
	opacity:0; /* javascript will get this up to 0.6 */
	Moz-opacity:0;
	filter:alpha(opacity=0);
	display:none;
}

#animationForeground {
	float:none;
	position:absolute;
	width:927px;
	height:545px;
	top:100px;
	left:50%;
	margin-left:-463.5px; /* 927 / 2 */
	background-image:url(../images/animation/foreground.png);
	background-repeat:no-repeat;
	z-index:5001;
	opacity:0.0;
	Moz-opacity:0.0;
	filter:alpha(opacity=0);
	display:none;
}

#animationForeground_text {
	float:none;
	position:absolute;
	width:927px;
	height:25px;
	top:262px;
	text-align:center;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:25px;
	color:#000;
	opacity:0.0;
	Moz-opacity:0.0;
	filter:alpha(opacity=0);
}

#animationForeground_logos {
	float:none;
	position:absolute;
}

.animationForeground_logos_logo {
	width:193px;
	height:138px;
	margin:22px 0 0 30px;
	opacity:0.0;
	Moz-opacity:0.0;
	filter:alpha(opacity=0);
}

.urun_renk { background-color:#000000; margin-left:10px; color:#FFF; margin-top:10px;}
.urun_renk_code { text-align:center; width:60px; height:20px; line-height:22px;}

#right_menu { width:620px;   float:right; margin-top:35px;  font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;}

#right_menu ul { list-style:none; color:#000000; font-size:15px; padding:5px; padding-bottom:5px; padding-top:5px; margin:0;}

#right_menu ul li { float:left; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px; border-left:1px solid #000000; o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s; }

#right_menu ul li:hover { background-color:#8131aa; color:#FFFFFF;}

#right_menu ul a { color:#000; text-decoration:none;  }

#right_menu li ul { display:none; position:absolute; width:180px; margin:0; left:470px; top:67px; color:#000; height:112px; font-size:14px;}
#right_menu li ul li {line-height:10px;
	float:none;
	border:solid 1px #000000;
	padding:0;
	margin:0;
	height:10px;
	padding:15px; background-color:#FFFFFF;
	}
	
#right_menu li:hover  ul {
	display:block;
	padding:0;	}

.coming { text-align:center; width:500px; margin-top:30px; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif; font-size:23px; }

.urunler_main { padding-top:50px; width:1000px; margin: 0 auto;  }

.urunler_total { width:990px; }

.urunler_box { width:204px;  background-color:#000000; float:left; margin-left:19px; text-align:center; color:#FFFFFF; font-family:museo_700regular, Georgia, "Times New Roman", Times, serif; font-size:15px; padding:7px;}
.urunler_box span {font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;}

.urunler_img { width:216px; height:500px; margin-left:88px;}

.custom_pos { margin-left:87px !important;}

.custom_pos2 {margin-left:88px !important;}

.urun_right { width:260px; float:left; }

.urun_detay { padding-top:50px; width:1000px; margin: 0 auto;}

.urun_sayfa_left { width:143px; float:left;}

.duvar_left_img { width:157px; height:348px; margin-left:20px; }

#active !important{ background-color:#000000; color:#FFFFFF;}

.duvar_left_img ul { list-style:none; color:#000; padding:0; margin:0;   white-space: nowrap;  padding-top:5px;}

.duvar_left_img ul li { display:inline-block; float:left; padding:4px; font-size:13px; font-family:museo_500regular, Georgia, "Times New Roman", Times, serif; o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s; cursor:pointer;
  }
 
.duvar_left_img ul li ul  { display:block; padding:0 ; margin: 0; width:78px;  }

.duvar_left_img ul li ul li { font-size:12px; display:inline-block; float:left; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif; line-height:25px; line-height:20px; }

.duvar_left_img ul li ul li:hover { background-color:#000000; color:#FFFFFF;}

.urun_sayfa_middle { width:451px; margin-left:94px; float:left;}

.urun_sayfa_ici_middle { width:750px; margin-left:54px; float:left;}

.urun_sayfa_ici_title {width:750px; background-color:#000000; text-align:center; color:#FFFFFF; padding:7px; font-size:15px; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif}

.urun_sayfa_middle p { font-size:14px; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif; line-height:25px; margin-top:40px; padding:5px; }

.urun_sayfa_title { width:440px;; background-color:#000000; text-align:center; color:#FFFFFF; padding:7px; font-size:15px; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif; }

.urun_sayfa_right { width:250px; float:left; margin-left:46px;   }

.urun_box {width:150px; float:left; margin-top:15px; margin-left:30px;}

.urun_box_img {width:150px; border:solid 2px #000000; box-shadow: 3px 3px 2px #888888; }

.urun_box_aciklama {width:146px; padding:5px; margin-top:10px; background-color:#5a257a; color:#FFFFFF; text-align:center;   o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s; cursor:default;}

.urun_box_aciklama:hover { background-color:#000000;}

.koleksiyon_box {width:140%; padding:7px; background-color:#000000; color:#FFFFFF; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif; font-size:13px; margin-top:5px; o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s; cursor:pointer;}

.koleksiyon_box:hover { background-color:#5a257a;}


.urun_box {width:234px; height:205px;  float:left; margin-left:5px; margin-top:5px;}

.urun_box img {border:solid 2px #000000;}  

.urun_renk_kodu {width:235px; height:25px; background-color:#000000; color:#FFFFFF; padding-top:13px; padding-left:3px; font-size:14px; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;}

.menu_ana_baslik {width:183px; padding:7px; color:#FFFFFF; background-color:#5a257a; font-family: museo_300regular, Georgia, "Times New Roman", Times, serif; font-size:14px; margin-top:10px; cursor:pointer;}

.aktif { height:20px; color:#FFF; background-color:#000000 !important; }

#ana_marka { font-size:13px; font-weight:bold;}


.tekstil_tabanli { display:none;}

.duvar_kaplamalari { display:none;} 

.hakkimizda {font-size:14px; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif;}

.active { background-color:#8131aa; color:#FFFFFF !important;}

.menu_ana_baslik a { color:#FFFFFF;} 

.jj_anasayfa {width:717px; height:100%; display:table; }

.jj_box {width:143px; height:100%; float:left; text-align:center;}

.lsi_anasayfa {width:717px; height:100%; display:table; }

.lsi_box {width:358px; height:100%; float:left; text-align:center;}

.en_yeni_projeler_page { padding:0; margin:0 auto; width:1000px; padding-top:15px;}

.en_yeni_projeler_box { width:275px; height:290px; border:solid 2px #000000; margin-top:40px; margin-left:40px; background-color:#000000; text-align:center;  font-family: museo_300regular, Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:13px; float:left;}

.desen_renk {width:235px; height:25px; padding-top:13px; padding-left:3px; font-size:14px; background-color:#000000; margin-top:2px; font-family:museo_300regular, Georgia, "Times New Roman", Times, serif; color:#FFFFFF;}