/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */
body
{
background: url(../images/colourboxbg.jpg) repeat-y center top;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size: 1.2em;
line-height: 1.2em;
}

img {
  outline:none!important;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

#Map:focus {
    outline: none!important;
	-webkit-outline: none!important;
	border: none!important;

}

#mobilemap1:focus {
    outline: none!important;
	-webkit-outline: none!important;
	border: none!important;
}

#mobilemap2:focus {
    outline: none!important;
	-webkit-outline: none!important;
	border: none!important;
}

#Map4:focus {
    outline: none!important;
	-webkit-outline: none!important;
	border: none!important;
}

#babywearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
}

.babywearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.babywearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.babywearrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.babywearrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

#kidswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/kidswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
}

.kidswearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.kidswearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.kidswearrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.kidswearrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

#menswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/schoolwearbg-sue.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
}

.menswearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.menswearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}


.menswearrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.menswearrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}


#schoolwearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
}

.schoolwearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.schoolwearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.schoolwearrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.schoolwearrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

#witchywooimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/witchywoobg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 10px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.witchywoorollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.witchywoorollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.witchywoorollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.witchywoorollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}






#jobabywearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
}

.jobabywearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.jobabywearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.jobabywearrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.jobabywearrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

#girlswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/girlswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
}

.girlswearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.girlswearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.girlswearrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.girlswearrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}


#boysmenswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/boyswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
}

.boysmenswearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.boysmenswearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.boysmenswearrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.boysmenswearrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}


#graphicsimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
}

.graphicsrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.graphicsrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.graphicsrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.graphicsrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

#buttercupsimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/buttercupsbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 10px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.buttercupsrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.buttercupsrollover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}


.buttercupsrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

.buttercupsrollover img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

/*.buttercupsrollover a:hover
{
display: block;
width: 160px;
height: 110px;
background: #FFF;
}
*/





.logo
{
text-align: center;
border: none;
margin-top: 10px;
/*border: 1px solid #090;*/
margin-left: auto;
margin-right: auto;
}

.logo img
{
float: none;
width: 434px;
height: 170px;
border: none;
}

.bottomnav
{
text-align: center;
}

.bottomnav img
{
width: 780px;
height: 505px;
}

.mobilebottomnav
{
text-align: center;
display: none;
}

.introtext
{
margin: 0px auto 5px auto;
color: #234090;
}

.largetxt
{
font-size: 1.25em;
}

.xlargetxt
{
font-size: 1.35em;
}

.parablock
{
width: 64%;
margin: 0px auto;
padding: 0px;
}

.parablock2
{
width: 86%;
margin: 0px auto;
padding: 0px;
font-size: 0.85em;
line-height: 1.4em;
}

.largetxt
{
font-size: 0.95em;
}

.logofloat
{
float: left;
margin: 0px;
padding: 0px;
width: 500px;
}

.toppencilnavs
{
float: right;
margin: 10px 0px 0px 0px;
padding: 0px;
width: 329px;
}

.toppencilnavs img
{
float: left;
margin: 0px;
padding: 0px;
width: 329px;
height: 193px;
}

.footer
{
font-size: 0.75em;
color: #234090;
margin: 0px 0px 20px 0px;
/*border: 1px solid #000;*/
}

.footerblocks
{
display: inline;
float: left;
/*border: 1px solid #000;*/
margin: 5px;
}

.footerblocks img
{
float: none;
margin: 0px;
vertical-align: bottom;
}

.footerblocksimgcontainer
{
float: left;
display: inline;
height: 36px!important;
margin: 0px;
}

.firstfooterblock
{
margin-left: 130px;
}

.desktopblock
{
display: inline;
}

.mobileblock
{
display: none;
}

p.toppara
{
position: relative;
top: 0px;
margin: 170px 0px 0px 0px;
}

p.toppara2
{
position: relative;
top: 0px;
margin: 170px 0px 0px 0px;
}

/* #Page Styles
================================================== */

.aboutjo
{
background: url(../images/aboutjotop.png) no-repeat center top;
background-size: contain;
text-align: left;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
}

.aboutsue
{
background: url(../images/aboutsuetop.png) no-repeat center top;
background-size: contain;
text-align: left;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
}

.foliodesktop
{
/*border: 1px solid #000;*/
text-align: left;
}

.ourservice
{
background: url(../images/ourservicetop.png) no-repeat center top;
background-size: contain;
text-align: center;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
}

.ourserviceform
{
background: url(../images/serviceformbg.png) no-repeat left top;
width: 600px;
height: 470px;
margin: 0px auto;
padding: 0px;
}

.ourservice img
{
float: right;
}

.ourservicemobiletopnav
{
display: none;
}

.ourservicemobiletopnav2
{
display: none;
}

#MYFORM
{
/*border: 1px solid #000;*/
width: 410px;
margin: 0px auto;
position: relative;
top: 106px;
}

.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

.error
{
color:#CC0000;
font-size: 12px;
margin:4px;
font-style:italic;
width:200px;
}

.errortxt
{
border: 1px solid #CC0000!important;
}

.success
{
color:#009900;
font-size:12px;
margin:4px;
font-style:italic;
float: left;
position: relative;
top: 60px;
left: 60px;
/*border: 1px solid #000;*/
line-height: 1em;
width: 240px;
}

img#refresh{
	float: left;
	display: inline;
	position: relative;
	top: -15px;
	right: 0px;
	margin-top: 0px;
	margin-left:4px;
	cursor:pointer;
	border: none;
}

#name,#tel,#email
{
float:left!important;
margin-right: 10px!important;
margin-bottom:10px!important;
height:20px!important;
width: 230px!important;
border: none;
background: #fff5c3;
}

#message
{
width:230px;
height:100px;
float:left;
margin-top: 30px;
margin-right: 20px;
margin-bottom:10px;
border: none;
background: #fff5c3;
}

#code
{
border: none;
background: #fff5c3;
width: 230px;
position: relative;
left: 20px;
float: left;
display: inline;
}

label
{
float:left;
color:#000;
width:140px;
}

#captcha
{
width: 120px;
margin: 0px;
padding: 0px;
position: relative;
top: -5px;
}

#email
{
margin-top: 20px!important;
}

.emaillabel
{
margin-top: 20px!important;
/*border: 1px solid #000;*/
}

.messagelabel
{
margin-top: 30px!important;
/*border: 1px solid #000;*/
}

#wrap
{
/*border: 1px solid #FFF;*/
text-align: left;
position: relative;
left: 0px;
width: 400px;
margin-top: 50px;
}

#wrap img
{
float: left;
display: inline;
}

#Send
{
float: right;
background: url(../images/sendbutton.png) no-repeat left top;
height: 70px;
width: 111px;
padding: 0px;
border: none;
position: relative;
top: -50px;
right: -80px;
text-indent: -9999px;
}


.ourlinks
{
background: url(../images/linkstop.png) no-repeat center top;
background-size: contain;
text-align: center;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
/*border: 1px solid #000;*/
}

#block1 {
   float: right;
   margin: 10px 0px 0px 10px;
   width: 400px;
   height: 10px;
   background: none;
   display: block;
   /*border: 1px solid #000;*/
}

#block2 {
 clear:right;
   float: right;
   position: relative;
   top: 0px;
   margin: 0px;
   width: 200px;
   height: 20px;
   background: none;
   /*border: 1px solid #000;*/
}

#block3 {
	clear: right;
   float: right;
   margin: 0px;
   width: 140px;
   height: 20px;
   background: none;
   /*border: 1px solid #000;*/
}

#block4 {
	clear: right;
   float: right;
   margin: 0px;
   width: 80px;
   height: 20px;
   background: none;
   /*border: 1px solid #000;*/
}

#block5 {
	clear: right;
	position: relative;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px 0px;
   width: 220px;
   height: 100px;
   background: none;
   z-index: 100;
   /*border: 1px solid #9C6;*/
}

#block6 {
	clear: both;
	position: relative;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px 0px;
   width: 70px;
   height: 120px;
   background: red;
   z-index: 100;
}

#block7 {
	clear: right;
	position: relative;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px 0px;
   width: 220px;
   height: 100px;
   background: none;
   z-index: 100;
   /*border: 1px solid #9C6;*/
}

#block8 {
   float: right;
   margin: 10px 0px 0px 10px;
   width: 100px;
   height: 10px;
   background: none;
   display: block;
  /* border: 1px solid #000;*/
}

#block9 {
 clear:right;
   float: right;
   position: relative;
   top: 0px;
   margin: 0px;
   width: 100px;
   height: 20px;
   background: none;
  /*border: 1px solid #000;*/
}

#block10 {
	clear: right;
   float: right;
   margin: 0px;
   width: 100px;
   height: 20px;
   background: none;
  /*border: 1px solid #000;*/
}

#block11 {
	clear: right;
   float: right;
   margin: 0px;
   width: 100px;
   height: 20px;
   background: none;
   /*border: 1px solid #000;*/
}

.foliomobile
{
display: none;
}

.foliomobile2
{
display: none;
}

.footertwopencillinks
{
float: left;
width: 388px;
height: 195px;
}

.mobilevisible
{
display: none;
}

.desktopvisible
{
display: block;
}

.homepagetopnavmap
{
position: relative; 
float: left;
top: 52px;
left: 0px;
height: 60px;
width: 200px;
/*border: 1px solid #000;*/
display: block;
}

.homepagetopnavmap > a
{
display: block;
height: 60px;
width: 200px;
/*border: 1px solid #000;*/
}

.aboutsuetopnavmap
{
position: relative;
float: left;
top: 122px;
left: -200px;
height: 44px;
width: 200px;
/*border: 1px solid #000;*/
display: block;
}

.aboutsuetopnavmap > a
{
display: block;
height: 44px;
width: 200px;
/*border: 1px solid #000;*/
}

.aboutjotopnavmap
{
position: relative;
float: left;
top: 184px;
left: -400px;
height: 44px;
width: 200px;
/*border: 1px solid #000;*/
display: block;
z-index: 500;
}

.aboutjotopnavmap > a
{
display: block;
height: 44px;
width: 200px;
/*border: 1px solid #0C0;*/
}

.floatparas
{
float: left;
width: 960px;
z-index: 500;
/*border: 1px solid #000;*/
margin: 0px;
font-size: 0.95em;
line-height: 1.30em;
}

.topfirstpara
{
margin-top: 80px;
}

.testimonialpencil
{
float: right;
width: auto;
margin: 0px;
/*border: 1px solid #000;*/
position: absolute;
top: 350px;
right: 0px;
z-index: 600;
width: 260px;
height: 105px;
}

.linktext
{
margin: 30px auto 0px auto;
padding: 0px;
width: 960px;
/*height: 480px;*/
text-align: center;
font-size: 16px;
position: relative;
float: left;
}

.linktext p
{
width: 940px;
margin: 0px auto;
padding: 0px 0px 5px 0px;
line-height: 24px;
/*border: 1px solid #000;*/
}

.linktext h3
{
font-size: 18px;
border: none;
}

.linktext a
{
	text-decoration: none;
	color: #630;
}

.linktext a:hover
{
	text-decoration: underline;
	color: #630;
}

.linkdiv
{
width: 600px;
margin: 0px auto;
padding: 10px;
text-align: left;
}

.linkdiv p
{
width: 600px;
margin: 0px;
padding: 0px 0px 2px 0px;
text-align: center;
}

p.title
{
width: 600px;
margin: 0px;
padding: 4px 0px 0px 0px;
text-align: center;
}

.desktopmap2
{
display: none;
}
/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px)
	{
	.footerblocks
{
font-size: 0.85em;
}

	}
	
	/* Anything smaller than standard 960 */
	@media only screen and (min-width: 768px) and (max-width: 959px)
	{
		
#babywearimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
}

.babywearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.babywearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#kidswearimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/kidswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
}

.kidswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.kidswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#menswearimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/schoolwearbg-sue.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
}

.menswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.menswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#schoolwearimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
}

.schoolwearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.schoolwearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#witchywooimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/witchywoobg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 10px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
		
.witchywoorollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.witchywoorollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#jobabywearimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
}

.jobabywearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.jobabywearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#girlswearimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/girlswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
}

.girlswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.girlswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#boysmenswearimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/boyswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
}

.boysmenswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.boysmenswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

/*
.boysmenswearrollover a:hover
{
display: block;
width: 120px;
height: 80px;
background: #666;
}
*/

#graphicsimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
}

.graphicsrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.graphicsrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#buttercupsimg
{
width: 140px;
height: 124px;
background: #eeead4 url(../images/buttercupsbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 10px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
		
.buttercupsrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.buttercupsrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

p.parablock
{
width: 80%!important;
margin: 0px auto;
padding: 0px;
}

p.toppara
{
position: relative;
top: 0px;
margin: 140px 0px 0px 0px;
}

p.toppara2
{
position: relative;
top: 0px;
margin: 140px 0px 0px 0px;
}

#block1 {
   float: right;
   margin: 10px 0px 0px 10px;
   width: 170px;
   height: 10px;
   background: none;
   display: block;
   /*border: 1px solid #000;*/
}

#block2 {
 clear:right;
   float: right;
   position: relative;
   top: 0px;
   margin: 0px;
   width: 140px;
   height: 20px;
   background: none;
  /*border: 1px solid #000;*/
}

#block3 {
	clear: right;
   float: right;
   margin: 0px;
   width: 80px;
   height: 20px;
   background: none;
     /*border: 1px solid #000;*/
}

#block4 {
	clear: right;
   float: right;
   margin: 0px;
   width: 60px;
   height: 20px;
   background: none;
     /*border: 1px solid #000;*/
}

#block5 {
	clear: right;
	position: relative;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px 0px;
   width: 170px;
   height: 100px;
   background: none;
   z-index: 100;
    /*border: 1px solid #000;*/
}
#block6 {
	clear: both;
	position: relative;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px 0px;
   width: 70px;
   height: 120px;
   background: red;
   z-index: 100;
   /*border: 1px solid #000;*/
}

#block7
{
width: 180px;
height: 70px;
}

#block8
{
display: none;
}

#block9
{
display: none;
}

#block10
{
display: none;
}

#block11
{
display: none;
}

.linktext
{
margin: 0px auto;
padding: 0px;
width: 750px;
/*height: 480px;*/
text-align: center;
font-size: 16px;
position: relative;
float: left;
}

.linktext p
{
width: 750px;
margin: 0px auto;
padding: 0px 0px 5px 0px;
line-height: 24px;
/*border: 1px solid #000;*/
}

.linkdiv
{
width: 420px;
margin: 0px auto;
padding: 10px;
text-align: left;
}

.linkdiv p
{
width: 420px;
margin: 0px;
padding: 0px 0px 2px 0px;
text-align: center;
}


.logofloat
{
float: left;
margin: 0px;
padding: 0px;
width: 400px;
height: 157px;
/*border: 1px solid #000;*/
}

.logofloat img
{
width: 400px;
height: 157px;
}
.toppencilnavs
{
float: right;
margin: 10px 0px 0px 0px;
padding: 0px;
width: 270px;
}

.toppencilnavs img
{
float: left;
margin: 0px;
padding: 0px;
width: 270px;
height: 158px;
}

.firstfooterblock
{
margin-left: 80px;
}

.homepagetopnavmap
{
position: relative; 
float: left;
top: 46px;
left: 0px;
height: 42px;
width: 180px;
/*border: 1px solid #000;*/
display: block;
}

.homepagetopnavmap > a
{
display: block;
height: 42px;
width: 180px;
/*border: 1px solid #000;*/
}

.aboutsuetopnavmap
{
position: relative;
float: left;
top: 100px;
left: -160px;
height: 34px;
width: 110px;
/*border: 1px solid #000;*/
display: block;
}

.aboutsuetopnavmap > a
{
display: block;
height: 34px;
width: 110px;
/*border: 1px solid #000;*/
}

.aboutjotopnavmap
{
position: relative;
float: left;
top: 148px;
left: -270px;
height: 34px;
width: 100px;
/*border: 1px solid #000;*/
display: block;
z-index: 500;
}

.aboutjotopnavmap > a
{
display: block;
height: 34px;
width: 100px;
/*border: 1px solid #0C0;*/
}

.floatparas
{
float: left;
width: 760px;
z-index: 500;
/*border: 1px solid #000;*/
margin: 0px;
font-size: 0.95em;
line-height: 1.30em;
}

.topfirstpara
{
margin-top: 80px;
}

.testimonialpencil
{
float: right;
width: auto;
margin: 0px;
/*border: 1px solid #000;*/
position: absolute;
top: 350px;
right: 0px;
z-index: 600;
width: 220px;
height: 89px;
}

.bottomnav img
{
width: 740px;
height: 460px;
}

.desktopmap
{
display: none;
}

.desktopmap2
{
display: block;
}

.success
{
color:#009900;
font-size:12px;
margin:4px;
font-style:italic;
float: left;
position: relative;
top: 60px;
left: 60px;
/*border: 1px solid #000;*/
line-height: 1em;
width: 240px;
}

	}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px)
	{
		
#babywearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
display: block;
}

.babywearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.babywearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

#kidswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/kidswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 4px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
display: block;
}

.kidswearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.kidswearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

#menswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/schoolwearbg-sue.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
display: block;
}

#schoolwearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
display: block;
}

#witchywooimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/witchywoobg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
display: block;
}
	
#jobabywearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
display: block;
}

.jobabywearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.jobabywearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

#girlswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/girlswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 4px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
display: block;
}

.girlswearrollover
{
width: 160px;
height: 110px;
margin: 10px auto;
}

.girlswearrollover a
{
display: block;
width: 160px;
height: 110px;
text-decoration: none;
}

#boysmenswearimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/boyswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
display: block;
}

#graphicsimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
display: block;
}

#buttercupsimg
{
width: 180px;
height: 160px;
background: #eeead4 url(../images/buttercupsbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 60px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
display: block;
}
		
.desktopmap
{
display: none;
}

.desktopmap2
{
display: none;
}		
.aboutjo
{
background: url(../images/aboutjo-mobile2.png) no-repeat center top;
background-size: contain;
text-align: left;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
/*border: 1px solid #000;*/
}

.aboutsue
{
background: url(../images/aboutsue-mobile2.png) no-repeat center top;
background-size: contain;
text-align: left;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
/*border: 1px solid #000;*/
}

.mobilebottomnav
{
text-align: center;
display: inline;
}

.foliodesktop
{
display: none;
}
	
.foliomobile
{
display: none;
}

.foliomobile2
{
display: block;
text-align: left;
}
	
	.logo img
	{
	width: 296px!important;
	height: 116px!important;
	/*border: 1px solid #000;*/
	}
	
	.bottomnav
	{
	display: none;
	}
	
	.mobilebottomnav
{
text-align: center;
display: inline;
/*border: 1px solid #000;*/
}

.mobilenavcontainer
{
float: left;
display: inline;
}

.mobilenavcontainer1
{
float: left;
display: inline;
}


.firstblock
{
margin-left: 10px;
}

.mobilenavcontainer img
{
width: 140px;
height: 341px;	
}

.mobilenavcontainer1 img
{
width: 280px;
height: 341px;	
}

.aboutjo
{
/*border: 1px solid #000;*/
}

.parablock
{
width: 90%;
margin: 0px auto;
padding: 0px;
}

.footerblocks
{
float: left;
display: block;
/*border: 1px solid #000;*/
width: 285px;
}

.desktopblock
{
display: none;
}

.mobileblock
{
display: block;
}
#block1 {
display: none;
}

#block2 {
display: none;
}

#block3 {
	display: none;
}

#block4 {
	display: none;
}

#block5 {
	display: none;
     /*border: 1px solid #000;*/
}

#block7
{
display: none;
}

#block8
{
display: none;
}

#block9
{
display: none;
}

#block10
{
display: none;
}

#block11
{
display: none;
}

p.toppara
{
position: relative;
top: 0px;
margin: 400px 0px 0px 0px;
}

p.toppara2
{
position: relative;
top: 0px;
margin: 0px 0px 0px 0px;
}

.logofloat
{
float: left;
margin: 0px;
padding: 0px;
width: 300px;
height: 118px;
/*border: 1px solid #000;*/
}

.logofloat img
{
width: 300px;
height: 118px;
}
.toppencilnavs
{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 300px;
/*border: 1px solid #000;*/
}

.toppencilnavs img
{
float: right;
margin: 0px;
padding: 0px;
width: 280px!important;
height: 164px!important;
}

.footertwopencillinks
{
float: left;
width: 300px;
height: 151px;
}

.footertwopencillinks img
{
width: 300px;
height: 151px;
}

.mobilevisible
{
display: block;
}

.desktopvisible
{
display: none;
}

.firstfooterblock
{
margin-left: 0px;
}

.footerblocksimgcontainer
{
float: none;
}

.ourservice
{
background: none;
}

.ourservicemobiletopnav
{
display: block;
/*border: 1px solid #000;*/
height: 360px;
}

.ourservicemobiletopnav img
{
float: none;
}

.ourlinks
{
background: none;
}

.homepagetopnavmap
{
display: none;
}

.aboutsuetopnavmap
{
display: none;
}

.aboutjotopnavmap
{
display: none;
}

.ourserviceform
{
/*border: 1px solid #000;*/
background: url(../images/serviceformbg.png) no-repeat -20px top;
width: 300px;
height: 240px;
background-size: 334px 238px;
margin: 0px auto;
padding: 0px;
}

.floatparas
{
float: left;
width: 290px;
z-index: 500;
/*border: 1px solid #000;*/
margin: 0px 0px 0px 5px;
font-size: 0.95em;
line-height: 1.30em;
}

.topfirstpara
{
margin-top: 0px;
}

.testimonialpencil
{
float: right;
width: auto;
margin: 0px;
/*border: 1px solid #000;*/
position: relative;
top: 0px;
right: 0px;
z-index: 600;
width: 260px;
height: 105px;
}

.linktext
{
margin: 0px auto;
padding: 0px;
width: 300px;
/*height: 480px;*/
text-align: center;
font-size: 16px;
position: relative;
float: left;
/*border: 1px solid #000;*/
}

.linktext p
{
width: 300px;
margin: 0px auto;
padding: 0px 0px 5px 0px;
line-height: 24px;
/*border: 1px solid #000;*/
}

.linkdiv
{
width: 280px;
margin: 0px auto;
padding: 10px;
text-align: left;
}

.linkdiv p
{
width: 280px;
margin: 0px;
padding: 0px 0px 2px 0px;
text-align: center;
}

.mobi2
{
display: none;
}


#MYFORM
{
/*border: 1px solid #000;*/
width: 300px!important;
margin: 0px auto;
position: relative;
top: 60px;
}

.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
	  margin: 0px;
	  padding: 0px;
    }

.error
{
color:#CC0000;
font-size: 12px;
margin:4px;
font-style:italic;
width: 200px;
}

.errortxt
{
border: 1px solid #CC0000!important;
}

.success
{
color:#009900;
font-size:12px;
margin:4px;
font-style:italic;
float: none;
position: relative;
top: 20px;
left: 20px;
/*border: 1px solid #000;*/
line-height: 1em;
width: 240px;
}

img#refresh{
	float: left;
	display: inline;
	position: relative;
	top: -26px;
	right: 0px;
	margin-top: 0px;
	margin-left:8px;
	cursor:pointer;
	border: none;
	height: 18px;
	width: 18px;
}

#name,#email
{
float:left!important;
margin-right: 10px!important;
margin-bottom:10px!important;
height: 12px!important;
width: 130px!important;
border: none;
background: #fff5c3;
padding: 2px;
}

#message
{
width:130px;
height: 30px!important;
float: left;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
border: none;
background: #fff5c3;
padding: 2px 4px;
}

#code
{
border: none;
background: #fff5c3;
width: 130px;
position: relative;
left: 5px;
float: left;
display: inline;
height: 12px;
}

label
{
float:left;
color:#000;
width: 110px;
/*border: 1px solid #000;*/
}

#captcha
{
width: 80px;
margin: 0px;
padding: 0px;
position: relative;
top: -5px;
left: 10px;
}

#email
{
margin-top: 7px!important;
height: 12px;
}

.emaillabel
{
margin-top: 7px!important;
/*border: 1px solid #000;*/
}

.messagelabel
{
margin-top: 20px!important;
/*border: 1px solid #000;*/
}

#wrap
{
/*border: 1px solid #000;*/
text-align: left;
position: relative;
left: 24px;
width: 240px!important;
margin-top: 20px;
padding: 0px!important;
}

#wrap img 
{
float: left;
display: inline;
left: 0px;
position: relative;
}

#Send
{
float: right;
background: url(../images/sendbutton.png) no-repeat left top;
background-size: 60px 38px;
height: 38px;
width: 60px;
padding: 0px;
border: none;
position: relative;
top: -30px;
right: -6px;
text-indent: -9999px;
margin: 0px;
}




}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
#babywearimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
}

.babywearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.babywearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#kidswearimg
{
width: 135px;
height: 120px;;
background: #eeead4 url(../images/kidswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
}

.kidswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.kidswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#menswearimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/schoolwearbg-sue.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
}

.menswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.menswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#schoolwearimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -4px;
left: 100px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
}

.schoolwearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.schoolwearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#witchywooimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/witchywoobg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 2px;
left: 100px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.witchywoorollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.witchywoorollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#jobabywearimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/babywearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 33;
}

.jobabywearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.jobabywearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#girlswearimg
{
width: 135px;
height: 120px;;
background: #eeead4 url(../images/girlswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -20px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 32;
}

.girlswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.girlswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#boysmenswearimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/boyswearbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 0px;
left: 20px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 31;
}

.boysmenswearrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.boysmenswearrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#graphicsimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/graphicsbg2.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: -4px;
left: 100px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 30;
}

.graphicsrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.graphicsrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

#buttercupsimg
{
width: 135px;
height: 120px;
background: #eeead4 url(../images/buttercupsbg.png) no-repeat left top;
background-size: cover;
float: left;
position: relative;
top: 2px;
left: 100px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.buttercupsrollover
{
width: 120px;
height: 80px;
margin: 10px auto;
}

.buttercupsrollover a
{
display: block;
width: 120px;
height: 80px;
text-decoration: none;
}

/*
.buttercupsrollover a:hover
{
display: block;
width: 120px;
height: 80px;
background: #666;
}
*/
		
.aboutjo
{
background: url(../images/aboutjotopmobile.png) no-repeat center top;
background-size: contain;
text-align: left;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
/*border: 1px solid #000;*/
}

.aboutsue
{
background: url(../images/aboutsuetopmobile.png) no-repeat center top;
background-size: contain;
text-align: left;
color: #243d8f;
font-size: 0.85em;
font-weight: normal;
line-height: 1.75em;
/*border: 1px solid #000;*/
}

.toppara
{
/*border: 1px solid #000;*/
margin-top: 170px!important;
}

.toppara2
{
/*border: 1px solid #000;*/
margin-top: 0px!important;
}

.linktext
{
margin: 0px auto;
padding: 0px;
width: 400px;
/*height: 480px;*/
text-align: center;
font-size: 16px;
position: relative;
float: left;
}

.linktext p
{
width: 400px;
margin: 0px auto;
padding: 0px 0px 5px 0px;
line-height: 24px;
/*border: 1px solid #000;*/
}

.linkdiv
{
width: 380px;
margin: 0px auto;
padding: 10px;
text-align: left;
}

.linkdiv p
{
width: 380px;
margin: 0px;
padding: 0px 0px 2px 0px;
text-align: center;
}


#block1 {
display: none;
}

#block2 {
display: none;
}

#block3 {
	display: none;
}

#block4 {
	display: none;
}

#block5 {
	clear: right;
	display: block;
	position: relative;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px 0px;
   width: 210px;
   height: 180px;
   background: none;
   z-index: 100;
   /*border: 1px solid #000;*/
}
#block6 {
	clear: both;
	position: relative;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px 0px;
   width: 70px;
   height: 120px;
   background: red;
   z-index: 100;
}

	
	.logo img
	{
	width: 416px!important;
	height: 163px!important;
	/*border: 1px solid #000;*/
	}
	
	.bottomnav
	{
	display: none;
	}
	
	.mobilebottomnav
{
text-align: center;
display: inline;
/*border: 1px solid #000;*/
}

.mobilenavcontainer
{
float: left;
display: inline;
}

.firstblock
{
margin-left: 10px;
}

.mobilenavcontainer img
{
width: 200px;
height: 487px;	
}

.mobilenavcontainer1 img
{
width: 400px;
height: 487px;	
}

.footerblocks
{
float: left;
display: block;
/*border: 1px solid #000;*/
width: 405px;
}

.desktopblock
{
display: none;
}

.foliomobile
{
display: block;
text-align: left;
}

.foliomobile
{
display: block;
}
	
.mobileblock
{
display: block;
}

p.toppara
{
position: relative;
top: 0px;
margin: 170px 0px 0px 0px;
}

.foliomobile2
{
display: none;
}
	
.logofloat
{
float: left;
margin: 0px;
padding: 0px;
width: 420px;
height: 165px;
/*border: 1px solid #000;*/
}

.logofloat img
{
width: 420px;
height: 165px;
}
.toppencilnavs
{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 420px;
/*border: 1px solid #000;*/
}

.toppencilnavs img
{
float: right;
margin: 0px;
padding: 0px;
width: 360px!important;
height: 211px!important;
}	

.footertwopencillinks
{
float: left;
width: 388px;
height: 195px;
}

.footertwopencillinks img
{
width: 388px;
height: 195px;
}

.mobilevisible
{
display: none;
}

.desktopvisible
{
display: block;
}

.firstfooterblock
{
margin-left: 0px;
}

.footerblocksimgcontainer
{
float: none;
}

.ourservicemobiletopnav
{
display: none;
}

.ourservicemobiletopnav2
{
display: block;
width: 420px;
/*border: 1px solid #000;*/
}

.ourservicemobiletopnav2 img
{
float: none;
}

.ourserviceform
{
background: url(../images/serviceformbg.png) no-repeat -20px top;
width: 400px;
height: 340px;
background-size: 440px 313px;
margin: 0px auto;
padding: 0px;
}

.floatparas
{
float: left;
width: 400px;
z-index: 500;
/*border: 1px solid #000;*/
margin: 0px;
font-size: 0.95em;
line-height: 1.30em;
}

.topfirstpara
{
margin-top: 0px;
}

.testimonialpencil
{
float: right;
width: auto;
margin: 0px;
/*border: 1px solid #000;*/
position: relative;
top: 0px;
right: 0px;
z-index: 600;
width: 260px;
height: 105px;
}

.mobi1
{
display: none;
}

.mobi2
{
display: block;
}

#MYFORM
{
/*border: 1px solid #000;*/
width: 400px;
margin: 0px auto;
position: relative;
top: 77px;
}

.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
	  border: 1px solid #000;
    }

.error
{
color:#CC0000;
font-size: 12px;
margin:4px;
font-style:italic;
width:200px;
}

.errortxt
{
border: 1px solid #CC0000!important;
}

.success
{
color:#009900;
font-size:12px;
margin:4px;
font-style:italic;
float: left;
position: relative;
top: 0px;
left: 30px;
/*border: 1px solid #000;*/
line-height: 1em;
width: 240px;
}


img#refresh{
	float: left;
	display: inline;
	position: relative;
	top: -23px;
	right: 0px;
	margin-top: 0px;
	margin-left:8px;
	cursor:pointer;
	border: none;
	height: 20px;
	width: 20px;
}

#name,#email
{
float:left!important;
margin-right: 10px!important;
margin-bottom:10px!important;
height:15px!important;
width: 180px!important;
border: none;
background: #fff5c3;
}

#message
{
width:180px;
height: 70px!important;
float:left;
margin-top: 18px;
margin-right: 20px;
margin-bottom:10px;
border: none;
background: #fff5c3;
}

#code
{
border: none;
background: #fff5c3;
width: 180px;
position: relative;
left: 0px;
float: left;
display: inline;
height: 15px;
}

label
{
float:left;
color:#000;
width: 80px;
/*border: 1px solid #000;*/
}

#captcha
{
width: 80px;
margin: 0px;
padding: 0px;
position: relative;
top: -5px;
float: left;
left: 0px;
}

#email
{
margin-top: 12px!important;
height: 15px;
}

.emaillabel
{
margin-top: 12px!important;
/*border: 1px solid #000;*/
}

.messagelabel
{
margin-top: 18px!important;
/*border: 1px solid #000;*/
}

#wrap
{
/*border: 1px solid #000;*/
text-align: left;
position: relative;
left: 0px;
float: left;
width: 280px!important;
margin: 38px 0px 0px 0px!important;
padding: 0px!important;
}

#wrap img 
{
float: left;
display: inline;
left: 0px;
position: relative;
}

#Send
{
float: right;
background: url(../images/sendbutton.png) no-repeat left top;
background-size: 100px 63px;
height: 63px;
width: 100px;
padding: 0px;
border: none;
position: relative;
top: -40px;
right: -75px;
text-indent: -9999px;
}

	}

	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/