/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:fixed;
	left:36px;
	top:0;
	/*z-index:1;*/
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:299px;width:558px;
	background:#515151 url(../images/birdform.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:9px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}


/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(../images/contact_me.png); 
	position:absolute; 
	left:368px; bottom:-44px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(../images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:4px;}
#contactForm .input_boxes {float:left; width:204px;}

.bottomlink {position:absolute; bottom:0;}



/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:411px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 100%;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    /*height: 350px;*/
    display: block;
    border: 0;
    margin-bottom: 10px;
}





.cssmenu2{
	background-color: #333333;
	width:100%;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.cssmenu2 ul{
	background:#333333;
	height:33px;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	}
.cssmenu2 li{
	float:left;
	padding:0px;
	}
.cssmenu2 li a{
	background:#333333 url('images/seperator.gif') bottom right no-repeat;
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px 60px;
	text-align:center;
	text-decoration:none;
	}
.cssmenu2 li a:hover, .cssmenu2 ul li:hover a{
	background: #2580a2 url('images/hover.gif') bottom center no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	}
.cssmenu2 li ul{
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:200px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
.cssmenu2 li:hover ul{
	display:block;
	
	}
.cssmenu2 li li {
	background:url('images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
	}
.cssmenu2 li:hover li a{
	background:none;
	
	}
.cssmenu2 li ul a{
	display:block;
	height:30px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 2px 0px 2px;
	text-align:left;
	}
.cssmenu2 li ul a:hover, .cssmenu2 li ul li:hover a{
	background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
.cssmenu2 p{
	clear:left;
	}	


	
	





/* Some stylesheet reset */
#cssmenu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 152px;	
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 11px 20px;
			width: 151px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #d8d8d8;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: 300;

			/* Background & effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #3cc4e6;
			text-shadow: 0 1px 0 #fff;
			background: #e6e6e6;
			background: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
			background: -ms-linear-gradient(bottom, #e6e6e6, #fff); 
			background: -moz-linear-gradient(bottom, #e6e6e6, #fff);
			background: -o-linear-gradient(bottom, #e6e6e6, #fff);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #3cc4e6;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid #fff;
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 146px;
			top: -9999px;
			padding-left: 5px;
			z-index:9999;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}

/*old style*/

body, td, form {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #a10b0a
}

.para {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #a10b0a;
	text-decoration: none;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a10b0a;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;
	text-decoration: none;
}

.BODY {
SCROLLBAR-FACE-COLOR: #F9F4EC;
SCROLLBAR-HIGHLIGHT-COLOR: #F9F4EC;
SCROLLBAR-SHADOW-COLOR: #895F40;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR:  #895F40;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #895F40;
}

.cpyright
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-weight: normal;
color: #a10b0a;
text-decoration: none
}

.heading1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #a10b0a
}

.maintxt
{
font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #a10b0a;
text-decoration: none;
line-height: 14px;
word-spacing: normal;
padding-top: 7px
}

/* responsive layout */

 @media (min-width:320px) and (max-width:420px) 
 {
 #slideshow {
    height:290px;
}
.colum
{
    width: 57%;
    margin: 0px auto;
}
 }
 
 
 @media (min-width:421px) and (max-width:480px) 
 {
 #slideshow {
    height:325px;
}

.colum
{
    width: 40%;
    margin: 0px auto;
}
 }