/*------------------------------------
	Fonts
------------------------------------*/
@font-face 
{
	font-family:"WeblySleek UI Light";
	src:url("../../resources/fonts/weblysleekuil.eot?") format("eot"),
	url("../../resources/fonts/weblysleekuil.woff") format("woff"),
	url("../../resources/fonts/weblysleekuil.ttf") format("truetype"),
	url("../../resources/fonts/weblysleekuil.svg#WeblySleekUILight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semilight";
	src:url("../../resources/fonts/weblysleekuisl.eot?") format("eot"),
	url("../../resources/fonts/weblysleekuisl.woff") format("woff"),
	url("../../resources/fonts/weblysleekuisl.ttf") format("truetype"),
	url("../../resources/fonts/weblysleekuisl.svg#WeblySleekUISemilight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semibold";
	src:url("../../resources/fonts/weblysleekuisb.eot?") format("eot"),
	url("../../resources/fonts/weblysleekuisb.woff") format("woff"),
	url("../../resources/fonts/weblysleekuisb.ttf") format("truetype"),
	url("../../resources/fonts/weblysleekuisb.svg#WeblySleekUISemibold") format("svg");
}
/*------------------------------------
	Layout
------------------------------------*/
*
{
	margin:0;
	padding:0;
	font-family:"WeblySleek UI Light", Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	border:0;
	color:#333333;
}
/*------------------------------------
	Columns and general framework
------------------------------------*/
.column-1200
{
	width:1200px;
	margin:0 auto;
}
.column-900, .column-800, .column-600, .column-400, .column-300
{
	float:left;
}
.column-900{width:900px;}
.column-800{width:800px;}
.column-600{width:600px;}
.column-400{width:400px;}
.column-300{width:300px;}

.column-half{float:left; width: 50%}

.clear
{
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
.left{float:left}
.right{float:right}

.spacer{display:block; height:0.8em}
.spacer-2x{display:block; height:1.6em}
.spacer-3x{display:block; height:2.4em}

.padding{padding:0.8em}
.padding-offset{padding-left:0.8em; padding-right:0.8em}
.padding-offset-half{padding-left:0.4em; padding-right:0.4em}
.padding-top-bottom{padding-top:0.8em; padding-bottom:0.8em}
.padding-top{padding-top:0.8em}
.padding-right{padding-right:0.8em}
.padding-bottom{padding-bottom:0.8em}
.padding-left{padding-left:0.8em}
.padding-top-0{padding-top:0}
.padding-right-0{padding-right:0}
.padding-bottom-0{padding-bottom:0}
.padding-left-0{padding-left:0}

.margin-top-0{margin-top:0}
.margin-right-0{margin-right:0}
.margin-bottom-0{margin-bottom:0}
.margin-left-0{margin-left:0}

.inline{display:inline}
.block{display:block}
.inline-block{display:inline-block}

.img-full-width
{
	width:100%;
	height:auto;
}

ul, ol, dl, p, table
{
	margin-bottom:0.8em;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}

/* General Assets*/
.tiny{font-size:0.6em}
.small{font-size:0.8em}
.medium{font-size:1.5em}
.large{font-size:2em}
.extra-large{font-size:3em}

.normal, .light{font-family:"WeblySleek UI Light", Tahoma, Arial, Helvetica, sans-serif;}
.semilight{font-family:"WeblySleek UI Semilight", Tahoma, Arial, Helvetica, sans-serif;}
.bold{font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif;}
.center{text-align:center}
.capitalize{text-transform:uppercase}

.link{text-decoration:none; padding: 0.4em 0.8em}
.link:hover, .link:active{text-decoration:underline}

.white{color:#FFF}
.blue{color:#0098DA}
.green{color:#00CB00}
.dark-green{color: #1E5E3D}
.red{color:#D81F2A}

.white-bg{background:#FFF}
.light-gray-bg{background:#E2E2E2}
.blue-bg{background:#0098DA}
.green-bg{background:#00CB00}
.dark-green-bg{background-color: #1E5E3D}
.red-bg{background:#D81F2A}

/* misc */
.hr
{
	display: block;
	border-top: 1px solid #BDBEC0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.img-full-width
{
	width: 100%;
	height: auto;
}


/*------------------------------------
	Media Queries
------------------------------------*/
@media screen and (max-width: 1200px)
{
	.column-1200{width:96%}
	.column-900{width:75%;}
	.column-800{width:66%;}
	.column-600{width:50%;}
	.column-400{width:33%;}
	.column-300{width:25%;}
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
	.column-900, .column-800, .column-600, .column-400, .column-300
	{
		float:none;
		width:100%;
	}
}

@media screen and (max-width: 768px)
{
	.header-cta-txt
	{
		display: none;
	}
}

@media screen and (max-width: 480px)
{
	.column-half{float:none; width: 100%}
}