html, body, div, h1, h2, h3,h4,h5,h6, p, span, a, img, ul, ol, li, form, input, textarea, select, option { margin: 0; padding: 0; border: 0; }
img, div, input, a, a:hover
body { behavior: url("images/iepngfix.htc");}
/*global*/
#globalclr {
clear:both;
}
p {
font: 12px Arial, Helvetica, sans-serif;
color:#000;
margin-bottom: 5px;
}
.pwhite {
font: 12px Arial, Helvetica, sans-serif;
color:#fff;
margin-bottom: 5px;
}
h1 {
font: 21px Arial, Helvetica, sans-serif;
color: #0056a5;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
margin-left: 15px;
}
h2 {
font: 24px Arial, Helvetica, sans-serif;
color: #0056a5;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0px;
padding-bottom: 0px;
}
h5 {
font: 18px Arial, Helvetica, sans-serif;
color: #d10f41;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
h3 {
font: 16px Arial, Helvetica, sans-serif;
color: #d10f41;
text-transform: uppercase;
margin-bottom: 10px;
}
h4 {
font: 14px Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
margin-bottom: 10px;
}
h6 {
font: 12px Arial, Helvetica, sans-serif;
color:#000;
margin-bottom: 5px;
line-height: 22px;
}
.test_header {
font: 16px Arial, Helvetica, sans-serif;
color: #333333;
margin-bottom: 10px;
}
.flt {
float:left;
}
a {
font: 12px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
outline: none;
cursor:pointer;
}
a:hover {
color:#0000FF;
text-decoration: underline;
}
.forceleft {
padding-left: 15px;
padding-top: 3px;
}
body {
background: url(../images/bodybg.jpg) repeat-x #FFFFFF;
}
#mainwrapper {
width: 851px;
margin: auto;
padding: 0px;
}
/*logo*/
#northtown_logo_holder {
width: 845px;
height: 52px;
padding-top: 24px
margin-left: 3px;
margin-top: 15px;
}
#logo {
float:left;
}
#phone_number {
float:right;
}
/*Navigation*/
#navigation_holder {
width: 845px;
height: 46px;
margin-top: 10px;
margin-left: 3px;
}
#home_nav {
background:url(../images/home_nav.jpg) no-repeat;
width: 54px;
height: 46px;
float:left;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
#home_nav a {
display: block;
width: 54px;
height: 31px;
outline: none;
float:left;
color:#FFFFFF;
text-decoration:none;
padding-top: 15px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#home_nav a:hover, #home_nav.static {
background:url(../images/home_nav_hover.jpg) no-repeat;
width: 54px;
height: 31px;
padding-top: 15px;
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#diff_nav {
background: url(../images/difference_nav.jpg) no-repeat;
width: 104px;
float: left;
height: 46px;
}
#diff_nav a {
display:block;
width: 104px;
outline: none;
float: left;
height: 31px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#diff_nav a:hover, #diff_nav.static {
background: url(../images/difference_nav_hover.jpg) no-repeat;
height: 36px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#mech_service_nav {
background: url(../images/mechanical-service-nav.jpg) no-repeat;
width: 91px;
float: left;
height: 46px;
}
#mech_service_nav a {
display:block;
width: 91px;
outline: none;
float: left;
height: 31px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#mech_service_nav a:hover, #mech_service_nav.static {
background: url(../images/mechanical-service-nav-hover.jpg) no-repeat;
height: 36px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#specialty_nav {
background: url(../images/area-of-specialty-nav.jpg) no-repeat;
width: 95px;
height: 46px;
float: left;
}
#specialty_nav a {
display:block;
width: 95px;
height: 46px;
outline: none;
float: left;
height: 31px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#specialty_nav a:hover, #specialty_nav.static {
background: url(../images/area-of-specialty-nav-hover.jpg) no-repeat;
height: 36px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#maintenance_nav {
background:url(../images/maintenance_nav.jpg) no-repeat;
width: 104px;
height: 46px;
float:left;
}
#maintenance_nav a {
display: block;
width: 104px;
height: 46px;
outline: none;
float: left;
height: 31px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#maintenance_nav a:hover, #maintenance_nav.static {
background:url(../images/maintenance_nav_hover.jpg) no-repeat;
height: 36px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#energy_nav {
background: url(../images/area-of-specialty-nav.jpg) no-repeat;
width: 105px;
height: 46px;
float: left;
}
#energy_nav a {
display:block;
width: 105px;
height: 46px;
outline: none;
float: left;
height: 31px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#energy_nav a:hover, #energy_nav.static {
background: url(../images/area-of-specialty-nav-hover.jpg) no-repeat;
height: 36px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#resource_nav {
background: url(../images/area-of-specialty-nav.jpg) no-repeat;
width: 105px;
height: 46px;
float: left;
}
#resource_nav a {
display:block;
width: 105px;
height: 46px;
outline: none;
float: left;
height: 31px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#resource_nav a:hover, #resource_nav.static {
background: url(../images/area-of-specialty-nav-hover.jpg) no-repeat;
height: 36px;
padding-top: 9px;
text-decoration:none;
font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#testi_nav {
background:url(../images/testi_nav.jpg) no-repeat;
width: 95px;
height: 46px;
float:left;
}
#testi_nav a {
display: block;
width: 95px;
height: 46px;
outline: none;
float: left;
height: 31px;
padding-top: 15px;
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#testi_nav a:hover, #testi_nav.static {
background:url(../images/testi_nav_hover.jpg) no-repeat;
height: 36px;
padding-top: 15px;
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#equipment_nav {
background: url(../images/equipment-nav.jpg) no-repeat;
width: 90px;
height: 46px;
float: left;
}
#equipment_nav a {
display: block;
width: 90px;
height: 46px;
outline: none;
float: left;
height: 31px;
padding-top: 15px;
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#equipment_nav a:hover, #equipment_nav.static {
background: url(../images/equipment-hover.jpg) no-repeat;
height: 31px;
padding-top: 15px;
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#contact_nav {
background: url(../images/contact_nav.jpg) no-repeat;
width: 90px;
height: 46px;
float:left;
}
#contact_nav a {
display: block;
width: 90px;
height: 46px;
outline: none;
float: left;
height: 31px;
padding-top: 15px;
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
#contact_nav a:hover, #contact_nav.static {
background: url(../images/contact_nav_hover.jpg) no-repeat;
height: 36px;
padding-top: 15px;
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-shadow: 1px 1px 2px #333333;
}
/**/
#hero_banner {
background: url(../images/hero-banner.jpg) no-repeat;
width: 845px;
height: 274px;
margin-top: 6px;
margin-left: 3px;
}
#hero_banner_maintenance {
background: url(../images/hero-banner-maintenance.jpg) no-repeat;
width: 845px;
height: 274px;
margin-top: 6px;
margin-left: 3px;
}
#hero_banner_services {
background: url(../images/hero-banner-services.jpg) no-repeat;
width: 845px;
height: 274px;
margin-top: 6px;
margin-left: 3px;
}
#hero-banner-specialty {
background: url(../images/hero-banner-specialty.jpg) no-repeat;
width: 845px;
height: 274px;
margin-top: 6px;
margin-left: 3px;
}
#hero-banner-difference {
background: url(../images/hero-banner-difference.jpg) no-repeat;
width: 845px;
height: 274px;
margin-top: 6px;
margin-left: 3px;
}
#hero-banner-equipment {
background: url(../images/hero-banner-equipment.jpg) no-repeat;
width: 845px;
height: 274px;
margin-top: 6px;
margin-left: 3px;
}
#hero-banner-contact {
background: url(../images/hero-banner-contact.jpg) no-repeat;
width: 845px;
height: 274px;
margin-top: 6px;
margin-left: 3px;
}
#ctnbtn {
margin-left: 120px;
margin-top: 160px;
}
#register {
width: 440px;
height: 27px;
margin-top: 30px;
padding-top: 12px;
padding-left: 392px;
}
#register p {
font: 14px Arial, Helvetica, sans-serif;
color: #ccc;
text-align: right;
}
#register a {
font: 14px Arial, Helvetica, sans-serif;
color:#ccc;
text-decoration: underline;
outline: none;
cursor:pointer;
}
#register a:hover {
color: #ccc;
text-decoration: none;
}
#inputform {
background: url(../images/input_bg.jpg) no-repeat;
width: 150px;
height: 20px;
padding-left: 5px;
padding-top: 3px;
color:#666666;
float:left;
margin-left: 5px;
}
.frm {
margin-left: 10px;
}
.go {
margin: 0 5px;
float:left;
}
/*content*/
#content_holder {
width: 851px;
}
#privacy {
width: 800px;
padding: 0 10px;
}
#content_top {
background: url(../images/content_top.jpg) no-repeat;
width: 851px;
height: 24px;
}
#content_repeat {
background: url(../images/content_repeat.jpg) repeat-y;
width: 811px;
padding: 0 20px 10px 20px;
}
#content_left_holder ul {
margin-left: 30px;
margin-top: 25px;
}
#content_left_holder li {
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
font: 14px Arial, Helvetica, sans-serif;
color: #333;
list-style: none;
padding-left: 30px;
padding-bottom: 10px;
}
ul#bullets {margin-top: 10px;}
ul#bullets li {
background: url(../images/red_blt.jpg) left center no-repeat; padding-bottom: 0; margin: 5px 0px; }
#content_bottom {
background: url(../images/content_bottom.jpg) no-repeat;
width: 851px;
height: 19px;
}
#content_left_holder {
width: 502px;
float:left;
}
#content_right_holder_contact {
width: 289px;
float:left;
padding-left: 0px;
padding-top: 95px;
}
#content_right_holder {
width: 289px;
float:right;
padding-left: 17px;
}
#contentul {
width: 141px;
float: left;
}
#contentul ul{
margin-top: 10px;
padding: 0;
}
#contentul li {
background: url(../images/bullet.png) no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color:#333333px;
padding-left: 20px;
padding-bottom: 5px;
list-style: none;
}
#contentul1 {
width: 500px;
float: left;
margin-left: 50px;
margin-top: 20px;
}
#contentul1 ul{
margin-top: 10px;
padding: 0;
}
#contentul1 li {
background: url(../images/bullet.png) no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color:#333333px;
padding-left: 20px;
padding-bottom: 10px;
list-style: none;
}
#contact_bg {
background:url(../images/contact_bg.png) no-repeat;
width: 264px;
height: 205px;
padding-left: 19px;
padding-top: 59px;
margin-bottom: 20px;
}
.text {
border: 1px solid #666666;
width: 180px;
margin-bottom: 5px;
height: 20px;
}
.text2 {
border: 1px solid #666666;
width: 180px;
margin-bottom: 5px;
height: 80px;
}
.lbl {
font: 12px Arial, Helvetica, sans-serif; color: #333333;
float:left;
width: 60px;
}
#content_left_holder_box {
width: 478px;
padding: 0 12px;
margin-top: 15px;
}
#content_box_top {
background:url(../images/content-box-top.jpg) center top no-repeat;
float:left;
}
#content_box_mid {
background:url(../images/content-box-middle.jpg) center center repeat-y;
float:left;
}
#content_box_bottom {
background: url(../images/content-box-bottom.jpg) center bottom no-repeat;
width: 438px;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
float:left;
}
.space {
margin-bottom: 10px;
}
.textcontroller{
padding-bottom: 10px;
}
#inside_blt{
width: 328px;
float: left;
margin-left: 90px;
}
#inside_blt span{
background: url(../images/red_blt.jpg) left center no-repeat;
padding-left: 18px;
}
#inside_blt ul {
margin-top: 0px;
padding: 0;
}
#inside_blt li {
background: none;
font: 16px Arial, Helvetica, sans-serif;
color: #23408c;
padding-left: 20px;
padding-bottom: 7px;
}
#inside_blt a {
background: none;
font: 16px Arial, Helvetica, sans-serif;
color: #23408c;
text-decoration: none;
}
#inside_blt a:hover {
color: #333;
text-decoration: underline;
}
#inside_blt1{
width: 328px;
float: left;
margin-left: 70px;
}
#inside_blt1 span{
background: url(../images/red_blt.jpg) left center no-repeat;
padding-left: 18px;
}
#inside_blt1 ul {
margin-top: 0px;
padding: 0;
}
#inside_blt1 li {
background: none;
font: 16px Arial, Helvetica, sans-serif;
color: #23408c;
padding-left: 20px;
padding-bottom: 7px;
}
/*Footer*/
#footer {
width: 710px;
margin: 10px 0;
float: left;
}
#footer-employee {
float: left;
width: 128px;
margin-top: 5px;
text-align: right;
}
#footer-employee a {
font-weight: bold;
}
#footer-employee a:hover {
text-decoration: underline;
}
#footer-employee p {font-size: 12px;}
#footer p {
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
}
#footer a {
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
}
#footer a:hover {
color:#0000FF;
text-decoration: underline;
}
/*contactform*/
#contact-bigform {
width: 366px;
margin-left: 80px;
margin-top: 30px;
}
#contactform {
background: url(../images/newContactBg.png) no-repeat;
width: 353px;
height: 514px;
margin-top: 30px;
margin-left: 80px;
padding-top: 25px;
margin-bottom: 10px;
padding-left:12px;
}
#contact-bigform-top {
background: url(../images/contact-bigform-top.jpg) no-repeat;
width:366px;
height: 23px;
}
#contact-bigform-repeat {
background: url(../images/contact-bigform-repeater.jpg) repeat-y;
width:366px;
}
#contact-bigform-bottom {
background: url(../images/contact-bigform-bottom.jpg) repeat-y;
width:366px;
height: 22px;
}
.lblbig {
font: 14px Arial, Helvetica, sans-serif;
color: #FFFFFF;
float:left;
text-align: right;
width: 90px;
}
.txtbox {
background: url(../images/textbox1.jpg) no-repeat;
color: #333;
font: 12px Arial, Helvetica, sans-serif;
border: none;
height: 21px;
width: 215px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
float:right;
margin-right: 35px;
margin-bottom: 10px;
}
.vertical_Align td{ vertical-align:top; padding-bottom:10px; padding-right:10px;}
.txtbox2 {
background: url(../images/textbox2.jpg) no-repeat;
color: #333;
font: 12px Arial, Helvetica, sans-serif;
border: none;
height: 111px;
width: 215px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
float:right;
margin-right: 35px;
margin-bottom: 10px;
}
.btn_contact {
margin-left: 120px;
margin-top: 10px;
}
.resource {
font-size: 12px;
color: #0033CC
}
/*#inside_blt2{
width: 350px;
}
#inside_blt2 span{
background:url(images/pdf-bullet.jpg) left center no-repeat;
}
#inside_blt2 ul {
margin-top: 0px;
padding: 0;
}
#inside_blt2 li {
background: none;
font: 16px Arial, Helvetica, sans-serif;
color: #23408c;
padding-left: 20px;
padding-bottom: 7px;
}
#inside_blt2 a {
background: none;
font: 16px Arial, Helvetica, sans-serif;
color: #23408c;
text-decoration: none;
}
#inside_blt2 a:hover {
color: #333;
text-decoration: underline;
}*/
#content_left_holder2 ul {
list-style-image:url(../images/pdf-bullet.jpg);
margin-left: 10px;
}
#content_left_holder2 li {
/*padding-bottom: 10px;*/
margin-left:60px;
}
#content_bottom {
background: url(../images/content_bottom.jpg) no-repeat;
width: 851px;
height: 19px;
}
#content_left_holder2 a{
font: 15px Arial, Helvetica, sans-serif;
color: #23408c;
}
#content_left_holder2{
width: 502px;
float:left;
}
/*ADDED FOR SECTION IN RESOURCE CENTER */
#sections{
list-style:square;
font-family:trebuchet ms;
}
#sections li{
padding-left:5px;
}
#sections li a{
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:bold;
}
#sections li a:hover{
text-decoration:none;
color:#23408C;
font-size:12px;
font-weight:bold;
}
#list-admin-page-title{
}
#list-admin-page-title li{
width:600px;background-image:none;padding-left:0px;
}
#list-admin-page-title li div.page-title{
width:460px; float:left;
padding:3px;
}
#list-admin-page-title li div.page-title:hover{
background-color:#8FADFF;
padding:3px;
}