/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
#container{
width:1000px;
float:left;
}

#container_div {
    position: absolute;
	width:725px;
	z-index:1; 
	bottom:-800px;
	height:100%;
}

/* Columns shortcode
----------------------------------------------------------------------------------------------------*/
.fullwidth{
	width:100%;
	float:left;
	margin-bottom:20px;
}

.one_half{
	width:48.10%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;
}

.one_half_last{
	width:48.10%;
	float:right;
	margin-bottom:20px;
}

.one_third{
	width:30.80%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;


}

.one_third_last{
	width:30.80%;
	float:right;
	margin-bottom:20px;
}


.two_third{
	width:65.40%;
	float:left;
	margin-right:3.80%;
	
}

.two_third_last{
	width:65.40%;
	float:right;
	margin-bottom:20px;
}

.one_fourth{
	width:22.15%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;

}

.one_fourth_last{
	width:22.15%;
	float:right;
	margin-bottom:20px;
}

.three_fourth{
	width:74.05%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;
	
}

.three_fourth_last{
	width:74.05%;
	float:right;
	margin-bottom:20px;
	
}


.one_fifth{
	width:16.96%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;
}
.one_fifth_last{
	width:16.96%;
	float:right;
	margin-bottom:20px;		
}
	
.four_fifth{
	width:79.240%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;

}

.four_fifth_last{
	width:79.240%;
	float:right;
	margin-bottom:20px;

}


* html .clearfix {

} /* IE6 */



*:first-child+html .clearfix {

} /* IE7 */


/* clearfix */

.clear{
	clear:both;
	display:block;
	height:0px;
	width:100%;
	visibility:hidden;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#supersized-loader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	text-indent:-999em;
	background:url(../images/progress.gif) no-repeat center center;
}
#supersized {
	display:block;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:-999;
	height:100%;
	width:100%;
}
#supersized img {
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
	border:none;
}
#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#111;
}
#supersized a {
	width:100%;
	height:100%;
	display:block;
}
#supersized li.prevslide {
	z-index:-20;
}
#supersized li.activeslide {
	z-index:-10;
}
#supersized li.image-loading {
	background:#111 url(../images/progress.gif) no-repeat center center;
	width:100%;
	height:100%;
}
#supersized li.image-loading img {
	visibility:hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
	display:inline;
}


#overlay_img{
width:100%;
height:100%;
z-index:-1;
position: fixed;

background-repeat:repeat;
}

/* Controls Bar
	----------------------------*/
#controls-wrapper {
	margin:0 auto;
	height:57px;
	width:100%;
	bottom:0px;
	left:0;
	z-index:999000;
	background-image:url(../images/togglr_bg.png);
}

#controls {
	overflow:hidden;
	height:100%;
	position:relative;
	z-index:9990000;
}
#slidecounter {
	float:left;
	color:#999;
	font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:#000 0 -1px 0;
	margin:0px 10px 0 15px;
	line-height:42px;
}
#slidecaption{
width:85%!important;
position:absolute;
right:2%;
top:20%;
}

.slideshow_title h3 {
	text-shadow: 0 -1px 5px #000000, 0 1px 1px #000000;
	color: #FFFFFF;
	font-size:6em;
	text-align:right;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 15px;
	z-index: 999;
	   text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
#slidecaption h4 {
	color: #FFFFFF;
	font-size: 2em;
	letter-spacing: 1px;
	padding: 0 8px;
	z-index: 999;
	text-shadow: 0 -1px 4px #000000, 0 1px 1px #000000;
	text-transform: uppercase;
	word-spacing: 1px;
	text-align:right;

}
#play-button {
	background:url('http://templatesden.com/TF/html/plento/img/bg-hover.png') repeat-x 0 44px;
}
#play-button:hover {
	background-position:0 1px;
	cursor:pointer;
}
#prevslide, #nextslide {
	height:32px;
	width:32px;
}
#prevslide:active, #nextslide:active {
	margin-top:0px;
}
#prevslide:hover, #nextslide:hover {
	cursor:pointer;
	background-position:0 -32px;
}
.control_buttons {
	margin:0px auto;
	height:32px;
	width:150px;
	padding-top:18px;
}
