/*--------------------------------------------------------------------
Global CSS

Author:			Aimee Babb <ababb [at] solutionset.com>

Methods: 		RULES ORGANIZATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Container
						Header
							Nav
						Body
							Layout Setup
								Modules
						Footef					Hacks
					(other)
----------------------------------------------------------------------*/

/* Global Styles
----------------------------------------------------------------------*/
body {
	color: #49463e; 
	font-family: arial, helvetica, sans-serif;
	line-height: 1.5em;
	background: #a59a84 url('/assets/templates/galileo/images/body-bg.gif') repeat-x;
}

/* Links
----------------------------------------------------------------------*/
a {
	color: #330000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#content #box a:hover,
#content #box2 a:hover,
#content #box3 a:hover,
#content #box4 a:hover {
	text-decoration: none;
	color: #394659;
}
#content #box4 a:hover {
}

/* Text
----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #300808;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 5px;
}
h2 {
	font-size: 1.5em;
}

#home h2 {
	color: #ffffff;
	font-size: 1.8em;
	line-height: 36px;
}

h3 {
	font-size: 1.2em;
	line-height: 1.8em;
}
h4 {
	font-size: 1.1em;
}

address {
	margin-bottom: 1em;
}

p,
dt dd {
	font-size: 1.3em;
	line-height: 1.8em;
}

p.last,
li.last,
dd.last {
	margin-bottom: 0;
}

/* Often Used Classes
----------------------------------------------------------------------*/
.floatleft {
	float: left;
	display: inline;
}
.floatright {
	float: right;
	display: inline;
}

.clear {
	clear: both;
}


/* Lists
----------------------------------------------------------------------*/
ul, ol, dl {
	position: relative; /* ensures nav li displays properly in IE */
        margin-bottom: 1em;
}

#content colL ol,
#content colL ol ol {
       list-style-image: none;
       list-style-position: inside !important;
       list-style-type: decimal !important;
}

/* Tables
----------------------------------------------------------------------*/
table,
table td,
table th {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 0 5px;
}
table {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
table th {
	font-weight: bold;
	vertical-align: middle;
}
table td {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Form Elements
----------------------------------------------------------------------*/
input.text,
input.password {
	background-color: #f9f9f9;
	border: 1px solid #f9f9f9;
	padding: 2px;
	margin: 0 10px 0 0;
	background: #E1E3DB;
	color: #3c0c0c;
	_position: relative; 
}

input.text2 { visibility: hidden; float: left; position: absolute;  }
input.checkbox,
input.radio {
	_height: 13px;
	_width: 13px;
}
input.file {
	padding: 2px;
}
select {
	font-size: 1.1em;
}
select option {
	padding: 0 2px;
}
textarea {
	background-color: #f9f9f9;
	border: 1px solid #f9f9f9;
	padding: 2px;
	width: 580px;
	height: 131px;
	_position: relative; 
}

label { /* font-size, letter-spacing, & line height included here to force sIFR to display text properly */
	color: #000000;
	display: block;
	float: left;
	font-size: 1.3em;
	letter-spacing: 0.15em;
	line-height: 1.8em; 
	margin: 1px 5px 0 0;
}

#cSubmit {

	font-weight: bold;
	color: #3c0c0c;
	background: #F3F4F2;
	background-color: #f9f9f9;
	border: none;
	padding: 5px;
	margin-left: -12px;
	_position: relative; 
}


#name {

	margin-left: 57px;
	width: 450px;
	_margin-top: 5px;
	_margin-bottom: -5px;
}
#email {
	margin-left: 11px;
	width: 450px;
}
/* contact page -> form styles
---------------------------------*/

div.fix {
	display: block;
	background-color: #f9f9f9;
	margin-bottom: 8px;
	padding: 6px 2px 6px 13px; 
	height: auto;
	width: auto;
	text-align: left;
	color: #3c0c0c;
	
}


div div.fix {
	margin-right: 14px;
	*margin-right: 9px;
	_margin-right: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div div.fix {
		margin-right: 11px;
	}
}

div.fix.end {
	width: 104px;
	_width: 96px;
	margin-right: 0;
}


div.fix.last {
	background: none;
	padding-top: 0; 
	padding-right: 0;
}

/* Containers
----------------------------------------------------------------------*/
#container {
	width: 100%;
	margin: 33px 0 0 0;
	padding: 0;
}

#wrapper {
	min-height: 506px;
	height: auto !important;
	height: 506px;
	width: 100%;
}

#content {
	padding: 0;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	width: 920px;
	margin:	0 auto;
	position: relative;
}


#bgStripe {
	position: absolute;
	background-color: #d1cdc2;
	height: 6.5em;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#logo {
	position: absolute;
	top:-50px;
	left:30px;
	height: 84px;
	width: 239px;
	z-index: 500;
	margin: 0;
}


.colR {
	float: right;
	display: inline;
}

.colL,
.col2 {
        float: left;
	display: inline;
}

.col3 {
	width: 123px;
        float: right;
        margin-top: 325px;
	background: none;
}

.col3 #secNav {
	margin: 325px 0 0 0;
}


/* boxes
-----------------------------------------------------*/

#box {
	min-height: 162px;
	height: auto !important;
	height: 162px;
	width: 619px;
	margin: 228px 0 0 0;
	padding: 22px 22px 22px 43px;
	color: #fff;
}

#box2 {
	min-height: 151px;
	height: auto !important;
	height: 151px;
	width: 877px;
	background: url(/assets/templates/galileo/images/bkg-light.png) repeat;
	padding: 18px 0 31px 43px;
	margin: 228px 0 0 0;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-light.png', sizingMethod='scale');
}

#box2 .colR {
	position: relative;
	display: inline;
	float: right;
	width: 239px;
	min-height: 84px;
	height: auto !important;
	height: 84px;
	padding: 26px 0 12px 0;
}

#box2 .colR2 {
	position: relative;
	display: inline;
	float: right;
	width: 239px;
	min-height: 58px;
	height: auto !important;
	height: 58px;
	padding: 26px 0 0 0;
}


#box2 .colR li,
#box2 .colR2 li {
       margin-bottom: 6px;
       *font-size: 11px;
       *line-height: 13px;
       _height: 13px;
       _margin-bottom: 5px;
	   text-align: left;
}

*+html  #box2 .colR li,
*+html  #box2 .colR2 li {
       margin-bottom: 9px;
}

#box2 .colR li.active,
#box2 .colR2 li.active {
       background: url(/assets/templates/galileo/images/bkg-dark.png) repeat 0 0;
       padding: 0 22px;
       font-weight: bold;
       color: #394659;
      _margin-bottom: 5px;
       _background-color: #a59a84;
       _filter: 80;
	/* _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-dark.png', sizingMethod='scale'); */
}

#box2 .colR li a,
#box2 .colR2 li a {
        display: block;
        padding: 0 22px;
        font-weight: bold;
        text-decoration: none;
}

#box2 .colR li a:hover,
#box2 .colR2 li a:hover {
         background: url(/assets/templates/galileo/images/bkg-dark.png) repeat 0 0;
         _background-color: #a59a84;
         _filter: 80;
	/*_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-dark.png', sizingMethod='scale'); */
}

#box2 .colL {
	position: relative;
	display: inline;
	float: left;
	/* background-color: #a59a84; */
	background: url(/assets/templates/galileo/images/bkg-dark.png) repeat;
	width: 574px;
	min-height: 108px;
	height: auto !important;
	height: 108px;
	padding: 22px 32px;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-dark.png', sizingMethod='scale');
}

#box3 {
	min-height: 437px;
	height: auto !important;
	height: 437px;
	width: 920px;
	padding: 0;
	position: relative;
}

#box3 img {
	margin: 0 0 1em 0;
	}
	
#box5 {
	width: 755px; 
	position: relative;
	float: left;
	background: url(/assets/templates/galileo/images/bkg-light.png) repeat; 
	padding: 12px 0 20px 42px;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-light.png', sizingMethod='scale');
}


#box5 .row1 .img1 {
	display: inline;
	float: left;
}

#box5 .row1 .img2 {
	display: inline;
	float: right;
	padding: 0 0 0 6px;
}

#box5 .row2 {
	clear: left;
	padding: 0 226px 0 0;
}

#box4 {
	height: 394px;
	margin: 35px 0 30px 0;
	width: 920px;
}

#box4 .colL {
	background: url(/assets/templates/galileo/images/bkg-light.png) repeat;
	padding: 22px 22px 22px 43px;
	margin:0;
	width: 625px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-light.png', sizingMethod='scale');
	
}

#box4 .colR {
	width: 220px;
	color: #fff;
}

.info {
	padding-top: 250px;
	width: 100%;
	margin:0;
}

/* Safari hack to adjust placement of info box*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
        .info {
                padding-top: 278px;
        }
}

.info p,
.info address,
.info span {
	padding: 0 22px;
	text-align: left;
}

#box4 .secNav {

	margin-left: -10px;
	}
#box4 .info a {
	color: #ffffff;
}
#map {
padding-top: 1px;
 padding-left: 30px;
}
#box4 .info span a:hover {
	background: url(/assets/templates/galileo/images/bkg-light.png) repeat !important;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-light.png', sizingMethod='scale');
}


/* Header
----------------------------------------------------------------------*/
div#header {
	background-color: #d1cdc2;
	width: 920px;
	margin: 0 auto;
	position: relative;
}


/* Navigation
----------------------------------------------------------------------*/
div#nav {
	margin: 0 0 0 20px;
	height: 43px !important;
	width: 900px;
	background: url(/assets/templates/galileo/images/nav-bkg2.png) repeat-x top left;

	
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/nav-bkg2.png', sizingMethod='scale');
}

div#nav ul li#topMenu4 {
     width: 111px;
}
div#nav ul li#topMenu5 {
     width: 130px;
}
div#nav ul li#topMenu19 {
     width: 96px;
}
div#nav ul li#topMenu7 {
     width: 102px;
}

div#nav ul li#topMenu4 a{
	width: 94px;
}
 
div#nav ul li#topMenu5 a{
	width: 113px;
}

div#nav ul li#topMenu19 a{
	width: 79px;
}

div#nav ul li#topMenu7 a{
	width: 85px;

}



/* Using Wayfinder out of the box, there is no way to set/configure levels in a non-global way. 
   The below styles hide the levels we do not want to show on the "strategies", "relationships"
& "contact" pages. */
div#nav ul li#topMenu4 ul,
div#nav ul li#topMenu5 ul,
div#nav ul li#topMenu7 ul {
     display: none;
}




/* CONTENT 
--------------------------------------------------------------------- */
#home.jay #content {
	background: url(/assets/templates/galileo/images/bkg-home-jay.jpg) no-repeat 20px 0px;
}

#home.ana #content {
	background: url(/assets/templates/galileo/images/bkg-home-ana.jpg) no-repeat 20px 0px;
}

#home.skip #content {
	background: url(/assets/templates/galileo/images/bkg-home-skip.jpg) no-repeat 20px 0px;
}

/* home -> colored text boxes 
------------------------------------*/
.jay #box {
	background: url(/assets/templates/galileo/images/bkg-jay.png) repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-jay.png', sizingMethod='scale');
}

.ana #box {
	background: url(/assets/templates/galileo/images/bkg-ana.png) repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-ana.png', sizingMethod='scale');
}

.skip #box {
	background: url(/assets/templates/galileo/images/bkg-skip.png) repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/galileo/images/bkg-skip.png', sizingMethod='scale');
}

/* bio pages -> backgrounds
-------------------------------------------------------*/
#bio.bkg #content {
	background:	url(/assets/templates/galileo/images/bkg-bios2.jpg) no-repeat 20px 0;
}

#bio.ana #content {
	background: url(/assets/templates/galileo/images/bkg-ana-bio.jpg) no-repeat 20px 0;
}

#bio.jay #content{
	background: url(/assets/templates/galileo/images/bkg-jay-bio.jpg) no-repeat 20px 0;
}

#bio.skip #content{
	background: url(/assets/templates/galileo/images/bkg-charles-bio.jpg) no-repeat 20px 0;
}

#bio.staff #content {
	background: url(/assets/templates/galileo/images/bkg-colleagues.jpg) no-repeat 20px 0;
}

/* relationships -> backgrounds
-------------------------------------------------------*/

#rapport #content {
	background: url(/assets/templates/galileo/images/bkg-relationships2.jpg) no-repeat 20px 0;
}

/* strategies -> backgrounds
-------------------------------------------------------*/

#strats #content {
	/*background:	url(/assets/templates/galileo/images/bkg-strat2.jpg) no-repeat 20px 0;*/
	background:	url(/assets/templates/galileo/images/bkg-strat-7.jpg) no-repeat 20px 0;
}

/* contact page -> background
-------------------------------------------------------*/

#contact #content {
	background: url(/assets/templates/galileo/images/bkg-contact.jpg) no-repeat 20px 0;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 900px;
	margin: 0 auto;	
	padding: 0;
}
#footer p {
	margin-bottom: 0;
}

#footer #navFooter {
	background: url(/assets/templates/galileo/images/bkg-footer.gif) 0 0 repeat-x;
	float: left;
	margin: 0 0 0 10px;
	padding: 15px 0 0 0;
	width:	900px;
	text-align: left;
}

#footer ul#navFooter li {
	background: url(/assets/templates/galileo/images/b-pipe.gif) no-repeat 97% 0%;
	*background-position: 96% 55%;
	display: inline;
	color: #330000;
	padding-top: 6px;
}

/* safari hack for divider positioning */

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	#footer ul#navFooter li {
		background-position: 96% 0%;
		display: inline; 
		color: #330000;
		padding-top: 6px;
	}
}

#footer ul#navFooter li.last {
	background: none;
}