/* CSS Document */

*				{padding: 0;
			 	margin: 0;
			 	}

/* TO HIDE HEADING 1 */

#exhibitionbtn	{display: none}
#exhibitionbtn2	{display: none}

h1 em			{
				position: absolute;
				left: -4000px;
				width: 900px;
				}


/* Code for home page banner */

		#home { 
			background: #474756 url(images/home.jpg) 50% 0 fixed; 
			height: auto;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    padding: 180px 0px 270px 0px;
		}



.hiddenpic		{display: none}

body			{
				background: #ffffff;
				 }

#wrap				{margin: 0px auto;
					width: 930px;
					padding: 25px;
					}


.header				{
					width: 950px; 
					margin: 0px auto; 
					}

.socials			{float: right; position: relative;
					margin: 30px 0px 0px 0px}

#logo_home				{margin-top: 0px; position: absolute; margin-left: 0px;}

#logo_home2				{margin-top: 0px; position: absolute; margin-left: 450px;}


#logo				{padding-top: 12px; margin-left: 0px; position:absolute;}

.socials2			{position: relative;
					margin: 4px 0px 0px 220px}



.navigationbar		{height: 55px;
					margin-bottom: 30px;
					margin: 0px auto;
					-moz-box-shadow:0 0 45px #ccc;
					-webkit-box-shadow:0 0 45px #ccc;
					box-shadow:0 0 45px #ccc;
					background: #3b3b48;
					border-bottom:0px solid #fff;
					border-top:0px solid #fff;
					}



/* CODE TO MAKE NAVBAR WORK AS FIXED */

#nav{left:0; right: 0px; width:100%; height: 55px; margin: 0px auto; border-bottom:0px solid #fff;
}

#nav.check-on-it .navbar		{margin: 0px auto; }

#nav.check-on-it{
position:fixed;
margin: 0px auto;
top: 0px;
background: #3b3b48;
-moz-box-shadow:0 0 15px #ccc;
-webkit-box-shadow:0 0 15px #ccc;
box-shadow:0 0 15px #ccc;
z-index:2000}



/* STICKY NAVIGATION - HOME PAGE*/

#top { height:0px; padding:0px 0 0 0;  }

#sticky_navigation_wrapper { width:100%; height:58px;  }

#sticky_navigation { z-index: 1000; width:100%; height:58px;  }





#nav2{left:0; right: 0px; width:100%; height: 55px; margin: 0px auto; border-bottom:0px solid #fff;
}

#nav2.check-on-it .navbar		{margin: 0px auto; }

#nav2.check-on-it{
position:fixed;
margin: 0px auto;
top: 0px;
background: #3b3b48;
-moz-box-shadow:0 0 15px #ccc;
-webkit-box-shadow:0 0 15px #ccc;
box-shadow:0 0 15px #ccc;
z-index:2000}



/* STICKY NAVIGATION - HOME PAGE*/

#top2 { height:0px; padding:0px 0 0 0;  }

#sticky_navigation_wrapper2 { width:100%; height:58px;  }

#sticky_navigation2 { z-index: 1000; width:100%; height:58px;  }






/* NAVIGATION HOME PAGE */


.navigation			{padding-top: 0px;
					width: 920px; height: 60px;
					margin: 0px auto;
					}



.navigation ul		   {float:right;
					   list-style:none;
					   margin:0;
					   padding:0;
					   margin-left: 0px;
					   position: relative;
					   background: #3b3b48;
					   
					   }

.navigation ul li		{float: left; 
						display:block;
						list-style: none; 
						margin: 0 auto;
						padding: 17px 7px 14px 7px;
						margin-top: 0px;
						}


.navigation ul li a 	{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						color: #ccc; 
						text-transform: uppercase;
						font-weight: 400;
						font-size:15px;
						text-shadow: .5px .5px .5px rgba(0,0,0,3.0);
						padding: 22px 10px 27px 10px;
						outline: none;
						}

.navigation ul li a:hover

						{color: #ffffff;
						}

.navigation ul li a.active

						{color: #fff;
						margin-top: -10px;
						}
						





							
												
.navigation2 ul		   {float: right;
					   list-style:none;
					   margin:0;
					   padding:0;
					   margin-right: 20px;
					   position: relative;
					   height: 64px;
					   }



						
/* TITLE BARS */
.title					{text-align:center;
						border-top: 1px solid #CCC;
						margin-top: 70px;
						height: 50px;
						}
		
.titleline				{
						margin-top: -22px; 
						}
						
.titletext				{background-color:#fff; 
						padding: 0px 80px;
						letter-spacing:2px; font-weight: 300}

.titletext_color		{background-color:#F7F7F7; 
						padding: 0px 80px;
						letter-spacing:2px; font-weight: 300}


.socialbar				{background: #3b3a3a; height: 40px; padding: 35px 0px 0px 0px ;
						}

.title_dark				{text-align:center;
						border-top: 1px solid #999;
						margin-top: 0px;
						height: 100px;
						
						}
		
.titleline_dark					{
						margin-top: -18px; 
						}
						
.titletext_dark			{background-color: #3b3a3a; 
						padding: 0px 80px;
						color: #ece9e9;
						margin-bottom: 0px;
						letter-spacing:3px; }
						
.titleline_dark h2		{font-size: 24px}

h2					{color:#474756;
					font-family: 'Raleway', sans-serif;
					font-size: 39px;
					margin-bottom: 11px;}
					
.heading			{text-align:right;
					color: #BDBDBD;
					font-size: 35px;
					letter-spacing: 15px;
					font-weight: 200;
					padding: 30px 0px 20px 0px}

h3					{color: #474756;
					font-family: 'Raleway', sans-serif;
					font-size: 24px;
					margin-bottom: 15px;}

h3 a				{color: #474756}

h3 a:hover			{color: #333}



h4					{color: #474756;
					font-family: 'Raleway', sans-serif;
					font-size: 20px;
					margin-bottom: 10px;
					line-height: 30px;}

h5					{color: #474756;
					font-family: 'Raleway', sans-serif;
					font-size: 15px;
					margin-bottom: 20px;
					line-height: 22px;
					font-weight: 500}

.bold				{font-weight: 900}

h5 a				{color: #666; font-weight: 200}

p					{color: #474756;
					font-family: 'Raleway', sans-serif;
					font-size:14px;
					line-height: 25px;
					margin-bottom: 16px;}

															
img					{border: none;
					outline: none}


a					{color:#333; font-family:Arial, Helvetica, sans-serif;  text-decoration:none; font-weight: bold}

a.newslink 			{color:#333; font-weight:400; font-family: 'Open Sans', Arial, Helvetica, sans-serif;  text-decoration:none; background-color: #fff; padding: 2px 6px; 					border: 1px solid #999}


a.newslink:hover				{color:#fff; background-color: #3b3b48}

a:hover				{color: #e84a2c; }

a img				{outline: none}

.center				{text-align:center}




/* Instagram - home page */

.instagram			{float: right;
					margin-left: 70px;
					}

.instagram a		{font-size: 22px;
					font-weight: 200;
					color: #777;
					font-family: 'Raleway', sans-serif;}

.instagram a:hover	{color: #ccc}



.imageslider		{background-color: #fff;
					height: 391px;
					width: auto;
					text-align: center;
					margin: 0px auto;
					}
					
.imageslider li a img	{z-index: 2000;}



.imagelink img{
				opacity:1;
				-webkit-transition: opacity 0.20s linear;
				-moz-transition: opacity 0.20s linear;  
				-o-transition: opacity 0.20s linear; 
				-ms-transition: opacity 0.20s linear;
				transition: opacity 0.20s linear;
				
}

.imagelink:hover img
				{opacity:0.5; }


.imagelink2 img{
				opacity:0.5;
				-webkit-transition: opacity 0.20s linear;
				-moz-transition: opacity 0.20s linear;  
				-o-transition: opacity 0.20s linear; 
				-ms-transition: opacity 0.20s linear;
				transition: opacity 0.20s linear;
				
}

.imagelink2:hover img
				{opacity:1; }




			
/* Purhcase button on home page */
						
.purchasebtnhome ul {margin-top: -72px; 
					height: 60px; 
					padding-top: 5px; 
					border-left: 1px solid #999;
					border-top: 1px solid #999;
					border-right: 1px solid #999;
					background-color:#474756}						
						
.purchasebtnhome .navigation	{margin-bottom: -25px; }

.purchasebtnhome .navigation ul	{float: left; margin-left: 0px;}



/* Purhcase button on footer */

.purchasebtn	{width: 900px;
				margin: 0px auto
				
				}
.purchasebtn .navigation	{margin-bottom: -6px}

.purchasebtn .navigation ul	{float: left; margin-left: -5px; background-color:#474756}



/* GAllery */
.gallery		{list-style: none;
				padding-bottom: 90px;
}

.gallery a img	{border: 1px solid #CCC;
				padding: 4px;
				margin: 4px;
				}
				
				



/* CONTACT PAGE **/
	
	
.contactdetails		{width: 400px;
					text-align:center;
					border: 1px solid #eee;
					padding: 50px 10px;
					-moz-box-shadow:2px 2px 2px #eee;
					-webkit-box-shadow:2px 2px 2px #eee;
					box-shadow:2px 2px 2px #eee;}
					
.form				{
					margin-left: 30px; 
					padding: 20px;
					width: 280px;}					
						
.registerbox	{
				border: 1px solid #eee;
				background-color: #F5F5F5;
				padding: 20px;
				-moz-box-shadow:2px 2px 2px #eee;
				-webkit-box-shadow:2px 2px 2px #eee;
				box-shadow:2px 2px 2px #eee;}
				
.registerbox h2	{color: #666; font-weight: 400px;}





					
.register		{float: right;
				margin-top: -6px;}

.register a		{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
				color:#fff; 
				text-shadow: 1px 1px 1px rgba(0,0,0,1);
				font-size:20px;
				font-weight: 400;
				letter-spacing: 1px
				
				}
.register a:hover	{color: #999}
	
	
	
	
	
	/* FOOTER */

.footer			{margin-top: 0px;
				padding-top: 20px;
				height: 230px;
				border: 0px dotted #CCC; 
				background: #eee /*url('images/bg_footer.jpg') repeat*/;
				
				}
		
	



	
.bottomnav		{margin-top: 70px}
				
.bottomnav a	{padding: 0px 8px; 
				font-size:11px;
				color: #666;
				font-weight: 400;
				color: #474756;
				text-shadow: 1.5px 1.5px 1.5px #fff
				}
				
.bottomnav a:hover	{color: #999}		
		
.bottomnav a.active	{color: #999}		
	
.copyright		{float: right; text-align:center; border-left: 1px dotted #CCC; padding-left: 50px;}

.copyright p	{font-size: 11px; color: #474756; font-family: 'Raleway', sans-serif; }				

.copyright a	{font-weight: 500; font-family: 'Raleway', sans-serif; text-shadow: 1.5px 1.5px 1.5px #fff}

.copyright a:hover	{color: #999; }

.copyright h4 a	{font-size: 21px; color: #474756; font-family: 'Raleway', sans-serif; }				

.phone			{font-size: 15px}





.totop			{width: 50px; background-color: #999; padding: 4px 20px;
				margin: 0px auto; text-align:center}

.totop a		{color:#eee; font-weight: 400 }

.totop a:hover	{color: #000}