/*
	Name: Front End Development
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled Limited
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/* Importing Styles */
@import url("sIFR-screen.css") screen;
@import url("sIFR-print.css") print;

/***** Global *****/
	/* Reset */
		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;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 81.25%; /* 100% = 16px */
    color: #1d1d1d;
    background: #0c0c0c;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
    margin: 0;
    padding: 0 0 64px 0
	}

/* Headers */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	
	a:link, a:visited {
    font-family: 'trebuchet ms', helvetica, tahoma, sans-serif;
    font-weight: bold;
    color: #292929;
    text-decoration: underline
	}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
    margin-bottom: 1.3em;
    line-height: 1.3;
    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
  ul {
    margin: 1em 0 1.5em 1.5em;
    line-height: 1.5;
    list-style: inside disc
  }

  ol {
    margin: 1em 0 1.5em 1.5em;
    line-height: 1.5;
    list-style: inside decimal
  }

/***** Layout *****/
/* Logo */
#logo {
  margin: 54px auto 0 auto;
  padding: 0;
  width: 840px;
  height: 98px;
  line-height: 98px;
  font-size: 169.23%
}

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

/* About Us */
#about {
  background: #ededed url('../images/about-bg.png') repeat-x bottom left;
  border-top: 3px solid #d4d4d4;
  border-bottom: 2px solid #c8c7c7;
  padding: 30px 20px 15px 30px;
  margin: 0 auto;
  width: 790px;
  color: #242424;
  font-size: 107.69%
}

#about h2 {
  font-size: 121.42%;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: underline;
  color: #242424
}

/* Body */
#body {
  background: #fff url('../images/content-bg.png') repeat-x top left;
  width: 840px;
  margin: 0 auto;
  overflow: hidden
}

  /* Services List */
  #services-list {
    margin: 25px 0 25px 30px !important;
    margin: 25px 0 0 12px;
    float: left;
    display: inline;
    width: 350px
  }
  
  #services-list ul {
    margin: 0;
    padding: 0;
    list-style: none
  }
  
  #services-list li {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    display: block;
    overflow: hidden;
    height: 1%;
    border-bottom: 2px dashed #f1f1f1
  }
  
  #services-list h3 {
    font-size: 107.69%;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin-bottom: 12px
  }
  
  #services-list h3 strong {
    color: #fff;
    background: #75b900;
    display: block;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    width: auto;
    position: absolute;
    right: 0;
    top: 0
  }
  
  #services-list p {margin: 0}
  
  span.discount {
    float: right;
    display: block;
    width: 250px;
    text-align: right;
    font-size: 84.61%
  }
  
  /* Contact Us */
  #contact-us {
    width: 440px;
    float: right;
    background: #e4e4e4 url('../images/contact-us-bg.png') no-repeat bottom left;
    padding: 0 0 20px 0;
    margin: 0 0 5px 0
  }
  
  #contact-us h2 {
    width: 390px;
    display: block;
    height: 33px;
    font-weight: bold;
    color: #242424;
    padding: 20px 25px 0 25px;
    border-bottom: 2px solid #dadada;
    background: #efefef url('../images/contact-legend-bg.png') repeat-x top left;
    font-family: 'times new roman', arial, serif;
    text-transform: uppercase;
    font-size: 138.46%;
    border-left: 1px solid #e4e4e4
  }
  
  #contact-us fieldset {
    padding: 25px 25px 5px 25px;
    border-left: 1px solid #d4d4d4
  }
  
  #contact-us label {
    display: block;
    margin-bottom: 5px
  }
  
  #contact-us label a {cursor: pointer}
  
  #contact-us span {float: left; margin: 3px 0 5px 0}
  #contact-us span label {display: inline}
  
  #contact-us label span {float: none; margin: 0 0 0 .5em; color: #880000; font-weight: bold; font-family: 'trebuchet ms', tahoma, arial, serif}
  
  #contact-us span a:link, #contact-us span a:visited {
    color: #619900;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    margin: .1em
  }
  
  #contact-us input.file {
    margin-bottom: 15px;
    width: 239px
  }
  #contact-us input.text, #contact-us textarea {
    border-top: 2px solid #bfbfbf;
    border-left: 2px solid #bfbfbf;
    border-right: 0;
    border-bottom: 0;
    width: 239px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
    font-size: 100%;
    padding: 2px;
    margin: 0 0 15px 0
  }
  
  #contact-us input.error, #contact-us textarea.error {background: #ff9696; border-color: #bf6f6f}
  
  #contact-us textarea {width: 385px; margin-bottom: 18px !important; margin-bottom: 0}
  #contact-us input.button {float: right; margin: -15px 0 10px 0}
  
  #contact-us .success {padding: 15px 25px 5px 25px; border-left: 1px solid #d4d4d4}
  #contact-us .success p {line-height: 2}

/* Footer */
#footer {
  width: 840px;
  margin: 0 auto;
  background: #1a1a1a url('../images/footer-background.png') repeat-x 0 54px;
  padding: 0;
  color: #acacac;
  font-size: 107.69%;
  overflow: hidden
}

#footer a:link, #footer a:visited {color: #bbb}

#testimonials, #faq {min-height: 368px; height: auto !important; height: 368px}

#testimonials h2, #faq h2 {
  font-size: 107.69%;
  font-family: 'trebuchet ms', helvetica, tahoma, sans-serif;
  font-weight: bold;
  height: 54px;
  line-height: 54px;
  border-bottom: 3px solid #1e1e1e;
  padding: 0 30px;
  margin: 0;
  color: #fff;
  background: #161616 url('../images/footer-headers-bg.png') repeat-x bottom left
}

  /* Testimonials */
  #testimonials {
    width: 420px;
    float: left;
    margin: 0;
    padding: 0 0 25px 0
  }
  
  #testimonials ul {
    margin: 30px;
    padding: 0;
    list-style: none
  }
  
  #testimonials li {display: block; padding: 15px 0}
  
  #testimonials .client:link, #testimonials .client:visited {
    padding: 10px 12px;
    background: #2b2b2b;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
    color: #fff;
    text-decoration: none
  }
  
  #testimonials .client:hover, #testimonials .client:active {background: #689e0c; text-decoration: none}
  
  #testimonials .client cite {margin: 0; padding: 0; font-style: normal}
  
  #testimonials blockquote {
    margin: 20px 0 0 0;
    padding: 0;
    color: #acacac
  }
  
  /* FAQ */
  #faq {
    width: 420px;
    float: left;
    margin: 0;
    padding: 0 0 25px 0
  }
  
  #faq dl {
    margin: 40px 30px 30px 30px;
    padding: 0;
    list-style: none
  }
  
  #faq dt {padding-bottom: 10px}
  
  #faq dt span {
    display: block;
    line-height: 1.2;
    padding-left: 28px;
    background: url('../images/icons/question.gif') no-repeat 5px 1px;
    cursor: pointer
  }
  
  #faq dt span:hover, #faq dt .expanded {
    background: url('../images/icons/question.gif') no-repeat 5px -33px;
    color: #94d623;
    text-decoration: none
  }
  
  #faq dd {border-bottom: 2px dashed #2c2c2c; margin-bottom: 15px; padding-bottom: 8px}
  
  #faq dd .answer {
    padding: 5px 28px 5px 28px;
    font-size: 13px;
    color: #acacac
  }
  
  #faq dd .answer .back-to-top {padding-bottom: .7em; display: block; text-align: right; padding-right: .2em}
  
  #faq dd p {margin-bottom: 10px}
  
  /* Copyright */
  #copyright {
    margin: 0;
    padding: 0 25px 15px 25px;
    clear: both;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
    font-size: 92.85%;
    color: #585858;
    text-align: right;
    background: #1a1a1a url('../images/footer-border.gif') no-repeat bottom left;
  }
  #copyright a{float:left}
  
  #copyright img {float: left}
  #copyright span {float: right}
  
  #footerlinks {margin: 0pt auto; width: 840px;}
  #footerlinks ul {float: right; list-style-type:none;}
  #footerlinks ul li {float: left; padding-right: 5px}
  #footerlinks ul li a {color:#585858;}
  .clear {clear: both}