@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;
}

/* 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;
}


p {
/*	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;	
	line-height:20px;
	text-align:justify;
}

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;
	z-index:40;
}

#top_logo {
	width:337px;
	height:47px;
	margin:27px 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:237px;
	height:73px;
}


/* main_leftColumn */

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



/* main_middleColumn */

#main_middleColumn {
	width:496px;
	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:20px 0px 20px 0px;
}

.detail_colorChoices_text {
	width:120px;
	height:24px;
	color:#FFFFFF;
	background-color:#000000;
	font-family:museo_700regular, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:24px;
	text-indent:10px;
}

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

.detail_colorChoices_choices img {
	width:24px;
	height:24px;
	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:#FFFFFF;
	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);
}