/*css to windows overlay*************************/
	.overlay-container {
		display: none;
		content: " ";
		/*height: 800px;*/
		width: 95%;
		position: absolute;
		top: 2%;
		left:2%;
		margin-left:auto;
		margin-right:auto;
		background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
		z-index:1001;
	}
	.overlay-containerout {
		display: none;
		content: " ";
		width: 95%;
		height:95%;
		position: absolute;
		top: 2%;
		left:2%;
		margin-left:auto;
		margin-right:auto;
		background:none;
		z-index:1001;
	}
	
	.window-container {
		display: block;
		/*background: #fcfcfc;*/
		background:#282828;
		margin: 25px auto 5px auto;
		width: 95%;/* height:750px;*/
		padding: 10px 20px 20px;
		text-align: left;
		z-index: 1002;
		border-radius: 3px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		-webkit-transition: 0.8s ease-out;
		-moz-transition: 0.8s ease-out;
		-ms-transition: 0.8s ease-out;
		-o-transition: 0.8s ease-out;
		transition: 0.8s ease-out;
		opacity: 0;
	}

	.zoomin {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
	.zoomout {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
	}
	
	.window-container-visible {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
		opacity: 1;
	}
	
		.window-container h3 {
			margin: 1em 0 0.5em;
			font-weight: normal;
			font-size: 25px;
			text-align: center;
			color:#fff;
		}
		.window-container-button{
		width: 54px;
		text-align:center;
		margin:0 auto;
		z-index:1005;
	}
		.close,.close2 {
			margin: 0 auto;
			margin-bottom:5px;
			display: block;
			width: 52px;
			background: #fafafa;
			background: -moz-linear-gradient(top,  #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(40%,#f4f4f4), color-stop(100%,#e5e5e5));
			background: -webkit-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
			background: -o-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
			background: -ms-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
			background: linear-gradient(to bottom,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
			border: 1px solid #fff;
			padding: 5px 4px;
			color: #444;
			font-size: 12px;
			border-radius: 3px;
			box-shadow: 0 1px 3px #ddd;
			-webkit-transition: 0.2s linear;
			-moz-transition: 0.2s linear;
			-ms-transition: 0.2s linear;
			-o-transition: 0.2s linear;
			transition: 0.2s linear;
			cursor: pointer;
			z-index:1005;
		}
	
			.close:hover,.close2:hover {
				background: #fefefe;
				background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 40%, #282828 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(40%,#f8f8f8), color-stop(100%,#282828));
				background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#282828 100%);
				background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#282828 100%);
				background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#282828 100%);
				background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 40%,#282828 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 );
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
				border: 1px solid #282828;
			}
	
			.close:active,.close2:active {
				background: #f4f4f4;
				background: -moz-linear-gradient(top,  #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#efefef), color-stop(100%,#dcdcdc));
				background: -webkit-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: -o-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: -ms-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: linear-gradient(to bottom,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc',GradientType=0 );
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
			}
/* ==================================================
   Tabs
================================================== */
/* root element for tabs  */

.tabs { 
	list-style:none; 
	margin:0 !important;
	padding: 0px;	
	height: 34px;
	background: url(../images/tabs-divider.png) no-repeat bottom center;
}
#contenttabs{
	margin-bottom:5px;
}
body.home .tabs { 
	padding: 0px 30px;

}

/* single tab */
ul.tabs li { 
	display: block;
	float:left;	 
	text-indent:0;
	padding:0;
	margin: 0px 5px 0px 0px !important;
	list-style-image: none !important; 

}


/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	font-size:16px;
	height: 30px;  
	line-height:30px;
	text-align:center;	
	text-decoration:none;
	padding: 0px 0px 0px 10px;	
	position:relative;
	top:0px;
	background:  url(../images/tabs.png) no-repeat;
		color:#fff;
    background:rgba(44, 111, 119, 1);
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}

ul.tabs a span{ 
	display:block;
	height: 100%;
	padding-right: 10px;
	background:  url(../images/tabs.png) no-repeat right -40px;
}

#contenttabs ul.tabs a{
	color:#fff;
    background:rgba(44, 111, 119, 1);
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}
#contenttabs ul.tabs a:hover { 
	background:#111;
    color: white;
    border:none;
	background:  url(../images/tabsb.png) no-repeat;
  }
#contenttabs ul.tabs a:active { 
	color:#FE0408;
	opacity: 0.98;
	background:  url(../images/tabsb.png) no-repeat;
  }


/* when mouse enters the tab move the background image */
#contenttabs ul.tabs a:hover { 
	background-position: 0px -80px;
}

#contenttabs ul.tabs a:hover span,
#contenttabs ul.tabs a.current span{ 
	background-position: right -120px;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current,
#contenttabs ul.tabs a.current:hover,
ul.tabs li.current a {	
	cursor:default !important; 
	color:#3F7E8B !important;
	font:bold;
	display: block;
	background-position: 0px -80px;
}


/* initially all panes are hidden */ 
.panes .pane {
	display:none;	
}

.panes>div {
    display: none;
    min-height: 200px;
 
}
.panes p{font-size:1.2em; padding: 2px;5px;5px;2px; }
/* HOME TABS THUMBS ---------------------------------------------------------*/

.panes .blocks-thumbs{
	overflow: hidden;
	padding-top: 30px;
}

.panes .blocks-thumbs li{
	display: block;
	overflow: hidden;
	float: left;
	width: 282px;
	margin: 0px 0px 30px 30px;
	background: url(../images/shadow-1-3.png) no-repeat 0px 150px;
	padding-bottom: 10px;
}

.panes .blocks-thumbs li .excerpt{
	line-height: 1.5em;
	margin-bottom: 20px;
}

#contenttabs.panes .blocks-thumbs li .header{
	display: block;
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 10px;
	text-decoration: none;
	color: #2f3235;
	border-bottom: 1px solid #c4c7c8;
	padding-bottom: 10px;
}

.panes .blocks-thumbs li a.thumb{
	display: block;
	overflow: hidden;
	width: 282px;
	height: 150px;
	margin-bottom: 20px;
	background: url(../images/plus-sign.png) no-repeat center center;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* HOME TABS GALLERY ---------------------------------------------------------*/

.panes{
	margin-top: 30px;
}

body.home .panes{
	margin-top: 0px;
}

.panes .plain-text{
	padding: 30px 30px;
	line-height: 1.em;
}

.panes .plain-text h1,
.panes .plain-text h2,
.panes .plain-text h3,
.panes .plain-text h4,
.panes .plain-text h5,
.panes .plain-text h6 {
	margin-bottom: 20px;
}

.panes .plain-text a{
	text-decoration: none;
}