@charset "UTF-8";
 

body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}

img {border:none;}

a {text-decoration:none;}

body { background:url(../images/background.png) repeat-x #fff}

html {-webkit-text-size-adjust:none;}

#togglemenubutton, #togglemenubutton1, #togglemenubutton2, #togglemenubutton3, #togglemenubutton4, #togglemenubutton5  {display:none}

.clear {clear:both}

#top1 { background:url(../images/wrapper.png) no-repeat top center; height: 590px; width:100%}

#top { margin: 0 auto; width: 1000px}

#top img { margin-top: 20px}

#top p {float: right; color: #fff; font-size: 12px; line-height: 18px; margin: 15px 7px  0 0}

#top h3 {float: right; text-transform: uppercase; font-weight: normal; color: #fff; font-size: 12px; margin-right: 50px}

#top a {outline: 0; padding-left: 20px}

#top .style1 {
	color: #0e6dc9;
	font-size: 18px;
}

#top ul {float: right; margin-right: 7px}

#top li { float: left; padding-left:30px; font-size: 16px; list-style-type: none; color: #fff}

#top a {color: #fff}

#top a:hover {color: #c3dde6}

#left {float: left; width: 700px}

#right { float: right; width: 300px}

#wrapper { margin: 0 auto; width: 1000px; margin-top: 30px}

#welcome { float: left; width: 690px; height: 250px }

#welcome h2 {font-size: 24px; color: #1a1b1e; font-weight:normal}

#welcome p {color: #3a4659; font-size: 13px; line-height: 22px; margin: 20px 20px 0 0}

#welcome img { float: right; margin: 20px 0 0 20px}

#services { float: right; width: 250px}

#services ul {padding-top: 20px}

#services li { color: #2c79d5; font-size: 16px; padding: 5px 0 5px 35px; list-style-type: none; background: url(../images/bullet1.png) no-repeat left}

#services h2 {font-size: 24px; color: #1a1b1e; font-weight:normal}

#box1 { width: 400px; float: left}

#main { margin-top: 40px}

#main h2 { color: #1a1b1e; font-size: 18px; font-weight:normal; padding-bottom: 5px; border-bottom: 2px solid #535356}

#box1 img { float: right; margin-top: 20px}

#box1 li { color: #3a4659; font-size: 14px; padding: 7px 0 7px 35px; list-style-type: none; background: url(../images/bullet2.png) no-repeat left; }

#box1 ul {padding-top: 20px}

#box2 { width: 230px; float: left; margin-left: 60px}

#box2 h3 { color: #2c79d5; font-size: 16px; margin-top: 20px;}

#box2 .style1 {font-size: 19px}

#box2 h4 { color: #1e2a35; font-size: 14px; line-height: 18px; margin-top: 15px }

#location { width: 250px; float: right; margin-top: 29px}

#location h2 { color: #1a1b1e; font-size: 18px; font-weight:normal; padding-bottom: 5px; border-bottom: 2px solid #535356}

#location p { font-size: 14px; color: #1a1b1e; line-height: 18px; padding-top: 15px}

#location img { margin-top: 15px}

#location h3 {font-size: 12px; color: #1a1b1e; font-style:italic; line-height: 18px; font-weight: normal; padding: 15px 60px 0 0}

#location .tumb {float: right; margin: 5px 15px 0 0}

.location#location {display:none}

#footer1 {width: 100%; background:url(../images/footer.png) repeat-x; height: 169px; margin-top: 5px}

#footer { width: 1000px; margin: 0 auto}

#footer ul{ padding-top: 30px; height: 15px}

#footer li {list-style-type:none; float: left; border-right: 1px solid #fff;}

#footer a {padding: 0 10px; font-size: 11px; color: #999797; text-decoration: none; }

#footer a:hover { text-decoration: underline; color: #6e6d6d}

#footer .last { border-right: none}

#footer h2 {color: #999797; font-size: 10px; font-weight:normal; float: right; margin-top: 30px; line-height: 15px}

#footer p {color: #999797; font-size: 10px; font-weight:normal; float: left; clear:left; margin-top: 20px; padding-left: 10px}

#footer h1 {color: #999797; font-size: 10px; font-weight:normal; float: left; clear:left; margin-top: 20px; padding-left: 10px; font-weight:100}

#footer img {float: right; clear: left; margin: 5px 55px 0 0}

#footer .style2 {color: #878686}

#sub { width: 700px; float: left}

#sub h2 {font-size: 24px; color: #1a1b1e; font-weight:normal}

#sub p {color: #3a4659; font-size: 13px; line-height: 22px; margin: 20px 20px 0 0}

#sub h3 { font-weight: normal; margin-top: 20px; font-size: 18px}

#sub .bold {color: #2c79d5; font-size: 16px; font-weight:normal; line-height: 28px; padding-bottom: 5px;}

#sub h4 {color: #2c79d5; font-size: 18px; font-weight:bold; margin-top: 20px}

#sub ul {padding: 15px 0 30px 20px}

#sub li {padding-top: 7px; color: #3a4659}

#sub img { float: right}

#sub .map { padding-top: 20px; float: none}

#sub .discount { padding-right: 250px; float:right; }

#sub h5 {color: #3a4659; font-size: 17px; font-weight: normal; line-height: 25px; margin-top: 15px; font-style:  }

#contact_form label span { float:left; clear:left; margin:10px 0 0 0;width:280px; }


#contact_form .field {margin:3px 0 0 0; width:420px; height:18px; background:#d8d5d5; border:1px solid #737070; color:#000; padding:2px 5px 0 5px; }


#contact_form textarea {margin:3px 0 0 0; width:420px; height:180px; background:#d8d5d5; border:1px solid #737070; color:#000; padding:2px 5px 0 5px;}


#contact_form {width:420px; padding:20px 0 30px 0; color: #929292;}


#contact_form .submit {position:relative; top:20px; margin-bottom:30px}


#contact_form .field:focus {background:#f5f5f5; border:1px solid #737070}


#contact_form textarea:focus {background:#f5f5f5; border:1px solid #737070}


#contact_form .code img {float:left; margin:10px 0 0 0}


#contact_form .field1 {margin:3px 0 0 0; background:#d8d5d5; border:1px solid #737070; color:#000; }


#contact_form .field1:focus {background:#f5f5f5;}


@media only screen and (max-width:480px) {
#top {width: 300px;}

#top img {width:300px; margin:0}

#top h3 img {width:auto; position:relative; top:10px; right:20px}

#top p {float:left; margin:0; padding:0}

#top h3 {float:right; margin:0; padding:0}

#top1 {background:url(../images/wrapper.png) no-repeat top left; height:auto}

#header {display:none}

#top .style1 {font-size:14px}

#togglemenubutton, #togglemenubutton1, #togglemenubutton2, #togglemenubutton3, #togglemenubutton4, #togglemenubutton5 {display:block}

#togglemenubutton a {width:300px; height:31px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin:0 0 0 0}

#top ul {float: left; margin-right:0; padding:0; text-align:center; width:300px}

#top li { float: none; margin:0; padding:5px 0 0 0}

#top li a {margin:0; padding:0; color:#2a2b2c; }

#top #nav li a:hover {color:#2a2b2c !important }

#nav {background:#ebebeb; width:300px; float:left; padding:0 0 20px 0; display:none}

#wrapper {width:300px; margin-top:0}

#left {width:300px; float:none}

#right {float:none}

#togglemenubutton1 a {width:300px; height:31px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin:7px 0 0 0}

#welcome {width:280px; float:none; height:auto; background:#ebebeb; padding:0 10px 10px 10px; margin:7px 0 0 0;
	height:auto;
}

#welcome img {float:none; padding:50px 30px 0 0; margin:-59px 0 0 0}

#welcome h2 {width:280px; height:51px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 0}

#togglemenubutton2 a {width:300px; height:51px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 0}

#main {width:300px; float:none; margin-top:7px;  }


#main h2 {width:280px; height:31px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 7px 0 0 0; border-bottom:none}


#box1 {width:280px; float:none; margin:0; background:#ebebeb; padding:0 10px 10px 10px; 	height:auto;
}



#box1 img {float:none; padding:80px 100px 0 0; margin:-45px 0 0 0;}

#togglemenubutton1, #togglemenubutton2, #togglemenubutton3, #togglemenubutton4, #togglemenubutton5 {display:none}


#togglemenubutton3 a {width:280px; height:31px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 7px 0 0 0}

#box2 {width:280px; float:left; margin:0; background:#ebebeb; padding:0 10px 10px 10px; margin:7px 0 0 0; 	height:auto;}



#box2 img {float:none; padding:50px 180px 0 0; margin:-45px 0 0 0;}

#main #box2 h2 {margin:0 0 0 0}

#box2 h3 {margin-top:0}

#togglemenubutton4 a {width:300px; height:31px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 7px 0 0 0}

#services {width:280px; float:left; margin:0; background:#ebebeb; padding:0 10px 10px 10px; margin:7px 0 0 0; 	height:auto;}
	


#services h2 {width:280px; height:31px; padding:9px 0 0 0; float:none; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 0 0 0 0}

#services ul {padding-top: 0}

#togglemenubutton5 a {width:300px; height:31px; padding:9px 0 0 0; float:left; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 7px 0 0 0}

#location {width:280px; float:left; margin:0; background:#ebebeb; padding:0 10px 10px 10px; margin:7px 0 0 0; height:auto;}


#location h2 {width:280px; height:31px; padding:9px 0 0 0; float:none; clear:left; display:block; text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 0 0 0 0; border:0}

#location h2 + img {padding:40px 30px 0 0; float:none; margin:-35px 0 0 0 }

#footer { width: 300px; text-align:center}

#footer ul {float:none; margin:5px 0 0 0; padding:0}

#footer ul li {float:none; display:inline}

#footer h2 {float:none; padding:20px 0 0 0; margin:0}


#footer img {float:none; margin:5px 0 0 0}

#sub { width: 280px;  background:#ebebeb; padding:0 10px; margin:15px 0 0 0}

#sub img {float:none; margin:10px 0 0 0; width:95%}

#sub h2 {text-align:center; background:#ebebeb; text-transform:uppercase; font-size:18px; color:#2a2b2c; margin: 7px 0 0 0}

.discount {display:none}

#contact_form label span { float:left; clear:left; margin:10px 0 0 0;width:260px; }


#contact_form .field {margin:3px 0 0 0; width:260px; height:18px; background:#d8d5d5; border:1px solid #737070; color:#000; padding:2px 5px 0 5px; }


#contact_form textarea {margin:3px 0 0 0; width:260px; height:180px; background:#d8d5d5; border:1px solid #737070; color:#000; padding:2px 5px 0 5px;}


#contact_form {width:260px; padding:20px 0 30px 0; color: #929292;}


#contact_form .submit {position:relative; top:20px; margin-bottom:30px}


#contact_form .field:focus {background:#f5f5f5; border:1px solid #737070}


#contact_form textarea:focus {background:#f5f5f5; border:1px solid #737070}
}

@media only screen and (min-width:481px) and (max-width:768px) {
#top { margin: 0 auto; width: 700px}

#top1 {background:url(../images/wrapper.png) no-repeat top left;}

#top li {padding-left:5px; font-size:13px}

#top a {padding-left:10px;}

#top a:hover 

#header {width:700px; height:301px}

#header img {width:700px; height:301px}

#wrapper {width:700px}

#left {float: left; width: 700px}

#right {float:left; width:700px}

#services {float:left; clear:left; margin:30px 30px 0 0}

#location {float:left;}

#footer {width:700px}
}

