/* 
*
* Easy front-end framework
*
* Copyright (c) 2011 Alen Grakalic
* http://easyframework.com/license.php
*
* supported by Templatica (http://templatica.com)
* and Css Globe (http://cssglobe.com)
*
*/
/*

for more info about the strucure of this file 
please read http://easyframework.com/documentation.php

*/
/* HTML elements  */
/* //  HTML elements */
/* common */
.left {
  float: left;
  margin-right: 1em; }

.right {
  float: right;
  margin-left: 1em; }

.center {
  text-align: center; }

.clear {
  clear: both; }

.block {
  display: block;
  clear: both; }

.first {
  margin-left: 0 !important; }

.last {
  margin-right: 0 !important; }

.top {
  margin-top: 0 !important; }

.bottom {
  margin-bottom: 0 !important; }

.hidden, .print {
  display: none; }

.graphic {
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  text-indent: -8000px; }

/* // common */
/* base */
/* layout */
#container, .inner {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  position: relative; }

#header {
  position: relative; }

#footer {
  position: relative;
  clear: both; }

#column-3 {
  width: 297px;
  padding-left: 10px; }

.content {
  clear: both;
  width: 960px;
  margin: auto;
  min-height: 600px; }

.principal, .secondary, .tertiary, .quaternary {
  float: left;
  display: inline; }

.principal {
  padding: 5px; }

.secondary {
  width: 325px;
  padding: 5px; }

/* percentage based grid */
/* 
	class name .cols used for column containers
	class name .col used for individual columns
*/
.cols {
  margin-bottom: 1.5em;
  overflow: hidden; }

/* main column container class */
.col, .col2, .col3, .col4, .col5 {
  float: left;
  display: inline; }

.col {
  width: 50%; }

/* 2 equal width columns - default */
.cols3 .col {
  width: 32%; }

/* 3 equal width columns */
.cols4 .col {
  width: 23.5%; }

/* 4 equal width columns */
.cols5 .col {
  width: 18.4%; }

/* 5 equal width columns */
.cols6 .col {
  width: 15%; }

/* 6 equal width columns */
/* double width columns */
.cols3 .col2 {
  width: 66%; }

.cols4 .col2 {
  width: 49%; }

.cols5 .col2 {
  width: 38.8%; }

.cols6 .col2 {
  width: 32%; }

/* triple width columns */
.cols4 .col3 {
  width: 74.5%; }

.cols5 .col3 {
  width: 59.2%; }

.cols6 .col3 {
  width: 49%; }

/* quadruple width columns */
.cols5 .col4 {
  width: 79.6%; }

.cols6 .col4 {
  width: 66%; }

/* quintuple width columns */
.cols6 .col5 {
  width: 83%; }

/* percentage based grid */
/* // layout */
/* clearfix (use class name "block") */
.inner:after, .content:after, .cols:after, .block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.inner, .content, .cols, .block {
  display: block;
  min-height: 1%; }

* html .inner, * html .content, * html .cols, * html .block {
  height: 1%; }

/* // clearfix */
/* easy elements */
#easy_tooltip {
  border: 1px solid #e1e1e1;
  padding: 2px 10px;
  background: #f5f5f5; }

/* extra element */
#easy_popup {
  /* popup overlay */
  background: #000; }

#easy_popup_preloader {
  /* popup preloader */
  padding: 10px;
  background: #fff;
  color: #333; }

#easy_popup_content {
  /* popup window */
  padding: 10px;
  background: #fff;
  color: #333; }

#easy_popup_content .caption {
  padding-top: 10px; }

#easy_popup_close {
  /* popup close button */
  position: absolute;
  float: left;
  left: 0;
  top: -24px;
  color: #fff;
  cursor: pointer; }

#easy_popup_gallery {
  /* popup gallery navigation */
  position: absolute;
  float: left;
  left: 0;
  bottom: -24px;
  color: #fff;
  cursor: pointer; }

#easy_popup_prev {
  margin-right: 5px; }

#easy_popup_counter {
  /* popup gallery counter */
  position: absolute;
  float: left;
  right: 0;
  bottom: -24px;
  color: #fff;
  cursor: pointer; }

/* // easy elements */