/* General */
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background: #ececec; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 10px; margin-bottom: 14px; }
.container-fluid { padding-left: 0px !important; padding-right: 0px !important; }
.container { padding-left: 0px !important; padding-right: 0px !important; width: 1000px !important; }
/* Main content */
.main-wrapper { width: 100%; float: left; padding: 6px 0px 20px 0px; }
.main-left { width: 66%; float: left; border: 1px solid #e0e0e0; border-radius: 4px; padding: 30px 10px; }
.main-head { font-size: 18px; font-weight: bold; }
.main-left p { font-size: 14px; color: #333; line-height: 19px; }
.orange-link { color: #f69000; }
.main-h3 { font-size: 14px; font-weight: bold; margin-bottom: 6px; }
.main-right { width: 30%; float: right; margin-top: -210px; position: relative; z-index: 10; }
img.great-clients { float: right; max-width: 100%; height: auto; }
ul.see-our-projects { height: auto !important; float: left !important; margin: auto; margin-left: 23%; margin-top: -16px !important; padding: 12px 14px 12px 34px !important; line-height: 24px !important; }
ul.see-our-projects li:first-child a { font-size: 17px; }
ul.see-our-projects li:nth-child(2) a { font-size: 15px; }
.connect-flash { width: 100%; }
#connect-iframe { width: 100%; margin-top: 20px; }
#address-iframe { width: 100%; margin-top: 20px; }
.main-right-head { font-size: 18px; font-weight: bold; color: #008000; }
.payment-options img { max-width: 100%; height: auto; }
.screen { background: url("../images/screen.gif"); width: 296px; height: 186px; background-size: 100%; background-repeat: no-repeat; padding-left: 17px; padding-top: 17px; overflow: hidden; }
.screen object { width: 263px; height:150px; }
/* About Page */
.inner-head { font-size: 22px; color: #333333; padding-bottom: 6px; padding-top: 6px; }
.main-left address h3.main-h3 { margin-bottom: 5px; }
.main-left address a { font-weight: bold; }
a.click-links { font-size: 14px; color: #f69000; text-decoration: underline; display: block; }
hr.main-dotted-line { width: 80% !important; border: none; width: 100%; height: 1px; border-top: 1px dashed #000; float: left; margin-top: 5px; margin-bottom: 10px; }
/* Career Page */
ul.career-link-list { list-style: none; padding-left: 0px; }
ul.career-link-list li a { color: #333333; font-size: 16px; text-decoration: none; line-height: 36px; }
ul.career-link-list li a:hover { color: #FEBE1C; }
/* Projects page */
.projects-main { width: 100%; }
.project-iframe { width: 100%; height: 1150px; border: none; }
.request-form .form-group { border-bottom: 1px solid #ddd; padding: 8px 0px; margin-bottom: 0px; }
.request-form label { width: 50%; display: block; text-align: right; float: left; padding-right: 10px; font-size: 13px; color: #333; font-weight: normal; }
.request-form .field { height: 18px; border: 1px solid #ccc; }
.radio-group { font-size: 13px; color: #333; font-weight: normal; text-align: right; }
.request-form p.label-for-radio { padding-right: 15px; width: 86%; float: left; font-weight: bold; font-size: 13px; }
p.form-message { font-weight: bold; font-size: 13px;  }
.tip { color: #f69000; font-weight: bold; cursor: help; }




/* Media Queries */
@media screen and (max-width: 1024px) {
.container { width: 95% !important; }
.main-right { margin-top: 0px; }
.screen { width: 100%; padding-top: 12px; }
.screen object { width: 94%; height: 150px; }
}
@media screen and (max-width: 950px) {
.screen object { height: 133px; }
}
@media screen and (max-width: 850px) {
.screen { padding-left: 14px; }
.screen object { height: 117px; }
}
@media screen and (max-width: 767px) {
.main-left { width: 100%; padding: 5px 10px; }
.request-free-quote { display: block; margin: auto; text-align: center; }
.main-right { width: 100%; padding-top: 20px; }
img.great-clients { float: left; }
ul.see-our-projects { margin-left: 6%; margin-top: 50px !important; }
.payment-options { display: block; }
.screen { width: 296px; height: 186px; padding-left: 17px; padding-top: 17px; float: none; margin: auto; display:none !important; }
.screen object { width: 263px; height: 150px; }
.connect-flash{ display:none !important; }
}
@media screen and (max-width: 540px) {
img.great-clients { display: block; float: none; margin: auto; }
ul.see-our-projects { margin-left: 30%; margin-top: 20px !important; }
}
@media screen and (max-width: 479px) {
.request-form label { width: 100%; text-align: left; }
.request-form .field { width: 100%; height: 22px; }
.request-form p.label-for-radio { width: 100%; padding: 0px; text-align: left; }
}
@media screen and (max-width: 360px) {
body { font-size: 13px; text-align: justify; word-wrap: break-word; }
.main-head { font-size: 14px; }
.main-h3 { font-size: 13px; }
.main-left p { font-size: 13px; line-height: 17px; }
.inner-head { font-size: 20px; padding-bottom: 0px; padding-top: 0px; }
.main-left ol, .main-left ul { padding-left: 15px; }
ul.see-our-projects { margin-left: 22%; margin-top: -10px !important; }
.request-free-quote img { max-width: 100%; height: auto; }
ul.see-our-projects li:first-child a { font-size: 13px; }
ul.see-our-projects li:nth-child(2) a { font-size: 13px; }
img.contact-request { max-width: 80%; }
}
@media screen and (max-width: 320px) {
img.great-clients { max-width: 80%; margin-top: 20px; }
.screen { width: 225px; height: 140px; padding-left: 14px; padding-top: 13px; float: none; margin: auto; }
.screen object { width: 198px; height: 111px; }
}