body { margin-top: 0px; background-image: url(images/stripe_bg.jpg); font-family: Arial, Helvetica, sans-serif; text-align:left; color: #666666; font-size: 10pt; line-height: 20px;}
body a:link { color: #666666; text-decoration: underline; } body a:visited { color: #666666; text-decoration: none; }
body a:hover { color: #006699; text-decoration: none; } body a:active { color: #666666; text-decoration: none; }

.wrapper{ width:960px; margin:0 auto; }






/* HEADER \*/

.HeaderTop{ float:left; width:960px; height: 60px; background-image: url(images/top.png); }

.Header{ float:left; width:960px; background-image: url(images/body-bg.png); }

.HeaderLogo{ float:left; width: 406px; height: 120px; padding:0px 0px 0px 60px; }

.HeaderRight{ float:right; width: 420px; padding:0px 60px 0px 0px; text-align:right; }
				
.HeaderContactTel { color: #006699; font-size: 20pt; padding-bottom: 10px;}

.HeaderContactAddress { color: #ff3333; font-size: 10pt; line-height: 17px; padding-bottom: 15px;}

.Navigation { color: #666666; font-size: 10pt; }
.Navigation a:link, .Navigation a:visited, .Navigation a:active { color: #999999; text-decoration: underline; }
.Navigation a:hover { color: #333333; text-decoration: none; }



/* HOME PIC \*/

.HomePicBG{ float:left; width:940px; background-image: url(images/body-bg.png); padding: 20px 0px 0px 20px; text-align:center; line-height: 15px; }

.HomePic{ float:left; width:920px; }

.HomePicShadow{ float:left; width:960px; height:40px; background-image: url(images/underhomepic.png); }




/* ABOUT US \*/

.HomeAbout{ float:left; width:960px; background-image: url(images/body-bg.png); text-align:left; font-size: 10pt; line-height: 22px; }

.HomeAboutLeft{ float:left; width:400px; padding:0px 0px 0px 60px;  }

.HomeAboutRight{ float:right; width:400px; padding:0px 60px 0px 0px; }



/* PICS \*/

.HomePics{ float:left; width:960px; background-image: url(images/body-bg.png); text-align:left; font-size: 10pt; line-height: 22px; padding:35px 0px 0px 0px;}

.PicOne{ float:left; width:400px; padding:0px 0px 0px 60px;  }

.PicTwo{ float:Right; width:400px; padding:0px 60px 0px 0px; }


/* PRICE BOXES \*/

.BoxTop{ float:left; width:960px; height:40px; background-image: url(images/box-top.png); }

.PriceBox{ float:left; width:960px; background-image: url(images/box-bg.png); }

.PriceBoxLeft{ float:left; width:380px; padding-left: 80px; color: #006699; font-size: 13pt; font-weight: bold; }

.PriceBoxRight{ float:right; width:380px; padding-right: 80px; color: #FFFFFF; font-size: 11pt; font-weight: bold; }

.PriceBoxRedOne{ float:left; width:280px; text-align:left; background-color: #ff3333; padding: 8px 0px 8px 10px; margin: 0px 10px 10px 0px; }
.PriceBoxRedTwo{ float:left; width:70px; text-align:center; background-color: #ff3333; padding: 8px 0px 8px 0px; }
.PriceBoxRedLast{ float:left; width:280px; text-align:left; background-color: #ff3333; padding: 8px 0px 8px 10px; margin: 0px 10px 0px 0px; }

.PriceBoxBlueOne{ float:left; width:280px; text-align:left; background-color: #006699; padding: 8px 0px 8px 10px; margin: 0px 10px 10px 0px; }
.PriceBoxBlueTwo{ float:left; width:70px; text-align:center; background-color: #006699; padding: 8px 0px 8px 0px; }


.BoxBottom{ float:right; width:960px; height:40px; background-image: url(images/box-bottom.png); } 










/* FOOTER \*/

.Bottom{ float:left; width:960px; height: 60px; background-image: url(images/bottom.png); }

.Footer{ float:left; width:840px; background-image: url(images/body-bg.png); padding: 0px 60px 0px 60px; text-align:center; line-height: 15px; color: #999999; font-size: 9pt;}
.Footer a:link, .Footer a:visited, .Footer a:active { color: #999999; text-decoration: none; }
.Footer a:hover { color: #999999; text-decoration: underline; }

.BottomFooter{ float:left; width:960px; height: 60px; margin: 0px 0px 30px 0px; background-image: url(images/bottom.png); }



/* CONTACT US \*/

.Contact{ float:left; width:960px; background-image: url(images/body-bg.png); }

.ContactLeft{ float:left; width:360px; padding:50px 0px 0px 100px; text-align:left; font-size: 11pt; line-height: 24px; }

.ContactRight{ float:right; width:400px; padding:50px 60px 0px 0px; text-align:left; font-size: 10pt; }

.Maps{ float:left; width:840px; background-image: url(images/body-bg.png); padding: 40px 60px 0px 60px; text-align:center; }


.textInput { width: 400px; background-color: #CCCCCC; color: #006699; font-size: 9pt; padding: 5px 0px 5px 7px; margin: 2px 0px 7px 0px; border-width: 0px; line-height: 10px; }

.textInputtwo { width: 400px; background-color: #CCCCCC; color: #006699; font-size: 9pt; padding: 5px 0px 5px 7px; margin: 5px 0px 7px 0px; border-width: 0px; line-height: 10px; }

.textInputrobot { background-color: #CCCCCC; color: #333333; border-width: 0px; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; padding: 2px 0px 2px 2px; margin: 15px 0px 15px 0px; }

.RobotText{ color: #999999; font-size: 9pt; text-align: center; }



/* OTHER SERVICES \*/


.OSTopSpacer{ float:left; width:840px; height:30px; background-image: url(images/body-bg.png); padding: 0px 60px 0px 60px; }

.DescriptionBox{ float:left; width:960px; background-image: url(images/box-bg.png); }

.DescriptionLeft{ float:left; width:380px; padding-left: 80px; color: #006699; font-size: 13pt; font-weight: bold; }

.DescriptionRight{ float:right; width:380px; padding-right: 80px; font-size: 10pt; line-height: 25px;  }








/* Mobile */

@media handheld, only screen and (max-width: 478px) { 

.wrapper{ width:100%; }


body { margin-top: 0px; background-image: none; }




/* HEADER \*/

.HeaderTop{ display: none }

.Header{ float:none; width:100%; background-image: none; }

.HeaderLogo{ float:none; width:300px; height:89px; padding:10px 0px 0px 0px; margin:0 auto; }

.HeaderRight{ float:none; width:100%; padding:10px 0px 0px 0px; text-align:center; }

.Navigation { color: #666666; font-size: 10pt; }




/* HOME PIC \*/

.HomePicBG{ float:none; width:100%; background-image: none; padding: 20px 0px 0px 0px; margin:0 auto; }

.HomePic{ float:none; width:100%; margin:0 auto; }

.HomePicShadow{ display: none }




/* ABOUT US \*/

.HomeAbout{ float:none; width:100%; background-image: none; }

.HomeAboutLeft{ float:none; width:100%; padding:30px 0px 0px 0px; line-height: 20px; }

.HomeAboutRight{ float:none; width:100%; padding:50px 0px 0px 0px; margin:0 auto; }




/* PICS \*/

.HomePics{ float:none; width:100%; background-image: none; padding:35px 0px 0px 0px; margin:0 auto; }

.PicOne{ float:none; width:100%; padding:0px 0px 0px 0px; margin:0 auto; }

.PicTwo{ float:none; width:100%; padding:0px 0px 0px 0px; margin:0 auto;  }



/* FOOTER \*/

.Bottom{ float:none; width:100%; height: auto; background-image: none; }

.Footer{ float:none; width:100%; background-image: none; padding: 50px 0px 0px 0px; }

.BottomFooter{ display: none; }












/* CONTACT US \*/

.Contact{ float:none; width:100%; background-image: none; }

.ContactLeft{ float:none; width:100%; padding:50px 0px 0px 0px; text-align:center; }

.ContactRight{ float:none; width:100%; padding:50px 0px 0px 0px; text-align:center; font-size: 10pt; }

.Maps{ float:none; width:300px; height:300px; background-image: none; padding: 40px 0px 0px 0px; text-align:center; margin:0 auto; }


.textInput { width:90%; background-color: #CCCCCC; color: #006699; font-size: 9pt; padding: 5px 0px 5px 7px; margin: 2px 0px 7px 0px; border-width: 0px; line-height: 10px; }

.textInputtwo { width:90%; background-color: #CCCCCC; color: #006699; font-size: 9pt; padding: 5px 0px 5px 7px; margin: 5px 0px 7px 0px; border-width: 0px; line-height: 10px; }




/* OTHER SERVICES \*/

.OSTopSpacer{ display: none }

.DescriptionBox{ float:none; width:100%; background-image: none; padding:50px 0px 0px 0px; }

.DescriptionLeft{ float:none; width:300px; padding: 40px 0px 40px 0px; margin:0 auto; }

.DescriptionRight{ float:none; width:100%; padding: 0px 0px 0px 0px; font-size: 10pt; line-height: 25px; margin:0 auto; }

.BoxTop{ display: none }

.BoxBottom{ display: none  } 







}






