body {
	background-image: url('../images/mobilePanel.jpg');
    background-repeat: repeat;
	}
/*html {min-width: 280px;} */
header
{
 position: relative;
 width: 100%;
 max-width: 1000px;
 min-width: 290px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 10px;
 white-space: normal;
}
header img { width: 100%;}
header .mast {width: 100%;}
header .mast img{width: 100%; margin-bottom: 3px;}
header .mast .title {position: absolute; width: 76%; height: 22px; top: 0%; left: 3%; text-align: left; }
header .mast .title p {font-family: ralewayMobile,Helvetica; font-size:; color: #ffffff;}
header .mast .subtitle {position: absolute; width: 70%; height: 22px; top: 4%; left: 3%; text-align: left; font-family: ralewayMobile,Helvetica; font-size: 20px; color: #ffffff;}
header .mast .mobileNav {position: absolute; width: 22%; top: 3px; right: 4%; }
header .mast .mobileNav p {font-family: ralewayMobile, Helvetica; font-size: 18px; color: #ffffff;}
 /* Header Navigation styles */

header .mast .mobileNav .topnav {
  overflow: hidden;
  background-color: #614f5a;
  z-index: 100;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #ffffff;
  background: #3d3c3c;
  padding: 7px 9px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  color: #ffffff;
  background: #3d3c3c;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:link {
  color: #ffffff;
  background: #3d3c3c;
}
/* Style the active link (or home/logo) */
.topnav a.visited {
  color: #ffffff;
  background: #3d3c3c;
}
/* Style the active link (or home/logo) */
.topnav a.hover {
  color: #ffffff;
  background: #3d3c3c;
}
/* Style the active link (or home/logo) */
.topnav a.active {
  color: #ffffff;
  background: #3d3c3c;
}

header .mast .img2{position: absolute; width: 95%; top: 25%; left: 2%;}
header .mast .img3{position: absolute; top: 4%; right: 2%;}
header .mast .img3 img{width: 90px; height: 90px;}
header .mast .img4{position: absolute; bottom: 14%; left: 7%;}
header .mast .img4 img{width: 50px; height: 50px;}
header .mast .first {position: absolute; bottom: 13%; right: 3%; width: 50%;}
header .mast .first p {font-family: ralewayMobile, Helvetica,sans-serif; font-weight: 400; font-size: 17px; color: #ffffff}
header .mast .second {position: absolute; top: 64%; right: 7%; width: 40%;}
header .mast .second p {font-family: 'Century Gothic', Helvetica,sans-serif; font-weight: 400; font-size: 18px; color: #ffffff}
header  p { font-family: ralewayMobile,sans-serif,Arial;
		 width: 100%;
         font-size: 21px;
         color: #111111;
		 margin-top: 4px;
		 margin-bottom: 0px;
		 padding-bottom: 0px;
		 }
header a:link {text-decoration: none; color: #000080;} a:visited {text-decoration: none; color: #000080;} a:hover { opacity: 0.6;text-decoration: none; color: #000080;} a:active {text-decoration: none; color: #000080;}
header #callnow {width: 85%; height: 45px; position: relative; margin-top: 0px; margin-bottom: 2px; margin-left: 0px; margin-top: 5px;}
header #callnow .phonetag {height :30px; width: 30px; top: 2px; left: 4px; position: absolute;}
header #callnow .phonetag img {height :30px; width: 30px;}
header #callnow .number {font-family: 'Century Gothic', sans-serif, Helvetica; font-size: 22px; color: #555555; font-weight: 400; position: absolute; left: 46px; top: 0px;}
@font-face {
    font-family: 'lightFont1';
    src: url('../fonts/SourceSansPro-ExtraLight.ttf');
}
@font-face {
    font-family: 'mySansSerif';
    src: url("../fonts/micross.ttf");
	font-weight: 100;
}
main
{
 margin-top: 0px;
 padding-top: 0px;
 max-width: 1000px;
 min-width: 290px;
 width: 97% ;
 margin-left: auto;
 margin-right: auto; 
 text-align: justify;
 white-space: normal;
}
main h2 {font-size: 23px; font-family: 'Century Gothic',sans-serif,Helvetica; color: #800080;}
main .seal {
	         position: relative;
			 background-image: url('../images/mobileImage5.png');
			 border-top-left-radius: 9px;
			 border-top-right-radius: 9px;
			 background-repeat: no-repeat;
}
main .seal img {position: absolute; top: 20px; left: 2px; width: 350px; height: 560px;}
		
main .mobileImage1 { 
	margin-top: 0px;
	z-index: 0;
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-bottom: 2px;
	text-align: center;
	}

main .boxHolder
{
    position: relative;
	max-width: 1000px;
	min-width: 299px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
	background-color: #3d3c3c;
	border-radius: 9px;
	border: 1px solid #acacac;
	border-spacing: 5px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0px;
	text-align: center;
}
main .boxHolder h2 { font-family: 'Century Gothic',sans-serif,Helvetica,Tahoma; font-size: 26px; color: #ffffff; text-align: center; margin-top: 5px;}
main .boxHolder p { font-family: ralewayMobile,sans-serif,Helvetica,Tahoma; font-size: 20px; color: #ffffff; text-align: center; padding-top: 0px; line-height: 160%;margin-bottom: 1px;}
main .boxHolder img{position: absolute; width: 34px; height: 25px; right: 0px; border-radius: 6px;}
main p { 
		font-family: ralewayMobile;
		max-width: 1000px;
		min-width: 270px;
		font-size: 21px;
		margin-left: auto;
		margin-right: auto;
		line-height: 180%;
		width: 100%;
		text-align: justify;
		color: #4c4c4c;
		}
main .itemEnclosure1 {background-image: url("../images/texture1.png"); background-repeat: repeat; border-radius: 12px;}
main .introCaption {position: relative;  margin-left: auto; margin-right: auto; max-width: 800px; background-color: #7a7a7a; padding-top: 10px; padding-bottom: 20px; margin-top: 2px; width: 100%; padding-left: 5px; padding-right: 5px; color: #ffffff; font-family: 'Century Gothic',sans-serif,Helvetica; font-size: 20px;text-align: center; line-height: 120%; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
main .introCaption img {position: absolute; width: 71px; height: 85%; top: 5%; left: 4px; margin: 0px;}
main .caption  {padding-left: 4px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 7px; margin-left: auto; margin-right: auto; max-width: 1000px; color: #000000; font-family: "century Gothic",sans-serif; font-size: 28px;text-align: center; line-height: 160%;}
main .upperRounded {}
main .oldTimeCaption { position: relative; width: 100%; min-width: 290px; max-width: 1000px; height: 120px; background-color: #3d3c3c; margin-bottom: 1px; border-top-right-radius: 9px; border-top-left-radius: 9px;}
main .oldTimeCaption p  { position: absolute; top: 25px;color: #ffffff; font-family:'lightFont1'; font-size: 65px; text-align: center; line-height: 60%; margin: 0px; padding: 0px; }
main .captionImage { 
	 min-width: 290px;
	 width: 100%;
	 max-width: 1000px;
	 height: auto;
	 margin-bottom: 5px;
	 }
main .line-gallery {
	background-image: url('../images/mobile-tile-gallery-pattern.jpg');
    background-repeat: repeat;
}
main .divide img {height: 37px; width: 100%;}
.brick-wall-border {width: 100%; height: auto; padding:0px; margin-left: 0px; margin-right: 0px;}
#mainTrailer {width: 97%; margin-top: 12px; margin-bottom: 0px; margin-left: auto; margin-right: auto; min-width: 299; max-width: 1000px;}
#mainTrailer img {height: 100px; width: 100%; }

a:link {text-decoration: none; color: #ffffff;} a:visited {text-decoration: none; color: #ffffff;} a:hover { text-decoration: none; color: #ffffff;} a:active {text-decoration: none; color: #ffffff;}
footer {
position: relative;	
width: 97%;
background: url('../images/FooterBanner.png') no-repeat;
-webkit-background-size: 100% 289px;
-moz-background-size: 100% 289px;
-o-background-size: 100% 289px;
background-size: 100% 289px;
max-width: 1000px;
min-width: 290px;
height: 278px;
border-top-right-radius: 9px;
border-top-left-radius: 9px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: ralewayMobile,sans-serif;
color: #ffffff;
font-size: 19px;
margin-bottom: 0px;
line-height: 160%;
}	
footer .titleFoot {position: absolute; bottom: 4px; width: 97%; text-align: center; max-width: 900px; min-width: 299px;}	
footer .colorSpinner {position: absolute; bottom: 160px; right: 6%;}
footer .colorSpinner img {height: 75px; width: 75px;}
footer .copyMobile {font-family: ralewayMobile,sans-serif; font-size: 16px; color: #73e6ff;}
@font-face {
    font-family: ralewayMobile;
    src: url('../fonts/raleway/Raleway-Light.ttf');
}
@font-face {
    font-family: Castelar;
    src: url('../fonts/CASTELAR.ttf');
}
@font-face {
    font-family: Izmir;
    src: url('../fonts/izmir_light.otf');
}