/* set defaults */
body {
	font-family:  trebuchet, verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff url(../images/bgs/body-bg.jpg) left top repeat-x;
}

* { 
	font-size: 1em; 
	line-height: 1.5em;
}
div, form{
	margin:0;
	padding:0;
}

p, ul, ol, dl { 
	margin: 0 0 1em 0;  
} 
h1, h2, h3, h4, h5, h6{
	font-family:  "trebuchet ms", trebuchet,  verdana, arial, helvetica, sans-serif;
	margin: 0 0 .1em 0;
	line-height: 1.2em;

}	
h1{
	font-size: 2em;
}
h2{
	font-size: 1.6em;
	color:#D26C00;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
	line-height: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}
p{
	font-size: 1.1em;
}

ul, ol, dl, li, dt, dd {
	list-style: none;
	padding:0;
}
li, dt, dd {
	margin:0;
	font-size: 1.1em;
}

a {
	color:#0050B3;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

img, a img {
	border: none;
}		

input{
	margin:0;
	padding:0;
}
a.skiplink {
	font-size: 8px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
}
.skiplink:active, .skiplink:focus {
	color: #0000FF;
	text-decoration: underline;
}

/* boxes */
#wrapper{
	width:770px;
	margin: 20px auto 0 auto;
	text-align: left;
	background: #fff url(../images/bgs/wrapper-bg.gif) left top repeat-y;
}
#header{
	position:relative;
	width:770px;
	height:120px;
	margin-bottom:22px;
	background:  url(../images/bgs/header-bg.gif) left top no-repeat;
}
#menu {
	width: 183px;
	text-align:right;
	float:left;
	display:inline;
}
#content {
	width: 545px;
	margin-left:15px !important; /* ie hack - ie ignores important statement and reads second rule */
	background:  url(../images/bgs/content-bg.gif) left top repeat-y;
	float:left;
	display:inline;
	padding-bottom:20px;
	margin-bottom:-1px;
	min-height:	330px;
	height:	auto !important; /* ie hack - ie ignores important statement and reads second rule */
	height:	330px;
}
#content .feature {
	margin-left:28px;
	width:265px;
	float:left;
	display:inline;
}
#content .subitem {
	width:190px;
	margin-left:352px !important; /* ie hack - ie ignores important statement and reads second rule */
	margin-left:351px;
}
#footer{
	position:relative;
	width:770px;
	clear:both;
	color:#999999;
	background: #fff url(../images/bgs/footer-bg.gif) left top no-repeat;
}
#userpanel{
	position:absolute;
	text-align:right;
	margin-top:-170px;
	width: 183px;
}

/* header stuff */
#header h1{
	padding:25px 0 10px 15px;
	background: url(../images/bgs/header-h1-bg.gif) left bottom no-repeat;
}
#header h2{
	position: absolute;
	top:28px;
	left:350px;
	width: 370px;
	text-align:right;
	color:#000;
	font: italic normal 1.7em/1.2 arial,sans-serif;
}
#header h2 a{text-decoration:none;}
#header h2 a.houselink{color:#0A6928;}
#header h2 a.orglink{color:#D76A00;}

#header h2 a:hover{text-decoration:underline;}

/* menu stuff */
#menu li, #userpanel li {
	font-size:1.2em;
}
#menu li a, #userpanel li a{
	padding-right: 16px;
	color:#333333;
	text-decoration:none;
}
#menu li a:hover, #menu li .active,
#userpanel li a:hover, #userpanel li .active{
	color:#0050B3;
	background: url(../images/icons/bullet.gif) right center no-repeat;
}
.index #menu .homeNav	a,
.sustainability #menu .sustainabilityNav a,
.profile #menu .profileNav a,
.services #menu .servicesNav a,
.method #menu .methodNav a,
.whyus #menu .whyusNav a,
.joinus #menu .joinusNav a,
.contact #menu .contactNav a,
.intranet #userpanel .intranetNav a{
	color:#0050B3;
	background: url(../images/icons/bullet.gif) right center no-repeat;

}	

/* footer stuff */
#footer p, #footer ul{
}
#footer .copyright{
	padding:15px 12px;
}
#footer .credit{
	float:right;
}
#footer .credit a{
	color:#9E9E96;
	text-decoration:none;
}
#footer .credit a:hover{
	color:#7D7D73;
}
#footer a img{
	vertical-align: text-top;
}


/* userpanel stuff */
#userpanel ul { 
	margin-bottom: 0;  
} 
#userpanel .greeting{
	font-size:1.1em;
	margin:0px 17px 0 0;
}
#userpanel .intranetNav,
#userpanel .resourcesNav{
	position:relative;
	top:130px;
}

/* universal content styles */
#content .splash {
	position:relative;
	margin-left:2px;
	padding-left:26px;
	padding-bottom:20px;
	height:105px;
	background-color: #ffffff ;
}
#content .splash {
}
#content .splash img{
	position:absolute;
	left:26px;
	top:0;
}
#content .feature .item{
	margin-bottom:1.4em;
}
#content .subitem p { 
	font-weight:bold;  
} 
.joinus #content .subitem p { 
	font-weight:normal;  
} 

#content ul li {
	padding-left:15px;
	background: url(../images/icons/bullet.gif) 0px 4px no-repeat;
}



/* individual splash backgrounds */
.index #content .splash {
	height:160px;
}


/* profile/staff styles */
.profile .feature h2{
	color: #333333;
}
.profile .feature h3{
	color:#DB8933;
}
.profile .list .item{
	margin:15px 0 15px 20px;
	width:240px;
	float:left;
	display:inline;
	border-bottom:1px solid #E3A562;
}
.profile .list .item .inlinepic{
	float:left;
	margin:0 10px 15px 0;
}
.profile .position, .profile .CV {
	font-weight:bold;
}
.profile .position{
	margin-bottom:.1em;
}
.profile .CV{
	margin-bottom:15px;
}

.profile .single h1{
	margin-top:1em;
	color:#D26C00;
}
.profile .subitem h3 {
	margin-top:1em;
}
.profile dl {
	padding-left:20px;
}
.profile dt a{
	font-weight:bold;
}

/* whyus/case study styles */
.whyus .single h1{
	margin-top:1em;
}
.whyus .single h2{
	margin-bottom:.5em;
}



/* intranet special styling */
.intranet #content {
	background-color: #E8E9E1 ;
	width: 571px;
}
.intranet #content .splash {
	background: #E8E9E1 url(../images/bgs/intranet-splash-bg.gif) left top no-repeat;
	margin-top:-26px;
	padding-top:26px;
}
.intranet #content .splash img{
	top:26px;
}
.intranet #footer{
	background: #fff url(../images/bgs/intranet-footer-bg.gif) left top no-repeat;
}


/* intranet login stuff */
div.loginbox label {
	width: 70px;
	float:left;
}
div.loginbox input {
	margin:1px 0;
}
/* IMPORTANT! sIFR import styles for screen & print media */

@media screen {
/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash #topMenu li{
	}
}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png) !important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 400px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -200px;
        z-index: 100;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 400px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}

.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}