html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body {
margin: 0 auto;
text-align: center;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #505050;
padding-top: 41px;
}
img {
border: none;
}
a {
text-decoration: none;
font-family: inherit;
color: 9e9e9e;
}
div.main {
clear: both;
width: 900px;
line-height: 18px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
div.row {
clear: both;
}
div.cell {
display: table-cell;
float: left;
}
div.header {
clear: both;
}
div.header h1 {
float: left;
height: 52px;
}
#menu {
float: left;
margin-top: 6px;
background-image: url(images/nav-bg.gif);
background-repeat: repeat-x;
height: 46px;
line-height: 46px;
font-weight: bold;
}
#menu li {
float: left;
}
#menu li a {
color: #175b97;
display: block;
padding-top: 0;
padding-right: 9px;
padding-bottom: 0;
padding-left: 9px;
}
#menu li a.on,
#menu li a:hover {
background-image: url(images/nav-bg-on.gif);
background-repeat: no-repeat;
background-position: center;
font-size: 100%;
}
div.header-photo {
float: left;
display: table-cell;
margin-right: 27px;
width: 591px;
}
div.contact-form {
float: left;
display: table-cell;
width: 282px;
}
#contact {
position: relative;
}
#contact label {
clear: both;
font-size: 24px;
font-weight: bold;
color: #535353;
line-height: 17px;
height: 31px;
display: block;
}
#contact input {
border: 0 none;
clear: both;
color: #535353;
font-size: 12px;
background-repeat: no-repeat;
margin-bottom: 9px;
padding: 7px 10px;
}
#contact input.w282 {
width: 262px;
background-image: url(images/contact-input-bg.jpg);
}
#contact input.w135 {
width: 115px;
float: left;
clear: none;
background-image: url(images/contact-input-bg2.jpg);
}
#contact input.phone {
margin-right: 11px;
}
#contact select {
width: 282px;
height: 30px;
position: absolute;
margin-top: -39px;
font-size: 12px;
left: 0;
}
.select {
width: 252px;
height: 30px;
font-size: 12px;
padding: 7px 20px 0 10px;
background: url(images/contact-select-bg.jpg) no-repeat;
overflow: hidden;
display: block;
}
#contact textarea {
float: left;
background-image: url(images/contact-textarea-bg.jpg);
background-repeat: no-repeat;
width: 178px !important;
height: 47px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: none;
padding: 7px 10px;
color: #535353;
margin-right: 7px;
}
#contact input.submit {
float: left;
background-image: url(images/contact-submit-bg.jpg);
background-color: #175b97;
width: 74px;
height: 61px;
cursor: pointer;
color: white;
font-weight: bold;
clear: none;
}
div.content {
clear: both;
padding-top: 35px;
display: table;
width: auto;
}
div.home {
width: 591px;
margin-right: 27px;
float: left;
display: table-cell;
}
div.home .row {
margin-bottom: 20px;
display: table;
}
div.home .row img {
float: left;
}
div.home .row h2 {
color: #175b97;
font-size: 18px;
font-weight: bold;
width: auto;
margin-bottom: 5px;
}
div.home .row p {
width: 223px;
float: left;
}
div.sidebar {
float: left;
display: table-cell;
width: 282px;
margin-top: 35px;
}
div.sidebar h2 {
color: #175b97;
font-size: 18px;
font-weight: bold;
width: auto;
margin-bottom: 5px;
}
div.video {
clear: both;
display: table;
width: 282px;
margin-bottom: 25px;
}
div.call-now {
clear: both;
}
div.footer-bg,
div.inner-footer-bg {
clear: both;
width: 100%;
background-color: #26659e;
display: table;
padding: 30px 0;
color: white;
font-size: 12px;
line-height: 25px;
}
div.inner-footer-bg {
height: 78px;
padding: 0;
}
div.footer {
width: 900px;
margin: 0 auto;
text-align: left;
}
div.footer-col {
width: 283px;
display: table-cell;
float: left;
margin-right: 25px;
}
div.last {
margin-right: 0;
}
div.footer-col h3 {
font-size: 18px;
font-weight: bold;
clear: both;
margin-bottom: 10px;
}
div.footer-col p {
margin-bottom: 20px;
}
div.first p {
margin-bottom: 0;
text-indent: -7px;
margin-left: 7px;
}
div.footer-col a {
color: white;
font-weight: normal;
}
a.facebook,
a.twitter,
a.bbb,
a.blogger {
display: block;
background-repeat: no-repeat;
width: 180px;
height: 73px;
line-height: 73px;
font-size: 18px;
padding-left: 90px;
text-decoration: none !important;
margin-bottom: 5px;
}
a.facebook {
background-image: url(images/facebook-bg.jpg);
}
a.twitter {
background-image: url(images/twitter-bg.jpg);
}
a.bbb {
background-image: url(images/bbbsealO7.png);
}
a.blogger {
background-image: url(images/blogger-bg.jpg);
}
div.footer-flash {
float: left;
height: 78px;
background-image: url(images/inner-footer-bg.gif);
background-repeat: no-repeat;
background-color: white;
padding-left: 22px;
margin-left: -9px;
}
div.follow-us {
float: left;
height: 78px;
background-image: url(images/followus-bg.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 42px;
}
div.follow-us span {
line-height: 56px;
font-weight: bold;
font-size: 18px;
display: block;
float: left;
padding: 11px 0;
margin-right: 24px;
}
div.follow-us a {
display: block;
float: left;
padding: 11px 0;
margin-right: 24px;
}
div.copy {
clear: both;
height: 75px;
color: #9e9e9e;
width: 900px;
margin: 0 auto;
text-align: left;
line-height: 50px;
}
div.copy span {
float: right;
text-align: right;
margin-right: 20px;
}
div.copy span a{
color: #9e9e9e;
}
div.copy p {
float: left;
}
div.about-photo,
div.client-photo,
div.guarantee-photo,
div.programs-photo,
div.seminars-photo,
div.services-photo {
background-image: url(images/about-photo-bg.jpg);
background-repeat: no-repeat;
width: 594px;
height: 284px;
margin-right: 24px;
position: relative;
color: white;
}
div.client-photo {
background-image: url(images/clients-photo-bg.jpg);
}
div.guarantee-photo {
background-image: url(images/guarantee-photo-bg.jpg);
}
div.programs-photo {
background-image: url(images/programs-photo-bg.jpg);
}
div.seminars-photo {
background-image: url(images/seminars-photo-bg.jpg);
}
div.services-photo {
background-image: url(images/services-photo-bg.jpg);
}
div.client-photo h2,
div.about-photo h2,
div.guarantee-photo h2,
div.programs-photo h2,
div.seminars-photo h2,
div.services-photo h2 {
position: absolute;
top: 170px;
left: 20px;
font-size: 19px;
font-weight: bold;
line-height: normal;
}
div.client-photo h2 {
top: 180px;
}
div.guarantee-photo h2 {
top: 195px;
}
div.programs-photo h2 {
top: 125px;
line-height: 28px;
}
div.seminars-photo h2 {
width: 360px;
top: 195px;
}
div.services-photo h2 {
top: 220px;
left: 295px;
}
div.client-photo p,
div.about-photo p,
div.guarantee-photo p,
div.programs-photo p,
div.seminars-photo p,
div.services-photo p {
position: absolute;
left: 21px;
top: 200px;
width: 524px;
line-height: 15px;
}
div.client-photo p {
width: 481px;
}
div.guarantee-photo p {
top: 220px;
}
div.programs-photo p {
top: 230px;
}
div.seminars-photo p {
top: 242px;
width: 445px;
}
div.services-photo p {
top: 245px;
width: 292px;
left: 295px;
}
div.programs-photo ul {
position: absolute;
top: 185px;
left: 20px;
}
div.programs-photo li {
float: left;
width: 190px;
}
div.programs-photo li a {
color: white;
}
div.about,
div.faq {
clear: both;
margin-left: 51px;
}
div.about .row,
div.faq .row,
div.services .row {
border-bottom: 1px #505050 dotted;
width: 796px;
display: table;
padding: 16px 0;
}
div.about .row img,
div.faq .row img {
float: left;
}
div.faq .row img {
margin-right: 42px;
padding-top: 5px;
}
div.about .row h3,
div.faq .row h3,
div.guarantee h3,
div.services h3 {
color: #175b97;
font-size: 14px;
font-weight: bold;
width: 697px;
}
div.about .row p,
div.faq .row p,
div.services .row p {
width: 697px;
font-size: 12px;
}
div.about-last-row {
border: none !important;
margin-bottom: 20px;
}
div.guarantee,
div.services {
padding-bottom: 20px;
}
div.guarantee img,
div.services img {
margin-right: 21px;
width: 128px;
float: left;
}
div.guarantee .cell,
div.services .cell {
width: 700px;
}
div.guarantee span {
font-size: 14px;
line-height: 22px;
display: block;
border-bottom: 1px #505050 dotted;
padding-bottom: 16px;
margin-bottom: 16px;
}
div.guarantee p {
border-bottom: 1px #505050 dotted;
padding-bottom: 16px;
margin-bottom: 16px;
font-size: 12px;
}
div.guarantee p.guarantee-last {
border-bottom: none;
}
div.services ul {
font-size: 12px;
list-style: disc;
width: 697px;
margin-left: 15px;
}
div.services ul li {
clear: both;
}
div.services ol {
font-size: 12px;
list-style: disc;
width: 697px;
margin-left: 15px;
}
div.services ol li {
clear: both;
}
div.services strong {
font-weight: bold;
}
div.sidebar-clients {
float: left;
width: 128px;
margin-right: 22px;
font-size: 10px;
color: #175b97;
line-height: 17px;
text-align: right;
padding-top: 85px;
padding-bottom: 20px;
}
div.sidebar-clients strong {
font-weight: bold;
display: block;
font-size: 11px;
color: #505050;
}
div.clients {
width: 698px;
float: left;
clear: none;
padding-bottom: 20px;
}
div.clients h2 {
color: #175b97;
font-size: 14px;
font-weight: bold;
height: 35px;
line-height: 30px;
}
div.clients p {
border-bottom: 1px #505050 dotted;
font-size: 12px;
line-height: 18px;
font-style: italic;
padding: 15px 0;
}
div.clients p.client-last {
border-bottom: none;
}
div.clients p strong {
font-weight: bold;
font-style: normal;
display: block;
}
div.programs .row {
border-bottom: 1px #505050 dotted;
padding: 16px 0;
display: table;
}
div.programs .programs-last {
border-bottom: none;
margin-bottom: 20px;
}
div.programs .cell {
width: 700px;
font-size: 12px;
}
div.programs img {
float: left;
width: 151px;
}
div.programs h3 {
color: #175b97;
font-size: 21px;
font-weight: bold;
line-height: 27px;
}
div.programs p {
width: 700px;
}
div.programs span {
font-size: 15px;
line-height: 21px;
padding-bottom: 20px;
display: block;
}
div.programs strong {
color: #175b97;
font-weight: bold;
font-size: 14px;
}
div.programs ul {
display: table;
margin: 20px 0;
letter-spacing: -0.025em;
}
div.programs ul li {
float: left;
width: 335px;
}
div.programs p span {
display: inline;
font-weight: bold;
font-size: 12px;
line-height: normal;
padding: 0;
}
div.request-photo {
clear: both;
background-image: url(images/request-photo-bg.jpg);
background-repeat: no-repeat;
width: 900px;
height: 284px;
position: relative;
color: white;
}
div.request-photo h2 {
font-size: 19px;
font-weight: bold;
line-height: 23px;
width: 265px;
position: absolute;
top: 175px;
left: 620px;
}
div.request-photo p {
position: absolute;
width: 265px;
left: 620px;
top: 225px;
line-height: 15px;
}
div.request {
clear: both;
display: table;
margin-bottom: 25px;
}
div.request img {
float: left;
}
div.request .cell {
width: 710px;
}
div.request h3 {
color: #175b97;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
div.request p {
font-size: 12px;
width: 700px;
padding-bottom: 15px;
}
#exA {
display: table;
}
#exA label {
font-weight: bold;
font-size: 11px;
line-height: 18px;
float: left;
width: 165px;
padding-left: 5px;
margin-right: 7px;
}
#exA input {
float: left;
background-image: url(images/request-input-bg.jpg);
background-repeat: no-repeat;
border: 0 none;
margin-right: 7px;
margin-bottom: 25px;
font-size: 11px;
padding: 15px 7px;
width: 156px;
display: block;
}
#exA input.address {
background-image: url(images/request-input-bg2.jpg);
width: 333px;
}
div.program-box {
float: left;
display: table-cell;
width: 347px;
margin-right: 8px;
}
div.request-box-bg {
clear: both;
background-image: url(images/request-box-bg.gif);
background-repeat: repeat-y;
display: table;
width: 347px;
color: white;
font-size: 10px;
}
#exA input[type=checkbox] {
width: auto;
margin-left: 10px;
margin-bottom: 0;
background-image: none;
padding: 0;
}
#exA span {
display: block;
float: left;
width: 130px;
line-height: 10px;
margin-bottom: 10px;
padding-top: 4px;
}
div.request-box02-bg {
clear: both;
background-image: url(images/request-box02-bg.gif);
background-repeat: repeat-y;
display: table;
width: 347px;
color: white;
font-size: 10px;
}
div.service-box {
float: left;
width: 170px;
margin-right: 7px;
}
div.would-like-box {
float: left;
width: 170px;
}
div.service-box span,
div.would-like-box span {
width: 115px !important;
}
#exA select {
height: 43px;
width: 347px;
}
body:nth-of-type(1) select {
margin-top: 10px;
margin-bottom: 10px;
}
#exA span.select {
width: 311px;
font-size: 12px;
padding: 18px;
background: url(images/request-select-bg.gif) no-repeat;
overflow: hidden;
position: absolute;
color: #175b97;
font-size: 11px;
line-height: normal;
float: none;
}
#exA textarea {
float: left;
background-image: url(images/request-textarea-bg.gif);
background-repeat: no-repeat;
border: 0 none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 10px;
width: 346px;
width: 326px\9
}
#exA textarea {
height: 101px;
height: 81px\9
}
body:nth-of-type(1) textarea {
width: 326px !important;
height: 81px !important;
}
#exA input.submit {
background-image: url(images/request-submit-bg.jpg);
background-repeat: no-repeat;
width: 89px;
height: 49px;
color: white;
font-size: 14px;
font-weight: bold;
margin-top: 12px;
margin-left: -3px;
cursor: pointer;
}
div.seminars {
clear: both;
}
div.seminars img {
float: left;
}
div.seminars .cell {
width: 715px;
}
div.seminars h3 {
color: #175b97;
font-size: 21px;
line-height: 30px;
font-weight: bold;
width: 700px;
}
div.seminars p {
float: left;
width: 236px;
padding: 20px 0;
font-size: 12px;
}
div.seminars strong {
color: #175b97;
font-weight: bold;
font-size: 14px;
}
div.services-titles-bg {
clear: both;
background-image: url(images/services-table-title-bg.gif);
background-repeat: no-repeat;
width: 701px;
height: 52px;
color: white;
font-weight: bold;
text-align: center;
margin-top: 5px;
display: table;
}
div.services-title01 {
float: left;
width: 94px;
line-height: 52px;
}
div.services-title02 {
float: left;
width: 76px;
padding-top: 10px;
}
div.services-title03 {
width: 100px;
float: left;
line-height: 52px;
}
div.services-title04 {
float: left;
width: 103px;
line-height: 52px;
}
div.services-title05 {
float: left;
width: 104px;
padding-top: 10px;
}
div.services-title06 {
float: left;
width: 115px;
padding-top: 10px;
}
div.services-title07 {
float: left;
width: 109px;
padding-top: 10px;
}
div.services-table-row01,
div.services-table-row02,
div.services-table-row-last {
clear: both;
background-image: url(images/services-row01-bg.gif);
background-repeat: repeat-y;
display: table;
width: 701px;
line-height: 25px;
font-size: 11px;
text-align: center;
color: #393939;
}
div.services-table-row02 {
background-image: url(images/services-row02-bg.gif);
}
div.services-table-row-last {
background-image: url(images/services-last-row-bg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
div.services-cell01 {
width: 80px;
float: left;
text-align: left;
font-weight: bold;
padding-left: 14px;
}
div.services-cell02 {
width: 76px;
float: left;
}
div.services-cell03 {
width: 100px;
float: left;
}
div.services-cell04 {
width: 103px;
float: left;
}
div.services-cell05 {
width: 104px;
float: left;
}
div.services-cell06 {
width: 115px;
float: left;
}
div.services-cell07 {
width: 109px;
float: left;
}
div.services-last {
border-bottom: none !important;
}