/* CSS for Aginko Template
/* Author: Syracus
/* Contact: info@syracus.com
/* Version: 1.0
/* Date: 12/21/2009

/* STANDARDS */
body {
  background: #e3e3e5 url("../images/background.gif") repeat-x;
  color: #1b1b1b;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}

h2 {
  color: #bf2010;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  text-transform: uppercase;
}

div.clear {
  clear: both;
}


/* ID DETAILS */

div#page {
  background-color: #bfbfbf;
  margin: 21px auto 15px auto;
  padding: 0px;
  width: 900px;
}

div#topnav {
  width: 900px;
  margin: 0px;
  padding: 0px;
}
  div#topnav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
  }
    div#topnav li {
      float: left;
      margin: 0px;
      padding: 0px;
      width: 180px;
    }
    div#topnav ul a {
      display: block;
      height: 44px;
      margin: 0px;      
      padding: 0px;
      width: 180px;
    }
      div#topnav ul a.button-home {
        background-image: url("../images/home.gif");
      }
      div#topnav ul a.button-home:hover {
        background-position: 0px -44px;
      }
      div#topnav ul a.button-homeactive {
        background-image: url("../images/home.gif");
        background-position: 0px -88px;
      }
      div#topnav ul a.button-about {
        background-image: url("../images/about.gif");
      }
      div#topnav ul a.button-about:hover {
        background-position: 0px -44px;
      }
      div#topnav ul a.button-aboutactive {
        background-image: url("../images/about.gif");
        background-position: 0px -88px;
      }
      div#topnav ul a.button-services {
        background-image: url("../images/services.gif");
      }
      div#topnav ul a.button-services:hover {
        background-position: 0px -44px;
      }
      div#topnav ul a.button-servicesactive {
        background-image: url("../images/services.gif");
        background-position: 0px -88px;
      }
      div#topnav ul a.button-news {
        background-image: url("../images/news.gif");
      }
      div#topnav ul a.button-news:hover {
        background-position: 0px -44px;
      }
      div#topnav ul a.button-newsactive {
        background-image: url("../images/news.gif");
        background-position: 0px -88px;
      }
      div#topnav ul a.button-contact {
        background-image: url("../images/contact.gif");
      }
      div#topnav ul a.button-contact:hover {
        background-position: 0px -44px;
      }
      div#topnav ul a.button-contactactive {
        background-image: url("../images/contact.gif");
        background-position: 0px -88px;
      }

div#header {
  height: 350px;
  width: 900px;
}

div#main {
  margin: 0px;
  padding: 0px;
}

div#sidebar {
  float: left;
  padding: 0px;
  width: 271px;
}

div.menu {
  margin: 0px;
  padding: 30px 60px 0px 60px;
  width: 151px;
}
  div.menu ul {
    color: #ffffff;
    font-size: 16px;
    list-style-type: none;
    margin: 0px 0px 90px 0px;
    padding: 0px;
    text-transform: uppercase;
  }
  div.menu li {
    color: #ffffff;
    font-family: "Trebuchet MS", Arial, sans-serif;
    margin-bottom: 15px;
  }
  div.menu li.active a {
    color: #bf2010;
  }
  div.menu a {
    color: #ffffff;
    text-decoration: none;
    text-shadow: #999999 1px 1px 4px;    
  }

div.contactbox {
  background-color: #bfbfbf;
  color: #ffffff:
  margin: 0px;
  padding-left: 30px;
  text-align: left;
  width: 200px;
}
  div.contactbox h3 {
    color: #ffffff;
  }
  div.contactbox-text {
    background: #bfbfbf url("../images/phone.gif") no-repeat;
  }
  div.contactbox-text p {
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.1em;
    margin: 0px 0px 2px 36px;
    padding: 0px;
  }

div#content {
  background-color: #ffffff;
  float: right;
  min-height: 500px;
  padding: 3px 90px 60px 90px;
  width: 449px;
}
  div#content p {
    line-height: 1.8em;
    text-align: justify;
  }
  
div.contact-left {
  float: left;
  margin: 0px;
  padding: 5px 0px 10px 0px;
  width: 100px;
}

div.contact-right {
  float: right;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  width: 349px;
}

label {
	font-family: Helvetica, Arial, sans-serif;
}

input {
  border: 1px solid #CCCCCC;
  background-color: #f6f6f6;
	font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #1b1b1b;
  padding: 4px;
}
  input:hover {
    background-color: #ffffff;
  }
  input.submit {
    padding: 6px 30px 6px 30px;
  }

textarea {
  border: 1px solid #CCCCCC;
  background-color: #f6f6f6;
	font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #1b1b1b;
  padding: 4px;
  width: 339px;
}
  textarea:hover {
    background-color: #ffffff;
  }

input.required, textarea.required{
  background-color: #fbe6db;
}

  input.required:hover, textarea.required:hover {
    background-color: #ffffff;
  }

span.validation-error {
  color: #bf2010;
}


div#bottomwrapper {
  background: #e3e3e5 url("../images/bottomwrapper.gif") no-repeat;
  clear:both;
  height: 15px;
}

div#footer {
  color: #909090;
  background-color: #e3e3e5;
  margin: 0px;
  padding: 12px;
  text-align: center;
  width: 900px;
}

div#footer a {
  color: #909090;
}