body {
	height: 100%; margin: 0; padding: 0; background: #fff url("../img/common/bg-container.gif") repeat-y center;
	text-align: center; letter-spacing: 1px; font: 11px Arial, Helvetica, sans-serif; color: #000;
}
body:after { content: "."; display: block; clear: both; line-height: 0; height: 0; color: #fff; }

#fixme { position: absolute; right: 0; bottom: 0; }
body > div#fixme { position: fixed; }
/* fixme */
#fixme { width: 100%; height: 1px; z-index: 0; /*background: #c1cab7;*/ }
	
	/* fixme container */
	#fixme-container { position: relative; width: 910px; height: 100%; margin: 0 auto; text-align: right; z-index: 0; }
		
		/* fixme logo */
		#logo-mkdesign-ft { position: absolute; bottom: 10px; right: 15px; z-index: 10; }
		
		/* fixme social */
		#social-ft { position: absolute; bottom: 2px; left: 5px; z-index: 10; }


img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* remove outline */
a, a:hover, a:active, a:focus { outline: 0 none; }
input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] { border: 1px dotted transparent; } 

/* layout full screen size */
.layoutfull { clear: both; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 0; }
	
	/* container */
	.container {
		position: relative; clear: both; width: 909px; min-height: 765px; height: auto !important; height: 765px;
		margin: 0 auto; padding: 0; background: #fff url("../img/common/bg-container.gif") repeat-y; text-align: left; z-index: 0;
	}
	/*.container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 0; }
	html[xmlns] .container { display: block; }
	* html .container { height: 1%; }*/
		
		/* opera hack container width */
		.container4opera { width: 910px; }
		
		/* header */
		.header { position: relative; height: 205px; margin: 0; padding: 0; z-index: 0; /*background: #f7f7f7;*/ }
			
			/* hack left column */
			#hack-left-column { position: absolute; width: 225px; height: 308px; top: 0; left: 0; background: #fff; }
			
			/* logo */
			#mugur-kreiss { position: absolute; top: 57px; left: 0; }
			
			/* menu */
			.menu { position: absolute; clear: both; top: 105px; left: 260px; padding: 0; z-index: 5; }
			.menu ul { margin: 0; padding: 15px 0 2px; list-style: none; }
			.menu ul li { display: inline; margin: 0; padding: 0; }
			.menu ul li a { display: inline; margin: 0; margin-right: 50px; padding: 0; }
		
		/* content */
		#content { position: relative; clear: both; /*min-height: 700px; height: auto !important; height: 700px;*/ margin: 0; padding: 0; z-index: 10; }
			
			/* middle */
			#middle-full { position: relative; clear: both; margin: 0; padding: 0; font-size: 12px; }
			
			/* left */
			#left { position: relative; float: left; clear: both; width: 225px; margin: 0; padding: 0; /*background: #eee;*/ }
				
				#left-menu { width: 100%; min-height: 400px; height: auto !important; height: 400px; margin-top: 102px; background: #000; }
				#left-menu ul { margin: 0 12px 0 0; padding: 23px 0 0; text-align: right; list-style: none; }
				#left-menu ul li { display: block; padding-bottom: 34px; }
				#left-menu ul li a { letter-spacing: 2px; font-size: 13px; color: #fff; }
				#left-menu ul li a.selected, #left-menu ul li a:hover { text-decoration: none; color: #ee1c25; }
				
				#left-menu h3 {
					margin: 5px 12px 5px 0; padding: 7px 0 0; text-align: right;
					text-transform: uppercase; font-weight: bold; font-size: 13px; color: #fff;
				}
				#left-menu ul.blog { margin: 0 12px 0 0; padding: 0; text-align: right; list-style: none; }
				#left-menu ul.blog li { padding: 0; }
				#left-menu ul.blog li a { letter-spacing: 1px; font-size: 11px; }
				#left-menu p.more { margin: 0 12px 0 0; text-align: right; color: #fff; cursor: pointer; }
				
			/* middle */
			#middle { position: relative; float: left; width: 480px; height: auto; margin: 0 17px 0 32px; padding: 0; font-size: 11px; }
			#middle p { line-height: 18px; margin: 5px 0; padding: 0; }
			#middle p img { margin-right: 3px; vertical-align: middle; }
			#middle p.want-more { margin-top: 20px; padding-left: 21px; background: url("../img/common/want-more.gif") no-repeat; color: #000; }
			#middle p.info { margin-top: 20px; padding-left: 21px; background: url("../img/common/info.gif") no-repeat; color: #949597; }
			#middle p.backto { margin-top: 20px; padding: 0; background: none; color: #949597; }
			
				/* show/hide div */
				.show_hide_content {
					position: relative; clear: both; width: 100%; height: 100%; line-height: 18px; margin: 0; padding: 0;
					font-size: 11px; overflow: hidden;
				}
				
				/* you are here */
				.here { position: relative; margin-top: 65px; margin-bottom: 15px; }
				.here h2 { margin: 0; padding: 0; font-weight: bold; font-size: 13px; }
				.here h2 span { color: #e2332b; }
			
			/* right */
			#right { position: relative; float: left; width: 155px; margin: 0; padding: 0; }
			
				.rightbox { clear: both; margin: 15px 10px 25px 15px; padding: 0; }
				.rightbox h3 { margin: 0 0 10px; padding: 0; font-size: 12px; color: #fff; }
				.rightbox p { margin: 2px 0; padding: 0; color: #fff; }
				.rightbox p a { margin: 2px; padding: 0; letter-spacing: 0; font-size: 9px; color: #fff; }
				
				.tvshow { clear: both; padding: 2px 5px 0; }
				.tvshow img { float: left; margin-bottom: 3px; padding: 0 0 2px; background: #d2232a; }
				.tvshow p { line-height: 15px; margin: 0 0 2px; letter-spacing: 0; font-size: 10px; color: #000; }
				.tvshow p strong { font-size: 10px; color: #777b79; }


/* >>> warning for IE 6 <<< */

/* dialog box transparency */
#dialogbox-transparency { display: none; position: absolute; top: 0; left: 0; background: #000; z-index: 9000; }
/* dialog box frame */
#boxframe #dialogbox { width: 600px; min-height: 54px; height: auto !important; height: 54px; margin: 0; padding: 20px;  }
/* dialog box warning window */
#boxframe .dialogbox-warning {
	display: none; position: absolute; top: 0; left: 0;border: 5px solid #ece477;
	background: #fffbb2; text-align: center; z-index: 9999;
}
#boxframe .dialogbox-warning p { margin: 5px 0; font-size: 12px; }
#boxframe .dialogbox-warning ul { position: relative; clear: both; margin: 10px 0 0; padding: 0; }
#boxframe .dialogbox-warning ul li { display: inline; margin-right: 20px; }
#boxframe .dialogbox-warning ul li.norm { margin: 0; }

/* >>> form in page <<< */

form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
form br { clear: both; }

input, textarea { display: block; }

/* label clear: both; */
label { float: left; width: 105px; margin: 0; padding: 0 10px 3px 0; text-align: left; font-weight: bold; color: #000; }
label span { color: #c10000; }

/* input */
input {
	float: left; height: 16px; margin: 0 5px 5px 0; padding: 3px 0 0 3px;
	border-style: solid; border-width: 1px 2px 2px 1px; border-color: #dbe1d5 #dbe1d5 #dbe1d5 #dbe1d5;
	background: #f1f1f1; font: 11px Arial, Helvetica, sans-serif; color: #597140;
}
input[type="file"] { height: 20px; }
input[type="hidden"] { display: none; }
input[type="radio"] { float: none; display: inline; border: 0; background: none; }

	/* input properties */
	/* hidden */
	input.hidden { display: none; border: none; }
	/* chars left */
	input.ch-left { position: relative; width: 30px; margin-left: 10px; top: 0; }

/* textarea */
textarea {
	float: left; margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1px 2px 2px 1px;
	border-color: #dbe1d5 #dbe1d5 #dbe1d5 #dbe1d5; background: #f1f1f1; font: 11px Arial, Helvetica, sans-serif; color: #597140;
}

	/* important fieldset */
	.impfiled { background: #fffdcc; }
	
	/* form text */
	.form-text { clear: both; margin: 5px 0; padding: 0; color: #000; }
	
	/* form tip */
	.form-tip { clear: both; margin: 5px 0; padding: 0; color: #000; }
	.form-tip img { vertical-align: middle; }
	
	/* antispam operation */
	.codeop { display: block; float: left; margin: 0; }
	.codeop img { margin-bottom: 5px; vertical-align: top; cursor: pointer; }
	
	/* error */
	.frmerror {
		clear: both; display: block; line-height: 18px; padding: 2px 0 0 16px;
		background: url("../img/icons/icon-form-error.gif") no-repeat 0 4px; color: #ff1418;
	}
	
	/* required */
	strong.required { font-weight: bold; color: #d90000; }


/* >>> index <<< */

.arhitectural {
	position: relative; clear: both; float: right; width: 245px; min-height: 160px; height: auto !important; height: 160px; margin: 20px 0 5px; padding: 0;
	background: url("../img/common/arhitectural-drawing.jpg") no-repeat bottom right; text-align: center;
}
.arhitectural h1 { margin: 3px 0 5px; padding: 0; font-weight: bold; font-size: 15px; color: #4a4542; }
.arhitectural h1 span { display: block; font-size: 11px; color: #8f9092; }
	
	.mugur-kreiss-signature { position: absolute; top: 30px; right: 57px; }


/* >>> interior-design <<< */

.interior-design { clear: both; margin: 20px 0 25px; }
.interior-design h2 { position: relative; margin: 5px 0 0; padding: 0; border: none; font-size: 13px; font-weight: bold; color: #000; }
.interior-design .latest-products-carousel { margin-top: -40px; }

	/* category items */
	.iditem { position: relative; float: left; width: 48%; line-height: 18px; margin: 0 15px 5px 0; padding: 0; }
	.iditem a { color: #000; }
	.iditem a:hover { text-decoration: none; color: #ed1b24; }
	.iditem h2 strong { color: #e10000; }
	.iditem img { }
	.iditem span { font-weight: bold; }
		
		/* no right margin */
		.iditem-norm { margin: 0; }


/* >>> photos <<< */
.videocontent { clear: both; margin: 5px 5px 10px; }
.videocontent h3 { margin: 5px 0; padding: 0; font-size: 12px; }
	.clip { float: left; margin-right: 5px; }


/* >>> photos <<< */

.widget_menu_photos { margin: 20px 0; padding: 0; }
.widget_menu_photos a { color: #000; }
.widget_menu_photos ul { margin: 0; padding: 0; font-family: Arial; }
.widget_menu_photos li {}
.widget_menu_photos ul li { position: relative; list-style: none; }
.widget_menu_photos ul li a { padding: 0; text-decoration: none; }
.widget_menu_photos ul li a:focus { outline: none; }
.widget_menu_photos ul li ul { width: 200px; display: none; position: absolute; background: #fff; z-index: 999; }
.widget_menu_photos ul li img { display: none; position: absolute; z-index: 10000; }
.widget_menu_photos ul li ul li { padding-left: 10px; margin: 0; border: none; }
.widget_menu_photos ul li ul li ul {}
.widget_menu_photos_down_drop { background-position: right center; background-repeat: no-repeat !important; }
.widget_menu_photos ul li li { font-weight: normal; }


/* >>> contact <<< */
#contact-form { position: relative; clear: both; /*background: url("../img/common/bg-contact-480.jpg") repeat-y;*/ }


/* >>> carousel vertical <<< */
	.latest-products-carousel { position: relative; float: right; width: 73px; margin: -58px auto 5px; padding: 0; z-index: 1000; }
		.carousel { position: relative; clear: both; margin: 3px 7px; padding: 0; text-align: center; }
		.carousel a img, .carousel img { margin: 0; border: 0; }
		.carousel .carousel-vscroller { position: relative; float: left; margin: 0; left: -5000px; padding: 0; visibility: hidden; }
		.carousel .carousel-vscroller ul { margin: 0; padding: 0; }
		.carousel .carousel-vscroller ul li { display: block; margin: 0; padding: 0; text-align: center; }
		.carousel .carousel-vscroller ul li img { margin: 0; margin-bottom: 5px; padding: 0; cursor: pointer; }
		.carousel a img.carousel-arrow-down { margin-bottom: 7px; }
		.carousel a img.carousel-arrow-down, .carousel a img.carousel-arrow-up { margin-left: 9px; }

/* >>> carousel horizontal <<< */
.latest-products-hcarousel { position: relative; clear: both; margin: 5px 0; }
	.carousel-horizontal { position: relative; clear: both; margin: 3px auto; padding: 0; text-align: center; }
		.carousel-hscroller { display: inline; float: left; margin: 0; padding: 0; }
		.carousel-hscroller ul li { display: inline; float: left; margin: 0; padding: 0; }
		.carousel-hscroller ul li img { margin: 0; margin-right: 5px; padding: 0; cursor: pointer; }
		.carousel-arrow-left, .carousel-arrow-right { float: left; margin-right: 9px; }
		.carousel-arrow-left img, .carousel-arrow-right img { margin-top: 9px; }
		.carousel-arrow-right { margin-left: 0; }

/* >>> carousel horizontal without bigger image <<< */
	.hcarousel { position: relative; clear: both; width: 100%; min-height: 69px; height: auto !important; height: 69px; }
	
	/* carousel category */
	.hcarousel-category { float: left; width: 130px; margin: 0; padding-top: 22px; text-align: right; font-weight: bold; font-size: 13px; }
	.hcarousel-category span { font-weight: normal; font-size: 11px; }
	
	/* carousel animation */
	.hcarousel-anim { float: left; width: auto; margin: 0; padding: 0; }
	.hcarousel-anim .carousel-vscroller ul li { margin-right: 3px; }
	.hcarousel-anim a img.carousel-arrow-left, .hcarousel-anim a img.carousel-arrow-right { float: left; margin-top: 8px; }
	.hcarousel-anim a img.carousel-arrow-left { margin-right: 3px; }
	.hcarousel-anim a img.carousel-arrow-right { margin-left: 3px; }

.carousel-display-bigger { position: relative; width: 375px; min-height: 290px; height: auto !important; height: 290px; margin: 10px 0 0; }
.carousel-display-bigger-download {
	display: none; position: absolute; width: 100%; height: 25px; bottom: 0; padding: 5px;
	background: #fff; font-weight: bold; z-index: 10;
}
.editor .carousel-display-bigger-download a { font-weight: normal; color: #d90000; }

/* >>> category <<< */

.item_n { clear: both; margin: 5px 0; padding: 0; overflow: inherit; }

/* category content */
.itembody { position: relative; clear: both; width: 100%; line-height: 18px; margin: 0; padding: 0; }
.itembody a { text-decoration: underline; color: #000; }
.itembody a:hover { text-decoration: none; color: #ed1b24; }
.itembody h2 { position: relative; margin: 0; padding: 0; border: none; font-size: 13px; font-weight: bold; color: #000; }
.itembody h2 span { margin: 0 5px 0 5px; font-weight: bold; color: #1a6bf0; }
.itembody h2 strong { color: #e10000; }
.itembody img { float: left; margin: 5px 5px 5px 0; padding: 2px; border: 1px solid #e1e9ff; vertical-align: text-top; }
.itembody span { font-weight: bold; }

	/* counter */
	.views { font-size: 11px; color: #717968; }
	
/* social bookmarking */
.bookmarking { clear: both; position: relative; height: 100%; margin: 10px 0; padding: 2px; overflow: inherit; z-index: 100; }
.bookmarking strong { margin-left: 4px; padding: 0 2px; color: #717968; }
.bookmarking ul { margin: 2px 0 0; padding: 0; list-style-type: none; }
.bookmarking li { float: left; width: auto; margin: 0 1px; padding: 0; }
.bookmarking li a { float: left; margin: 0; padding: 2px; }
.bookmarking li a img { margin: 0; padding: 0; border: 0; }


/* >>> general users comments <<< */

/* total comments */
.total-entries { clear: both; margin: 0; padding: 2px; border-bottom: 1px solid #dbdbdb; font-weight: bold; font-size: 13px; color: #b30607; }
.total-entries span { font-weight: bold; font-size: 11px; color: #b40b0b; }

ul.comms { clear: both; width: auto; margin: 3px 0px; padding: 0; list-style: none; }
ul.comms li { clear: both; position: relative; height: 100%; margin: 2px 0 2px 0; padding: 2px 5px 0; border-bottom: 1px solid #dcdcdc; color: #c9292f; }
ul.comms li.alt { margin: 0 0 2px; background: #e9ece5; }
ul.comms li.reply { float: right; width: 450px; margin: 0 0 2px; border-bottom: 1px solid #c1cab7; background: #dbe1d5; }
ul.comms li.reply p strong { color: #d2232a; }
ul.comms li p { line-height: 18px; margin: 5px 0 0; color: #000; }
ul.comms li strong { color: #ff0202; }


/* >>> editor <<< */

.editor {
	clear: both; height: 100%; line-height: 18px; margin: 10px 0 0; padding: 0;
	text-align: justify; font: 11px Arial "Trebuchet MS", Tahoma; letter-spacing: 1px;
}
.editor h1 { font-size: 15px; }
.editor h2 { font-size: 14px; }
.editor h3 { font-size: 13px; }
.editor h4 { font-size: 12px; }
.editor h5 { font-size: 11px; }
.editor h6 { font-size: 10px; }
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin: 5px 0; padding: 0; color: #e68700; }
.editor blockquote { margin: 5px 0 5px 25px; padding: 3px ; border: solid 1px #eee; }
.editor p { margin: 0; padding: 0; line-height: 18px; }
.editor p { color: #000; }
.editor p strong { color: #000; }
.editor p ol, .editor p ul { display: block; clear: both; width: auto; margin: 0; padding: 5px; text-align: justify; }
.editor ol li { clear: both; margin: 0 0 0 20px; padding: 0; list-style-type: decimal; }
.editor ul li { clear: both; margin: 0 0 0 20px; padding: 0; list-style-type: disc; }
.editor a { padding: 2px 0; text-decoration: underline; font-size: 11px; color: #000; }
.editor a:hover { text-decoration: none; }
.editor img { float: left; }


/* >>> clearfix <<< */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

	/* navigator */
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active {
		padding: 3px 5px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000;
	}
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 3px 5px; border: 1px solid #b4bbad; background: #c1cab7; color: #000; } 
	.navigator input {
		display: inline; float: none; width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px;
		border: 1px solid #7b7b7b; vertical-align: middle; font-weight: bold; font-size: 11px;
	}
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_to { padding: 0; background: none; border: 0; }

/* >>> site messages <<< */
.msg-success, .msg-error, .msg-warning, .msg-tip {
	display: block; clear: both; /*min-height: 25px; height: auto !important; height: 25px;*/ margin: 5px 0; padding: 5px; font-size: 11px;
}
.msg-success, .msg-error, .msg-warning big { font-weight: bold; font-size: 12px; }
.msg-success { border: 1px solid #87d30e; background: #e7ffb2; color: #3d9711; }
.msg-warning { border: 1px solid #f2cf6f; background: #fff1b8; color: #d87b0e; }
.msg-error { border: 1px solid #c07e7e; background: #ffe3e4; color: #df0510; }
.msg-tip {
	min-height: 18px; height: auto !important; height: 18px; padding: 3px 0 5px 22px; border: 1px solid #fff778;
	background: #fffdcc url("../img/icons/message-tip.gif") no-repeat 2px 1px; color: #000;
}
.msg-tip em { font-style: normal; }


/* >>> ColorBox <<< */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: hidden; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; width: 100%; top: 0; left: 0; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background: url("../img/jquery.colorbox/overlay.png") 0 0 repeat; }
#colorbox {}
	#cboxTopLeft { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -100px 0; }
	#cboxTopRight { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -129px 0; }
	#cboxBottomLeft { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -100px -29px; }
	#cboxBottomRight { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -129px -29px; }
	#cboxMiddleLeft { width: 21px; background: url("../img/jquery.colorbox/controls.png") repeat-y left top; }
	#cboxMiddleRight { width: 21px; background: url("../img/jquery.colorbox/controls.png") repeat-y right top; }
	#cboxTopCenter { height: 21px; background: url("../img/jquery.colorbox/border.png") repeat-x 0 0; }
	#cboxBottomCenter { height: 21px; background: url("../img/jquery.colorbox/border.png") repeat-x 0 -29px; }
	#cboxContent { background: #fff; }
		#cboxLoadedContent { margin-bottom: 28px; }
		#cboxTitle { position: absolute; width: 100%; bottom: 3px; left: 0; text-align: center; color: #949494; }
		#cboxCurrent { position: absolute; bottom: 3px; left: 58px; color: #949494; }
		#cboxSlideshow { position: absolute; right: 30px; bottom: 3px; color: #0092ef; }
		#cboxPrevious {
			position: absolute; width: 25px; height: 25px; bottom: 0; left: 0;
			background: url("../img/jquery.colorbox/controls.png") no-repeat -75px 0; text-indent: -9999px;
		}
		#cboxPrevious.hover { background-position: -75px -25px; }
		#cboxNext {
			position: absolute; width: 25px; height: 25px; bottom: 0; left: 27px;
			background: url("../img/jquery.colorbox/controls.png") no-repeat -50px 0; text-indent: -9999px;
		}
		#cboxNext.hover { background-position: -50px -25px; }
		#cboxLoadingOverlay { background: url("../img/jquery.colorbox/loading_background.png") no-repeat center center; }
		#cboxLoadingGraphic { background: url("../img/jquery.colorbox/loading.gif") no-repeat center center; }
		#cboxClose {
			position: absolute; width: 25px; height: 25px; right: 0; bottom: 0;
			background: url("../img/jquery.colorbox/controls.png") no-repeat -25px 0; text-indent: -9999px;
		}
		#cboxClose.hover { background-position: -25px -25px; }
