/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
	font-family:'Source Sans Pro', sans-serif;
	line-height:1.6;
	color:#333;
	font-size:14px;
}
p{
	margin-bottom:20px;	
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav, ol, ul, li {
    list-style:none;
}
ul, ol{
	margin:15px;	
}
li{
	padding-bottom:5px;
	list-style:disc;
	margin-left:15px;
}
ol li{
	list-style:decimal;	
}

blockquote, q {
    quotes:none;
	padding-left:10px;
	border-left:4px solid #5ba32f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	 color:#5ba32f;
}
a:hover{
	text-decoration:underline;	
}

h1{font-size:36px; font-weight:200; margin:10px 0; }
h2{font-size:28px; font-weight:200; margin:10px 0; }
h3{font-size:24px; font-weight:200; margin:10px 0; }
h4{font-size:20px; font-weight:200; margin:10px 0; }
h5{font-size:16px; font-weight:200; margin:10px 0; }
h6{font-size:11px; font-weight:200; margin:10px 0; }

.green{color:#5ba32f;}
.grey{color:#333;}
.white{color:#fff;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, textarea {
    vertical-align:middle;
}

/* Grid
----------------------------------------------------------------------------------------------------*/
.container { width: 100%; margin: auto; position:relative; clear:both;}
.container_fixed { width: 960px; margin: auto; position:relative; clear:both;}

.column , .columns{margin-left:10px; margin-right:10px; display:inline; position:relative; float:left;}

.one	{width:60px;}
.two	{width:140px;}
.three	{width:220px;}
.four	{width:300px;}
.five	{width:380px;}
.six	{width:460px;}
.seven	{width:540px;}
.eight	{width:620px;}
.nine	{width:700px;}
.ten	{width:780px;}
.eleven	{width:860px;}
.twleve	{width:940px;}

.split_into_two{width:46%; margin-right:3%; float:left;}


.fr{
	float:right !important;	
}
.fl{
	float:left !important;
}
.clear{
	clear:both;	
}

::-webkit-input-placeholder {
   color:#999;
   font-size:16px;
   font-style:italic;
}

:-moz-placeholder { /* Firefox 18- */
   color:#999;
   font-size:16px;
   font-style:italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#999;
   font-size:16px;
   font-style:italic;
}

:-ms-input-placeholder {  
   color:#999;
   font-size:16px;
   font-style:italic;
}


/* #Font-Face

================================================== */

/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */