/************************* Pripstein Davies CSS
Author: Chris & Lori Cavallucci
2007-09-13
2007-12-08 rev to tweak project-description and h3 rule
2008-01-11 rev significant to accomodate IE6 bugs
           added placeholder for project class
************************************************/
* {margin:0;padding:0;}
#logo{
	background:url(../images/bg_logo_aliased.gif) no-repeat;
	margin: 10px 0px 0px 20px;
	width:289px;
	height:432px;
	}
#logo-internal{
	background:url(../images/logo_internal.png) no-repeat;
	margin: 10px 0px 0px 20px;
	width:289px;
	height:432px;
	}

#globalNav{
	position: absolute;
	clear:none;
	margin: 165px 0px 0px 0px;
	padding: 1px 0px;
	white-space: nowrap;
	z-index:200;
	left: 151px;
	top: 0px;
	width:84%;
/*	width:85%;  There are some issues with this spacing in IE
	              it seems the last list item wraps to the nxt line 
	width:700px; 
	height:auto;*/
}

#globalNav li{
	list-style:none;
	float:left;
	margin: 0px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .4em;
}

#globalNav img {display: block;}

#globalNav a{
display: block;
float:left;
text-align:center;
text-decoration: none;
border: 1px solid; border-color: #808080 #C9C9C9;
background: #ECE9D8;
color: #002D96; font-weight: normal;
}

/* Commented backslash for the IE5 Mac hack hides the rule \*/
#globalNav a{float: none;} /* End of IE5 Mac hack*/

#globalNav a:hover{
	background-color: #808080;
	color: #ECE9D8;
}

#masthead{
	background-image:url(../images/graphics/bg_blueprint_TransA.gif);
	background-position: right;
	/*	background-color: #FFFFFF; */
	position:absolute;
	float:right;
	width: 450px;
	height: 150px;
	margin: 10px 20px 0px 0px;
	z-index:100;
	right: 0px;
	background-repeat: no-repeat;
}

#masthead-internal{
	background-image:url(../images/logo_internal.png);
	background-position: right;
	/*	background-color: #FFFFFF; */
	position:absolute;
	float:right;
	width: 300px;
	height: 100px;
	margin: 10px 20px 0px 0px;
	z-index:100;
	right: 0px;
	background-repeat: no-repeat;
}

.horizontal-line{
	background:url(../images/graphics/faded-linesFinal2.png) no-repeat;
	position:absolute;
	margin: 135px 0px 0px 245px;
	z-index:110;
	height:39px;
	width:700px;
	left: 63px;
	top: -1px;
}
.horizontal-line-internal{
	background:url(../images/graphics/faded-linesFinal2_internal.png) no-repeat;
	position:absolute;
	margin: 134px 0px 0px 243px;
	z-index:110;
	height:39px;
	width:700px;
	left: -52px;
	top: -49px;
}
.vertical-line{
	background:url(../images/graphics/faded-linesVert.png) no-repeat;
	position:absolute;
	margin: 0px 0px 0px 0px;
	z-index:110;
	height: 375px;
	width: 39px;
	left: 0px;
	top: 0px;
}
.vertical-line-internal{
	background:url(../images/graphics/faded-linesVert_reduc.png) no-repeat;
	position:absolute;
	margin: 0px 0px 0px 0px;
	z-index:110;
	height: 375px;
	width: 39px;
	left: 0px;
	top: 0px;
}
	
#content-container {
/*	position:absolute;
	margin: 165px 25px 0px 150px;
	font-size:76%;
	left: 0px;
	top: 16px;
*/
	font-size:76%;

/* these are my recent changes CHRIS CAVALLUCCI 2008 01 09  */
	position:absolute;
	left:0;
	top: 130px;
	width:100%;
}

#content-left {
	float: left;
/*	width: 50%; */
	width: 550px;

/* these are my recent changes CHRIS CAVALLUCCI 2008 01 09  */
/*	margin: 4em 0 0 0; */
	position:relative;
	left:100px;
	top:4em;
	margin:0; padding:0;
	display:block;
}

#content-right {
	margin: 0;
	display:block;
	
/*	display: block;
	position:absolute;
	left:550px;
	float: left;
	width: 100%; 
	width: 275px;
	width:inherit;
	min-width:172px;
	clear:right; 
*/
/* these are my recent changes CHRIS CAVALLUCCI 2008 01 09  */
	width: auto;
	position:absolute;
	left:645px;
	top:4em;
}

.project {  /* THIS IS A PLACEHOLDER CLASS IN CASE WE WANT TO CATEGORIZE THE PROJECTS AND STYLE THEM SEPARATELY */
}

h1.project  {
	margin:2em 0 0 385px;
}

#project-description {
/*	width:250px;
	overflow:hidden;
	overflow:auto;
	max-height:410px;
	width:100%;
*/
/* these are my recent changes CHRIS CAVALLUCCI 2008 01 09  */
/*	margin: 20px 20px 0 575px;
	padding: 0 20px 0 0; */
	margin: 20px 0 0 30px;
	padding: 0 20px 0 0;
	width:auto;
}

.project-overview {
	margin: 1em 0 0 385px;
	
	position:relative;
	top:1em;
	left: 0;
	width:auto;
}

.project-image {
	float:left;
	margin: 2em 1em 0px 50px;
	border-style:none;
	
	position:relative;
	top:1em;
	left:50px;
	z-index:3;
}
	
#content-bottom {
	clear:both;
	float: left;
	width: auto;
	margin: 0;
	
}
	
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {
	background:url(../images/graphics/fengShuiSymbols.gif) no-repeat;
	background-position:top;
	width:100%;
	height:3em;
	clear:both;
/*	float:right;     REMOVED BY CC not sure why i used this */ 
	font-size:70%;
	margin: 3em 0 0 0;
	
	position:relative;
	top:4em;
	left:0;
	
	line-height:10em;
	text-align:center;
	vertical-align:top;
	display:block;
}

#footer a{
color:#565656
}
/********************** STANDARD TAGS **********/		
body {
	background-image:url(../images/bg_gradient2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
/*  DO WE REALLY NEED THESE SINCE THEY GET INHERITED FROM THE STAR? */
	margin: 0;
	padding: 0;
/*  ----------------------------------------------------------------*/
	border: 0;
	font-family:verdana, arial, helvetica, sans-serif;
}

/********************** HEADINGS **********/	
h1, h2, h3, h4, h5, h6 {
	/*	font:Arial, Helvetica, sans-serif;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#757575;
	}

h1 {font-size: 1em; font-variant: small-caps; letter-spacing:.1em;}
h2 {font-size: .9em; font-variant: small-caps; padding:1em 0;}
h3 {font-size: .9em; padding:1em 0 0 0;}
h4 {font-size: .7em;}
h5 {font-size: .6em;}
h6 {font-size: .5em;}

h3, h4, h5, h6 {
	background-image:url(../images/graphics/gray1px.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
/* FOR THE PROJECT TYPES   */
h3 a {
	text-decoration:none;
	color: #002D96;
	}