@charset "utf-8";
/* CSS Document */
body {
	background-color: #ffffff;
	/* background-image:url(images/main-bg.png);
	background-position:top center;
	background-repeat:no-repeat;*/
		 
	margin:0px;
}


.bg {
    background-image:url(images/main-bg3.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:556px;
	width:1079px; margin:0 auto;
   }

h1 {
 font-size:24px;
  font-family:Arial, Helvetica, sans-serif;
   }

@font-face {
    font-family: "brush";
    src: url(BRUSHSCI.TTF) format("truetype");
}

h2 { font-family: "brush"; font-size:32px; color:#FF0000; margin-bottom:10px; margin-top:10px;  }

.mssn { font-family:Arial, Helvetica, sans-serif; font-size:16px; width:500px;  }

.hstry { font-family:Arial, Helvetica, sans-serif font-size:16px;   }

table { font-family:Arial, Helvetica, sans-serif; font-size:14px; }

input[type=text] { width:350px; }
textarea { width:350px; }

#shadow {
 background-image:url(images/gradient-shadow.png);
  background-position:top center;
   background-repeat:repeat-x;
}


img{ border:0;}
.headertxt { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;  }
.address { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;  }
.phone { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#fff; font-weight:bold;}
.tagline { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:28px; color:#84868c;}
.lefttitle { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;    color:#ffffff;}

.lefttitle a {  font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold;    color:#ffffff; background-image:url(images/cat-bg.png); background-repeat:no-repeat; background-position:top; display:block; width:281px; text-decoration:none; padding-bottom:18px; padding-top:5px;}
.lefttitle a:hover { color:#fff; background-image:url(images/cat-hover.png); background-repeat:no-repeat; background-position:top;}

.lefttitlesmall { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}
.pagetitle { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; line-height:22px; text-transform:uppercase; font-weight:bold;}


.pagetitle2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e5171c; line-height:18px;    }

#header {  background-image:url(images/header-bg.png); background-repeat:repeat-x; background-position:center top; }
#subheader { background-color:#5f89ff; }

#leftdesign { border:1px solid #cacaca; background-color:#f3f3f3;}



#rightdesign{ background-image:url(images/design-body-right.png); background-repeat:no-repeat; background-position:bottom right;}

#menu { background-image:url(images/main-menu.png); background-repeat:no-repeat; background-position:center; height:72px; width:1079px; margin:0 auto; }

.mspace { height:18px; height: 20px\9;  }


@media screen and (-webkit-min-device-pixel-ratio:0) {    
	.mspace {
		height: 20px;
	}      
}


.fspace { height:10px; height: 10px\9;  }


@media screen and (-webkit-min-device-pixel-ratio:0) {    
	.fspace {
		height: 8px;
	}      
}


.main_menu {  color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-decoration:none; font-weight:regular;  }
.main_menu a {  color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-decoration:none; font-weight:bold;  padding-bottom:10px; padding-left:45px; padding-right:45px; padding-top:10px; text-transform:uppercase; border-right:3px solid #b40004;   }

.main_menu a:hover { color:#000;   }

.login { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px;}

.txtbox { width:250px; border:1px solid #fff; background-color:#f4f4f4; height:20px; font-size:11px;}


.maintxt { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; line-height:24px; font-weight:normal; }

.maintxt a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#525252; line-height:24px; font-weight:normal; text-decoration:none;}
.maintxt a:hover { text-decoration:underline;}


.footer { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; line-height:18px;}
.footer a { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; line-height:18px; text-decoration:none; font-weight:bold;  }
.footer a:hover { text-decoration:underline; color:#fff; }
#footer { background-image:url(images/header-bg.png); background-position:center top;}

.sidebar { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404040; line-height:18px;float: left; }

.sidbar ul { list-style:none; margin:0; padding:0;  }
.sidebar li { list-style:none; background-image:url(images/side-bg.png); background-repeat:no-repeat; display:block; height:50px; padding-top:20px; margin-left:-35px; }

.sidebar a { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:18px; text-decoration:none; text-transform:uppercase; margin-left: -4px;    }

.sidebar a:hover {  text-decoration:underline; }

#bodybgbig { background-image:url(images/body-bg.png); background-position:center top; background-repeat:repeat-x;  }

	.left_listing li{
			
			text-align: left;
		}

.first_heading h1{
			color: #000;
			font-size: 2em;
			display: block;
			text-align: left;
			font-weight: normal;
		}

		.first_heading h2{
			padding-top: 3%;
			color: #000;
			font-size: 21px;
			font-family: sans-serif;
			display: block;
			text-align: left;
			font-weight: normal;
		}

		.first_heading h3{
			padding-top: 3%;
			color: #666;
			font-size: 15px;
			font-family: sans-serif;
			display: block;
			text-align: left;
			font-weight: normal;
		}

		.first_heading h3 span{
			font-size: 1.3em;
			color: red;
			font-weight: bold
		}

		.first_heading p{
			padding-top: 2%;
			text-align: left;
		}

		.first_heading h4{
			padding-top: 3%;
			color: #666;
			font-size: 15px;
			font-family: sans-serif;
			display: block;
			text-align: left;
			font-weight: normal;
		}
		.first_heading h4 span{
			color: green;
			font-weight: bold;
			font-size: 1.3em;
		}

	


	/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
    margin: auto;
    padding: 26px;
    border: 7px solid #888;
    border-radius: 10px;
    width: 50%;
    height: auto;
    padding-bottom: 10%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.minimize{
font-size: 2.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    text-shadow: 1px 1px 6px #373434;
    /*letter-spacing: 9px;*/
    letter-spacing: 29px;
    padding-left: 13px;
}
.minimize2{
font-size: 2.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    text-shadow: 1px 1px 6px #373434;
    letter-spacing: 9px;
    /*letter-spacing: 29px;*/
    padding-left: 13px;
}
.minimize1{
    font-size: 4.9em;
    font-family: arial;
    letter-spacing: 10px;
    font-weight: bold;
    text-shadow: 1px 1px 7px #373333;
}

.minimize1 a{
 color:#000;
text-decoration:none
}

.minimize1 a:hover{
text-decoration:none
}

/*modal css*/

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  overflow-y: scroll;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 45%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@font-face {
  font-family: 'MyWebFont';
  src: url('arreial.ttf')  format('truetype'), /* Safari, Android, iOS */
  
}

.banner_width{
    width: 68em;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}