body, table, tr, td, select, hr, br, span, style, class, type, input, form			
								{ 
								font-family:Verdana, Arial, Helvetica, sans-serif;
								font-size:11px;
								padding:0px;
								margin:0px;
								line-height:18px;
								}
								
body							{	background:url(images/body_bg.jpg) repeat-x;
								}								
h1, h2, h3, h4, h5, h6, p, em	{	margin:0px;
									padding:0px;
								}
								
p								{	text-align:justify;
								}
								
h2								{	font-size:15px;
									color:#402248;
								}
								
.top_txt						{	font-size:13px;
									color:#660000;
									
								}
								
img								{	border:none;
								}
								
.menu a							{	text-decoration:none;
									color:#333333;
								}		
						
.menu a:hover					{	color:#990000;
									font-size:12px;
								}
								

.designby						{ font-size:10px;}

.designby a						{	font-family:Verdana, Arial, Helvetica, sans-serif; 
									text-decoration:none;
									color:#333333;
									font-weight:bold;
								}
						
.designby a:hover				{	text-decoration:overline;
									color:#FF6600;
									font-weight:bold;
								}
								
								
.footer-menu					{text-decoration:none;}						
						
.footer-menu a					{	text-decoration:none;
									font-size:11px;
									color:#333333;
								}		
						
.footer-menu a:hover			{	color:#333333;
									text-decoration:overline;
									font-size:11px;
								}							
						
						
.redhead 						{	color: #990000;
								}
.bluehead 						{	color: #007FF2;
								}
								
.more							{	color:#990000;
									font-size:10px;
									text-decoration:none;
								}
									
.more a							{	color:#990000;
									font-size:10px;
									text-decoration:none;
								}
.more a:hover					{	color:#990000;
									font-size:10px;
									text-decoration:underline;
								}
								
#pscroller1						{ 	width:185px; 
									height: 170px;
									padding:0px 0 0px 0px; 
									border: 0px solid #98C998; 
									text-align:left; 
									font:normal 11px tahoma;  
									color:#636363; 
									margin:15px 0 0 0px;
								}
#pscroller1 a					{	font:normal 11px tahoma; 
									color:#636363; 
									text-decoration:underline;
								}
#pscroller1 a:hover				{	font:normal 11px tahoma; 
									color:#636363; 
									text-decoration:none;
								}
								
.comp_logo						{	padding:2px 2px ;
									text-align:center;
								}
								
.sitelink						{	color:#000000;
									text-decoration:none;
								}
									
.sitelink a						{	color:#000000;
									text-decoration:none;
								}
.sitelink a:hover				{	color:#990000;
									text-decoration:underline;
								}
								
.whitehead						{	color:#FFFFFF;
									font-size:13px;
									font-weight:bold;
									text-decoration:none;
								}
								
.whitetxt						{	color:#FFFFFF;
									text-decoration:none;
									}
.whitetxt a						{	color:#FFFFFF;
									text-decoration:none;
									}
.whitetxt a:hover				{	color:#FFCC00;
									text-decoration:none;
									}
									
.moretxt						{	color:#ffffff;
									text-decoration:none;
									}
									
.moretxt a						{	color:#ffffff;
									text-decoration:none;
									}
									
.moretxt a:hover				{	color:#FFCC00;
									text-decoration:underline;
									}
									
.redtxt							{	color:#FF0000;
									}
									
.redtxt a						{	color:#000000;
									text-decoration:none;
									}
									
.redtxt a:hover				{	color:#FF0000;
									text-decoration:underline;
									}
									
.txtlink						{	color:#000000;
									text-decoration:none;}
									
.txtlink a						{	color:#000000;
									text-decoration:none;}
									
.txtlink a:hover						{	color:#660000;
									text-decoration:none;}


#search {
	position:absolute;
	top:48px;
	right:16px;
	padding:5px 10px;
	width:200px;
	border:1px solid #a6a6a6;
	background:url(images/search-BG.html) top right no-repeat #fff;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;}
	
	
	#search form {
		margin:0px;
		padding:0px;}
	
	
	#search input#search-field {
		float:left;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		width:180px;
		background:none;
		border:none;
		margin:0px;
		padding:1px 0px;}
	
	
	#search input#search-button {
		float:right;
		border:none;
		background:url(images/search-icon.html) center no-repeat;
		width:15px;
		height:15px;
		overflow:hidden;
		padding:0px;
		margin:0px;}
		
		

#nav {
	height:38px;
	padding:0px 0px 0px 20px;

	overflow:hidden;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	color:#ed1c24;}
	
	
	#nav ul {
		list-style:none;
		margin:0px;
			margin-top:10px;
		padding:0px;}
	
		
		#nav ul ul {
			display:none;}
	
	
	#nav ul li {
		display:inline;
		margin:0px;
		padding:0px;}
	
	
	#nav ul li a {
		display:block;
		float:left;
		height:35px;
		padding:6px 15px 0px 17px;
		overflow:hidden;
		background:url(images/nav-div.html) top left no-repeat;
		color:#ffffff;
		text-decoration:none;}
		
		#nav ul li:first-child a {
			background-image:none;}
	
	
	#nav ul li a:hover, #nav .current-menu-item a {
		background:#ffffff;
		color:#000;
		text-decoration:none;}
		
		
		/* ----- DROP MENU ----- */
		
		
		#nav ul li:hover ul {
			}
	
			
			#nav ul ul li {
				}
	
			
			#nav ul ul li a {
				}
	
			
			#nav ul ul li a:hover {
				}


.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;	

}

.txtfld			{	width:180px;
					height:20px;}
					
					
					
					
					{
  box-sizing: border-box;
}

$max-img-width: 600px;
$max-img-height: 400px;

img {
  max-width: 100%;
  vertical-align: top;
}

.gallery {
  display: flex;
    margin: 10px auto;
    max-width: $max-img-width;
    position: relative;
    padding-top: $max-img-height/$max-img-width * 100%;
    
    @media screen and (min-width: $max-img-width){
      padding-top: $max-img-height;
    }
  
  &__img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  
   &__thumb {
    padding-top: 6px;
    margin: 6px;
    display: block;
  }
  
  &__selector {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    
    &:checked {
      + .gallery__img {
        opacity: 1;
      }
      ~ .gallery__thumb > img {
        box-shadow: 0 0 0 3px #0be2f6;;
      }
    }
  }
  
 
}