body {color: #333; background: #E8E8E1 url(/images/bg.gif) repeat-y center top; font: 76% Trebuchet MS, Verdana, Arial, sans-serif; border:0;margin: 0; padding: 0; text-align: center; min-width: 733px;}

* html body {font-size: 80%;}

h1, h2, h3, h4, h5, h6 {margin: 0;}

p {
	font-size: 1.0em;
	line-height: 1.7em;
	margin: 0em 0em 0em 0em;
	}

.small {
	font-family:verdana, arial;
	font-size: 10px;
	}
	
img {border: 0;}

form {margin: 0;}

hr {border: solid 1px #E8E8E1; width: 100%; margin: 0px 0px 0px 0px;}

abbr {font-style: normal; border-bottom: dotted 1px #ccc; cursor: help;}

a, a:link {color: #102562; font-weight: bold;}

a:hover {color: #637EA9;}

em {color: #102562; font-family: georgia, 'times new roman', serif;}

h1 {
	color: #102562; 
	font-size: 1.7em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.5em;
	margin: 1.2em 0em .5em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: .5em 0em .5em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: .5em 0em .5em 0em;
	font-weight: normal;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: .2em 0em 1.5em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.5em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
#container {background: #fff url(../images/header_background.gif) repeat-x; text-align: left; margin: 0px auto; width: 730px; height:157px;position: relative; }

#container_blank {background: #fff ;text-align: left; margin: 0px auto; padding:0 0 0 30px; width: 700px; position: relative; }

#header h1 {width: 273px; background: #fff url(/images/dpfg_logo.gif) no-repeat; position: absolute; margin:10px; z-index: 3; overflow: hidden;
 padding-top: 70px; 
 height: 100px;
 voice-family: "\"}\""; 
 voice-family: inherit;
 height: 0;
} #header {}

#header h2 {width: 273px; background: #fff url(/images/excellence_rc.gif) no-repeat; position: absolute; margin:20px 20px 20px 400px; z-index: 3; overflow: hidden;
 padding-top: 50px; 
 height: 100px;
 text-align:right;
 voice-family: "\"}\""; 
 voice-family: inherit;
 height: 0;
} #header {}

/* -- navigation -- */

#nav {margin: 0; padding: 0; position: absolute; top: 98px; right: 10px; width: 595px; height: 32px; background: #E8E8E1 url(/images/nav.gif) no-repeat; z-index: 9;}

#nav li {list-style: none; display: inline;}

#nav li a {display: block; position: absolute; top: 0; overflow: hidden;

 padding: 32px 0 0 0;

 height: 32px;

 voice-family: "\"}\""; 

 voice-family: inherit;

 height: 0;

} #nav {}

#nav a:hover {background: url(/images/nav.gif) 0 -32px no-repeat;}

#navservices a {width:95px; left: 0;}

#navprincipals a {width: 107px; left: 95px;}

#nav #navprincipals a:hover {background-position: -95px -32px;}

#navclients a {width: 75px; left: 202px;}

#nav #navclients a:hover {background-position: -202px -32px;}

#navabout a {width: 68px; left: 276px;}

#nav #navabout a:hover {background-position: -276px -32px;}

#navcontact a {width: 85px; left: 344px;}

#nav #navcontact a:hover {background-position: -344px -32px;}

#navjobs a {width: 166px; left: 429px;}

#nav #navjobs a:hover {background-position: -429px -32px;}


.services #nav  #navservices a {background: url(/images/nav.gif) 0 -64px no-repeat;}
.services #nav  #navservices a:hover {background: url(/images/nav.gif) 0 -64px no-repeat;}

.principals #nav  #navprincipals a {background: url(/images/nav.gif) -95px -64px no-repeat;}
.principals #nav  #navprincipals a:hover {background: url(/images/nav.gif) -95px -64px no-repeat;}

.clients #nav  #navclients a {background: url(/images/nav.gif) -202px -64px no-repeat;}
.clients #nav  #navclients a:hover {background: url(/images/nav.gif) -202px -64px no-repeat;}

.about #nav  #navabout a {background: url(/images/nav.gif) -276px -64px no-repeat;}
.about #nav  #navabout a:hover {background: url(/images/nav.gif) -276px -64px no-repeat;}

.contact #nav  #navcontact a {background: url(/images/nav.gif) -344px -64px no-repeat;}
.contact #nav  #navcontact a:hover {background: url(/images/nav.gif) -344px -64px no-repeat;}

.jobs #nav  #navjobs a {background: url(/images/nav.gif) -429px -64px no-repeat;}
.jobs #nav  #navjobs a:hover {background: url(/images/nav.gif) -429px -64px no-repeat;}


/* -- Drop Shadow --*/

.img-shadow {
  float:left;
    background: url(drop.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -8px 6px 8px -6px;
  padding: 2px;
  }

/* -- breadcrumbs -- */

#breadcrumb {background: url(breadcrumb-bg.gif) 0 0 repeat-y; position: absolute; top: 132px; left: 10px; width: 482px; height: 20px; color: #102562;}

#breadcrumb ul {margin: 0; padding: 3px 0 0 12px;}

#breadcrumb li {list-style: none; display: inline; text-transform: uppercase; font-size: 0.8em; padding-right: 10px; background: url(/images/arrow-breadcrumb.gif) top right no-repeat;}

#breadcrumb li.current {background-image: none;}


/* -- client login -- */

#clientlogin {
top: 133px; left: 611px; 
width: 108px; 
background: #E8E8E1 url(/images/clientlogin.gif) no-repeat; 
position: absolute; 
margin:0px; 
z-index: 3; 
overflow: hidden;
padding-top: 23px; 
height: 23px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 0;
} #header {}

#clientlogin a {padding:23px 0px 0px 108px;}



/* -- Accessibility Tweaks -- */

#accessibility {position: absolute; left: -9999px; width: 9000px;}

.hide {display: none;}

.design .item .portfolio {position: absolute; left: 438px; margin-top: 40px;}


/*-- content area -- */

#mainContent {padding: 157px 0px 0 0px;}


/* 	HOLLY HACK
	background images appear and disappear and act 
	all weird without this hack, insures bulleted
	bullted images work properly, use whenever IE 
	displays floats weird
 */
/* Hides from IE5-mac \*/
* html .item {height: 1%;}
/* End hide from IE5-mac */ 

.item {

padding:10px 5px 0 20px;
margin:0;
color: #333; 
font-size: 1.1em; 
}

.item ul{margin:0;padding:0;}
.item li{
	position:relative;
	list-style:none;
	padding-left: 14px;
    background-image: url(/images/tridot.gif);
    background-repeat: no-repeat;
    background-position: 0 9px;
}

.ordered ol{margin:0;padding:0;}
.ordered li{margin:0;padding:0;
list-style:decimal;
background-image: url();
}


.item p {margin: 5px 0px; padding-bottom: 10px;}

.homeitem {padding: 0px 10px 0 20px;color: #333; font-size: 1.1em; margin-bottom: 5px;}

.homeitem p {margin: 5px 0px; padding-bottom: 2px; text-align:justify; font-size:.85em;}
.homeitem h3	{
	padding: 2px 0 0 0 ;
	color:#102562;
	font-size:1.2em;
	}	

.homeitem ul {font-size: 0.9em;}

.homeitem li {margin: 0 0 1em 0; line-height: 1.4; list-style-image: url(/images/li2.gif);}


/* -- footer -- */

#footer {color: #102562; font-size: 0.9em;  background: #E8E8E1;  margin: 0px; padding: 0 0 20px 0px; position: relative;}

/* --sidebar --*/

#sidebar	{
	width: 236px;
	margin: 10px 0 0 0px;
	padding: 0 0 12px 0;
	color: #333;
	background: transparent url(/images/sidebar_bottom.gif) bottom left no-repeat;
	}
#sidebar ul {padding: 0; margin: 0 14px;}

#sidebar li {list-style: none;}
#sidebar p {margin: 0; line-height: 1.3;}
#sidebar #sideblurbs	{
	margin: 0;
	padding: 9px 0 0 0;
	background: transparent url(/images/sidebar_top.gif) top left no-repeat;
	}
	
#sidebar #newsitems	{
	margin: 0;
	padding: 9px 0 0 0;
	background: transparent url(/images/sidebar_top.gif) top left no-repeat;
	}
	
/* Contextual navigation */

#sidebar h2	{
	background: transparent url(/images/sidebar_on.gif) repeat-y;
	margin: 0;
	padding: 4px 10px 4px 30px;
	border: 0;	
	color:#fff;
	font-size:1.2em;
	}	
#sidebar h4 {color: #102562; margin: 0px 0 0 0;}	
#sideblurbs ul {
	list-style: none;
	margin: 0;
	padding: 0 10px 15px 10px;
	background: transparent url(/images/sidebar_back.gif) repeat-y 0 50%;
	color: #102562;
	}
#sideblurbs li {
	margin: 0;
	padding: 0px 0px 1px 0px;
	font-size: .9em;
	text-decoration:none;
	background: transparent url(/images/sidebar_line.gif) no-repeat 20px 50%;
	}
#sideblurbs p	{
line-height: 20px;
padding: 4px 0px 1px 20px;
 width: 91%;
text-decoration:none;
background: transparent url(/images/sidebar_back.gif) repeat-y 0 50%;
display:block;
	}	
	
#sideblurbs li a	{
line-height: 20px;
padding: 4px 0px 1px 20px;
 width: 91%;
text-decoration:none;
display:block;
	}

#sideblurbs li a:visited	{
color: #666; 
line-height: 20px;
padding: 4px 0px 1px 20px;
 width: 91%;
text-decoration:none;
display:block;
	}
	
#sideblurbs ul li a:hover {
 color:#000;
  width: 91%;
 background-color:#F1F6F6;
}	


#newsitems ul {
	list-style: none;
	margin: 0;
	padding: 0 10px 15px 10px;
	line-height: 0px;
	background: transparent url(/images/sidebar_back.gif) repeat-y 0 50%;
	color: #102562;
	}
#newsitems li {
	font-family: verdana, arial, sans-serif;
	line-height: 0px;
	margin: 0;
	font-size: 10px;
	padding: 0px 0px 1px 0px;
	text-decoration:none;
	background: transparent url(/images/sidebar_line.gif) no-repeat 20px 98%;
	}
 	
#newsitems a:link {color: #102562; font-weight: normal; text-decoration: none; display: block; padding: 4px 20px 1px 20px; line-height:18px;  width: 81%;}

#newsitems a:visited {color: #666;  font-weight: normal; text-decoration: none; display: block; padding: 4px 20px 1px 20px; line-height:18px;  width: 81%;}

#newsitems a:hover {color: #102562; background: #F1F6F6; text-decoration: none; }

#newsitems a:active {color: #102562;font-weight: normal; text-decoration: none; display: block; padding: 4px 20px 1px 20px; line-height:18px;   width: 81%;}


#rts_signup {
	color:#fff;
	background: transparent url(/images/rts_tour_signup.jpg) no-repeat;
	text-align:left;
	padding:100px 0 0 35px;
	height:400px;
}

#rts_signup p{
	line-height: 1.3em;
	margin: 10px 0 0 0;
}
#rts_signup a:link {color:#fff;}
#rts_signup a:visited {color:#fff;}
#rts_signup a:hover {color:#fff; text-decoration:none;}
#rts_signup a:active {color:#fff;}


#rts_signup td {
	font:12px #fff verdana, arial, sans-serif;
}
#rts_signup input {
	font:10px #fff verdana, arial, sans-serif;
}

	
/* -- general classes -- */

.flLeft {float: left;}

.flRight {float: right;}

.padme {margin: 10px;}me {margin: 10px;}

/* form processor */

fieldset {
	width:400px;
	font:12px #333 verdana, arial, sans-serif;
	display:inline;
	background:#fefefe url(/images/bg_grey_shade.gif) repeat-x bottom;
	padding:0 10px 20px 10px;
  }

legend {
font:bold 20px Trebuchet MS, arial, sans-serif;color:#102562; margin: 0px 10px 0px 0px;

}

label {
font-family:verdana;
font-size:10px;
text-align:right;
width:100px;
float:left;
padding:0;
margin:0;
margin-top:0.3em;
  }


.textfield {
margin:3px;
font-family:verdana;
font-size:10px;
width:200px;
height:15px;
border:1px #999 solid;
}
.textarea {
font-family:verdana;
font-size:10px;
margin:3px;
height:50px;
width:200px;
border:1px #999 solid;
}
.browse {
font-family:verdana;
font-size:10px;
margin:3px;
border:1px #666 solid;
	
}

.center {text-align:center;}

#data table {
font-family:arial;
font-size: 11px;
padding:10px;
margin:0 10px 0 0;
border:1px solid #B1AC74;
border-collapse: collapse;
}

#data th {
font-family:verdana;
font-size:10px;
background: #E8E8E1;
padding:5px;
margin:0;
border:#B1AC74 1px solid;
}

#data td {
padding:5px;
margin:0;
border:1px solid #B1AC74;
}

#data ul{margin:0;padding:0;}
#data li{
	position:relative;
	list-style:none;
	padding:2px 0 2px 2px;
    background-image: url(/images/);
    background-repeat: no-repeat;
    background-position: 0 9px;
}

#data h3 {
	font-size: 1.5em;
	color:#666;
	margin: 0px 60px 10px 60px;
	font-weight: normal;
	border-bottom: #DADFE9 1px dashed;
	padding:0px 50px;
	}