/****************************************************
*author: Webwam
*version: 1.0
*date: 17 March 2011
*README:  http://www.webwam.com/help/default_css
*****************************************************/ 

div {
 padding:0px;
 border:0px;
 margin:0px;
}


input, textarea, select {
	border:1px solid #CCCCCC;
}


ul, ol {
	list-style-position:outside;
}

li {
  margin-left:20px;
}

.webkit {
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    -webkit-transform-style  : preserve-3d;
	-webkit-transition-duration : 1.25s;
	-webkit-backface-visibility : hidden;
	transition-property: -webkit-transform;
    transition-timing-function: ease-out;
    transform-style  : preserve-3d;
	transition-duration : 1.25s;
	backface-visibility : hidden;
	perspective : 1000;
}

.webkit_front {
	-webkit-transform: rotateY(0deg); 
	z-index:1000 ! important;
	visibility:visible ! important;
}

.webkit_front > img:first-child {
	-moz-box-shadow: 0 0 5px 25px rgba(255, 255, 255, .5);
	-webkit-box-shadow: 0 0 5px 25px rgba(255, 255, 255, .5);
	box-shadow: 0 0 5px 25px rgba(255, 255, 255, .5);
}



.webkit_front_flip {
	-webkit-transform: rotateY(180deg);
	visibility:visible ! important;
}

.webkit_front_flip > img:first-child {

}

.webkit_back {
	-webkit-transform: rotateY(180deg);
	display:block;
	visibility:visible ! important;
}

.webkit_back > div:first-child {

}

.webkit_back_flip {
	-webkit-transform: rotateY(0deg);
	z-index:500 ! important;
	visibility:visible ! important;
	display:block;
}

.webkit_back_flip > div:first-child {
	-moz-box-shadow: 0 0 5px 25px rgba(255, 255, 255, .5);
	-webkit-box-shadow: 0 0 5px 25px rgba(255, 255, 255, .5);
	box-shadow: 0 0 5px 25px rgba(255, 255, 255, .5);
}


.webkit_cover_out, .webkit_cover_out img {
	-webkit-transform: translatex(-200px) translatey(50px) skewy(13.5deg) scale(0.7, 0.9) rotateY(25deg) perspective(600);
	transform: translatex(-200px) translatey(50px) skewy(13.5deg) scale(0.7, 0.9) rotateY(25deg) perspective(600);
}

.webkit_cover_out div, .webkit_cover_in div {
	display:none;
}

.webkit_cover_out img {
  opacity:0.8;
}

.webkit_cover_in, .webkit_cover_in img {
  -webkit-transform: translatex(200px) translatey(50px) skewy(-13.5deg) scale(0.7, 0.9) rotateY(-25deg) perspective(600);
  transform: translatex(200px) translatey(50px) skewy(-13.5deg) scale(0.7, 0.9) rotateY(-25deg) perspective(600);
}

.webkit_cover_in {
	opacity:0.8;
}

.webkit_cover_in_back, .webkit_cover_in_back img {
  display:none;
  visibility:none;
}

.wrapper_center {
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

.wrapper_left {
	position:relative;
	float:left;
}
	

.wrapper_left:after {
	content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

.wrapper_right {
	position:relative;
	float:right;
}

.wrapper_right:after {
	content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
}


.clearfix {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


.toggleel {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 display:none;
}