/*reset and general css*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; font-weight: normal; font-size: 100%; }
body{ font: 62.5% georgia, serif; background: #000 url(../images/background.gif) 0 0 no-repeat; min-width: 767px; }
:focus { outline: 0; }
th, b a { font-weight: bold; }
img{border: 0; }

strong, em{ font-weight: bold; font-style: normal; }

h1{ font-size: 1.80em; margin: 10px 0; color: #fff; }
h2{ font-size: 1.25em; margin: 10px 0; color: #ccc; }
h3{ font-size: 1.10em; margin: 10px 0; color: #ccc; }

p{ color: #ccc; font-size: 1.2em; line-height: 1.80em; margin: 10px 0; }

a:link, a:visited { color: #ccc; text-decoration: underline; }
a:hover, a:active { color: #fff; text-decoration: none; }

ul{ list-style-type: disc; margin: 0 0 0 20px; color: #ccc; font-size: 1.2em; }
ol{ margin: 0 0 0 20px; color: #ccc; }
  ul li, ol li{ line-height: 1.50em; }

dl{ font-size: 1.2em; }
  dl dt{ font-weight: bold; color: #ccc; line-height: 1.50em; }
  dl dd{ margin: 0 0 10px 0; color: #ccc; line-height: 155%; }

label{ color: #ccc; font-size: 1.2em; }

.clearing{ clear: both; }
.spacebottom{ padding-bottom: 50px; }
.success{ color: #fff; }
.error{ color: #c00; }
.smaller{ font-size: 1em; }

/**********************wrapper elements*****************************/

#logo{ display: block; margin-left: 52px; float: left; margin-bottom: 24px; }
ul#about_links{ float: left; list-style-type: none; margin: 120px 0 0 17px; padding: 0; font: 1.1em arial, sans-serif; }
  ul#about_links li{ display: block; float: left; margin: 0 12px 0 0; padding: 0; text-transform: uppercase; background: transparent url(../images/pipe1.gif) right 1px no-repeat; }
    ul#about_links li a:link, ul#about_links li a:visited{ margin-right: 14px; color: #666; text-decoration: none; }
    ul#about_links li a:hover{ color: #fff; }

ul#services_links{ list-style-type: none; clear: both; margin: 0 0 15px 50px; padding: 0; text-transform: uppercase; font-family: arial, sans-serif; }
  ul#services_links li{ display: block; float: left; margin: 0 12px 0 0; padding: 0; text-transform: uppercase; background: transparent url(../images/pipe2.gif) right 1px no-repeat; }
    ul#services_links li#the_ant{ background: none; text-transform: none; margin-left: 60px; font: 2.1em georgia, serif; margin-top: -10px; }
      ul#services_links li#the_ant span{ font-size: .4em; }
    ul#services_links li a:link, ul#services_links li a:visited{ margin-right: 14px; color: #666; text-decoration: none; }
    ul#services_links li a:hover{ color: #fff; }

li#contact_defiant, li#event_promotion{ background: none !important; }
li.active a{ color: #fff !important; }

div#headerbottom{ background: transparent url(../images/headerbg.gif) bottom left no-repeat; height: 3px; clear: both; padding-top: 0px; margin: 0 0 0 48px; }

div#content{ margin: 10px 0 0 48px; max-width: 1085px; }

/******************end wrapper elements*****************************/

/*homepage styles*/
div#collage_top{ clear: both; background: transparent url(../images/collage_top.gif) top left no-repeat; height: 7px; margin: -10px 0 0 -48px; }
ul#homepage_collage{ margin: 0 0 0 -48px; padding: 0; list-style-type: none; min-width: 1103px; }
  ul#homepage_collage li{ margin: 0; padding: 0; float: left; }

/*contact*/
.contact{ margin: 0 auto; }
.contact h1{ position: relative; margin-bottom: 15px; }
  .contact h1 img.icon1{ position: absolute; left: 135px; top: 0px; }
  .contact h1 img.icon2{ position: absolute; left: 185px; top: 0px; }
  .contact h1 span{ clear: left; font: italic 0.8em georgia, serif; display: block; }
.contact input, .contact textarea{ background-color: #000; color: #ccc; border: 0; padding: 2px; }
ul#contact_card{ border-top: 1px dotted #666; border-bottom: 1px dotted #666; width: 480px; padding: 10px 0; margin: 10px 0 30px; list-style-type: none; font-size: 1.3em; }

label#question_lbl{ font-size: 1.8em; clear: both; display: block; text-transform: uppercase; }
textarea#question{ height: 90px; width: 480px; margin: 5px 0 15px; clear: both; display: block; overflow: auto; }

div.formblock{ width: 240px; float: left; }
  label#yourname_lbl, label#returnaddress_lbl{ font-size: 1.2em; margin-bottom: 5px; display: block; clear: both; text-transform: uppercase; }
  input#yourname, input#returnaddress{ width: 200px; padding: 5px; }
  input#returnaddress{ width: 232px; }

div#submit_contact{ margin-top: 20px; width: 480px; text-align: right; }
  div#submit_contact a{ color: #fff; font-size: 1.6em; text-decoration: none; margin-right: 20px; }

/*why defiant*/
.why_defiant{ background: transparent url(../images/why_graphic.gif) 0 0 no-repeat; padding-left: 300px; width: 475px; height: 754px; margin-top: -10px; }
  .why_defiant h1{ text-indent: -1000px; height: 86px; background: transparent url(../images/why_defiant.gif) 0 15px no-repeat; border-bottom: 1px dotted #666; padding-bottom: 10px; padding-top: 20px; }

/*about defiant*/
.about{ width: 520px; }
.about h1{ position: relative; margin-bottom: 15px; border-bottom: 1px dotted #666; padding-bottom: 10px; }
  .about h1 img.icon1{ position: absolute; left: 255px; top: 0px; }
  .about h1 img.icon2{ position: absolute; left: 305px; top: 0px; }
  .about h1 span{ clear: left; font: italic 0.8em georgia, serif; display: block; }

/*athletes*/
table.athlete{}
  table.athlete h2{ color: #fff; font-size: 2.4em; margin-bottom: -5px; line-height: .9em; }
  table.athlete h2 span{ font-size: 0.7em; }
  td.a1{ vertical-align: bottom; }
  td.a2{ vertical-align: bottom; padding-left: 10px; }
    td.a2 p{ line-height: 1.5em; }

div.icons{ position: relative; }
img#darcy_freeride{ position: absolute; top: 75px; left: 190px; }

/*sponsors*/
.sponsors{ width: 440px; margin-left: 340px; }
  .sponsors h1{ text-indent: -1000px; height: 70px; background: transparent url(../images/sponsors_title.gif) 0 0 no-repeat; margin: 20px 0 20px -7px; }

/*what we do*/
.what_do{ width: 440px; margin-left: 239px; }
  .what_do h1{ text-indent: -1000px; height: 74px; background: transparent url(../images/what_we_do_title.gif) 0 0 no-repeat; margin: 20px 0 10px -8px; }

/*event promotion*/
.event_promo{ width: 360px; margin-left: 521px; }
  .event_promo h1{ text-indent: -1000px; height: 75px; background: transparent url(../images/event_promotion.gif) 0 0 no-repeat; margin: 20px 0 10px -5px; }

/*prospective clients*/
.prospective_clients{ width: 440px; margin-left: 75px; }

/*the ant*/

#the_ant{ 
width: 300px;
float:left;
}

#blog_content {
	color: white;
	float:right;
	width: 450px;
	margin-top: 150px;
}

#container_main {
	width: 980px;
}

  #the_ant h1{ text-indent: -1000px; height: 59px; background: transparent url(../images/the_ant_title.gif) 0 0 no-repeat; margin: 20px 0; }
  
  #the_ant h2{ font-size: 1.8em; margin: -5px 0 20px 0; }
    #the_ant h2 span{ font-style: italic; font-size: 0.9em; }
    #the_ant h2 em{ font-weight: normal; font-size: .7em; font-style: italic; }
    
  #the_ant h3{ font-size: 1.5em; margin-bottom: 0; }
  
  #the_ant p{ text-align: justify; width: 300px; }
  
#the_ant_bg{ position: absolute; top: 483px; left: 340px; z-index:-5; margin: 10px;}