/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
/*------------------- Wrappers -------------------*/		
}
.wrapper{
	width:100%;
	height: 500%;
}
.load-wrapper{
	width: 100%;
	opacity: 0;
}
.central{
	position: relative;
	width:1000px;
	left: 50%;
	margin-left: -500px;
	min-height: 100%;
}
.central2{
	position: absolute;
	width:1000px;
	left: 50%;
	margin-left: -500px;
	min-height: 100%;
}
/*------------------- End Wrappers -------------------*/



/*------------------- Sections of the Body -------------------*/

#home{
	/*background: url(../images/Waiting-room-12.png) no-repeat center top scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	float:left;
	width:100%;
	/*min-height: 100%;
	height:auto !important;        /* for IE as it does not support min-height */
	height:100%;						/* for IE as it does not support min-height */
	padding-top: 80px;

}
#services{
	background:#FFF;
	float:left;
	width:100%;
	padding-top:-5px;
	padding: 0px 0px;
}

#projects{
	background:#fafafa;
	float:left;
	width:100%;
	padding: 0px 0px;
}

#about_us{
	background:#FFF; 
	float:left;
	width:100%;
	height: auto;
	min-height: 100%;
	height:auto !important;        /* for IE as it does not support min-height */
	height:100%;						/* for IE as it does not support min-height */
	padding: 0px 0px;
	z-index: 100;
}

/*#contact_us{
	background: url(../images/kids3.png) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	float:left;
	width: 100%;
	height:100%;
}*/
#contact_us{
	float:left;
	width:100%;
	height: auto;
	min-height: 100%;
	height:auto !important;        /* for IE as it does not support min-height */
	height:100%;						/* for IE as it does not support min-height */
	padding: 0px 0px;
	z-index: 400;
}
#loading{
	width: 100%;
	height: 100%;
	padding-left: 300px;
	margin: 0 auto;
}

/*------------------- End Sections of the Body -------------------*/



/*------------------- Header -------------------*/

.logo {
	position:relative;
	float:left;
	background:url(../images/SevenPools.png) no-repeat center top;
	width:175px;
	height:80px;
}

	
.nav {	
	position:relative;
	display: none;
	float:left;
	background: rgba(255,255,255, 1);
	background: #ffffff;
	text-align:center;
	height:0px;
	width:100%;	
	/*-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);*/
	z-index:1000;
}
.nav.stuck {	
	position:fixed;
	display: block;
	float:left;
	border-bottom:solid 1px #5fc0b6;
	background: #ffffff;
	text-align:center;
	height:80px;
	width:100%;	
	/*-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);*/
	z-index:10000;
}
.nav ul{
	list-style: none;
	position:relative;
	width:1000px;
	left: 50%;
	margin-left: -500px;
}

.nav ul li a{ 
	float:right;
	background: rgba(255,255,255, .0);
	display:inline;
	padding-left:5px;
	padding-right:5px; 
	color:#4B4DA1;
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	/*color:#5fc0b6;*/
	text-decoration:none;
	margin-right:1px;
	margin-top:45px;
	font-family: "flamaregular",Arial,sans-serif;
	font-weight:100;
	font-size:1.1em;
	line-height:45px;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.3);*/
}
.nav ul li a:hover{ 
	float:right;	 
	display:inline; 
	color:#4B4DA1;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	text-decoration:none;
	border-bottom:3px solid #4B4DA1;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.3);*/	
}
.logo_nav a{ 
	float:right;
	background: rgba(255,255,255, .0);
	display:inline;
	padding-left:5px;
	padding-right:5px; 
	color:#7476b5;
	/*color:#5fc0b6;*/
	text-decoration:none;
	margin-right:1px;
	margin-top:0px;
	font-family: "flamaregular",Arial,sans-serif;
	font-weight:300;
	font-size:1.0em;
	line-height:50px;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.3);*/
}
.nav.stuck ul li a{ 
	float:right;
	background: rgba(255,255,255, .0);
	display:inline;
	padding-left:5px;
	padding-right:5px; 
	color:#4B4DA1;
	/*color:#5fc0b6;*/
	text-decoration:none;
	margin-right:1px;
	margin-top:15px;
	font-family: "flamaregular",Arial,sans-serif;
	font-weight:100;
	font-size:1.1em;
	line-height:50px;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.3);*/
}
.nav.stuck ul li a:hover{ 
	float:right;	 
	display:inline; 
	/*color:#7476b5;*/
	text-decoration:none;
	opacity: 1.0;
	filter: alpha(opacity=100);
	border-bottom:3px solid #4B4DA1;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.3);*/	
}
.inview{ 
	float:right;	 
	display:inline; 
	/*color:#7476b5;*/
	text-decoration:none;
	border-bottom:3px solid #4B4DA1;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.3);*/	
	
	
}
/*------------------- End Header -------------------*/


/*------------------- Supporting Sections-------------------*/
.homeframe{
	position:absolute;
	background:#eeeeee;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	text-decoration: none;
	width:350px;
	height: auto;
	min-height: 100%;
	height:auto !important;        /* for IE as it does not support min-height */
	height:100%;						/* for IE as it does not support min-height */
	top: -80px;
	z-index: 1000000;
	
}
	.homeframe--header {
		position:absolute;
		width:100%;
		margin-top: -10px;
	}
	.homeframe--content {
		position:absolute;
		width:100%;
		bottom: 0px;
		padding:0px 5px;
	}
		.homeframe--content h1{
			font-size:1.5em;
			color: #4B4DA1;
			padding:5px;
			font-weight:400;
		}
		.homeframe--content h2{
			font-size:1.2em;
			color:#222222;
			padding:5px;
			font-weight:100;
			line-height:25px;
		}
.directional{
	position: absolute;
	background: url(../images/sprite2.png) 0px 0px no-repeat;
	opacity: .8;
	width: 350px;
	height: 30px;
	margin: 0px;
	padding: 5px 0px 0px;
	left: 0px;
	bottom: 0px;

}
.directional:hover{
	position: absolute;
	background: url(../images/sprite2.png) 0px 0px no-repeat;
	opacity: 1;
	width: 350px;
	height: 30px;
	margin: 0px;
	padding: 5px 0px 0px;
	left: 0px;
	bottom: 0px;

}

		
.content2{
	position: relative;
	float:right;
	width:650px;
	/*border-right: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;*/
}
.content2_sub0{
	width:100%;
	float:left;
	padding:10px 5px 5px 17px;
	margin-top:0px;
}
.content2_sub1{
	width:50%;
	float:left;
	padding:5px 5px 5px 17px;
}
.content2_sub2{
	width:50%;
	float:left;
	padding:5px;
}
.content2_sub3{
	width:100%;
	height:10%;
	float:left;
	padding:5px;
}

	.content2 h1{
		font-size: 1.8em;
		color: #4B4DA1;
		padding-bottom: 9px;
		padding-left: 5px;
	/*border: solid 1px #7476b5;*/
	}
	.content2 h2{
		font-size:1.1em;
		line-height:18px;
		font-weight:100;
		color:#222222;
		padding:5px;
		line-height:20px;
	}
	.content2 h4{
		font-size:1em;
		line-height:18px;
		font-weight:100;
		color:#4B4DA1;
		padding:10px;
	}
	.content2 h5{
		font-size:1.1em;
		line-height:18px;
		font-weight:100;
		color:#222222;
		font-style: italic;
		padding:10px;
	}
	.content2 h6{
		font-size:1.1em;
		line-height:15px;
		font-weight:100;
		color:#4B4DA1;
		padding:10px;
	}
	.content2 p{
		font-size:1.1em;
		line-height:18px;
		font-weight:100;
		color:#222222;
		padding:10px;
		line-height:20px;
	}
	.content2 ul li{
		list-style:outside;
		font-size:1.1em;
		margin-left:25px;
		line-height:20px;
		font-weight:100;
		color:#4B4DA1;
		padding:3px;
	}
.contactholder{
	position: relative;
	display: block;
	width:1000px;
	left: 50%;
	margin-left: -500px;
	background: transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;*/
	height:600px;
}
.fixedcontent{
	position: relative;
	display: block;
	width:350px;
	background: #fafafa;
	/*border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;*/
	height:100%;
}
	.fixedcontent li {
		padding: 5px 5px 0px 5px;
	}
	.fixedcontent li:first-child {
		padding: 13px 5px 0px 5px;
	}
	.fixedcontent li:last-child {
		padding: 0px 5px 13px 5px;
	}
.fixedspace{
	position: relative;
	width: 100%;
	height: 518px;
	background: transparent;
}
.fixedspace2{
	position: relative;
	width: 100%;
	height: 150px;
	background: transparent;
}
.content_holder{
	position: relative;
	border:solid red 1px;
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	width:50%;
	margin-top: 10px;
	padding-top: 10px;
}
/*------------------- End Supporting Sections -------------------*/



/*-------------------set anchor points that initiate state change -------------------*/
#anchor_services {
	position:absolute;
	top:10px;
	right:1px;
	width:1px;
	height:1px;
	
}
#anchor_projects {
	position:absolute;
	top:400px;
	left:1px;
	width:5px;
	height:5px;
}

#anchor_about_us {
	position:absolute;
	top:10px;
	left:1px;
	width:5px;
	height:5px;
	
}
#anchor_contact_us {
	position:absolute;
	top:150px;
	left:1px;
	width:5px;
	height:5px;
	
}

	/* Set up navigation. Assign an ID to each list item */
	
	#section_services a {
		
	}
	#section_projects a {
		
	}
	
	#section_about_us a {
		
	}
	#section_contact_us a {
		
	}
	/* End Set up navigation. Assign an ID to each list item */


/*-------------------End set anchor points that initiate state change -------------------*/



/*-------------------Swiper Pagination -------------------*/
#position{
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
#position li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #666;
	/*box-shadow: inset 0 1px 3px black,0 0 1px 1px #202020;*/
	margin: 0 2px;
	padding-bottom: 10px;
	cursor: pointer;
}
#position li.on{
/*box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);*/
background-color: #000;
}
#position li:hover{
/*box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);*/
background-color: #000;
}
/*-------------------Swiper Pagination -------------------*/




.bxholder{
	position: relative;
	width: 80%;
	height: 100%;
	margin-left: 10%;
	border: solid red 1px;
}
/*Contact Form*/
.contact_form{
	position:absolute;	
	background: rgba(235,235,235, 1.0);
	background: #eeeeee;
	width: 350px;
	height: 400px;
	bottom:0px;
	padding: 10px 0px 15px 0px;
}
.contact_form:hover{
	position:absolute;
	width: 350px;
	padding: 10px 0px 15px 0px;

}
.holder {
	padding: 5px 10px;
}
.input{
	position: relative;
	background: rgba(255,255,255,.8);
	width: 90%;
	height: 35px;
	padding: 0px 5px;
	margin-left: 5%;
	outline: none;
	border: 1px solid #4B4DA1;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;


}

.button{
	position: relative;
	width: 90%;
	margin-left: 5%;
	height: 30px;
	outline: none;
	background:#4B4DA1;
	color: white;
	border: solid 1px #4B4DA1;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	opacity: .9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}
.button:hover{
	position: relative;
	width: 90%;
	margin-left: 5%;
	height: 30px;
	outline: none;
	background:#4B4DA1;
	color: white;
	border: solid 1px #4B4DA1;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#holder{
	position: relative;
	width: 94%;
	padding: 2%;
}
.contact_form h1{
	margin-left: 5%;
	padding: 5px 10px;
	font-size:1.5em;
	line-height:25px;
	font-weight:400;
	color:#4B4DA1;
}
.contact_form p{
	margin-left: 5%;
	padding: 2px 10px 2px 10px;
	font-size:1.1em;
	line-height:20px;
	font-weight:100;
	color:#222222;
}
.contact_form form input[type=text]{
	margin-left: 5%;
	padding: 5px 10px;
	font-size:1.1em;
	font-weight:100;
	color:#222222;
}
::-webkit-input-placeholder { color:#222222; }
::-moz-placeholder { color:#222222; } /* firefox 19+ */
:-ms-input-placeholder { color:#222222; } /* ie */
input:-moz-placeholder { color:#222222; }

.contact_form textarea{
	resize: none;
	height: 100px;
	margin-left: 5%;
	padding: 5px 10px;
	font-size:1.1em;
	font-weight:100;
	color:#222222;
}

.contact_form p a {
	color:#4B4DA1;
	text-decoration: none;
		
}

.contact_form p a:hover {
	color:#4B4DA1;
	text-decoration: underline;
		
}
}
.contact_form ul {
	position: relative;
		
}
.contact_form ul li {
	border: solid blue 1px;
	width:25%;
	float: left;
	list-style: none;
		
}
.contact_form ul li first {
	border: solid blue 1px;
	width:50%;
	float: left;
	list-style: none;
		
}
/*End Contact Form*/

#footer{
	background: rgba(235,235,235, 1.0);
	background: #eeeeee;
	position: absolute;
	width: 100%;
	background: solid red 1px;
	height: 40px;
	bottom: 0px;
}
.footwrap{
	position: relative;
	height: 40px;
	width:1000px;

	left: 50%;
	margin-left: -500px;
}
#footer p{
	float: left;
	line-height: 40px;
	color: #222222;
	font-weight: 100;
	font-size: .9em;
}
#footer p2{
	line-height: 40px;

	float: right;
	color: #222222;
	padding-left: 2%;
	font-weight: 100;
	font-size: .9em;
}
#footer a{
	line-height: 40px;
	color: #4B4DA1;
	text-decoration: none;
}
#footer a:hover{
	line-height: 40px;
	color: #4B4DA1;
	text-decoration: underline;
}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	background: #FFF;
	margin: 10px 10px 20px 10px;
	border: solid 1px #4B4DA1;
	position: relative;
	padding: 20px;
	*zoom: 1;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper ul {
	position: relative;
	
}
.bx-wrapper ul li{
	padding: 5px;
	margin: 0px;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;*/
	z-index:999;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	z-index: 1000;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: -50px;
	z-index: 1000;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 7px;
	background: url(../images/sprite.png) no-repeat -70px -15px;
	opacity: .9;
	z-index: 1;

}

.bx-wrapper .bx-next {
	right: -5px;
	background: url(../images/sprite.png) no-repeat -130px -15px;
	opacity: .9;
	z-index: 1;
}

.bx-wrapper .bx-prev:hover {
	opacity: 1.0;
	}

.bx-wrapper .bx-next:hover {
	opacity: 1.0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	margin-left: -25px;
	margin-right: -15px;
	outline: 0;
	width: 55px;
	height: 55px;
	text-indent: -9999px;
	z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.image_one{
	background: url(../images/image.sprite.png) 0px 0px no-repeat;
	width: 340px;
	height: 255px;
	margin: 0px 0 5px 0px;	
}
.image_two{
	background: url(../images/image.sprite.png) 0px -287px no-repeat;
	width: 340px;
	height: 233px;
	margin: 5px 0 5px 0px;
}

.image_three{
	background: url(../images/image.sprite.png) 0px -552px no-repeat;
	width: 340px;
	height: 260px;
	margin: 5px 0 5px 0px;
	border: none;
	outline: none;
}
.image_four{
	background: url(../images/image.sprite.png) 0px -847px no-repeat;
	width: 340px;
	height: 221px;
	margin: 5px 0 5px 0px;
}
.image_five{
	background: url(../images/image.sprite.png) 0px -1102px no-repeat;
	width: 340px;
	height: 230px;
	margin: 5px 0 5px 0px;	
}
.image_six{
	background: url(../images/image.sprite.png) 0px -1365px no-repeat;
	width: 340px;
	height: 176px;
	margin: 5px 0 5px 0px;
	
}
.image_seven{
	background: url(../images/image.sprite.png) 0px -1591px no-repeat;
	width: 340px;
	height: 94px;
	margin: 5px 0 5px 0px;
}
.image_eight{
	background: url(../images/image.sprite.png) 0px -1737px no-repeat;
	width: 340px;
	height: 151px;
	margin: 5px 0 5px 0px;
}
.image_nine{
	background: url(../images/image.sprite.png) 0px -1896px no-repeat;
	width: 340px;
	height: 269px;
	margin: 0px 0 5px 0px;
}

.img_wrapper{
    position: relative;
    overflow: hidden;
    padding-top: 75%;
    background: blue;
}
 
.img_wrapper img{
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
}
.img_wrapper.loaded img{
    opacity: 1;
}