/* - Identity Developments - */
/* - 2006 ---------------- - */
/* - --------------------- - */

* {margin: 0; padding: 0;}

body {
	background: #003 url(/assets/templates/sitebynite/images/bg_body3.jpg) repeat fixed center top;
	margin: 0 auto;
	border-top: solid 10px #000;
	color: #003;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

/* - 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;}
.clear, .clearB {clear: both;}
.floatL {float: left;}
.floatR {float: right;}

.nobr {white-space: nowrap;}
.strike {text-decoration: line-through;}


h1, h2, h3, h4, h5, h6 {
	position: relative;
	clear: both;
	margin: 0 0 .1em;
	font: bold 1.8em Helvetica, Verdana, Arial, sans-serif;
	color: #7174DF;
	}

h2, h3, h4, h5, h6 {
	margin-top: 1em;
	color: #003;
	}

h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/*#contentSec h2 {font-size: 1.5em;}
#contentSec h3 {font-size: 1.3em;}
#contentSec h4 {font-size: 1.2em;}
#contentSec h5 {font-size: 1em;}
*/
ul, ol {margin: 1em 2em;}

li {margin: 1.5em 0;}

p {margin: .5em 0 1em;}

acronym {cursor: help;}

hr {
	width: 80%;
	height: 1px;
	color: #CCC;
	text-align: center;
	}

/* - image handling - */
img {
  margin: 0;
  padding: 0;
	}

.floatR {margin: 0 0 6px 6px;}
.floatL {margin: 0 6px 6px 0;}

/* put the caption under the image (not next to it) */
span.caption {
	display: block;
	color: #666;
	font-style: italic;
	font-size: 0.8em;
	}


/**** Layout ****/
#outerWrapper, #wrapper, #header {width: 760px;}

#outerWrapper {
	position: relative;
	top: -10px;
	margin: 0 auto;
	text-align: center;
	}

#wrapper {
	position: relative;
	background: #F4F4FD;
	text-align: left;
	}

#header {
	background: #003 url(/assets/templates/sitebynite/images/bg_header-stars2.jpg);
	position: relative;
	height: 162px;
	text-align: left;
	}

#logo {
	position: relative;
	z-index: 10;
	padding: 80px 0 0;
/*	width: 760px;*/
	height: 70px;
	}

#logo #siteName {position: absolute; left: -999em;}
#logo #siteSlogan {position: absolute; left: -990em;}

#logo a {
	background: url(/assets/templates/sitebynite/images/site-by-nite-logo.gif) no-repeat 4px 0;
	display: block;
/*	width: 760px;*/
	height: 70px;
	text-decoration: none;
	}

#logo a:hover {
	background: url(/assets/templates/sitebynite/images/site-by-nite-logo.gif) no-repeat 4px -72px;
	display: block;
/*	width: 760px;*/
	height: 70px;
	}

/* =CNT - content area =============================================== - */
#contentWrapper {
	margin: 0 20px 0;
	padding: 0 0 10px;
	clear: both;
	font-size: 1.3em;
	}

/*#contentMainHolder {
	position: relative;
	float: left;
	margin: 10px 0 0;
	border-top: solid 6px #003;
	width: 500px;
	}
*/

#contentMain/*, #contentMainWide*/ {
	position: relative;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 20px 20px 10px;
	/*	border-top: solid 6px #003;*/
	width: 470px;
	text-align: justify;
	}

/* - note if removing float, must remove clear on headings - */
#contentSec {
	position: relative;
	float: right;
	margin: 26px 0 10px;
	padding: 0 20px 20px 0;
	border-top: solid 6px #003;
	border-left: solid 6px #F4F4FD;
	width: 160px; width: 144px; width: 180px; width: 190px;
	font-size: .9em;
	}

#contentMain {background: url(/assets/templates/sitebynite/images/bg_corner2.gif) no-repeat right bottom;}

/* - contact form - */
form.formEmail {text-align: left;}

form.formEmail label, form.formEmail p.captcha {
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 0 4px;
	width: 130px;
	text-align: right;
	}

form.formEmail input, form.formEmail select, form.formEmail textarea, form.formEmail img {
	position: relative;
	margin: 2px;
	}

form.formEmail input.submitButton {
	position: relative;
	float: right;
	}

/* - search handling - */
#searchBox {
	position: relative;
	float: right;
	margin: 0 14px 0 4px;
	width: 210px;
	text-align: right;
	}

/* - ajax search form - */
#ajaxSearch_form {width: auto;}

#ajaxSearch_input {
	width: auto;
  display: inline;
  margin: 1px 3px 0 0;
  padding: 3px 0 0;
  vertical-align: top;
  }

#ajaxSearch_submit {
	display: inline;
  height: 22px;
  }

#ajaxSearch_resultListContainer, #ajaxSearch_output {
  background: #FFF;
	border: 1px solid #666;
  padding: 10px;
  display: block;
  height: auto;
  }

.ajaxSearch_result, .AS_ajax_result {
	color: #444;
  margin-bottom: 3px;
  }

.ajaxSearch_resultLink, .AS_ajax_resultLink {text-decoration: underline;}

.ajaxSearch_resultDescription, .AS_ajax_resultDescription{color: #555;}

.ajaxSearch_paging, .AS_ajax_more {color: #555;}

.ajaxSearch_intro, .AS_ajax_resultsIntroFailure, .ajaxSearch_highlight, .AS_ajax_highlight {
	color: #C00;
	border-bottom: dashed 1px #999;}
.ajaxSearch_highlight2, .AS_ajax_highlight2 {color: #3C3;}
.ajaxSearch_highlight3, .AS_ajax_highlight3 {color: #C93;}
.ajaxSearch_highlight4, .AS_ajax_highlight4 {color: #00C;}
.ajaxSearch_highlight5, .AS_ajax_highlight5 {color: #F90;}


/* =FTR - footer - */
#footer {
	background: url(/assets/templates/sitebynite/images/bg_footer2.gif) no-repeat center bottom;
	position: relative;
	padding-bottom: 1px;
	width: 760px;
	text-align: left;
	}

#footer .holder {
	margin: 0 12px 6px;
	border-top: solid 1px #ccc;
	}

#footer p {margin: 0;}

/* - links and navigation - */
/* - basic links - */
img, a img {border: 0;}

a {color: #7174DF;}

a:hover {
	background: #D1D2C1;
	color: #000;
	text-decoration: none;
	}

/* - navBook - */
.navBook li {
	margin-top: .2em;
	margin-bottom: .2em;
	}

/* - skipNav - */
#navSkip {
	position: absolute;
	left: -999em;
	}

#navSkip ul, #navSkip li {
	display: inline;
	margin: 0 10px;
	list-style: none;
	}

#breadcrumbs {
	position: relative;
	clear: both;
	margin: 0 10px 5px 30px;
	font-size: .8em;
	}

#breadcrumbs, #breadcrumbs a {color: #999;}

#breadcrumbs a:hover {color: #FFF;}

/* - navMain - */
#navMain {
	margin: 0 0 10px;
	float: right; float: left;
	}

#navMain ul,
#navMain li {
	display: inline;
	margin: 0 16px 2px 0;
	}

#navMain li {
	margin: 0 0 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	}

#navMain li a {
	position: relative;
	padding: 2px 4px 1px;
	color: #003;
	text-decoration: none;
	}

#navMain a:hover {
	background: #D1D2C1;
	border-top: solid 3px #000;
	border-bottom: groove 3px #FFF;
	text-decoration: underline;
	color: #FFF;
	}

#navFooter {
	position: relative;
	float: right;
	}

/* - navigation locator - */
#navMain li.here, .active {
	color: #666;
	font-weight: normal;
	text-decoration: overline;
	}

#navMain .here a, .active a {
	color: #666;
	font-weight: normal;
	font-size: 1em;
	}

#leftnav {
	float: left;
/*	width: 160px;
	margin: 0 0 1em 1em;
	padding: 1em;*/
	}

#rightnav {
	float: right;
/*	width: 160px;
	margin: 0 1em 1em 0;
	padding: 1em;*/
	}


/* - 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(/assets/templates/sitebynite/images/id64trans-b.gif) no-repeat 5px center;
	left: 0;
	top: -20px;
	z-index: 500;
	display: block;
	color: #0D3C72;
	border: 2px solid #0D3C72;
	padding: 8px 90px;
	width: 576px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;	
	cursor: pointer;
	}
/* IE fix - mac hide \*/
* html a.iDevs:hover span {
	width: 760px;
	w\idth: 576px;
	}
/* stop hide */