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

CSS Document for www.leadingedgegroupinc.com

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

        .resp-container {
                position: relative;
                overflow: hidden;
                padding-top: 56.25%;
        }

/* @group Reset */
	html,body,
	div,span,
	object,
	h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,img,table,
	em,strong,
	fieldset,form,label,legend {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}


	input, select {vertical-align: middle;}
	select, input, textarea, button {font:99% sans-serif;}
	table {border-collapse: collapse; border-spacing: 0;}
	td {vertical-align: top;}
/* @end */

/* @group Grid */
	.container {
		width: 960px;
		margin: 0 auto;
	}

	.grid_1,.grid_2,.grid_3,.grid_4,
	.grid_5,.grid_6,.grid_7,.grid_8,
	.grid_9,.grid_10,.grid_11,.grid_12 {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}

	.grid_1  {width:60px}
	.grid_2  {width:140px}
	.grid_3  {width:220px}
	.grid_4  {width:300px}
	.grid_5  {width:380px}
	.grid_6  {width:460px}
	.grid_7  {width:540px}
	.grid_8  {width:620px}
	.grid_9  {width:700px}
	.grid_10 {width:780px}
	.grid_11 {width:860px}
	.grid_12 {width:940px}

	.prefix_1  {padding-left: 80px;} 
	.prefix_2  {padding-left: 160px;}
	.prefix_3  {padding-left: 240px;}
	.prefix_4  {padding-left: 320px;}
	.prefix_5  {padding-left: 400px;}
	.prefix_6  {padding-left: 480px;}
	.prefix_7  {padding-left: 560px;}
	.prefix_8  {padding-left: 640px;}
	.prefix_9  {padding-left: 720px;}
	.prefix_10 {padding-left: 800px;}
	.prefix_11 {padding-left: 880px;}

	.suffix_1  {margin-right: 80px;} 
	.suffix_2  {margin-right: 160px;}
	.suffix_3  {margin-right: 240px;}
	.suffix_4  {margin-right: 320px;}
	.suffix_5  {margin-right: 400px;}
	.suffix_6  {margin-right: 480px;}
	.suffix_7  {margin-right: 560px;}
	.suffix_8  {margin-right: 640px;}
	.suffix_9  {margin-right: 720px;}
	.suffix_10 {margin-right: 800px;}
	.suffix_11 {margin-right: 880px;}

	.first {margin-left: 0;}
	.last  {margin-right: 0;}

	.clearfix:before, .clearfix:after, .container:before, .container:after {
		content: '.';
		display: block;
		visibility: hidden;
		font-size: 0;
		line-height: 0;
		width: 0;
		height: 0;
	}
	.container:after, .clearfix:after {clear: both;}
/* @end */

/*	@group General */
	body {
		background: url(elements/bg.png);
                color: #eee;
                font-family: Georgia, Times, serif;
                font-size: 16px;
                line-height: 28px;
		text-shadow: 1px 2px 2px #000;
	}
	
	strong { font-weight:bold; color:#fff; }
	.caption { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
	header#branding, section#cornerstones, section#mission, section#contact {margin-bottom: 80px;}
	
	h1 {
		font-size: 32px;
		margin-bottom: 24px; }
		
	h2 {
		margin-bottom: 28px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
		font-style: italic;
		font-size: 20px;
	}
	
	a {
		color: #eee;
		text-decoration: none;
		border-bottom:1px dotted #fff;
	}
	
	a:hover {
		color: #fff;
		border-bottom:1px solid #eee;
	}
		
	/* Selection */
	::selection,
	::-moz-selection {
		background: #ccc;
		color: #eee;
		text-shadow: none;
	}
	
	img::selection,
	img::-moz-selection {
		background: transparent;
	}
/* @end */

/*	@group Bar */
	#bar {
		padding: 15px 0;
		margin-bottom: 60px;
		background-color: #1b1b1b;
		border-bottom: 1px solid #343434;
	}
	
	#bar nav ul { float: right; }
	
	#bar nav ul li {
		display: inline;
		margin-left: 15px;
	}
	
	#bar nav ul li a {
		padding: 5px;
		font-size: 12px;
	}
/* @end */


/*	@group Cornerstones, Mission */
	section#cornerstones img, section#mission img {
		height: 215px;
		width: 300px;
		margin-left: -1px;
		margin-top: -1px;
	}
	
	a.item { border-bottom: none; }
	
	.item p { padding: 10px 15px 12px; }
	
	.item {
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: 1px 2px 2px #222;
		-webkit-box-shadow: 1px 2px 2px #222;
		box-shadow: 1px 2px 2px #222;
		color: #222;
		background: #ccc;
		border: 1px solid #ccc;
		text-decoration: none;
		width: 298px;
		font-size: 14px;
		font-weight: bold;
		line-height: 24px;
		text-shadow: none !important;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.brb:hover {
		background-color: #9fc8d1;
		border-color: #9fc8d1;
		color: #333;
	}
	
	.csbm:hover {
		background-color: #abdf7d;
		border-color: #abdf7d;
		color: #333;
	}
	
	.item:active {
		position: relative;
		top: 1px;
	}
	
	.item span {
		font-family: Georgia, Times, serif;
		display:block; 
		font-size: 14px;
		font-style: italic;
		font-weight: 100;
	}
/* @end */