/* --------- GENERAL WINDOW LAYOUT ----------- */

body{
	margin: 0;
	padding: 0;
}

body { 
}

#header {
        width: 100%;
	min-width: 800px;
        overflow: hidden;
	height: 75px;
}

#main {
        width: 100%;
}
	
#bodyContainer {
	width:100%;
	min-width: 800px;
}

#mainWrapper {
	min-width:790px;
}

#footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 100px;
	width:100%;
	overflow:hidden;
	/*background:#999;*/

	-webkit-transition: height 0.5s; /* Safari */
    	transition: height 0.5s;
}


/* --------- DESKTOP WINDOW LAYOUT ----------- */

.bodyDesktop { /* Disable scrollbars and ensure that the body fills the window */
      overflow: hidden;
        width: 100%;
	height: 100%;
}

.bodyDesktop #header { /* Provide scrollbars if needed and fix the header dimensions */
                position: absolute;
		padding-bottom: 0px;
}

.bodyDesktop #main {
                /* Provide scrollbars if needed, position below header, and derive height from top/bottom */
                overflow: auto;
                position: absolute;
                top: 75px;
                bottom: 0;
		padding: 0px;
}

/* --------- MOBILE WINDOW LAYOUT ----------- */

.bodyMobile {
}

.bodyMobile #main {
	display:inline-block;
}

.bodyMobile #bodyContainer {
	display:inline-block;
}

/* --------- LAYOUTs END ----------- */

	    #headerin {
		border-bottom: 1px solid black;
		height: 70px;
		width: 100%;
		padding: 0px;
	    }

	   .leftbar {
		float:left;
	   }

	.menubar {
		margin-left:0px;
		margin-top:15px; height: 25px; 
		background-color: #202020; 
	}

	.phonebar {
		font-size: 14px;
		margin-top: 10px;
		margin-left: 20px;
		height: 20px; 
	}

	.menuitem { 
		display:inline-block;
		margin-top:2px;
		color: #C8C8C8;
		font-size: 16px;
		font-weight: 700;
		margin-left: 15px; margin-right: 15px;
		text-decoration:None;
	}

	.menuitemsel, .menuitem:hover {
		color:#FFFFFF;
		/*text-decoration:Underline;*/
	}

	    .headerbiglogodiv {
		float:right;
		margin-right: 5px;
	    }
	
            .headersuffix {
		width: 35px;
		/*text-align: center;*/
		display:inline-block;

		font-size: 16px;
		font-weight: 900;
		font-style: italic;
 	    }	    

            .headerprefix {
		font-size: 16px;
		font-weight: 900;
		font-style: italic;
		display: inline-block;
 	    }	    
 
	    .headerzashkafom {
		color: #000000;
		font-size: 50px;
		font-weight: 900;
		font-family: "Comic Sans MS", cursive, sans-serif;

		text-shadow:0.07em 0.07em 0.15em #583717;
		transition: text-shadow 10s linear;
		-moz-transition: text-shadow 10s linear;
		-webkit-transition: text-shadow 10s linear;
		-o-transition: text-shadow 10s linear;
	    }

	    .headersmalllogo {
		color: #000000;
	    	display:inline-block; 
		font-weight:900; 
		font-size: 18px; 
		float:right;
		font-family: "Comic Sans MS", cursive, sans-serif;
		border: 1px solid #808080;
		padding: 1px 5px 1px 5px;
		}

		.headerhiddenlogo {
		display:none;
		}
	
	.site_normal { 
		display:none; 
		margin:10px;
	}
	.site_selected { display:block; }	

	.ad-image {
		cursor: pointer; 
	}

	.ad-slideshow-start-single {
		font-weight:bold;
	}

	#ad-gallery-zoom {
		cursor: pointer; 
		font-weight:bold;
	}
	#ad-gallery-zoom:hover {
		color:green;
	}

	.ad-slideshow-start-single:hover {
		color:green;
	}

	.ad-slideshow-start-single-running {
		color:green;
	}
	.ad-slideshow-start-single-running:hover {
		color:red;
	}

	.fancyimglink {
		display:block;
		position:absolute; 
		text-align:center; 
		font-weight:normal;
		margin-left:0px; 
		margin-right:0px; 
		margin-bottom:0px;
		margin-top:auto;
		width:100%; 

		background-color:black; 
		opacity:0.75;
		color:white;
		text-decoration:None;
		z-index:10000;
		text-shadow:0.1em 0.1em 0.1em black, -0.1em -0.1em 0.1em black,-0.1em 0.1em 0.1em black,0.1em -0.1em 0.1em black;
	}
	.fancyimglink div { width: 100%; height:100%; }
	.fancyimglink:hover {
		background-color:inherit; 
		opacity:1;
		color:white;
		text-decoration:underline;
	}

	.gallery-navigation-wrapper {
		padding-left: 0px;
		float:right;
		border-left: 1px solid #808080;
		border-bottom: 1px solid #808080;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.galnav-item-outer {	
		display:block;

		border-left: 6px solid white;
		padding-left:15px;
		padding-top: 1px;
		padding-bottom: 2px;
		padding-right: 10px;

		text-decoration:none;
		font-size: 16px;
		font-weight: 700;
		color: #505050;
	}
	.galnav-item-outer:hover {	
		border-left: 6px solid black;
		padding-left:15px;
		background-color: #000000;
		color: #ffffff;	
	}
	.galnav-item-selected {
		border-left: 6px solid #303030;
		background-color: #E0E0E0;
		color: #000000;	
	}
	.galnav-item-pad {
		display: inline-block;
		zoom: 1;
        	*display: inline;
		width: 20px;
	}

	.gallery-wrapper {
		/*background-color:#E8E8FF;
		border: 1px solid #A0A0FF; */
		padding: 5px 25px 5px 25px;		
		width: auto;
		display: inline-block;
	 }
	.gallery-outer-wrapper {
		text-align:center;
	}

	.gallery_folders_listdiv{
	}

	.gallery_type_hidden{
		display:none;
	}
	.gallery_folders_list{
		list-style-type: none;
		margin: 0px;
		margin-top: 5px;	
		padding:0px;
	}
	.gfl_item{
		display: inline-block;
		zoom: 1;
        	#display: inline;
		margin:10px;
		margin-top:5px;
		margin-bottom:10px;
	}
	.gfl_div {
		text-align:left;
		border: 1px solid white;
		padding: 1px;
		width:auto;
		position: relative;
		color: white;
	}
	.gfl_div:hover {
		#color: red;
		border: 1px solid black;
		box-shadow:0px 0px 10px 5px black;
	}
	.gfl_img{
		height:150px;
		width:auto;
		display:block;
		border:0px;
	}

	.gfl_link {
		text-decoration:none;
		color: white;
		font-size:20px;
		font-weight:bold;
	}
	.gfl_text{
		position:absolute;
		margin: 0px;
		left: 1px; right: 1px;
		bottom: 1px;
		opacity:0.7;
		padding: 2px;
		padding-left: 5px;
		background-color: black;
	}
	.gfl_div:hover .gfl_text{
		background-color:inherit;
		opacity: 1;
		text-shadow:0.1em 0.1em 0.1em black, -0.1em -0.1em 0.1em black,-0.1em 0.1em 0.1em black,0.1em -0.1em 0.1em black;
	}

	.dlgBoxDefault {
		display: none;
		font-size:16px;
		/*margin-top: 15px;*/
	}

			.cols { display : inline-table }
			.separator { border-left:thin solid black; padding-left:10px; margin-left:10px; }

			#requestdialog label, input { display:block; }
			#requestdialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
			#requestdialog fieldset { padding:0; border:0; margin-top:25px; }


	.fakeH1 {
		/*margin-top: 20px;
		margin-bottom: 20px;
		font-size:32px;
		font-weight:700;*/
	  display: block;
	  font-size: 2em;
	  font-weight: bold;
	  margin: .47em 0;
	}

	.fakeH2 {
		display: block;
		font-size: 1.5em;
		font-weight: bold;
  		margin: .63em 0;
	}

	.phoneLink {
		text-decoration:None;
		color: #202020;
		/*border-bottom: 0.1px dotted #6060ff;	*/
	}

	.phoneLink b {
		border-bottom: 0.1px dotted #6060ff;	
	}

	#site_main a {
		font-size: 1.05em;
		font-weight: bold;
		text-decoration:None;
		color: #202020;
		border-bottom: 0.1px solid #6060ff;	
		padding: 0px 0px;
		margin: 0px 3px;
	}

	#site_main a:hover {
		color: #000080;
		border-bottom: 2px solid #0000a0;	
	}
	.ui-widget-overlay{
		background: #505050; opacity: .75;filter:Alpha(Opacity=75);
	}
	.ui-dialog .ui-dialog-buttonpane button {
		border: 1px solid #808080;
	}

	.previewWrapper {
		float:right;
		padding: 10px;
	}

	.previewWrapperHidden {
		display:none;
	}
	.previewImageSpacer {
		text-align:center;
		margin:0px;
		padding:0px;
		width : 314px;
		height : 314px;

		display: table; 
		#position: relative; 
		overflow: hidden;
	}
	.previewImageGasket {
		#position: absolute; #top: 50%;
		display: table-cell; vertical-align: middle;
	}
	.previewImageHolder {
		#position: relative; #top: -50%; #left: -50%;
	}
	.previewImageWrapper {
		border: 1px solid #909090;
		padding: 2px;
		display:inline-block;
		position:relative;		
		zoom: 1;
        	#display: inline;
		vertical-align: auto;
	}

	.previewImageDiv {
	}
	.previewImageText {
	}

	.previewImage {
		padding:0px;
		margin:0px;
		display:block;
		border: none;
	}

	#previewWnd { 
		width: 314px; height: 355px; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.2em; border:1px solid #808080; border-right:none; border-top:none; 
		overflow:hidden;
	}
	#previewWnd .previewHeader { 
		text-align: center; margin: 0; margin-bottom:8px; padding-bottom:3px;
		width:100%;
		background-color:#E0E0E0;
		color:#202020;
		font-size:20px;
		font-weight:bold;
		border: 1px solid #A0A0A0;
		border-top:none; border-left:none;
	}

	#previewPreloadImage {
		display : none;
	}

	.ui-icon-gripsmall-diagonal-sw {
		background-position: -144px -48px;
		position:absolute;
		left:-6px;
		bottom:-6px;
		width:16px;
		height:16px;		
	}

	.hidden {
		display:none;
	}

#constructorForReal {
	display: table;
	zoom: 1;
        *display: inline;
}

#constructorHowTo {
	width:100%;
	margin-right: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid black;
	display:inline-block;
	_width:auto;
}

#constructorHowToTitle {
	font-size: 30px;
	font-weight: 700;
}

#constructorHowToHelp {
	white-space:nowrap;
}
#constructorHowToHelp a {
	font-style:italic;
}

#ctrStepsHistoryWrapper {
	margin-top: 5px;
	margin-bottom: 5px;
}

#ctrStepsHistory {
	display: inline-block;
	zoom: 1;
        *display: inline;
}

.ctrHistoryItem {
	display: inline-block;
	zoom: 1;
        *display: inline;
	padding: 3px;	
}

.ctrHistoryItem a {
	color: #404040;
	text-decoration:none;
}

.ctrHistoryItem a:hover {
	color: #ffffff;
}

.ctrHistoryItem a div {
	border: 1px solid #a0a0a0;
	background-color: #d0f0d8;
	padding: 2px 5px 2px 5px;
}

.ctrHistoryItem a:hover div {
	border: 1px solid black;
	background-color: #008040;	
	box-shadow:0px 0px 1px 1px black;
}

.ctrHistorySelectedItem a {
	color: black;
}

.ctrHistorySelectedItem a div {
	background-color: #a0ffc0;
	border: 1px solid black;
}

#ctrLevelUI { 
	border: 1px dashed black;
	padding: 10px;
}

#ctrStepName {
	font-size: 36px;
	font-weight: 700;
}

#ctrStepDesc {
	font-size: 24px;
}

#ctrStepMisc {
	font-size: 16px;
	font-style: italic;
}

#ctrStepChoicesWrapper {
	margin: 5px 0px 5px 0px;
} 

.ctrChoiceItem {
	margin: 7px;
	padding: 5px;
	border: 1px solid #d0d0d0;
	max-width: 300px;
	vertical-align:top;

	display: inline-block;
	zoom: 1;
        *display: inline;
	text-align: center;
}

.ctrChoiceItem .ctrCILink {
	width: 100%;
	color: #404040;
	text-decoration:none;
	text-align: center;

	display: inline-block;
	zoom: 1;
        *display: inline;
	_width:150px;
}

.ctrCID0 {
	cursor: pointer; 
	text-align:center;
	min-width: 150px;
	padding: 5px;
	font-size:0px;

	border: 1px solid #5050a0;
	background-color: #e0f0ff;
}

.ctrChoiceSelectedItem .ctrCILink {
	color: black;
}

.ctrChoiceSelectedItem .ctrCID0 {
    border: 1px solid black;
    background-color: rgb(160, 184, 255);
}

.ctrChoiceItem .ctrCILink:hover {
	color: white;
}

.ctrChoiceItem .ctrCILink:hover .ctrCID0 {
	border: 1px solid #a0a0a0;
	background-color: #204868;
	box-shadow:0px 0px 3px 3px #0000FF;
}

.ctrChoiceDisabledItem .ctrCILink, .ctrChoiceDisabledItem .ctrCILink:hover {
	color: #808080;
}

.ctrChoiceDisabledItem .ctrCID0, .ctrChoiceDisabledItem .ctrCILink:hover .ctrCID0 {
	border: 1px solid #808080;
	background-color: #e8e8e8;
	cursor: default; 
	box-shadow:none;
}

.ctrCID1 { 	
	display:inline-block;
	zoom: 1;
        *display: inline;
}

.ctrCID2 {
	display: table-cell;
	zoom: 1;
        *display: inline;

	vertical-align:middle;
	height:70px;	

	font-size:28px;
	font-weight:900;
}

.ctrCIDDesc {
	margin-top: 10px;
	font-size:18px;
	/*
	font-weight:700;
	font-style: italic;
	*/
}

.ctrCIDLink {
	font-size:14px;
}

.ctrCIDImg {
	margin-top: 10px;
}

.ctrCIDImg img {
	border: none;
}

.ctrPriceText { 
	font-size: 28px;
	margin-top: 5px;
}

.ctrPriceTip {
	font-size: 14px;
	font-style:italic;
	vertical-align: text-top;
}

.ctrPriceNote {
	font-size: 16px;
	font-style:italic;
}

.ctrPriceCodeText {
	font-size: 20px;
}

#ctrPriceCode {
	font-weight: 900;
	color: #008000;
}

.ctrPricePhone {
	font-size: 20px;
}

#ctrPriceResult {
	font-size: 36px;
	font-weight: 900;
	color: #800000;
}

#ctrRequestButton {
	font-size: 20px;
	font-weight: 900;
	vertical-align: +20%;
}

/* COLOR SCHEME WOOD --------- */
/*
#previewWnd .previewHeader { 
	background-color:#503520;
	}

.headerzashkafom, .headersmalllogo, .galnav-item-outer {
	color: #402500;
}

.menubar, .gallery_folders_list .gfl_text, .galnav-item-outer:hover {
	background-color: #352000; 
}

.gallery_folders_list .gfl_text {
	background-color: #301500; 
}

.gallery_folders_list .gfl_div:hover {
	border: 1px solid #352000;
	box-shadow:0px 0px 10px 5px #352000;
}

	.galnav-item-outer:hover {	
		color: #ffEfDf;	
		border-left: 6px solid #352000;
	}
	.galnav-item-selected {
		border-left: 6px solid #402500;
		background-color: #E8E0D0;
		color: #301500;	
	}
*/

@keyframes footerImageKeyframes {
    0%, 11% {top:-0%;opacity:1.0}
    12% {top:-0%;opacity:0.0}
    12.1% {top:-15%;opacity:0.0}
    13%, 36% {top:-15%; opacity:1.0}
    37% {top:-15%;opacity:0.0}
    37.1% {top:-30%;opacity:0.0}
    38%, 61% {top:-30%;opacity:1.0}
    62% {top:-30%;opacity:0.0}
    62.1% {top:-45%;opacity:0.0}
    63%, 86% {top:-45%;opacity:1.0}
    87% {top:-45%;opacity:0.0}
    87.1% {top:-60%;opacity:0.0}
    88%, 100% {top:-60%;opacity:1.0}
/*from {top:-0%;}
to {top:-60%;}*/
}

#footerImageWrapper{
	width:100%;
	height:auto;
}
#footerImage {
	width:100%;

	position:relative;
	animation-name: footerImageKeyframes;
    	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
/*	animation-timing-function: linear;*/
}
#footerPreloadImage {
		display : none;
}
.footerOverlay{
	position:absolute;
	left:0;right:0;top:0;bottom:0;
}

#footerOverlayDiv{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+5,0+45,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(5%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}