/**
	Solidaire – Responsive one page Creative Template
 	Copyright (c) 2012, Subramanian 

	Author: Subramanian
    Profile: themeforest.net/user/FMedia/
	
    Version: 1.0.0
	Release Date: 20 July 2012	
**/


/* Don't edit this file */

	body{
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display:none;
		overflow-x:hidden; overflow-y:auto;
	}

	html, body {
		height: 100%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	/* main container */
	.mainContainer{
		position: relative;
		overflow-x: hidden;
		overflow-y:auto;
		top:0px;
		left:0px;
		min-height: 100%;
		height: auto !important;
		margin: 0 auto -35px; /* the bottom margin is the negative value of the footer height */		
	}
		
		.header{
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			top:0px;
			
			box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    		-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    		-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
		}
		
			 	/* Header style. The menu style are placed here */
			 	.header .headerContent{ 
					padding:0px;
					margin: 0 auto;
				}
				
				.header .headerContent .nav{
					 float: left; display: inline; margin-left: 0px; margin-right: 10px;
					 width: 750px;
					
				}
				
				.header .headerContent .nav ul{ display:none; }
				
				.header  .headerContent #mobile_nav, .header .headerContent .nav ul li{
					float:left;
					left:0px;
					display: block;
					margin:0 auto;
					cursor:pointer ;
					list-style:none;
				}
				
				.header .headerContent .nav ul li a{
					height:100%;
					padding:20px 15px 20px 15px;
					display: block;
					text-align:center;
					cursor:pointer ;
				}
				
				.header .headerContent .nav ul li ul {
					position:absolute;
					top:0px;
					float:left;
					display: inline-block;
					margin: 0 auto;
					cursor:pointer ;
					list-style:none;
					z-index:1000;
					overflow:hidden;
					
				}
				
				.header .headerContent .nav ul li ul li {
					position:relative;
					float:none;
					display: block;
					cursor:pointer ;
					list-style:none;
				}
				
				
				.header .headerContent .nav ul li ul li a{
					padding:10px 15px 10px 15px;
				}
				
				.header .headerContent .nav ul li ul li a.first{ padding:20px 15px 10px 15px; }
				.header .headerContent .nav ul li ul li a.last{ padding:10px 15px 20px 15px; }
				
				.header .headerContent .nav ul li a{
					
					-webkit-transition-property:color, background;   
 					-webkit-transition-duration: .25s, .25s;   
 					-webkit-transition-timing-function: linear, ease-in;
					
					-moz-transition-property:color, background;   
 					-moz-transition-duration: .25s, .25s;   
 					-moz-transition-timing-function: linear, ease-in;
					
					-o-transition-property:color, background;   
 					-o-transition-duration: .25s, .25s;   
 					-o-transition-timing-function: linear, ease-in;
					
					-ms-transition-property:color, background;   
 					-ms-transition-duration: .25s, .25s;   
 					-ms-transition-timing-function: linear, ease-in;
	
				}
				
				.header  .headerContent #mobile_nav{
					position:absolute;
					display:none;
					padding:13px 15px 15px 15px;
					top:3px;
				}
				
				.header  .headerContent .highlight{
					height:3px;
					position:absolute;
					margin:0px 0px 0px 0px;
					padding:0px;
				}

				.header .topContact {
					float: right; display: inline; margin-top: 10px; margin-right: 10px;
					width: 180px;
					text-align:right;
				}

				.header .headerContent li a, .header .headerContent li a:visited { color:inherit; text-decoration: none; outline: 0; }
				.header .headerContent li a:hover, .header .headerContent li a:focus { color:inherit; }
				.header .headerContent li a:visited { color:inherit; text-decoration: none; }	
				
				
		/* Footer style */
		.footer, .push {
			height: 35px; /* the bottom margin of the .mainContainer negative value is the footer height */	
		}
		
		.footer {
			position: relative;
			margin: 0 auto;
			padding: 0px 0px 0px 0px;
			box-shadow:         0px -2px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow:    0px -2px 3px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.25);
		}
		
		.footer .container .bottomText{
			margin-top:10px;
		}
		
		/* Logo and page content style*/
		.contentWarp{
			margin:0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}

		.mainContainer .logo {
			position:relative;
			height:100px;
			z-index:0;
		}
		
			.mainContainer .logo img{
				position: absolute;
/*				bottom:0px;*/
				
			}

		.pageHolder{
			position:relative;		
			margin-top:20px;
			margin-bottom:20px;
			overflow-y:hidden;
			overflow-x:hidden;
		}
			.page {
				float:left;
				position:relative;
				top:0px;
				left:0px;	
				margin:30px 0px 0px 0px;
			}
			
			.page .pgContent {
				width: 940px; 
				float: left; 
				display: inline;
				margin:0px;
				padding-left:30px;
				overflow:hidden;				
			}

	
/* Site loading style */	
.loading {
	background: url(../images/loader.gif) no-repeat center center;
	height:32px;
	width:32px; 
	position:absolute;
	z-index:0;
}

/* Email loading style */		
.email_loading {
	background: url(../images/email_loading.gif) no-repeat center center;
	height:32px;
	width:32px; 
	position:absolute;
	z-index:0;
}

/* Email reply message style */	
#reply_message { position:relative; left:20px; text-align:left; float:left; }
	
/* Tiny Scrollbar */
#scrollbar_holder 			{ width: 98.7%; top:0px;  margin: 10px 0 0px 0px; position: relative; }
#scrollbar_holder .viewport { width: 97%; overflow: hidden; position: relative;  margin: 0px 0px 0px 0px; }
#scrollbar_holder .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:100%;  }
#scrollbar_holder .scrollbar { background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; 
								position: relative; background-position: 0 0; float: right; width: 5px; }
#scrollbar_holder .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; 
							height: 100%; width:5px; position: relative; padding: 0 1px; }
#scrollbar_holder .thumb { background:transparent url(../images/bg-scrollbar-thumb-y.png); background-position:center; 
							background-repeat:repeat-y; height: 20px; width: 30px; cursor: pointer; overflow: hidden; 
							position: absolute; top: 0; left: -22px; }
#scrollbar_holder .thumb .end { overflow: hidden; height: 20px; width: 10px; }
#scrollbar_holder .disable { display: none; }

.add_scroll { position:relative; width:100%; }
/* full size and medium size content scrollbar*/
.medium_size #scrollbar_holder .viewport { height: 280px;  }
.full_size #scrollbar_holder .viewport { height: 365px; margin-top:-15px;  }

	
/* vegas style */
.vegas-loading {
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	background:#000 url(images/loading.gif) no-repeat center center;
	background:rgba(0, 0, 0, 0.7) url(../images/loading.gif) no-repeat center center;
	height:32px;
	width:32px; 
	position:absolute;
	z-index:0;
}

.vegas-overlay {
	background:transparent url(../images/background_overlay.png);
	opacity:0.5;
	z-index:-1;
}
	
.vegas-background {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	position:absolute;
	z-index:-3;		
}

/* Text animate */
.animate { overflow:hidden; }

/* Start: Graph Style */
.graph_container { position:relative; width:100%; padding:0;  margin-top:0px; }
.graph_container ul { margin:0; padding:0; list-style:none; overflow-y:hidden; }
.graph_container li { width:100%; height:20px; margin:0 0px 15px 0; position:relative; }
.graph_container li.last { margin:0; }
.graph_container li span { position:absolute; z-index:1; margin:1px 0px 0px 15px; padding:0px; color:#000; font-size:11px; }
.graph_container li a { position:absolute; left:0; width:0px; height:20px; }
	
	

/* Start Isotope*/
								 
/* Start: Recommended Isotope styles */
	
/**** Isotope Filtering ****/
	
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {  pointer-events: none; z-index: 1; }
	
/**** Isotope CSS3 transitions ****/
	
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}
	
.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}
	
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
}

	
/**** disabling Isotope CSS3 transitions ****/
	
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}
	
/* End: Recommended Isotope styles */
	
	
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
	 -moz-transition: none;
	  -ms-transition: none;
	   -o-transition: none;
		  transition: none;
}
	
/**** portfolio image Initialize ****/
.portfolio 			{ overflow:hidden; }
.portfolio img 		{ display: block;  width: 100%; }
.portfolio .item 		{ width: 216px; height:138px; margin: 1px; float: left; }
.portfolio .large 	{ width: 214px; height:138px; }
.portfolio .medium	{ width: 198px; height:128px; }
.portfolio .small 	{ width: 140px; height:90px; }
	
/* End Isotope*/
	

/* flex slider style */
#flexslider-container {max-width: 900px; height: 100%; margin: 5px 0px 0px 0px; }
.flexslider .slides { overflow:hidden;}
.flexslider ul li, .flexslider .slides { margin:0px; padding:0px;}


/* video style */
.video_content { width:600px; height:255px; margin: 0 auto; cursor:pointer; background-color:#000; overflow:hidden; }
.addVideo { position:relative; background-color:#000; overflow:hidden;}

/* spacing */
.noSpacing { margin:0px; }


.pageHidden{
	width:300px;
	height:50px;
	position:absolute;
	overflow:hidden;
}
	
.pageShow{
	width:auto;
	height:auto;
	position:relative;
	overflow:visible;
}	

#options{
	margin-right:65px;
}
	
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.mainContainer .logo { height:100px; }
	
	.video_content { width:600px; height:255px;}
	
	#flexslider-container {max-width: 800px; height:100%; margin: 20px 0px 0px 0px}
	.flex-caption { visibility:visible}
	
	/* Page content width */
	.page .pgContent { width: 748px; }	
}

	
/* Note: Design for a Ipad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.page .pgContent { margin:0px 0px 0px 0px; padding-left:30px; }
	#scrollbar_holder .viewport {overflow:hidden; height: 320px; margin: -10px 0px 0px 0px; }
	#scrollbar_holder .overview {  position:: absolute; }
	
	/* Header - Menu style */
	.header .headerContent .nav{ width: 575px;	}
	.header .headerContent .nav ul{ position:inherit; top:0px; display:block;  z-index:inherit; }
	.header .headerContent .nav li{ float:left; margin:0px;  }	
	.header .headerContent .nav ul li  a{ padding:12px 15px 10px 15px; }
	.header .headerContent .highlight{ display:block; }
	.header .headerContent #mobile_nav{ display:none; position:absolute; }	
	.header .topContact { width: 160px;  margin-top: 0px; }	
	
	/* full size and medium size content scrollbar*/
	.medium_size #scrollbar_holder .viewport { height: 265px;  }
	.full_size #scrollbar_holder .viewport { height: 325px;  }	
		
	.flex-caption { visibility:visible}	
	
	#options{ margin-right:50px;}
	.portfolio{ left:13px;}
	
	/* full screen gallery */
	#fsGalNex{ right:-10px;  top:30px; }
	#fsGalPre{ left:-3px; top:30px; }

}

	 
/* Note: Design for Ipad landscape */ 
@media only screen and (min-width: 960px) and (max-width: 1024px) {
	/* Header - Menu style */	
	.header .headerContent .nav{ width: 730px;	}
	.header .topContact { width: 200px;  margin-top: 0px; }
	
	#options{ margin-right:50px;}
	
	#flexslider-container {max-width: 800px; height:100%; margin: 5px 0px 0px 50px}
}


/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {		
	body{ overflow-x:hidden; overflow-y: auto; }
	
	/* Header - Menu style */
	.header .headerContent .nav{ width: 130px;	}
	.header .headerContent .nav ul{ position:absolute; top:44px; display:none; z-index:10;}
	.header .headerContent .nav ul li{ float:none; margin:0px; }
	.header .headerContent .nav ul li a{ padding:15px 15px 10px 15px; margin: 0px; }
	.header .headerContent .nav ul li .last{ padding-bottom:15px;}
	.header .headerContent .highlight{ display:none; }
	.header .headerContent #mobile_nav{ display:block;  position:relative; }
	.header .topContact { width: 150px; margin-top: 5px; }	
	
	.header .headerContent .nav ul li ul { float:none; position:relative;  margin:0px;  }
	.header .headerContent .nav ul li ul  li {float:none; margin:0px;top:0px; }
	.header .headerContent .nav ul li ul li a{ padding:15px 15px 10px 15px; margin: 0px; }
	
	.header .headerContent .nav ul li ul li a.first{ padding:20px 15px 10px 15px; }
				.header .headerContent .nav ul li ul li a.last{ padding:10px 15px 20px 15px; }
				
	
	/*  Page style */
	.pageHolder{ width: 300px; }
	.page .pgContent { width: 300px; position:relative; margin:0px; padding:0px; width:auto; height:auto; overflow:visible;  }

	/* Scroll bar content height */
	#scrollbar_holder .viewport { overflow:visible;  height:100%; }
	#scrollbar_holder .overview {  overflow:visible;  position:relative; height:100%; }
	/* full size and medium size content scrollbar*/
	.medium_size #scrollbar_holder .viewport { height: 100%;  }
	.full_size #scrollbar_holder .viewport { height: 100%;  margin-top:10px;  }
		
	.mainContainer{ overflow-y:hidden; }
	.mainContainer .logo { height:50px; }
	.video_content { width:280px; height:120px;}
		
	#flexslider-container {max-width: 800px; height:100%; margin: 20px 0px 20px 15px}
	.flex-caption { visibility:hidden}
	#flexslider-container .flex-control-nav { position:relative; bottom: -15px;}
	#flexslider-container .flex-direction-nav { visibility:hidden }
	
	#options{ margin-right:-10px;}
	.portfolio{ left:10px;}
	
	/* full screen gallery */
	.fs_gallery{ left:7px;  }
	.fs_thumbs{ width:265px; }
	#fsCloGal{ right: -5px;  top: 25px; }
	#fsGalNex{ right:-10px; top:55px; }
	#fsGalPre{ left:-0px; top:55px;  }	
}
 

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {		
	body{ overflow-x:hidden; overflow-y: auto; }
	
	/* Header - Menu style */
	.header .headerContent .nav{ width: 200px;	}
	.header .headerContent .nav ul{ position:absolute; top:44px; display:none; z-index:10;}
	.header .headerContent .nav ul li{ float:none; margin:0px; }
	.header .headerContent .nav ul li a{ padding:15px 15px 10px 15px; margin: 0px; }
	.header .headerContent .nav ul li .last{ padding-bottom:15px;}
	.header .headerContent .highlight{ display:none; }
	.header .headerContent #mobile_nav{ display:block;  position:relative; }
	.header .topContact { width: 190px; margin-top: 5px; }	
	
	.header .headerContent .nav ul li ul { float:none; position:relative;  margin:0px;  }
	.header .headerContent .nav ul li ul  li {float:none; margin:0px;top:0px; }
	.header .headerContent .nav ul li ul li a{ padding:15px 15px 10px 15px; margin: 0px; }
	
	.header .headerContent .nav ul li ul li a.first{ padding:20px 15px 10px 15px; }
				.header .headerContent .nav ul li ul li a.last{ padding:10px 15px 20px 15px; }

	
	/*  Page style */
	.pageHolder{ width: 420px; }
	.page .pgContent { width: 420px; position:relative; margin:0px; padding:0px; width:auto; height:auto; overflow:visible;  }

	/* Scroll bar content height */
	#scrollbar_holder .viewport { overflow:visible;  height:100%; }
	#scrollbar_holder .overview {  overflow:visible;  position:relative; height:100%; }
	/* full size and medium size content scrollbar*/
	.medium_size #scrollbar_holder .viewport { height: 100%;  }
	.full_size #scrollbar_holder .viewport { height: 100%;   margin-top:10px;  }
			
	.mainContainer{ overflow-y:hidden; }
	.mainContainer .logo { height:50px; }
	.video_content { width:400px; height:165px;}
		
	#flexslider-container {max-width: 800px; height:100%; margin: 25px 0px 30px 20px}
	.flex-caption { visibility:hidden}
	#flexslider-container .flex-control-nav { position:relative; bottom: -15px;}
	#flexslider-container .flex-direction-nav { visibility:hidden }
	
	#options{ margin-right:-10px;}
	.portfolio{ left:10px;}
	
	/* full screen gallery */
	.fs_gallery{ left:5px; }
	.fs_thumbs{ width:390px; }
	#fsCloGal{ right: -5px;  top: 25px; }
	#fsGalNex{ right:-10px; top:55px; }
	#fsGalPre{ left: -5px; top:55px; }	

}