﻿body {
	text-align:center;
	background-image: url(../images/body-tail.jpg);
	background-repeat: repeat;
	background-position: left top;
}

tbltop {
    max-width: 1000px;
    padding-top: 50px;
}

.spacer {
    border-radius: 0 0 0 0;
    background-color: #fff;
    background-image: url(/images/header.jpg);
    repeat: 0 0;
}
a {
    color:white;    
}
a:hover{
    color:white;
}
a:visited{
    color:white;
}
.spacer1 {
    padding: 2px;
}

.spacer2 {
    padding: 5px;
}

.spacer3 {
    padding: 10px;
}

.tdBorder {
    padding: 0;
    border: solid 20px;
    border-color: #000;
    max-height: 50px;
    max-width: 951px;
}

.tdBorder2 {
    padding: 0;
    border-left: solid 22px;
    border-color: #000;
    max-height: 298px;
    max-width: 233px;
}
#moveline{
    display:none;
}
.tdBorder3 {
    padding: 0;
    border-left: solid 20px;
    border-right: solid 22px;
    border-color: #000;
    max-height: 298px;
    max-width: 720px;
}



.imgtop1 {
    position: relative;
    color: white;
}

.imgtop2 {
    position: relative;
    color: white;
}
.imgtop3 {
    position: relative;
    text-align: center;
    color: white;
}

.imgfix {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

#logo-1 { 
    display: block; 
    width:100%;
}
#logo-2 { 
    display: none; 
}

#topmiddle{
    background-image:url("../images/topedge.png");
    background-repeat:repeat-y;

}

.RaisedBox1 {
    margin: 30px; 
    display:block;
    height:100%;
    /*max-height:440px;*/
    overflow:hidden;
    border-radius:12px;
    padding:3px;
    box-shadow: 5px 5px 15px #6c6b6b;
    /*box-shadow: 0px 1em 0px rgba(255,255,255,0.5) inset;*/
}
.RaisedBox2 {
    margin: -3px;
    background-image: radial-gradient(#ededed, #dcdcdc, #dcdcdc);    
    display:block;
    height:100%;
    /*max-height:440px;*/
    overflow:hidden;
    border:solid;
    border-color:#d3d3d2;
    border-width:1px;
    border-radius:12px;
    padding:3px;
    box-shadow: 0px 20px 15px 10px #fff inset;
    /*box-shadow: 0px 1em 0px rgba(255,255,255,0.5) inset;*/
}
#copywrite{
    padding:10px;
    color:white;
    font-size:12px;
}
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.rowidx::after {
      content: "";
      clear: both;
      display: table;
}

.elselist{
    width:100%
}
.elselist img{
    padding:3px;
}
.elselist td{
    border-width:2px;
    width:33%;
    font-size:14px;
    font-family:Calibri;
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
}
.bordertop{
border-width:2px;
border-top:solid;
border-left:solid;
border-right:solid;
}

.borderbottom{
border-width:2px;
border-top:solid;
border-bottom:solid;
border-right:solid;
}
.borderbottom2{
border-width:2px;
border:solid;
}
.wands{
color:#ca0000; 
font-size:48px; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif
}

.col-25 {
    padding-left: 15px;
    float: left;
    width: 31%;
    margin-top: 3px;
    text-align:right;
}
.col-75 {
    float: left;
    width: 59%;
    margin-top: 3px;
}
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 5px;
    padding-right:10px;
    max-width:600px;
    box-shadow: 5px 5px 15px #6c6b6b;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
input[type=text], input[type=email], input[type=tel], select, textarea {
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}
label {
    padding: 7px 12px 12px 0;
    display: inline-block;
}
input[type=submit] {
    background-image: linear-gradient(#003199, #276cff,#0041cb,#003199);
    color: white;
    padding: 12px 20px;
    padding-left:20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}
input[type=submit]:hover {
    background-image: linear-gradient(#2f62ce, #709eff,#4176e6,#7699e4);
}
input[type=reset] {
    background-image: linear-gradient(#003199, #276cff,#0041cb,#003199);
    color: white;
    padding: 12px 20px;
    padding-left:20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}
input[type=reset]:hover {
        background-image: linear-gradient(#2f62ce, #709eff,#4176e6,#7699e4);
}


input:invalid {
    box-shadow: 0px 0px 3px 1px #d19494;
}
#star{
    color:red;
    font-weight:bold;
}
.contactus{
    font-size:18px;
}
.contactus a{
    color:black;
}

.tblwidth{
    width:100%;
}

/*---------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 991.98px) {
    .imgtop1 {
        pointer-events: none;
    }

    .imgtop2 {
        pointer-events: none;
    }

    .imgtop3 {
        pointer-events: none;
    }
}

/*End of 959px*/

/*---------------------------------------------------------------------------------------------------------------*/
/*Small devices (landscape phones, 758.98px and up)*/
@media screen and (max-width: 758.98px) {

.upperspace {
    margin-top: 0px;
}
.wands{
font-size:36px; 
}
.sidemenu1 {
        margin: 15px;
    }
  .column {
    width: 100%;
  }
  #moveline{
      display:inline;
  }
.elselist td {
    display:block;
    width:100%;
    /*border:none;*/
}
.borderbottom2{
    border-bottom:none;
}
.bordertop{
border-width:2px;
border-top:solid;
border-left:solid;
border-right:solid;
}
.borderbottom{
border-width:2px;
border:solid;
}
    .elselist td {
        font-size:16px;
    }

    .RaisedBox1 {
    margin: 15px;
    }
}
/*end of 758.98px*/



/*---------------------------------------------------------------------------------------------------------------*/
/*Small devices (landscape phones, 576px and up)*/
@media screen and (max-width: 575.98px) {
#logo-1 { 
    display: none; 
}
#logo-2 { 
    display: block; 
    width:100%;
}
.wands{

font-size:28px; 

}

    .sidemenu1 {
        margin: 10px;
    }
        .commborder2{
        padding: 0px;
        border-radius: 2px;
        box-shadow: none;
        width: 100%;
    }
        .RaisedBox1 {
    margin: 5px;
    }
        .container{
            padding:2px;
        }
}
/*End of less than 576px*/

