@charset "utf-8";

/*!
 -------------------------------------------------------
 * Style Flair (front end design pie) v.1.0
 * A F.O.S - Full Of Spices(TM) Production
 * Copyright 2010, Igga Elia
 * http://www.depixa.com/sf/
 * elflaire@gmail.com
 * Dual licensed under the MIT or GPL Version 2 licenses
 * Date: Tue 07th/Dec/2010 11:00AM (GMT+3) 
 * Enjoy this pie!
 --------------------------------------------------------
 */
 
 /* Global stylesheet for all page element reset and default styles
  * Usage: place the line below under the head section of your (X)HTML document
  * <link href="css/global.css" rel="stylesheet" type="text/css" media="screen" />
  --------------------------------------------------------------------------------
  */
 
 
 /* Imported Stylesheets
  * Note: Importing many stylesheets may slow down the page loading process
  * Use it for small sized css files and sparingly please
  -----------------------------------------------------------------------------
  */

 @import url("elements.css");
 @import url("custom.css");
 @import url("layout.css");
 @import url("advanced.css");
 
 /* General page reset
  * body, html and universal reset
  * Note: For Typography / Text scaling, using fexible units such as em and %, or keywords like small, medium, and large, 
  * allows users to easily resize the text to their preference. // Good accessibility practices see (WCAG 2.0)
  ---------------------------------------------------------------------------------------------------------------
  */
   
  * { margin:0; padding:0; }
  html {font-size:100.01%;}
 body { text-align:left; font-family:Arial, Helvetica, sans-serif; background-color: #fff; font-size:83.00%;}
  
  /* Page elements formating 
   * Note: Form elements left out for some reasons
   * They therefore they take on the universal reset and can be custom styled
   * Example demos in elements.css
   ------------------------------------------------------------------------------- */
   

   p { line-height:1.5em; margin:0 0 1em 0; }
  blockquote, cite, q { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
  q:before, q:after, blockquote:before, blockquote:after {content: "";}
  blockquote { margin:0 0 1em 1.6em; color:#666; }
  strong,b { font-weight:bold; }
  em,i { font-style:italic; }
  big { font-size:116.667%; }
  small { font-size:91.667%; }
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }
  acronym, abbr { border-bottom:1px #aaa dotted; font-variant:small-caps; letter-spacing:.07em; cursor:help;}
  sub, sup { font-size:91.6667%; line-height:0; }
  hr {color:#fff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid;}
  table {border-collapse: collapse; border-spacing: 0;}
  td, th{line-height:1.5em;}
 
 /* All Headings
  ------------------------------------------------------------------------
*/

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin:0 0 0.25em 0;}
  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
                   /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */
  
   h4 {  
  color:#FFFFFF;
	font-size:14px;
	background-image: url(../images/wl.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Arial;
	-moz-border-radius:9px;
	padding-right: 5px;
	}
  /* Lists
   ----------------------------------------------------------------------------
  */

  ul, ol, dl {
	line-height:1em;
}
  ul { list-style-type:none; }
  ul ul { list-style-type:none; margin-bottom:0; }
  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }
  ol li { list-style-type:lower-latin; margin-bottom:1em; list-style:decimal; list-style-position:inside; }
  li {
	line-height:1.5em;
}
  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }
  
   /* All Links 
    ----------------------------------------------------------------------------
   */

  a, a:link, a:visited, a:active {
	text-decoration:none;
	outline: none;
	color: #000000;
	}
	a:hover {
	color:#e20e13;
}
  :-moz-any-link:focus, div { outline:none; }
  img, img a, a img{border:none; outline:none; background:none;}
  a#skip_navigation { position: absolute; left: -99999px;}
  a#skip_navigation:focus, a#skip_navigation:active { left: 0; top: 0; }
  
 /* a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }*/
 /* Note: Most browsers handle focus with a dotted or glowing outline that allows users 
  * to easily navigate a page with their keyboard, it should therefore be styled with care
  * Can cause unwanted issues in Opera and Firefox
  ----------------------------------------------------------------------------------------
 */
 
 /* Additional base styles
  * These apply to when needed
  -------------------------------------------------------------------------------------------------
  */
  
  .txt_indent{ text-indent:10px;}
  .txt_shadow_down{text-shadow: 0 1px 0 #fff;}
  .txt_shadow_up{text-shadow: 0 -1px 0 #000;}
  .hidden_element{ font-size: 0; line-height: 0; overflow:hidden; text-indent:-99999px;}
  .hidden_element2{ position:absolute; left:-99999px;}
  .nowrap { white-space: pre;}
  .push_down{ margin-top:10px;}
  .expand{ padding:10px 0;}