/*
Theme Name: Photo Scroll for Wordpress
Theme URI: http://www.revolutioncore.com/demo/photoscroll/
Description: Theme Design by Mondre'
Version: 1.0
Author: Mondre'
Author URI: http://www.revolutioncore.com/
Tags: fixed width, two columns, widgets

	Photo Scroll v1.0
	http://www.revolutioncore.com/demo/photoscroll/

	This theme was designed and built by Mondre,
	you will find him at http://themeforest.net/user/imaginem 
	in Themeforest

*/

/*
begin resets
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/*
Main Global Layout Settings
*/

*{ padding: 0px; }
body, html{ margin: 0; background:#FFFFFF none repeat scroll 0 0; }
body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;margin: 0;padding: 0;background:transparent none repeat scroll 0 0;}
a{ outline: none; text-decoration: none; color:#A0A0A2;}
a:hover{ text-decoration: none; color: #F00E7E;}
a img{ border: none; }

.clear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

/* -------- Page Structure -------- */
#thebody{ width: 100%;margin:0;padding:0;}
#mainpagebody{width: 100%;margin: 0px auto;}
#thebodysmallbg{width: 100%;margin:0;padding:0;}
#thepage{
height:100%;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:100%;
	}

#head {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent;
height:103px;
left:0;
margin-top:-175px;
position:absolute;
top:50%;
width:310px;
z-index:5;
}


/* ------------------------------------------------------------
Logo - Center it for the Homepage And Left Align for the rest
------------------------------------------------------------ */
#logocenter {
width: 720px;
margin: 0px auto;
}

#logo {
float:left;width:310px;height:100px;
}

/* ------------------------------------------------------------
Category Title
------------------------------------------------------------ */
#displaycat {
display:none;

}

/* -------- Head Styles -------- */
h1{
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
}
h1 a{
	color: #000;
}


h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
}
h2 a{
	color: #000;
}

/* -------- Post -------- */
.post .content	{
	color:#5D5D5D;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.45em;	
}

.post-image{
	padding-top:18px;
}

.post a {
	color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.45em;
	margin-bottom: 10px;
}

blockquote
{
	display:block;
	line-height:1.2em;
	font-style:italic;
	padding:20px 20px 20px 30px;
	margin:20px 0;
	border-left:5px solid #A2978B;
}

.content ul
{
	padding:0 0 0 20px;

}
.content ul li
{
	margin:0 0 5px 20px;
	padding:0px 0 0 5px;
}
.content ol
{
	margin:5px 0 30px 0;
	padding:0;
}
.content ol li
{
	margin:0 0 5px 45px;
	padding:0;
}


/* ------------------------------------------------------------
Edit .Contents to change text size and color
------------------------------------------------------------ */

.content {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-left:0px;
}

/* ------------------------------------------------------------
Content image
------------------------------------------------------------ */

.content img {
    border:none;margin:0px;
    
}

/* ------------------------------------------------------------
Align Right and Left
------------------------------------------------------------ */
.alignright {
    float:right;
}

.alignleft {
    float:left;
}

/* ------------------------------------------------------------
Content Hyperlink
------------------------------------------------------------ */
.content a {
	color:#000;


	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.5em;

	margin-bottom: 10px;
	text-decoration:underline;
	
}

.page .content	{
	color:#A2A2A2;
	font-family: verdana;
	font-size: 12px;
	line-height: 1.8em;
	margin-right:70px;
	
}

.page h2 {
	margin-right:60px;
	padding-left:20px;
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#fff;

}

.page h2 a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 1.2px;
	line-height: 1.4em;
	color:#fff;
	text-decoration:none;
}

.post h2 {
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;

}

.post h2 a {
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}


/* ------------------------------------------------------------
Contact 7 Form Styles
------------------------------------------------------------ */
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #ccc;padding:0;width:400px;
}

.wpcf7 .wpcf7-not-valid-tip {
	background:#D1D1D1;border:1px solid #464646;width:500px;
}

.wpcf7 .your-message textarea{
	width:400px;
	height:100px;
}

.wpcf7 .wpcf7-response-output {
	width:500px;
}


/* ------------------------------------------------------------
HOME
------------------------------------------------------------ */

#home {
	height:240px;
	margin-top:-120px;
	position:absolute;
	text-align:center;
	top:50%;
	width:100%;
}

#home .home_logo  { height:34px; margin:0 auto 218px; width:780px; }

#home .home_logo h1 { 
	background: transparent url(../images/logo_index.png) no-repeat scroll center top;
	text-indent:-9999px;
	height:34px !important;
	margin-bottom:218px;
	text-indent:-9999px;
	cursor:default!important;
}

#home .home_enter { 
	text-align:center; 
	display:block;
	height:30px;
	text-indent:-9999px;
	width:73px;
	margin:0px auto;
}

#home .home_enter a {
	display:block;
	background:transparent url(../images/enter.png) no-repeat scroll center top;
}

#home .home_enter a:hover {
	display:block;
	background:transparent url(../images/enter-over.png) no-repeat scroll center top;
}



/* ------------------------------------------------------------
Slider Scrollbar Gallery
------------------------------------------------------------ */

/* page specific CSS */
#container {
    top:50%;
	left:0;
	height:522px;
	width:100%;
    margin-top:-266px;
	position:absolute;
	z-index:3;
}
        
/* slider specific CSS */
.sliderGallery {
	height:522px;
	overflow:hidden;
	position:relative;
	width:100%;
}

.slider {
	background:#D5D6D8 none repeat scroll 0 0;
	height:22px;
	margin-top:500px;
	position:relative;
	width:100%;
}
        
.handle {
	background:#999999 none repeat scroll 0 0;
	cursor:move;
	height:14px;
	position:absolute;
	top:4px;
	left:4px;
	width:40px;
	z-index:100;
}

/* slider list CSS */
        
.sliderGallery ul {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	height:500px;
	max-height:500px!important;
}
        
.sliderGallery ul li {
	position:relative;
	display: inline-block;
	margin: 0px;
	padding:0;
	height:500px;
	min-width:310px!important;
	background: url(../images/spinner.gif) no-repeat center center;
}
        
.sliderGallery ul li img{}


/* shadowbox pop-up image button CSS */
.sliderGallery ul li span {
	z-index:999;
	right:10px;
	bottom:10px;
	position:absolute;
}

.sliderGallery ul li span a.expand:link, .sliderGallery ul li span a.expand:visited, .sliderGallery ul li span a.expand:active, .sliderGallery ul li span a.expand {
	background:url(../images/expand.png) no-repeat 0 0 scroll;
	height:28px;
	width:28px;
	text-indent:-30000px;
	display:block;
}

.sliderGallery ul li span a.expand:hover {
	background:url(../images/expand.png) no-repeat 0 -28px scroll;
}


/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
 /*
#loading, a.loading {
	
  background: url(../images/spinner.gif) no-repeat center center;
  min-width:310px!important;
  height:500px;

}
*/





/* ------------------------------------------------------------
Bottom Bar for the Main page and the Rest
------------------------------------------------------------ */

#bottombar {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#D5D6D8 none repeat scroll 0 0;
	border:medium none;
	bottom:0;
	color:#FFFFFF;
	height:22px;
	left:0;
	position:absolute;
	width:100%;
}

#mainpagebottombar {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border-top:medium none;
	bottom:0;
	color:#a0a0a2;
	font-size:1.1em;
	font-family:Helvetica Neue,Helvetica,arial,sans-serif;
	font-weight:300;
	letter-spacing:0.04em;
	height:40px;
	left:0;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:1;
}

#bottombar, #mainpagebottombar ul {
	list-style:none;

}

#mainpagebottombar ul {
text-transform:uppercase;font-size:9px;color:#B9B9B9;
width: 700px;
margin: 0px auto;
padding-top:20px;
}

#mainpagebottombar ul li{
float:right;
}



/* ------------------------------------------------------------
Footer
------------------------------------------------------------ */

#bottombar ul#footer{
	list-style:none;
	margin:18px 10px 6px 20px;
	text-transform:uppercase;font-size:0.9em;color:#B9B9B9;
	float:left;
}

#footer li{
	text-transform:uppercase;font-size:1em;color:#464646;float:left;border-right:1px solid #2E2E2E;padding-left:10px; padding-right:10px;
}

#footer li a{
	text-transform:uppercase;font-size:1em;color:#000;text-decoration:none;
}



/* ------------------------------------------------------------
END OF CSS
------------------------------------------------------------ */



