/* @override 
	http://leetgeek.com.au/css/leetgeekV2.0.1.css
	http://www.leetgeek.com.au/css/leetgeekV2.0.1.css
	http://leetgeek.com.au/cache/1305774149e8541edf460251ea691c06d53c8c4bb4.css
*/

/* RGB Style Guide Green 
#94cb29
*/
html, body{
	height: 100%;
	margin: 0;
	padding: 0;
	
}
body{
	font-size: 62.5%;
	background-color: #dedede;
}

@font-face {
	font-family: 'FSRoman';
	src: url('fonts/FontSiteSans-Roman-webfont.eot');
	src: local('☺'), url('fonts/FontSiteSans-Roman-webfont.woff') format('woff'), url('fonts/FontSiteSans-Roman-webfont.ttf') format('truetype'), url('fonts/FontSiteSans-Roman-webfont.svg#webfontvV4FHKsm') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FSLight';
	src: url('fonts/FontSiteSans-Light-webfont.eot');
	src: local('☺'), url('fonts/FontSiteSans-Light-webfont.woff') format('woff'), url('fonts/FontSiteSans-Light-webfont.ttf') format('truetype'), url('fonts/FontSiteSans-Light-webfont.svg#webfontekVsHbGA') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FSBold';
	src: url('fonts/FontSiteSans-Bold-webfont.eot');
	src: local('☺'), url('fonts/FontSiteSans-Bold-webfont.woff') format('woff'), url('fonts/FontSiteSans-Bold-webfont.ttf') format('truetype'), url('fonts/FontSiteSans-Bold-webfont.svg#webfontWh8IDzUv') format('svg');
	font-weight: normal;
	font-style: normal;
}
li, ul{
	float: left;
	position: relative;
}
ol li{
	list-style-type: decimal;
	list-style-position: outside;
}
strong{
	color: black;
	font-weight: bold;
}
p, textarea, ol li{
	font-size: 1.3em;
	color: #58595B;
	line-height: 1.3846em; /* 18px */
	margin: 0 0 1.3846em 0;
	
}
h1, h2, h3, h4, h5, h6{
	color: #595959;
}
a{
	color: #6CB702;
	cursor: pointer;
	line-height: 1.3846em; /* 18px */
}
a:hover{
	color: #82dd24;
}
h1, h2, h3, h4, h5, h6, .contact p, input.btn_submit, legend,.xtrainfo .title, .heading h1 a, .studies_list .title
{
	font-family: 'FSBold', Arial , sans-serif;
	text-transform: uppercase;
}
h1, legend{
	font-size: 2.4em; /* 24px */
	line-height: 1.5em;/* 36px */
	margin-top: 0.75em;
	margin-bottom: 0em;
	text-transform: uppercase;
}
h2{
	font-size: 1.6em; /* 22px */
	line-height: 1.6364em; /* 36px */
	margin-top: 0.8182em;
	margin-bottom: 0em;
	
}
h3, .heading h1, .service_list li p a.title{
	font-size: 1.4em; /* 20px */
	line-height: 1.8em; /* 36px */
	margin-top: 0.9em;
	margin-bottom: 0em;
}
h4, h5, .summary, .side_col h1{
	font-size: 1.8em; /* 18px */
	line-height: 1em; /* 18px */
	margin-top: 1em;
	margin-bottom: 1em;
}

/* @group Generic reuseable items */
#main_nav a, 
#footer h3,
.case_quote,
p, cite, blockquote, 
.related_entries h3, 
.related_cat li a,
ul.related_entries li a,
.bio_name,
label,
a.btn_dload,
.studies_list li span{
	font-family: 'FSRoman',Arial,sans-serif;

}
.outerwrap{
	width: 940px;
	background-color: white;
	
}
.inner_wrap{
	width: 790px;
	margin: 0 75px;
}
.clrfix{
	clear: both;
}
.col_2{
	width: 375px;
	float: left;
	position: relative;
}
.col_3{
	width: 263px;
	float: left;
	position: relative;
}
.col_3 a{
	width: 100%;
	display: block;
	float: left;
	position: relative;
}
.col_3 a h1{
	background-image: url(../resources/bkgnd_black_trans.png);
	padding: 5px 10px;
	color: white;
	position: absolute;
	width: 243px;
	text-transform: capitalize;
	
}
.col_3.first, .col_3.last{
	/*width: 253px;*/
}
.pad_r{
	padding-right: 10px;
}
.pad_l{
	padding-left: 10px;
}
.links{
	float: left;
	width: 100%;
	padding: 36px 0;
}
a.extra_info, .contact p{
	float: left;
	/*height: 16px;*/
	/*background: url(../resources/ele_iconset.png) no-repeat;*/
}
a.remote{
	display: block;
	padding: 10px 20px 10px 40px;
	background: #D6D7D8 url(../resources/ele_remote.png) no-repeat 10px center;
	
	
	/*padding: 0 25px;*/
}
a.extra_info{
	color: #595959;
	font-size: 1.1em;
	text-transform: capitalize;
}
a.extra_info img{
	margin-right: 10px;
	vertical-align: bottom;
}
a.extra_info:hover{
	color: #6CB702 !important;
	/*background-color: #94cb29 ;*/
}



#supersize{
	position: fixed;
}
#supersize img{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 0;
}

a.readmore:hover p, .heading a:hover{
	color: #6CB702;
}
.side_col h1{
	
}
/* @end */


/* @group Masthead */
#container {
   min-height:100%;
   height: auto !important;
   position:relative;
}
#masthead{
	background-color: black;
	width: 100%;
	float: left;
	position: relative;
}

#logo{
	float: left;
}
#logo a{
	border: 0;
}
#main_nav{
	float: left;
	position: relative;
	width: 560px;
	margin-left: 50px;
}
#main_nav ul{
	float: left;
	position: relative;
	height: 50px;
	margin-top: 60px;
}
#main_nav li{
	float: left;
}
#main_nav a{
	/*line-height: 140px;*/
	font-size: 1.3em;
	padding: 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 30px;
	color: #999;
	display: block;
	text-transform: uppercase;
}
#main_nav a:hover{
	background-color: #323232;
}
#main_nav li a.active{
	background-color: #94cb29;
	color: #333;
}

#breadcrumb{
	width: 100%;
	float: left;
	/*background-color: #F1F1F2;*/
}
#breadcrumb a{
	font-size: 1.1em;
	float: left;
	display: block;
	padding: 1.8em 5px;
	color: black;
	text-transform: uppercase;
}
#breadcrumb a#bread_first{
	margin-left: 75px;
}
#breadcrumb a.current{
	color: #a3a3a3;
}
/* @end */

/* @group Homepage Styles */
#welcome, #who, #studies{
	padding: 35px 75px;
	width: 790px;
	float: left;
	position: relative;
	
}
#welcome h1,
#who h1,
#studies h1,
#welcome p,
ul.related_entries li a,
.side_head {
	font-family: 'FSLight',Arial,sans-serif;
	
}
#welcome h1, #who h1, #studies h1, #welcome p{
	font-size: 1.4em;
	margin-top: 0;
	margin-bottom: 18px;
}
#welcome{
	padding-bottom: 50px;
	background: #333333 url(../resources/ele_welcome_triangle.png) no-repeat center 100%;
}
#welcome h1{
	color: #BCBDC0;
}
#welcome p{
	padding: 0;
	margin: 0;
	color: #94cb29;
	font-size: 2.99em;
	text-transform: lowercase;
	line-height: 1em;
}
#who{
	background-color: #E5E5E5;
}
#who p{
	padding: 0;margin: 0;
}
.col_3 .title{
	width: 263px;
	float: left;
	height: 95px;
	position: relative;
	margin-bottom: 18px;
	
}
.col_3 a:hover p{
	color: #6CB702;
}
.col_3 a:hover h1{
	background-image: url(../resources/bkgnd_green_trans.png);
}
.title .hero_img img{
	position: absolute;
	height: 95px;
	z-index: 1;
}
.title h1{
	position: absolute;
	z-index: 2;
	width: 243px;
	background-image: url(../resources/bkgnd_black_trans.png);
	color: white;
	padding: 5px 10px;
}
/* @end */






/* @group Main Content */
#content{
	clear: both;
	position: relative;
	padding-bottom: 190px;
}
.content_col{
	width: 540px;
	float: right;
	position: relative;
	margin-left: 20px;
	padding-bottom: 30px;
	margin-top: 2.5em;
}
.content_col h1{
	margin-top: 0;
	color: #333;
}
.content_col h2{
	float: left;
	width: 100%;
	margin-bottom: 18px;
	/*margin-top: 1.8em;*/
}
.content_col h3{
	color: #595959;
	margin-bottom: 18px;
}
.side_col{
	width: 210px;
	margin-right: 20px;
	float: left;
	position: relative;
	margin-top: 2.5em;
}

.col_2_inner{
	/*width: 260px;*/
	float: left;
	width: 100%;
}
.entry_img{
	margin-bottom: 3.6em;
}
#related{
	/*border-top: 1px solid #eee;
	padding-top: 9px;*/
}
.related_cat{
	width: 100%;
}
.related_cat li a{
	font-size: 1.3em;
	margin-right: 10px;
	padding: 5px 0;
}
.related_cat li a:hover{
	color: black;
}
ul.related_entries{
	border-bottom: 1px solid #D1D3D4;
	padding: 18px 10px;
	/*margin-top: 36px;*/
	width: 190px;
	background-color: #f2f2f2;
}
ul.related_entries li{
	display: block;
	float: left;
	width: 100%;
	padding: 0.8em 0;
}
.side_head{
	color: #595959;
	font-size: 1.4em;
	padding: 18px 10px 0 10px;
	line-height: 1.5em;
	text-transform: uppercase;
	border-top: 1px solid #D1D3D4;
	background-color: #f2f2f2;
	width: 190px;
}
.related_entries a{
	background: url(../resources/el_arrow_set.png) no-repeat right 2px;
	display: block;
	color: #58595B;
	font-size: 1.2em;
}
.related_entries a:hover{
	color: #6CB702;
	background-position: right 113%;
}
#site_credits{
	float: left;
}

#site_credits li, #site_credits li a {
	line-height: 60px;
	color: #595959;
	padding-right: 10px;
}
.summary_text{
	color: #353535;
	font-size: 1.5em;
	float: left;
	position: relative;
}
.case_quote{
	font-size: 1.5em;
	font-style: italic;
	padding: 36px 30px 10px 30px;
	margin-top: 18px;
	background: url(../resources/ele_quote_marks.png) no-repeat 0 20px;
	border-top: 1px solid #eee;
}


/* @group Case Studies */
ul.studies_list{
	margin-top: 15px;
}
.listings, .associations{
	padding-top: 20px;
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
}
.odd, .even{
	float: left;
	position: relative;
	width: 100%;
}
.even{
	margin: 1.8em 0;
}
.even a p, .odd a p{
	float: left;
	width: 360px;
}
.heading h1 a{
	padding-bottom: .9em;
	padding-top: 0;
	margin-top: 0;
	color: #595959;
}
.summary_img{
	float: left;
	width: 160px;
	margin-right: 20px;
}
.odd .summary_img{
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

.studies_list li{
	float: left;
	position: relative;
	margin-right: 1px;
	margin-bottom: 1px;
}
.studies_list li a{
	display: block;
	width: 153px;
	height: 90px;
	padding: 0 10px;
	background-color: #F1F1F2;
}
.studies_list li a:hover{
	background-color: #94cb29;
}
.studies_list .title{
	font-size: 1.3em;
	margin-bottom: 0;
	padding-top: 0.9em;
	text-transform: uppercase;
}
.studies_list li a:hover .title{
	color: white;
}
.studies_list li span{
	display: block;
	font-size: 0.8em;
	color: #939598;
}
.studies_list li a:hover span{
	color: #c7ff7a;
}
.xtrainfo{
	/* width is 540px */
	background: #F1F1F2;
	padding: 20px;
	margin: 35px 0;
}
.xtrainfo .title{
	color: black;
	text-transform: uppercase;
}
/* @end */

/* @group Bio/Profiles */

.bio_wrap{
	width: 270px;
	height: 180px;
	position: relative;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
.bio_name{
	font-size: 1.6em;
	background-image: url(../resources/bkgnd_black_trans.png);
	text-indent: 20px;
	padding: 10px 0 10px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	z-index: 1000;
	color: white;
}
.bio{
	/*position: absolute;
	top: 0;
	left: 0;*/
	background-color: #dedede;
	height: 190px;
}
.bio p{
	padding:  10px 20px;
	position: absolute;
	top: 40px;
}
.bio_img{
	position: absolute;
	top: 0;
	left: 0;
}
.associations{
	width: 100%;
	
	/*float: left;
	position: relative;*/
	display: table;
	zoom:1 ;/* IE */
}
.associations .odd, .associations .even{
	display: table-cell;
	width: 250px ;
	padding: 0 20px 20px 0;
	margin: 0;
	zoom:1 ;/* IE */
}
.associations img{
	display: block;
	margin-bottom: 10px;
}
.associations .odd{
	clear: left;
}
.service_list_3_col{
	padding: 1.8em 0;
	margin-bottom: 3.6em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.service_list_3_col li{
	width: 180px;
}
.service_list_3_col a{
	font-size: 1.3em;
	line-height: 3.6em;
	display: block;
}
/* @end */

.service_list li{
	width: 100%;
	margin-bottom: .8em;
}
span.title{
	display: block;
	color: black;
	text-transform: uppercase;
	padding-bottom: .8em;
	font-size: 1.4em;
}
.service_list li p a{
	color: #58595B;
	display: block;
}

.service_list li p a:hover, a:hover span.title {
	color: #6CB702;
}
cite{
	display: block;
	background: url(../resources/ele_quote_marks.png) no-repeat right -170px;
	color: #a3a3a3;
	font-style: italic;
	padding-bottom: 36px;
	border-bottom: 1px solid #eee;
}




/* @end */

/* @group Forms */

form{
	margin-bottom: 60px;
}
legend{
	margin-bottom: .9em;
	display: block;
	float: left;
}
.contact_form input, textarea{
	border: 1px solid #999;
	padding: 10px;
}
.contact_form input:focus, textarea:focus{
	background-color: #dedede;
	outline: none;
}
.contact_form input{
	width: 220px;
}
.contact_form input.nopad{
	width: 240px;
}
.contact_form label{
	font-size: 1.4em;
}
.contact_form li{
	width: 540px;
	margin-bottom: 1.8em;
}
.contact_form .half_col{
	width: 260px;
}
.contact_form .check input{
	width: 20px;
	border: none;
}
.contact_form #check_group{
	margin: 1.8em 0;
	background-color: #F1F1F2;
	padding: 10px 0;
	width: 520px;
}
.contact_form #check_group .half_col{
	width: 260px;
}
.contact_form label{
	color: #595959;
	width: 100% !important;
	float: left;
	cursor: pointer;
}
.contact_form textarea{
	width: 500px;
	height: 180px;
}
input.btn_submit{
	width: 520px;
	padding: 20px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	cursor: pointer;
	background-color: silver;
	border: none;
}
input.btn_submit:hover{
	background-color: #94cb29;
	color: white;
	border: none;
}

/* @end */

/* @group Modal Popup */
body#popup{
	padding: 0;
	margin: 0;
	width: 500px;
	background-color: white;
}
.popup{
	width: 100%;
}
#remote h1{
	text-align:center;
	color: white;
	background: #94cb29;
	margin-top: 0;
	
	padding: 0.9em 0;
	margin-bottom: 1.8em;
}
#pop_copy{
	width: 430px;
	margin: 0 35px;
}
.remote_apps {
	width: 100%;
	margin-top: 0.9em;
}
.remote_apps li{
	width: 210px;
}
.btn_dload{
	
	float: left;
	padding: 10px 20px;
	background-color: #94cb29;
	color: white;
	text-transform: uppercase;
	font-size: 1.1em;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.btn_dload:hover{
	background-color: black;
}
/* @end */




/* @group Footer */
#footer{	
	position:absolute;
   	bottom:0;
   	left: 0;
   	width:100%;
   	height:176px;   /* Height of the footer */
}
#footer h3{
	/*display: inline;*/
	padding:0;
	margin: 0;
	color: #d6d7d8;
}
.support{
	background-color: #F8F8F8;
	width: 100%;
	float: left;
	position: relative;
	height: 80px;
	padding: 18px 0;
	overflow: hidden;
}
.foot_2col{
	width: 90%;
	float: left;
	position: relative;
}
.wider{
	width: 460px;
}
.contact{
	background-color: black;
	float: left;
	width: 100%;
	height: 60px;
}
.contact p{
	padding: 0 0 0 20px;
	margin: 18px 0 0 0;
	color: white;
	font-size:2em;
	/*background-position: left 98%;*/
	float:right;
}
.contact p img{
	padding-right: 10px;
}
#login{
	position: absolute;
	right: 0;
	top: 0;
	/*padding: 5px 20px 5px 16px;*/
	text-transform: uppercase;
	
}
#login a{
	color: #999;
	
}
/* @end */

body#page404{
	background: white;
}

#design-award {position:absolute; right:0; top:0; z-index:1000;}
#design-award a {background: url("/resources/design-award-black-lime.png") no-repeat; display:block; height: 140px; width: 140px; text-indent: -9000px;} 


/* @group 404 Style */

#page404 #outerwrap{
	width: 280px;
	margin: 0 auto;
}
#wrapper_404{
	background: black;
	/*width: 280px;*/
	margin: 0 auto;
	padding: 35px;
	position: relative;
	float: left;
}
#wrapper_404 header{
	text-align: center;
}
#wrapper_404 h1{
	color: white;
	text-align: center;
	margin-bottom: 35px;
}
#wrapper_404 p{
	color: white;
}
ul#nav_404{
	width: 100%;
	float: left;
	position: relative;
}
#nav_404 li{
	width: 100%;
}
#nav_404 li a{
	display: block;
	width: 100%;
	font-size: 1.4em;
	color: white;
	padding: 5px 0;
}


/* @end */