/* CSS Document */

@import url("ie-fixes.css");
@import url("header.css");
@import url("footer.css");
@import url("pods.css");

html, body {height:100%;}
body
{
    color:#EEEEEE;
    font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#000000; 
		margin:0px;
		height:100%;
}

.oxygen_blue {color:#0066ff}
.oxygen_blue_dark {color: #538bd3}

a:link,a:visited, a:active, a:hover { color: #3399ff; text-decoration:none;}

div#navigation-bar span.current-page 
{
	color:#BBBBBB; 
	font-size:14px /* needs to be specified to override body CSS from TTG highslide Pro when integrated into standar page */
}

div#navigation-bar a 
{
	color:#EEEEEE; 
	font-size:12px /* needs to be specified to override body CSS from TTG highslide Pro when integrated into standar page */
}

/* Layout */
div#page-area{
	margin:0 auto;
/* WARNING: staticly setting the page-area with "breaks" the newer TTG galleries such as Client Response CE and possibley others.  It causes the pictures to be shifted way to the right and behind the page-area divs, cut-off.  Becaues of this the width property has been moved directly to the majority of the other tags used on the pages of the site. */
/*	width:780px;*/
	text-align: center;
}

div#page-header{
	margin:0 auto;
	position:relative;
	height:95px;
	width:800px
}

div#page-title {
/*	margin:0 auto;*/
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:right;
	right:23px;
	top:45px;
/*	bottom:32px;*/
}

div.section-header {
	color: #3399ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

div.section-header-white {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

div.divider{
	height:16px; 
	font-size:12px; 
	text-align:right; 
	border-top:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	padding:2px;
}

div.pod-header {
	color: #3399ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

span.pod-text {
	white-space:nowrap;
	font-size:12px;
	letter-spacing:3px;
	margin-top:10px;
	margin-left:15px;
	text-align:left;
}

div#navigation-bar
{	
	margin:0 auto;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* needs to be specified to override body CSS from TTG highslide Pro when integrated into standar page */
	position:relative;
	margin-top:0px;
	margin-bottom:20px;
	height:10px;
	top:-16px;
	left:5px;
	text-align:left;
	font-size:12px;
}

div#photography-header{
	font-size:12px;
	margin-bottom:10px;
	color:#DDDDDD;
}

div#do-page-content{
/* specifically removed due to display issues when including TTG Client Response galleries inside this standard div tag on the site. No adverse effects for other areas of the site so far.  Tested in FF on OS X and IE 8 on Windows. */
/*	position:relative;*/
/*	margin-left:5px;
	margin-top:0;
	margin-right:5px;
	margin-bottom:0px;
	*/
	margin:0 auto;
	font-size:12px; /* needs to be specified to override body CSS from TTG highslide Pro when integrated into standard page */

}

div#default-text{
	margin:0 auto;
/*	border:1px solid red; */
	text-align: left;
/*	padding-left:-10px;*/
	width:780px;
}

div.indented-text
{
	padding-left: 10px;
}
	 
div#text-75-percent{
	font-size: 12px;
	position:relative;
   margin-left:5px;
   margin-top:0;
   margin-right:5px;
   margin-bottom:0px;
   }
	 
div#page-footer{
	margin:0 auto;
	width:800px;
	position:relative;
	text-align: center;
	margin-top:25px;
	padding-bottom:50px;
}

/* Formatting */
span.highslide-paragraph-heading{
	font-size:1.2em;
	font-weight:bold;
	color:#6494eb;
}

span.highslide-paragraph-text{
	/*nothing yet*/
}

span.status-incomplete{
	color: #8c8d8d
}

span.status-in-progress{
	color: #ff7e07
}

span.status-complete{
	color: #1ba822
}

.security-icon{
	margin-top: 3px;
}

.code{
	font-weight: bold;
	font-family: Courier, "Courier New", monospace;
}

.code-php{
	color: #be0800;
	font-weight: bold;
	font-family: Courier, "Courier New", monospace;
}

.comment{
	color: #999999;
}

img.gallery_thumb{
	border:1px solid white;
	margin: 3px;
}