/* Template Styles */

body { font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Sans-Serif; }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight { float: right; margin: 5px 0 20px 20px; border: 1px solid #bbc3c9; }
.imgLeft { float: left; margin: 5px 20px 20px 0; border: 1px solid #bbc3c9; }

#header { width: 100%; padding-top: 18px; text-align: center; background: url(../i/topNav_bg.png) repeat-x 0 105px; }
#header #headerLogo { margin-bottom: 12px; }

#topNav { width: 940px; margin: 0 auto; }
#topNav .navItem { position: relative; float: left; width: 180px; margin-right: 10px; cursor: pointer; }
#topNav .contact { margin-right: 0; }
#topNav .navItem A { display: block; height: 50px; text-indent: -10000em; background: url(../i/topNav.png); }
.browserIE6 #topNav .navItem A { background-image: url(../i/topNav.gif); }

#topNav .home A { background-position: 0 0; }
#topNav .home A:hover,
#topNav .home A.selected,
#topNav .home A.over { background-position: 0 -50px; }
#topNav .about A { background-position: -180px 0; }
#topNav .about A:hover,
#topNav .about A.selected,
#topNav .about A.over { background-position: -180px -50px; }
#topNav .services A { background-position: -360px 0; }
#topNav .services A:hover,
#topNav .services A.selected,
#topNav .services A.over { background-position: -360px -50px; }
#topNav .caseStudies A { background-position: -540px 0; }
#topNav .caseStudies A:hover,
#topNav .caseStudies A.selected,
#topNav .caseStudies A.over { background-position: -540px -50px; }
#topNav .contact A { background-position: -720px 0; }
#topNav .contact A:hover,
#topNav .contact A.selected,
#topNav .contact A.over { background-position: -720px -50px; }

#topNav .dropdown { position: absolute; top: 34px; left: 0; width: 180px; text-align: left; }
#topNav .dropdown UL { display: none; background: url(../i/dropdown_bg.png); }
.browserIE6 #topNav .dropdown UL { background-image: url(../i/dropdown_bg.gif); }
#topNav .dropdown A { height: 16px; padding: 0 15px; line-height: 16px; font-size: 1.1em; font-weight: bold; color: #ffdfd6; text-decoration: none; text-indent: 0; background: url(../i/dropdown_bg.png); overflow:hidden; }
.browserIE6 #topNav .dropdown A { background-image: url(../i/dropdown_bg.gif); }
#topNav .dropdown A:hover { color: #ffffff; background: url(../i/dropdown_bg_over.png); }
.browserIE6 #topNav .dropdown A:hover { background-image: url(../i/dropdown_bg_over.gif); }
#topNav .dropdown .bottom { height: 16px; background: url(../i/dropdown_bottom.png) no-repeat; }
.browserIE6 #topNav .dropdown .bottom { background-image: url(../i/dropdown_bottom.gif); }
#topNav .over .dropdown .bottom { background-position: 0 -16px; }

#master { width: 940px; margin: 0 auto; }

#main { width: 940px; margin-top: 20px; font-size: 1.2em; color: #112975; line-height: 1.5em; background: url(../i/main_middle.gif) repeat-y; }
#mainContainer { background: url(../i/main_top.gif) no-repeat 0 0; }
#mainContainer2 { min-height: 200px; padding: 30px 40px 75px; background: url(../i/main_bottom.jpg) no-repeat 0 100%; zoom:1; }

#mainLeft { float: left; display: inline; width: 540px; margin-right: 80px; }

#contactForm { float: left; width: 240px; padding-bottom: 155px; overflow: hidden; }
#contactForm H2 { margin-bottom: 10px; font-size: 1.4em; color: #112975; }
#contactForm .errors { margin: 10px 0; color: #d01d1d; font-weight: bold; }

#footer { margin-top: 2px; text-align: center; }
#footer UL { padding: 13px 0 0; }
#footer LI { display: inline; margin: 0 3px; height: 35px; font-size: 1em; color: #97a5ae; }
#footer LI A { margin-right: 6px; font-size: 1.1em; font-weight: bold; color: #516176; text-decoration: none; }
#footer LI A:hover { color: #8a96a7; }
#footer LI.footerLogo { position: relative; top: -13px; margin: 0 10px; }

/* Common Styles */

H1 { margin-bottom: 10px; line-height: 1em; font-size: 2.1em; font-weight: bold; color: #112975; }
H2 { margin: 10px 0 15px; line-height: 1em; font-size: 1.2em; font-weight: bold; color: #bd000f; }
H3 { margin: 10px 0 10px; line-height: 1em; font-size: 1.2em; font-weight: bold; color: #bd000f; }

A { color: #bd000f; font-weight: bold; text-decoration: none; }
A:hover { color: #d9525c; }

.TVI-form {} /* margin: 10px 0; */
.TVI-form .field { margin-bottom: 4px; }
.TVI-form LABEL { float: left; width: 60px; padding: 0 0 0 10px; line-height: 26px; font-size: 1em; font-weight: bold; color: #112975; }
.TVI-form .textBox { width: 240px; background: url(../i/textBox.gif) no-repeat; }
.TVI-form .textBox INPUT { float: left; width: 150px; height: 22px; padding: 4px 10px 0; font-size: 1.1em; color: #3a445a; border: 0; background: transparent; }
.TVI-form .select LABEL { line-height: 22px; background: url(../i/textBox.gif) 0 -2px; }
.TVI-form .select SELECT { float: left; width: 170px; font-size: 1.1em; color: #3a445a; }
.browserFirefox .TVI-form .select SELECT { height: 22px; }
.browserSafari .TVI-form .select SELECT { position: relative; top: -2px; line-height: 18px; }
.TVI-form .textArea { width: 240px; height: 139px; background: url(../i/textArea.gif); }
.TVI-form .textArea LABEL { float: none; display: block; line-height: 23px; }
.TVI-form .textArea TEXTAREA { width: 230px; height: 105px; padding: 5px 0 5px 10px; overflow: auto; font-size: 1.1em; color: #3a445a;  border: 0; background: transparent; font-family: Arial, Tahoma, Verdana, Sans-Serif; }

.contactPage { margin: 15px 0; }
.contactLeft { float: left; display: inline; width: 250px; margin-right: 30px; }
.contactRight { float: left; display: inline; width: 250px; }
.contactRight H3 { margin-top: 0; color: #102377; }
.contactRight H3 .red { color: #bd000f; }
.contactDetails { margin-top: 20px; }
.contactDetails .label { float: left; width: 65px; color: #102377; font-weight: bold; }

#map { width: 250px; height: 250px; border: 1px solid #bbc3c9; }

.submit { width: 100%; }
.submit A { float: right; width: 83px; height: 33px; text-indent: -10000em; background: url(../i/submit.png); }
.submit A:hover { background-position: 0 -33px; }