/*
   - -------------------------------
   - Brian R. Brown
   - www.brianrbrown.com
   - Identity Developments
   - www.identitydevelopments.com
   - Copyright 2009
   - -------------------------------
*/

/* - -------------------------------------- =LAYOUT - */
* {margin: 0; padding: 0;}

body {
	background: #FFF;
	color: #000;
	font: 90%/1.7em Verdana, Arial, Helvetica, sans-serif;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}

.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;
	position: relative;
	margin: 0 10px;
	}

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

/* - Children (Alpha ~ First, Omega ~ Last) - */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* - Prefix Extra Space >> 12 Columns - */
#wrapper .prefix_1 {padding-left: 80px;}
#wrapper .prefix_2 {padding-left: 160px;}
#wrapper .prefix_3 {padding-left: 240px;}
#wrapper .prefix_4 {padding-left: 320px;}
#wrapper .prefix_5 {padding-left: 400px;}
#wrapper .prefix_6 {padding-left: 480px;}
#wrapper .prefix_7 {padding-left: 560px;}
#wrapper .prefix_8 {padding-left: 640px;}
#wrapper .prefix_9 {padding-left: 720px;}
#wrapper .prefix_10 {padding-left: 800px;}
#wrapper .prefix_11 {padding-left: 880px;}

/* - Suffix Extra Space >> 12 Columns - */
#wrapper .suffix_1 {padding-right: 80px;}
#wrapper .suffix_2 {padding-right: 160px;}
#wrapper .suffix_3 {padding-right: 240px;}
#wrapper .suffix_4 {padding-right: 320px;}
#wrapper .suffix_5 {padding-right: 400px;}
#wrapper .suffix_6 {padding-right: 480px;}
#wrapper .suffix_7 {padding-right: 560px;}
#wrapper .suffix_8 {padding-right: 640px;}
#wrapper .suffix_9 {padding-right: 720px;}
#wrapper .suffix_10 {padding-right: 800px;}
#wrapper .suffix_11 {padding-right: 880px;}

/* - clearfix hack - push content section after floats - */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE mac fix */
.clearfix {display: inline-block;}
/* IE win fix - hide mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* stop hide */

.clearL {clear: left;}
.clearR {clear: right;}
.clearB {clear: both;}
.clearN {clear: none;}
.floatL {float: left;}
.floatR {float: right;}

h2, h3, h4, h5, h6 {clear: both;}

/* - ------------------------------------ =BRANDING - */
#masthead, #masthead a {
	padding-left: .3em;
	color: #633;
	font: 60px "Bodoni MT Condensed", "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: .3em;
	word-spacing: .1em;
	text-decoration: none;
	}

.headerImg {
	position: absolute;
	right: 10px;
	}

#branding .logo {
	padding: 230px 0 28px;
	border-bottom: #000 3px solid;
	}

/* - ------------------------------------- =CONTENT - */
#sectionHeader {
	background-color: #FFF;
	position: absolute;
	top: -22px;
	right: 0;
	color: #633;
	font: 2.2em "Bodoni MT Condensed", "Times New Roman", Times, serif;
	text-align: right;
	}

a, a:visited {
	color: #063;
	}

a:hover {
	background-color: #E1E1C4;
	color: #000;
	text-decoration: overline;
	}

#contentMain {padding: 10px 0 0;}

h1 {
	margin: 0 0 .5em;
	color: #C00;
	font: 2.1em/.9em "Times New Roman", Times, serif;
	}

#contentMain h2 {
	margin: 0 0 .5em;
	font: 1.8em/.9em "Times New Roman", Times, serif;
	color: #000;
	}

#contentMain h3 {
	margin: 0 0 .5em;
	color: #000;
	font: 1.6em/.9em "Times New Roman", Times, serif;
	}

#contentMain h4 {
	margin: 0 0 .5em;
	color: #000;
	font: 1.4em/.9em "Times New Roman", Times, serif;
	}

#contentMain h5 {
	margin: 0 0 .5em;
	color: #000;
	font: 1.2em/.9em "Times New Roman", Times, serif;
	}

#contentMain p {
	margin: 0 0 1.5em;
	color: #633;
	}

/* - content image handling - */
a img, img {border: none;}

.imgPrimary {
	float: left;
	margin: 0 10px 10px 0;
	}

.imgSecondary {
	float: right;
	margin: 0 0 10px 10px;
	}

/* image captions */
.imgCaptionR {
	float: right;
	margin: 6px 0 4px 6px;
	}

.imgCaptionL {
	float: left;
	margin: 6px 6px 4px 0;
	}

.imgCaptionR, .imgCaptionL {
	font-size: .8em;
	line-height: 1.3;
	font-style: italic;
	}

.imgCaptionR img, .imgCaptionL img {display: block;}

/* - gallery image handling - */
#lbImage a:hover {background-color: transparent;}


/* - list handling - */
#contentMain ul {
	margin: 0 20px 20px;
	color: #633;
	list-style-position: inside;
	list-style-type: square;
	}

/* - ------------------------------------ =SEC =SUB - */
#contentSec h2 {
	margin: 1.2em 0 0 .6em;
	font: 2em/.9em "Times New Roman", Times, serif;
	color: #633;
	}

#contentSec h3 {
	margin: 1.2em  0 .6em;
	color: #633;
	font: 1.6em/.9em "Times New Roman", Times, serif;
	}

#contentSec h4 {
	margin: 1.2em  0 .6em;
	color: #633;
	font: 1.4em/.9em "Times New Roman", Times, serif;
	}

#contentSub, #contentSec {
	font-size: 86%;
	line-height: 1.2em;
	}

#contentSec {padding: 2em 0;}

#contentSec img {
	float: right;
	padding: 0 0 10px 10px;
	}

#contentSub h2 {
	margin: 1.2em 0 .6em;
	font: 2em/.9em "Times New Roman", Times, serif;
	color: #633;
	}

#contentSub h3 {
	margin: 1.2em 0 .6em;
	color: #633;
	font: 1.6em/.9em "Times New Roman", Times, serif;
	}

#contentSub h4 {
	margin: 1.2em 0 .6em;
	color: #633;
	font: 1.4em/.9em "Times New Roman", Times, serif;
	}

#contentSub {padding-top: 60px;}
#contentSub p {color: #000;}

#contentSub img {margin-bottom: 20px;}

#contentSub .gUnit {margin: 10px 0 20px}

/* - --------------------------------------- =FEEDS - */
/* - Twitter Feeds - */
div .feedTwitter {
	position: relative;
	width: 300px;
	}

.feedTwitter ul {
	list-style-type: none;
	margin: 0 0 1.2em;
	}

.feedTwitter li {
	list-style-type: none;
	margin: .5em 0 1em;
	}

.feedTwitter span {
	font-size: .7em;
	font-style: italic;
	}

/* - --------------------------------------- =FORMS - */
/* - search - */
#searchBox fieldset, #ajaxSearch_form fieldset {border: none;}

/* - --------------------------------------- =LEGAL - */
#legal {position: relative;}

#legal p {
	position: relative;
	margin: 16px 0 10px;
	font-size: .9em;
	line-height: 1.3;
	}

/* - ---------------------------------- =SITEMAP - */
ul.navSitemap li {
	list-style: square;
	margin: 0 0 1em 0;
	font-size: 1.2em;
	}

ul.navSitemap li ul li {
	list-style: disc;
	margin: 0 0 .8em 1em;
	font-size: 1em;
	}

ul.navSitemap li ul li ul li {
	list-style: circle;
	margin: 0 0 .6em 1.4em;
	}

/* - ---------------------------------- =NAVIGATION - */
/* - skip navigation - top of page - breadcrumbs - */
#navSkip {
	position: absolute;
	top: 0;
	left: -999em;
	}

.linkTop {
	position: relative;
	clear: both;
	display: block;
	text-align: right;
	color: #999;
	}
a:hover.linkTop{
	background: #EEE;
	color: #000;
	font-weight: bold;
	}

/* - breadcrumb navigation - */
#navCrumbs {
	margin-bottom: 1em;
	font-size: .7em;
	color: #999;
	}

#navCrumbs a {
	padding: 0 2px 2px;
	color: #999;
	}

#navCrumbs a:hover {
	background-color: #E1E1C4;
	color: #633;
	}

/* - navMain - */
/* - navigation elements - */
#navMain .gUnit {	/* Google AdSense */
	border-left: #000 10px solid;
	border-right: #000 2px solid;
	}

#navMain {background: #000;}

#navMain ul {
	margin: 36px 0;
	list-style: none;
	font-size: .9em;
	line-height: 1.2em;
	}

#navMain li {margin: 1em 0;}

#navMain a {
	display: block;
	padding: 0 4px;
	border-left: #000 10px solid;
	border-right: #000 2px solid;
	color: #FFF;
	text-decoration: none;
	}

#navMain a:hover {
	background-color: #FFF;
	color: #C00;
	border-left: #000 10px solid;
	border-right: #000 2px solid;
	}

/* - nav locator - */
#navMain li.active {
	background-color: #633;
	text-align: right;
	color: #999;
	}

/* - identity developments byline ----------------- - */
a.iDevs span {
	position: absolute;
	left: -999em;
	bottom: 0;
	}

a.iDevs {
	color: #666;
	text-decoration: underline;
	border: none;
	font-style: normal;
	font-weight: normal;
	}

a.iDevs:hover {
	color: #D2D5A8;
	background: #FFF;
	font-size: 1em;
	text-decoration: none;
	}

/* - background-color for opera - */
a.iDevs:hover span {
	background-color: #D2D5A8;
	background: #D2D5A8 url(/images/global/id64trans-b.gif) no-repeat 5px center;
	left: -10px;
	top: -24px;
	z-index: 500;
	display: block;
	color: #0D3C72;
	border: 2px solid #0D3C72;
	padding: 8px 50px;
	width: 520px;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;	
	cursor: pointer;
	}
/* IE fix - mac hide \*/
* html a.iDevs:hover span {
	width: 624px;
	w\idth: 520px;
	}
/* stop hide */