ul.image-grid {margin-left: 1.25em;}
				ul.image-grid li{position: relative; float: left; margin-right: 2%;}
				ul.image-grid li a.image-link img{width: 280px;}
				ul.image-grid li a span.caption{line-height: 20px; text-align: center;}
				ul.image-grid li a span.name{display: block; padding: 5px 0;}

body{
	background: #fff; /*#f5f2ed*/
}

#stage {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;z-index:-1;
}
#stage img {
position:absolute;
margin:auto;
min-width:50%;
min-height:50%;
top:0;
left:0;
right:0;
bottom:0; z-index:-1;
}

#wrap{ 
	width: 960px;
	margin: 0 auto;
	height: 100%;
	background-color: transperent;
}

/* Header */


#wrap header h1{		/*this is the logo image within h1 with relevant text idented 9999em to the left*/
	background: url(../images/logo3.png) no-repeat;
	display: block;
	height: 75px;
	width: 305px;
	margin: 1em 0;
	text-indent: -9999em;
}

#wrap header nav{
	width: 100%; background: #222;
}

#wrap header nav { height:2.3em;}

#wrap header nav ul { list-style:none; margin: 0 auto; display: inline-block;}

#wrap header nav ul li {
	float:left;
	background: #222;
	height:2.3em;
/*	border-right:1px solid #dbdbdb;*/
	font-size:1em;
	line-height:2.3em;
	font-weight:normal;
	text-align: center;
}

#wrap header nav ul li a {
	float:left;
	height:2.3em;
	color:#ddd;
	padding:0 1em;
	text-decoration: none;
}

#wrap header nav ul li a:hover, #wrap header nav ul li a:active  {
	text-decoration: none;
	background-color: #444;
	color: #fff;
}
/* Header END*/

/* Front Page Items*/

#preview {
 /*   border: 2px dashed #444; */
	position: fixed; bottom: 80px;
	width: 960px;
    height: 148px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines; 
}
.item {
    width: 148px;
    height: 148px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: #e8e6e6;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

/* Front Page Items END*/

#content{
	margin-top: 1em;
	overflow: hidden;
	width: 95%;
	margin: 1em auto;
}

#content h1, #content h2{
	font-weight: normal;
	line-height: 2.0em;
	margin-bottom: 0.2em;
}

#content h1{
	font-size: 1.3em;
}

#content h2{
	font-size: 1.15em;
}

#content p{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	text-align: justify;
	margin-bottom: 0.8em;
}

.us{
	color: #fff;
	font-weight: normal !important;
	padding: 0.8em 1.5em;
	background: url(../images/bgb.png);
}

.decor{
	font-weight: normal !important;
	padding: 0.8em 1.5em;
	background: url(../images/bg.png);
}

.decor1{
	font-weight: normal !important;
	padding: 0.8em 1.5em;
	background: #fff;
}

footer{
	position: fixed; bottom: 0;
	height: 3em;
	width: 960px;
	font-size: 0.8em !important;
	line-height: 3em;
	color: #d9d2c9;
	overflow: hidden;

}

.line{
	border-top: 1px solid black !important;
}

@media screen and (max-height:370px){

	#preview{
		position: relative; float: left;
		margin-top: 120px;
		
	 
	}

	footer{
		position: relative;  float: left; margin-top: -100px;
	}

}



/*--- MISC CSS STYLES ---*/
.bold{
	font-weight: bold;
}

.regular{
	font-weight: normal;
}

.red{
	color: #c00;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}