@charset "utf-8";
/* Judd Fire Protection CSS Document */
HTML{width:100%;}
body{width:100%;text-align:center; margin-top:0; background-color:#fd8505;}
#page {margin:0 auto; width:750px;  text-align:left; background-color:#450000;}
#popup {margin:0 auto; width:550px;  text-align:left; background-color:#450000;}
img {border:0;}

/* Font preferences */
* {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:16px;}
p, td, div,  {font-size:12px; line-height:16px;}

#submit {color:#000;}

/* Header and bold tags */
h1 {line-height:21px; padding:4px 0; color:#000; font-weight:900; font-size:19px; border-bottom:#09F 1px solid; text-transform:uppercase;}
h2 {line-height:19px; padding:4px 0; color:#000; font-weight:900; font-size:17px; border-bottom:#08e 1px dotted;}
h3 {line-height:17px; padding:4px 0 4px 0; color:#ebd003; font-weight:900; font-size:18px;}
h4 {line-height:16px; padding:4px 0; color:#ebd003; font-weight:900; font-size:14px; text-align:left}
h5 {line-height:16px; padding:4px 0; color:#ffffff; font-weight:900; font-size:14px; text-align:left}
ol li	{line-height:20px;}
li.list	{padding-bottom:3px; line-height:normal;}
/* Default definition lists */

dt {color:#CC0000;font-weight:900;margin:10px 0pt; border-bottom: #CCCCCC 1px solid;}
dd {text-indent:0pt; padding-bottom:30px;}

fieldset	{border:1px solid #fd8505; margin-bottom:20px; padding:0 3px;}
legend	{ font-weight:bold; font-size:14px;}
label	{ font-weight:bold; padding-right:5px; text-align:right;}
label.emp	{ font-weight:bold; padding-top:3px; text-align:left;}
#formTop	{ width:515px; display:block; height:150px;}
input#name	{width:155px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#email	{width:160px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#address	{width:155px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#address2	{width:155px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#business	{width:152px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#phone	{width:120px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
textarea#questions	{width:450px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
#contactFormLeft { width:230px; float:left; vertical-align:top; text-align:right; margin:0; padding:0;}
#contactFormLeft input	{color:#450000;}
#contactFormRight input	{color:#450000;}
#contactFormRight { width:235px; float:left; padding-left:5px; vertical-align:top; text-align:right;}
input#city	{width:155px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#state	{width:40px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#zip	{width:100px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#interest	{ margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#experience	{width:50px; margin-right:0; color:#450000; font-family:"Courier New", Courier, monospace;}
input#empSubmit	{ margin-right:0; color:#450000; font-family:Arial, Helvetica, sans-serif;}
input#empReset	{ margin-right:0; color:#450000; font-family:Arial, Helvetica, sans-serif;}
select { color: #450000; background-color: #ffffff; font-family:"Courier New", Courier, monospace;}
option { color: #450000; background: #ffffff; font-family:"Courier New", Courier, monospace;}

/* Default link and hover preferences */
a {color:#fea101; text-decoration:underline;}
a:hover {text-decoration:none;}
#viewAll	{ text-align:right; padding:14px 5px 0 0; font-size:10px;}
a.more {text-decoration:underline; font-size:10px;}
a.more:hover {text-decoration:none; font-size:10px;}

/* Main block elements */
#header { width:750px; height:200px;}
#content{width:750px; padding-bottom:8px; display:block;}
#left {width:217px; vertical-align:top; padding-left:5px; float:left; background-color:#450000;}
#right {width:515px; padding-left:11px; vertical-align:top; float:left; background-color:#450000;}
#rightContent	{width:515px; vertical-align:top; background:#990000 url(img/contentBkg.jpg) no-repeat;}
#mainContent	{padding:10px 10px 0 10px; margin:0; //matgin-top:-3px;}
#flash	{ width:515px; height:193px; margin-bottom:2px; }
#footer {line-height:10px; font-size:10px; padding:3px; text-align:center; color:#bb2e03; line-height:10px;}
#footer a { text-decoration:underline; font-size:10px;}
#footer a:hover { text-decoration:none; font-size:10px;}
#mainTable {display:block; width:100%;}
#seo {width:750px; margin:10px auto; text-align:center; font-size:10px; color:#CCCCCC;}
#news	{ width:217px; vertical-align:top; background:#541515 url(img/homeNewsContentBkg.jpg); background-repeat:repeat-x; margin-top:0; //margin-top:-6px;}
#newsContent	{ padding-left:5px;}
#newsStory	{border-bottom: #ffffff dotted 1px; margin-bottom:10px;}
#newsBottom	{ margin:0; padding:0; background-image: url(img/homeNewsBottom.jpg); background-repeat:no-repeat; width:217px; height:7px;}
#navTop		{ margin:0; padding:0; background:#541515 url(img/navTop.jpg) no-repeat; width:217px; height:6px;}
#contentTop		{ padding:0; background:#541515 url(img/contentTop.jpg) no-repeat; width:515px; height:11px;}
#contentBottom	{  margin:0; padding:0; background: url(img/contentBottom.jpg) no-repeat; width:515px; height:7px;}

/* Paragraph classes (use sparingly - use tag globals whenever possible) */
p.caption {font-size:10px; color:#999999; line-height:normal;}
strong.red {color:#CC0000;}
em.red {color:#CC0000;}

.fineprint	{font-size:10px;}
.headline {line-height:16px; padding-top:6px 0 0 0; color:#ffffff; font-weight:900; font-size:14px; text-align:left}
/* FORMS 
#form, #form li {display:block; list-style:none; margin:0; padding:0; position:relative; background:none;}
#form li label {display:block; width:200px; background:#E9E9E9; line-height:16px; padding:2px 5px; text-align:right;}
#form li input, #form li textarea {position:relative; left:215px; width:380px; top:-21px;}*/

/* Top H1 element */
h1#title  {display:block; text-align:center; width:745px; margin:0 auto; border:none; font-size:10px; color:#550000; padding:0; text-transform:none;}

/*Nav Menu*/
#nav{ display:block; width:217px; height:192px; background-color:#450000; padding:0; margin:0; //margin-top:-9px;}
#nav ul {height:198px; width:217px; text-align:left; padding:0; margin:0; list-style: none;}
#nav ul a {display:block; height:24px; background:no-repeat}
#nav ul a.about {width:217px; background-image: url(img/navAboutUs.jpg);}
#nav ul a.about:hover {background-image: url(img/navAboutUsOver.jpg);}
#nav ul a.commercial {width:217px; background-image: url(img/navCommercial.jpg);}
#nav ul a.commercial:hover {background-image: url(img/navCommercialOver.jpg);}
#nav ul a.residential {width:217px; background-image: url(img/navResidential.jpg);}
#nav ul a.residential:hover {background-image: url(img/navResidentialOver.jpg);}
#nav ul a.inspection {width:217px; background-image: url(img/navInspection.jpg);}
#nav ul a.inspection:hover {background-image: url(img/navInspectionOver.jpg);}
#nav ul a.projects {width:217px; background-image: url(img/navProjects.jpg);}
#nav ul a.projects:hover {background-image: url(img/navProjectsOver.jpg);}
#nav ul a.links {width:217px; background-image: url(img/navLinks.jpg);}
#nav ul a.links:hover {background-image: url(img/navLinksOver.jpg);}
#nav ul a.contact {width:217px; background-image: url(img/navContactUs.jpg);}
#nav ul a.contact:hover {background-image: url(img/navContactUsOver.jpg);}
#nav ul a.employment {width:217px; background-image: url(img/navEmployment.jpg);}
#nav ul a.employment:hover {background-image: url(img/navEmploymentOver.jpg);}
#footer h1 {font-size:10px; padding:3px; text-align:center; color:#bb2e03}

/* Feeds */

#feedControl {
  width : 470px;
  height : 160px;
  padding : 10px;
}

.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  border: 1px solid #ffffff;
}

.gfg-title {
  font-size: 16px;
  font-weight : bold;
  color : #ffffff;
  background-color: #450000;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  
}

.gfg-title a {
  color : #ffffff;
  font-size: 16px;
  padding:3px;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #ffffff;
  background-color: #450000;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #ffffff;
}

.gfg-entry {
  /*background-color : #9a0000;*/
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
  color:#FFFFFF;
}

.gfg-entry a {color:#ffffff;}


/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  /*background-color : white;*/
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
  color:#FFFFFF;
  
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry a {color:#CCCCCC; text-decoration:none;}

.gfg-listentry-odd {
  background-color : #663300;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #ffffff;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}