body
{
/* background-image: url('../images/background.gif');
background-size: 1024px 512px; */
background-color:#000000;
background-position: top;
background-repeat: no-repeat;
margin: 0;
padding:0;
/*
animation: fadein 2s;
-moz-animation: fadein 2s; /* Firefox */
/*-webkit-animation: fadein 2s; /* Safari and Chrome */
/*-o-animation: fadein 2s; /* Opera */

}


#galleryWrapper
{
margin-top: 0px;
margin-left: 0px;
}

#lowerbar
{
margin-top: -20px;
margin-left: 0px;
}

#lowerbar img
{
border-radius: 15px;
}


#wrapper
{
margin-top: 20px;
background-color:#000000;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 1366px;
height: auto;
}

#wrapper p
{
padding-left: 10px;
padding-right: 10px;
font-family: arial;
text-align: justify;
color: #FFFFFF;
}

#wrapper h1
{
font-size: 20px;
padding-bottom: 0px;
color: #FFFFFF;
padding-top: 20px;
padding-left: 0px;
font-weight: bold;
font-family: arial;
}

#wrapper h2
{
font-size: 18px;
padding-bottom: 0px;
color: #FFFFFF;
padding-top: 20px;
padding-left: 10px;
font-weight: bold;
font-family: arial;
}

#wrapper h3
{
font-size: 15px;
padding-bottom: 0px;
color: #FFFFFF;
padding-top: 0px;
padding-left: 10px;
font-weight: bold;
font-family: arial;
}

#header{
/*margin-top: 10px;*/
/* border-radius:15px; */
width: 100%;
height: 250px;
background-image: url('../images/header.jpg');
background-size: 1600px 250px;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: -20px;
/*background-color: #0072bc;*/
}


#businessLogo{
position:absolute;
width: 100%;
height: 250px;
margin-top: 20px;
background-image: url('../images/mfsLogo.png');
background-size: 551px 56px;
/* background-position: center; */
background-repeat: no-repeat;
}

#businessLogo2{
position:absolute;
width: 100%;
height: 250px;
margin-top: -50px;
background-image: url('../images/mfsLogo.gif');
background-size: 300px 155px;
background-position: right;
background-repeat: no-repeat;
}

#header h1
{
font-style: courier;
font-weight: bold;
font-size: 24px;
color: #777777;
}

#header h2
{
padding-left: 10px;
font-family: Helvetica;
font-weight: bold;
font-size: 18px;
color: #777777;
}

#header p{
padding: 10px;
}

#navigation
{
position:relative;
height: 40px;
width: 100%;
text-align: center;
border-top: 2px solid #0051FF;
border-bottom: 2px solid #0051FF;

background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}

#navigation ul
{
margin-left: -30px;
}

#navigation ul li
{
display: inline-block;

}

#navigationContainer
{
width: 100%;
margin-left: 0 auto;
margin-right: 0 auto;
position:absolute;
margin-top: -5px;
}

#navigation a
{
position:relative;
color: #FFFFFF;
text-decoration: none;
padding-left: 60px;
padding-right: 60px;
padding-top: 10px;
padding-bottom: 10px;
font-family: arial;
font-size: 16px;
}

#navigation a:hover {

text-decoration: none;
color: #FFFFFF;
padding-left: 60px;
padding-right: 60px;
padding-top: 11px;
padding-bottom: 12px;
animation: fadein 0.5s;
-moz-animation: fadein 0.5s; /* Firefox */
-webkit-animation: fadein 0.5s; /* Safari and Chrome */
-o-animation: fadein 0.5s; /* Opera */


background: rgba(255,255,255,0.37);
background: -moz-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.37)), color-stop(100%, rgba(0,81,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0051ff', GradientType=0 );
}

#footer
{
height: 150px;
width: 100%;
border-top: 2px solid #0051FF;
border-bottom: 2px solid #0051FF;
margin-bottom: 10px;
background-color:#000000;
}

#footer h1
{
vertical-align: top;
display: inline-block;
padding-left: 20px;
padding-right: 10px;
text-align: left;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 14px;
}

#footer h2
{
vertical-align: top;
padding-left: 20px;
padding-right: 10px;
text-align: left;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 14px;
}

#iso
{
background-color: #FFFFFF;
padding: 5px;
/* border-radius: 15px; */
border: 2px solid #0051FF;
/* display: inline; */
margin-top: -80px;
margin-left: 1000px;
/*position: absolute;*/
width: 100px;
height: 100px;
background-image:url('../images/iso.jpg');
background-size: 100px 100px;
background-position: center;
background-repeat: no-repeat;
}

#iso2
{
background-color: #FFFFFF;
padding: 5px;
/* border-radius: 15px; */
border: 2px solid #0051FF;
/* display: inline; */
margin-top: -80px;
margin-left: 780px;
margin-right: 5px;
position: absolute;
width: 100px;
height: 100px;
background-image:url('../images/twiclis3834.jpg');
background-size: 100px 100px;
background-position: center;
background-repeat: no-repeat;
}

#iso3
{
background-color: #FFFFFF;
padding: 5px;
/* border-radius: 15px; */
border: 2px solid #0051FF;
/* display: inline; */
margin-top: -80px;
margin-left: 890px;
margin-right: 5px;
position: absolute;
width: 100px;
height: 100px;
background-image:url('../images/twifactoryproduction.jpg');
background-size: 100px 100px;
background-position: center;
background-repeat: no-repeat;
}

#mapContainer
{
background-color:#000000;
margin-left: 120px;
margin-top: -40px;
display: inline-block;
position: relative;
height: auto;
width: 520px;
/* border: 2px solid #0051FF; */
border-radius: 15px;
vertical-align: top;
margin-bottom: 20px;
padding:10px;
}

#contactForm
{
color: #FFFFFF;
background-color: #000000;
margin-left: 45px;
/* margin-right: 20px; */
margin-top: -20px;
padding-top: 10px;
padding-right: 10px; 
padding-left: 20px; 
display: inline-block;
position:relative;
width: 500px;
height: auto;
border: 2px solid #0051FF;
border-radius: 15px;
vertical-align: top;
margin-bottom: 20px;
}

#bodyContainer
{
position: relative;
margin-left: auto;
margin-right: auto;
border-radius: 4px;
margin-bottom: 20px;
width: 1366px;
height: auto;
color: #FFFFFF;
}

#contentBoxWrapper
{
Margin-left:700px;
}

#contentBox1
{
vertical-align: top;
display: inline-block;
position: relative;
width: 250px;
height: auto;
/* border: 1px solid #0051ff; */
margin-left: 10px;
margin-right: auto;
font-weight: bold;
font-family: arial;
font-size: 16px;
}

#contentBox2
{
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
margin-top: 10px;
width: 95%;
height: auto;
border: 0px solid #0051ff;
border-radius: 15px;
}

/* #imageContainer
{
border-radius: 15px;
position: relative;
height: auto;
margin-left: auto;
margin-right: auto;

}
 */

#bodyContainer p{
padding: 10px;
}

#contactUs
{
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
position: absolute;
margin-top: 150px;
margin-left: 966px;
width: auto;
height: auto;
border: 2px solid #0051ff;
font-family: arial;
color: #FFFFFF;
/* border-radius: 15px; */
}

#contactUs h1
{
display: inline;
padding-top:0px;
padding-bottom:0px;
padding-left: 5px;
font-size: 30px;
color: yellow;
}

#contactUs h2
{
display: inline;
padding-top:0px;
padding-bottom:0px;
padding-left: 5px;
font-size: 16px;
color: #FFFFFF;
}

#contactUs p
{
padding-top:0px;
padding-bottom:0px;
padding-left: 5px;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}


h1{
margin: 0;
color: #FFFFFF;
}

h2{
margin: 0;
color: #FFFFFF;
}

h3{
margin-top: 10px;
color: #FFFFFF;
}
p
{
font-family: arial;
color: #FFFFFF;
margin:0px;
padding: 0px;
/* padding-left: -10px;
padding-right: -10px; */
font-size: 16px;
}

a
{
color: #FFFFFF;
text-decoration: none;
}



/* accordian gallery */

.accordian {
width: 100%; 
height: 320px;
overflow: hidden;
margin-left:-10px;
margin-bottom: 10px;
margin-top: 0px;
animation: fadein 4s;
-moz-animation: fadein 4s; /* Firefox */
-webkit-animation: fadein 4s; /* Safari and Chrome */
-o-animation: fadein 4s; /* Opera */
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
	width: 2000px;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}

.accordian li {
position: relative;
display: block;
width: 160px;
float: left;
border-left: 1px solid #888;		
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {width: 40px;}
/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {width: 640px;}


.accordian li img {
display: block;
}

/*Image title styles*/
.image_title {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0; bottom: 0;	
width: 640px;	

}
.image_title a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 20px;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
}




/*fade in script*/

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
} /*end of fade in*/


/* Start of contact form */


label {
    width:auto;
    float:left;
    font-size:12px;
    line-height:24px;
    font-weight:bold;
	color: #FFFFFF;
	font-family: arial;
}
input {
    width:350px;
    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
}

textarea#comments{
width:350px;
height:205px;
}

input[type=submit] 
{
margin-top: 30px;
margin-left:-70px;
padding:5px 15px; 
border-bottom: 2px solid #0051FF;
background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

color: #FFFFFF; 
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; 
font: bold 10px/14px arial; 
}

input[type="submit"]:hover{
color: #FFFFFF; 
padding:5px 15px; 
background-color: #FFFFFF;
animation: fadein 1s;

background: rgba(255,255,255,0.37);
background: -moz-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.37)), color-stop(100%, rgba(0,81,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.37) 0%, rgba(0,81,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0051ff', GradientType=0 );

font: bold 10px/14px arial; 
}

/* End of contact form */