html,
      body {
        height: 100%;
        font: 300 15px/1.5em "museo-slab", sans-serif;
        background: #0B4779 url(/images/background.jpg) top center no-repeat;
        /* The html and body elements cannot have any padding or margin. */
      }
      
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-size:1em;
}
			
h1 					{font-size: 216%;}
h2 					{font-size: 164%;}
h3					{font-size: 145%;}
h4 					{font-size: 118%;}      

      /* Wrapper for page content to push down footer */
      #wrap {
      	width:700px;
        /* Negative indent footer by it's height */
        margin: 0px auto;
		padding-top:100px;
      }
      
      div.create-ticket {
	    background: url(/images/accordion1.png) top left no-repeat;    
      }
      div.pay-bill {
	    background: url(/images/accordion2.png) top left no-repeat;    
      }
      div.get-docs {
	    background: url(/images/accordion3.png) top left no-repeat;    
      }
      div.get-support {
	    background: url(/images/accordion4.png) top left no-repeat;    
      }   
      div.refersmart {
	    background: url(/images/accordion5.png) top left no-repeat;    
      }   
               

	  div.accordion-group {
		  width:700px;
	  }
	  
	  div.accordion-inner {width:670px;padding: 30px 15px;}
	  
	 div.accordion-heading i {margin-right:40px;}
	 div.accordion-inner i {margin-right:10px;}
	  
	  div.accordion-heading {
		height:60px;
	  }
	  div.accordion-heading h1 {
		  font-family: "myriad-pro-condensed";
		  font-size: 180%;
		  font-weight: 400;
		  margin:0;padding:0;
		  color:white;
	  }
	  
	  .span4 {color:#7F480C;}
	  
	  div.accordion-heading a:hover {text-decoration: none;color:#FEC622;}
	  footer a i {color:white;margin-right: 15px;}
	  footer a:hover i {color:#FEC622;}
	  footer {text-align: right;width:670px;padding-right:30px;}

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      
      h1.header {background: url(/images/header.jpg); width:700px; height:120px; text-indent: -9999px; margin:0; padding:0;}
      
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }

	  div.red { background: #a50100;}

      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      .container {
        width: auto;

      }
      .container .credit {
        margin: 20px 0;
      }
<!--


/** FONT ICONS TO UPDATE **/

@font-face {
  font-family: 'worksmart';
  src: url('../font/worksmart.eot?18936770');
  src: url('../font/worksmart.eot?18936770#iefix') format('embedded-opentype'),
       url('../font/worksmart.woff?18936770') format('woff'),
       url('../font/worksmart.ttf?18936770') format('truetype'),
       url('../font/worksmart.svg?18936770#worksmart') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'worksmart';
    src: url('../font/worksmart.svg?18936770#worksmart') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "worksmart";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e808'; } /* 'î ˆ' */
.icon-tools:before { content: '\e80f'; } /* 'î ' */
.icon-home:before { content: '\e80d'; } /* 'î ' */
.icon-pencil:before { content: '\e802'; } /* 'î ‚' */
.icon-edit:before { content: '\e804'; } /* 'î „' */
.icon-attention:before { content: '\e803'; } /* 'î ƒ' */
.icon-folder-open:before { content: '\e805'; } /* 'î …' */
.icon-rss:before { content: '\e812'; } /* 'î ’' */
.icon-phone-squared:before { content: '\e807'; } /* 'î ‡' */
.icon-help-circled:before { content: '\e80e'; } /* 'î Ž' */
.icon-list-bullet:before { content: '\e809'; } /* 'î ‰' */
.icon-credit-card:before { content: '\e801'; } /* 'î ' */
.icon-facebook:before { content: '\e80b'; } /* 'î ‹' */
.icon-linkedin-squared:before { content: '\e80c'; } /* 'î Œ' */
.icon-linkedin:before { content: '\e811'; } /* 'î ‘' */
.icon-twitter:before { content: '\e80a'; } /* 'î Š' */
.icon-user-add:before { content: '\e810'; } /* 'î ' */
.icon-phone:before { content: '\e806'; } /* 'î †' */
.icon-cog:before { content: '\e800'; } /* 'î €' */
-->