﻿/* Main Styles for TheAmaruGroup.com */

  * { margin: 0; padding: 0;}
  
  body { background: #fff url('../images/bg_body.gif') repeat-x 125px 0; text-align: left; color: #333; font: normal 0.9em/1.50em "lucida grande","lucida sans unicode",verdana,helvetica,sans-serif; z-index: 1;}
  h1 { font-size: 170% !important; line-height: 1.1em; margin-bottom: 20px;}
  h1.blurb-brand { position: relative; background: transparent url('../images/blurb_who_we_are.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 50px; width: 560px; position: relative; left: 290px; top: 50px;}
  h1.client-title, h2, h3 { border-bottom: 1px dotted #dadada; padding-bottom: 3px;}
  h2 { font-size: 130% !important; padding: 25px 0 5px; clear: both; border-bottom: 1px solid #333;}
  h3 { font-size: 90% !important;}
  p { padding-bottom: 7px; text-align: justify;}
  a { color: #c00; outline: 0;}
  ul { margin-top: 10px;}
  li, .box-checklist ul li ul li { list-style-type: none; padding: 0 0 5px 20px; background: transparent url('../images/bullet_arrow01.png') no-repeat 0px 6px;}

    #topnav { background: #dadada url('../images/bg_leftborder.gif') repeat-y 245px 0; font-size: 93%; line-height: 12px; border-bottom: 1px dotted #7f7262; padding: 10px 0; height: 21px; position: relative;}
    #topnav ul { margin: 0; padding: 0 0 0 282px; list-style:none; width: 100%;}
    #topnav li { background: none; margin: 0; padding: 0; display: inline;}
	#topnav li.divider { border-left: 2px solid #7f7262; padding-left: 5px;}
    #topnav a { float: left; padding:0 0 0 6px; text-decoration:none; font-weight: bold;}
    #topnav a span { float: left; display:block; padding:5px 15px 4px 6px; color:#fff; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topnav a span { float:none;}
    /* End IE5-Mac hack */
    #topnav a:hover span { color:#fff;}
    #topnav a:hover { }
    #topnav a:hover span { color: #000;}

    #topnav #current a { background: url("../images/navbar-left.gif") no-repeat left top; cursor: default;}
    #topnav #current a span { background:url("../images/navbar-right.gif") no-repeat right top; color: #fff; cursor: default;}
	
	#topnav, #footer { overflow-x: hidden;}

  #main-wrap { position: relative; z-index: 10; background: transparent url('../images/bg_leftborder.gif') repeat-y 245px 0;}
  #main-wrap.home #main { padding-top: 0;}
  #main-wrap.home #header { position: relative;}

  #header { position: absolute; height: 125px; background: transparent url('../images/bg_leftborder.gif') repeat-y 245px 0; z-index: 20;}
  #header img.logo_header { padding: 25px 0 0 50px; border: none; float: left;}
  #main { position: relative; clear: both; margin-left: 290px; width: 595px; overflow: auto; z-index: 30; padding: 50px 0 200px;}
  #aboutus #main, #thankyou #main { padding-bottom: 500px;}
  
  .box-checklist { padding: 10px 20px 10px 0; margin-bottom: 15px;}
  .box-checklist h2 { border-bottom: 1px dotted #999;}
  .box-checklist ul li /*, .box-clientpage ul li*/ { text-align: justify;}
  .box-checklist ul li { background-image: none; padding-left: 0;}
  .box-checklist ul li ul { margin: 5px 0 10px 15px;}
  .box-clientpage { float: left; width: 265px; margin: 0 0 50px 0; background-color: #fff;}
  .rightside { margin-left: 30px; width: 270px;}
  
  .wrap-clientpage { background-color: #fff; width: 565px; position: relative;}
  .box-clientpage a { position: relative; background: transparent url('../images/bullet_arrow01.png') no-repeat 0 50%; padding-left: 20px;}
  .box-clientpage h2 { font-size: 100% !important; padding-top: 15px; text-transform: uppercase; clear: both;}
  .box-clientpage img { border: 1px solid #dadada; margin-bottom: 5px;}
  .box-clientpage p { text-align: justify;}
  .box-clientpage ul li { background: transparent url('../images/bullet_arrow01.png') no-repeat 0em 0.45em;}
  .box-content { max-width: 260px; width: 45%; margin: 15px 20px 0 0; float: left;}
  .box-content img { border: 2px solid #444;}
  
  .box-contactus { clear: both; width: 565px; margin: 0 0 50px; background: #dadada url('../images/box-contactus-bot.gif') no-repeat left bottom;}
  .box-contactus h2 { color: #857867; font-size: 140% !important; border-bottom: none; background: transparent url('../images/box-contactus-top.gif') no-repeat left top; padding: 25px 0 5px 35px;}
  .box-contactus p { padding: 0 35px 25px;}
  
  .box-bios { margin-bottom: 15px;}

  #footer { background: #dadada url('../images/bg_leftborder.gif') repeat-y 245px 0; color: #343534; font-size: 90%; text-align: center; padding: 20px 0; clear: both; border-top: 1px dotted #7f7262;}
  #footer a { color: #c00;}
  #footer p { padding-left: 290px; line-height: 1.2em;}
  hr { margin: 25px 0; background-color: #ccc;}
  
  .clearfix { display: block;}
  
  
  /* Styles pertaining to the form on contact-us.php */
  #contact-us { font-size: 0.8em !important; width: 375px; color: #444;}
  #contact-us fieldset { border: none;}
  #contact-us label { display: block;}
  #contact-us legend { visibility: hidden;}
  #contact-us h2 { margin-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 2px; text-transform: uppercase; color: #860a00; font-size: 1.0em !important;}
  #contact-us input, #contact-us select { margin-bottom: 10px; width: 250px;}
  #contact-us textarea { width: 300px; margin-bottom: 10px; height: 100px;}
  #contact-us #submit { width: auto; padding: 5px 10px; background-color: #393939; border: none; color: #fff; font-weight: bold; display: block;}
  #contact-us input.checkboxes { margin: 0 5px; width: auto;}
  
  input:focus, textarea:focus { border: 2px solid #777; background-color: #ffe1e1;}
  
  .bold { font-weight: bold;}
  .note-lighter { font-size: 90% !important; color: #777;}
  
  .about-us-page h2 { color: #860a00; margin: 20px 0;}
  .about-us-page h3 { margin-bottom: 5px; text-transform: uppercase; border-bottom: none;}
  .about-us-page .box-bios { margin-bottom: 15px; clear: both;}
  .about-us-page .box-bios img { float: left; padding-right: 15px;}
  .about-us-page .box-bios p { font-size: 0.9em !important; text-align: justify;}
  
  
  #sitemap li, #sitemap ul li { }
  #sitemap li a { font-weight: bold;}
  #sitemap ul li { background-image: none; list-style-type: circle; padding-left: 5px; margin-left: 20px;}
  #sitemap ul li a { font-weight: normal;}