/* 
*
* Easy front-end framework
*
* Copyright (c) 2009 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  */		

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1.2em;
		}	
	h1{font-size:2em;margin:0 0 .4em 0; letter-spacing: -.03em;color:#111;}	
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
	h3{color:#003a61; font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
	h4{color:#005f9f; font-size:1em;font-weight:bold; margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	h2 a small,
	h3 a small {
		display:block;
		color:#999;
		font-size:11px;
	}
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print, .feed img{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */			

/* base */
	
	body, table, input, textarea, select, li, button{
		font:1em Helvetica, Arial, Sans-Serif;
		line-height:1.5em;
		color:#333;
		}		
	body{
		font-size:12px;
		margin:0;
		padding:0;
		text-align:center;
		background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/body-bg.gif) repeat-x #ebeef0;
		}	
	a, a:visited{
		text-decoration:none;
		color:#005f9f;
		}
	a:hover{color:#003a61;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin:0 2em 1.5em 2em;
		background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/blockquote.png) repeat-x bottom left #f6f7f9;
		display:block;
		padding:10px;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
	button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	.notvalid{border:1px solid #900 !important;}
	
	.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
	.boxout{
		border:1px solid #CCCCCC;
		border-bottom-color:#777;
		background-color:#f8f8f8;
		float:right;
		margin-bottom:0.5em;
		margin-left:2em;
		padding:1em 1.5em;
		width:25%;
		}
	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		}
	div.hr {
			clear:both;
			height:15px;
			margin-bottom:15px;
			line-height:1px;
			border-bottom:solid 1px #ccc;
		}
/* base */

/* layout */

	.container{	
		margin:0 auto;
		width:960px;
		text-align:left;
		position:relative;
		}
	.inner{
		position:relative;
		}
	#header{
		position:relative;
		}	
	#footer{
		position:relative;
		clear:both;
		}	
		
	.content{
		clear:both;
		background-color:#fff;
		}
	.main, .secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
	.main{
		float:right;
		width:690px;
		margin-top:15px;
	}
	.secondary{
		float:left;
		margin-top:10px;
		width:242px;
		background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/leftcol-bg.png) top right repeat-y;
	}
	.tertiary{}
	.quaternary{}
	
	#main-img {
		background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/home-main.jpg) top center no-repeat #fff;
		padding-bottom:15px;
	}
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:24%;margin-left:1%;} /* 4 equal width columns layout */
		
		* html .cols4 .col {margin-left:9px;}
		.col .inner {
			padding:0 3% 0 0;
		}
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */	

/* // layout */

/* navigation */
#nav {
	height:31px;
	width:972px;
	margin:auto;
	position:absolute;
	bottom:0;
	left:-6px;
	z-index: 9999;
}
* html #nav {
	width:975px;
	bottom:-1px;
}
#nav a {
	float:left;
	height:100%;
}
#nav a img {
	height:100%;
	float:left;
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/nav.png) no-repeat;
}
#nav a.a img {background-position: 0px 0px;width: 201px;}
#nav a.b img {background-position: -201px 0px;width: 156px;}
#nav a.c img {background-position: -357px 0px;width: 173px;}
#nav a.d img {background-position: -530px 0px;width: 184px;}
#nav a.e img {background-position: -714px 0px;width: 258px;}

#nav a.a:hover img {background-position: 0px -31px;}
#nav a.b:hover img {background-position: -201px -31px;}
#nav a.c:hover img {background-position: -357px -31px;}
#nav a.d:hover img {background-position: -530px -31px;}
#nav a.e:hover img {background-position: -714px -31px;}

#nav a.a img.current {background-position: 0px -62px;}
#nav a.b img.current {background-position: -201px -62px;}
#nav a.c img.current {background-position: -357px -62px;}
#nav a.d img.current {background-position: -530px -62px;}
#nav a.e img.current {background-position: -714px -62px;}
	
.section {
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/section-arrow.png) no-repeat;
	height:40px;
	line-height:40px;
	width:257px;
	color:#fff;
	position:relative;
	margin-bottom:5px;
	font-size:21px;
}	
.section span {padding-left:10px;}
.subnav {
	list-style:none;
	margin:0;
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/leftcol-seperator.png) bottom right repeat-x;
	padding-bottom:10px;
	margin-bottom:8px;
}	
.subnav li {
	padding:3px 3px 3px 10px;
	margin:0;
}
.subnav a {color:#797c80;}
.subnav a:hover {color:#111;}

.subnav li.current {background:#efefef;}
.subnav li.current a{color:#666; font-weight:bold}
/* //navigation */

/* header */
#utilnav {
	height:33px;
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/header-bg.png) no-repeat 100% 0;
	overflow:hidden;
}
#social-btns {
	position:absolute;
	right:0;
	top:5px;
	height:23px;
}
#social-btns li {
	margin:0 0 0 12px;
	float:right;
	display:inline;
	height:23px;
}
#social-btns a {
	display:block;
	height:23px;
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/social-btns.png) no-repeat;
}
#social-btns a.fb{background-position:-83px 0;width:86px;}
#social-btns a.tw{background-position:0 0;width:71px;}
#social-btns a.li{background-position:-178px 0;width:84px;}
#social-btns a.fb:hover{background-position:-83px -24px;}
#social-btns a.tw:hover{background-position:0 -24px;}
#social-btns a.li:hover{background-position:-178px -24px;}

#header {
	height:137px;
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/header-bg.png) no-repeat 100% -33px;
	position:relative;
}
#logo {margin:22px 0 0 3px;}
#signup {
	position:absolute;
	right:5px;
	top:40px;
	width:210px;
	height:25px;
}
#signup .field {
	width:198px;
	border:none;
	background:none;
	color:#eee;
	line-height:25px;
	padding-top:9px;
	font-size:11px;

}
#signup .submit {
	float:right;
	margin:8px 0 0 0;
}

/* // header */
	
/* content */

#welcome {
	width:580px;
	height:272px;
	margin-left:380px;
	position:relative;
}
#welcome h1 {
	padding-top:20px;
	color:#fff;
	font-size:34px;
	margin:0;
}
#welcome h2 {
	color:#005f9f;
	font-size:22px;
	line-height:24px;
}
#action-btn	{
	position:absolute;
	left:-11px;
	top:120px;
	height:67px;
	width:191px;
	text-indent: -99999px;
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/action-btn.png) no-repeat top center;
}
#action-btn:hover {background-position: center bottom;}
* html #action-btn {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/action-btn.png', sizingMethod='crop');
}

.secondary .inner {background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/leftcol-top.png) no-repeat top right;}
.secondary .bg-btm {background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/leftcol-btm.png) no-repeat bottom right;padding-bottom:188px;}

img.banner {
	padding:0 7px;
	background:url(http://7b3462328057fb9b43fc3c1ff4014338f802f3fb.gripelements.com/img/image-shadow.png) no-repeat top center;
	margin-left:-7px;
}
.tweets {
        overflow:hidden;
}
.tweets li {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}
/* // content */

/* footer */
#footer {
	clear:both;
	border-top:solid 1px #dce1e4;
	background:#ebeef0;
	font-size:10px;
	color:#666;
	padding:10px 0;
}	
p.address {
	line-height:1.2em;
	float:right;
	text-align: right;
	width:160px;
	font-weight:bold;
}
/* // footer */

/* clearfix */

	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */