body {
  background-color: #515d61;
  font-size: 10.6px;
  font-family: Arial, sans;
}

#header {
  height: 132px;
  background: #3a3e4d url(../images/header_background.jpg) repeat-x top left;
}

#logo {
  text-indent: -6000px;
  background: url(../images/header_logo.jpg) no-repeat top left;
  height: 89px;
  width: 277px;
  position: relative;
  top: 23px;
  left: 8%;
}

#circles {
  height: 35px;
  width: 96px;
  background: url(../images/header_circles.jpg) no-repeat top left;
  float: right;
  position: relative;
  top: -53px;
  right: 8%;
}

#menu {
  height: 36px;
  background: #515d61;
  border-top: 1px solid #777a84;
  text-align: center;
}

#page {
  overflow: auto;
  background: #ebecdb url(../images/page_gradient.jpg) repeat-x top left;
  text-align: center;
}

#container {
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
}

#ataglance {
  float: right;
  width: 255px;
  height: 51em;
  background: #ECEDDD url(../images/ataglance_background_thin.jpg) no-repeat top center;
  text-align: center;
}

#content {
  margin-right: 270px;
  margin-left: 1.5em;
  padding: 4em 1em 3em 0;
  font-size: 1.2em;
  color: #444444;
  line-height: 2em; 
}

#footer {
  clear: both;
  height: 167px;
  background: #515d61 url(../images/footer_gradient.jpg) repeat-x top left;
  text-align: center;
}

#format_container {
  width: 700px;
  margin: 0 auto;
  padding: 50px 0 10px 0;
  overflow: auto;
  }
  
  
/*================================================== U N I V E R S A L S ====*/

a {
    color: #33a;
    text-decoration: none;
    border-bottom: 1px solid #33a;
}

hr, .hidden {
  display: none;
}

h1,h2,h3,h4 {
  font-family: "Georgia", "Times New Roman", serif;
}

h2 {
  font-size: 1.6em ;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em;
}

h3 {
  font-size: 1.3em;
  font-variant: small-caps;
  color: maroon;
  width: 55%;
  margin-top: 1em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.5em;
}

strong {
  font-weight: bold;
}

address {
	line-height: 1.2em;
}

blockquote {
    margin: 2.5em auto 0.5em;
    padding: 0 2em;
    font-style: italic;
    color: #522;
}

cite {
    text-align: right;
    font-size: 0.8em;
    display: block;
}



/*================================================== E L E M E N T S ====*/

#menu ul {
  width: 825px;
  height: 36px;
  margin: 0 auto;
	list-style: none;
	overflow: hidden;
}

#menu ul li {
  list-style: none;
	display: inline;
}

#menu a {
  float: left;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win only */
}

#menu a:hover {
  background-position: 0 -36px;
}

#menu a:active, #menu a.selected {
  background-position: 0 -72px;
}

#home a {
  width: 84px;
  background: url(../images/menu_home.png) no-repeat top left;
}

#about a {
  width: 91px;
  background: url(../images/menu_about.png) no-repeat top left;
}

#services a {
  width: 113px;
  background: url(../images/menu_services.png) no-repeat top left;
}

#essentials a {
	width: 137px;
	background: url(../images/menu_essentials.png) no-repeat top left;
}
  
#rates a {
  width: 80px;
  background: url(../images/menu_rates.png) no-repeat top left;
}

#privacy a {
  width: 105px;
  background: url(../images/menu_privacy.png) no-repeat top left;
}

#sending a {
  width: 167px;
  background: url(../images/menu_sending.png) no-repeat top left;
}

#contact a {
  width: 122px;
  background: url(../images/menu_contact.png) no-repeat top left;
}

h2#ataglance_title {
  width: 199px;
  height: 20px;
  margin: 3em auto 1em auto;
  background: url(../images/ataglance.gif) no-repeat top left;
  text-indent: -6000px;
  border: 0;
}

h3#terms_title {
  width: 196px;
  height: 13px;
  margin: 1.5em auto 1em auto;
  background: url(../images/ataglance_tnc.gif) no-repeat top center;
  text-indent: -6000px;
  border: 0;
}

.ataglance_divider {
  height: 1px;
  overflow: hidden;
  width: 210px;
  margin: 1em auto 1em auto;
  background: url(../images/ataglance_divider.jpg) no-repeat top center;
}

#ataglance p {
  padding: 0.5em 2em 0.5em 2.5em;
  font-size: 1.3em;
  color: #2c2a28;
  line-height: 1.2em;
  text-align: left;
}

#ataglance p.tnc {
  font-size: 1.2em;
  padding: 1em 2em 1em 2.8em;
}

#content p {
  padding: 0.5em 0;
  text-align: justify;
  line-height: 1.5em;
}

h3#format_title {
  width: 219px;
  height: 34px;
  float: left;
  margin: 10px 50px 0 0;
  background: url(../images/format_title.gif) no-repeat top left;
  text-indent: -6000px;
  border: 0;
}

#formats {
  width: 400px;
  float: left;
}

#formats li {
  list-style: none;
  display: block;
  float: left;
  width: 75px;
  height: 65px;
  text-indent: -6000px;
  background-position: middle center;
  background-repeat: none;
}

li#doc { background-image: url(../images/icon_doc.jpg); }
li#pdf { background-image: url(../images/icon_pdf.jpg); }
li#wma { background-image: url(../images/icon_wma.jpg); }
li#mp3 { background-image: url(../images/icon_mp3.jpg); }
li#dss { background-image: url(../images/icon_dss.jpg); }

#copyright_notice {
  clear: both;
  margin: 20px auto 0 auto;
  background: url(../images/footer_divider.jpg) no-repeat top center;
}

#copyright_notice p {
  padding-top: 15px;
  padding-bottom: 25px;
  text-align: center;
  color: #959c9e;
  font-size: 0.9em;
}

#services_menu a {
  color: maroon;
}

#services_menu li {
  background: url(../images/bullet_black.png) no-repeat center left;
  padding-left: 20px;
}

form#contact input, form#contact textarea {
  width: 35em;
}

form#contact .button {
  width: auto;
}

div#terms {
  border: 1px solid #444;
  line-height: 1em;
  height: 11em;
  overflow: scroll;
  padding: 1em;
}

div#terms h3, div#terms_full h3 {
  width: 100%;
}
div#terms li, div#terms_full li {
  padding-bottom:1em;
}

div#terms li span, div#terms_full li span {
  font-weight: bold;
  padding-right: 1em;
}
ul.bulletted li {
  list-style:square;
  margin: 1em 0 1em 2em;
  line-height: 1.5em;
}
span.note {
  color: #779;
  font-style: italic;
}

form#tandc p {
  line-height: 1em;
}

form#tandc textarea {
  width: 100%;
}

#firegoby_link {
  text-decoration: none;
  color: #cc9;
}

.definition
{
    margin-left: 3em;
}

table {
    border-collapse:collapse;
}

td {
    margin-top: 1em;
    border-bottom: 1px solid #abb;
    vertical-align: top;
    padding-right: 2em;
}

td.desc {
    padding-right: 3em;
}

p em {
    font-style: italic;
}

