/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

body {
    font-size: 12px;
    line-height: 1.5em;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    font-family: arial, verdana, serif;
    background: #1F1F1F;
    color: #3f2f22;
    text-align: left;
}
p { padding: 10px; margin: 0; }
span { color: #015D8C; }
em { color: #770000; text-decoration: none; }

.btn { 		font-size: 12px;
		padding: 3px 6px; margin: 4px 5px 2px;
		cursor: pointer;
		border: 2px solid #999;
		color: #666;
		text-transform: uppercase;
		background: #f9f9f9; }
		
#footer { background: #fff;; }

.large { font-size: 18px; }

/* Language Buttons
----------------------------------------------------------------------------------------------------*/

#language ul {
        list-style: none;
        padding: 0 0 0 4px; margin: 0; }
#language ul li { float: left; }
#language ul li a {
            float: left;
	    text-align: center;
	    font-size: 16px;
            text-decoration: none;
            padding: 10px 20px;
	    margin: 0 10px;
	    width: 115px;
            font-weight: bold;
            color: #fff;
	    border: 2px solid #D2AD2E;
	    background: #81A140; }
	    
#language ul li a:hover { background: #015D8C; }


/* Containers
----------------------------------------------------------------------------------------------------*/

#container { background: #fff;
	     width: 900px;
	     margin: 25px auto; }

.container_2 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	width: 890px; }

#main { width: 948px;
	padding: 10px 50px; }

/* Header
----------------------------------------------------------------------------------------------------*/

#header { background: url('../images/build/header.jpg') repeat-y;
	  height: 182px; }
	  
/* H-Tags
----------------------------------------------------------------------------------------------------*/
	  
h1 { 	color: #81a140;
	font-size: 250%;
	font-weight: bold;
	font-family: Sans Serif;
	text-transform: uppercase; }
	
h3 { 	color: #81a140;
	font-size: 140%;
	font-weight: bold;
	font-family: Sans Serif;}
	
	  
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1_q {
	display:inline;
	float: left;
	margin-left: 0px;
	margin-right: 2px;
}

.grid_1 {
	display:inline;
	float: left;
	margin-left: 0px;
	margin-right: 2px;
}

#quick { 	border: 1px solid #d2ad2e;
		height: 300px;
		width: 735px;
		padding: 8px 25px;
		margin: 10px 0;
		background-color: #ffedb0;}

#validation { 	border: 1px solid #d2ad2e;
		height: 130px;
		width: 735px;
		padding: 8px 25px;
		margin: 10px 0;
		background-color: #ffedb0;}

#advanced { 	border: 1px solid #d2ad2e;
		height: 550px;
		width: 735px;
		padding: 8px 25px;
		background-color: #fff;}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 {
	width:365px;
}

.grid_1_q {
	width:365px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}