@charset "utf-8";

body {
	background-color: #000;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-top: 1px;
	line-height: 1.35;
}
h1 { /* all headings are in images */
	margin-left: 10px;
	margin-top: 3.25em;
}
h2 { /* used for client names */
	margin-bottom: 1em;
	margin-left: 3.7em;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
}
h3 { /* used for big quotes and business areas */
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #EC174F;
	padding-top: 28px;
	padding-left: 10px;
	line-height: 1.35;
}
#bottom h3 {
	padding-bottom: 2em;
}

h4 { /* photo/picture captions */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #555;
	text-align: right;
	margin-right: 18px;
	line-height: 1.35;

}
h5 { /* client headings - secondary template */
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #EC174F;
	padding-left: 10px;
}
h6 { /* index service list */
	font-weight: normal;
	color:#999;
	margin-bottom: 0;
	margin-left: 3.7em;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color: #999;
	text-decoration: none;
}
a:hover, a:visited:hover {
	text-decoration: underline;
	color: #555;
}
a:visited {
	color: #999;
}
a img {
	border: none;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.spacer {
	line-height: 25px;
}
.inline {
	display: inline;
}
.grey {
	color: #999;
}

#logo {
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/tdo-logo.png) top left no-repeat;
}
#holder {
	width: 864px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 18px;
	padding-right: 0px;
}
#nav {
	width: 870px;
	padding-bottom: 0.5em;

	
}
ul.dropdown {
	position: relative;
	z-index: 597;
	margin-top: 1em;
	left: -25px;
}
ul.dropdown li {
	float: left;
	zoom: 1;
	list-style-type: none;
	border-right: solid 1px #000;
	padding-right: 0.35em;
	margin-left: 0.35em;
}
ul.dropdown li a {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;	
	text-transform: lowercase;
	color: #000;
	text-decoration: none;
}
ul.dropdown li a:hover {
	text-decoration: none;
	color: #999;
}
#last, #noBorder {
	border-right: none;
}
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.dropdown ul {
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	padding: 0.2em;
	padding-left: 0em;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 18em;
}
ul.dropdown ul li {
	float: none;
	list-style-type: none;
	padding: 0.25em;
	padding-left: 0.75em;
	margin-left: 0em;
	border-right: none;
	font-size: 1em;
}
ul.dropdown ul li:hover {
	background-color: #666;
}
ul.dropdown ul li a {
	text-transform: none;
}
#selected {
	color: #16817E;
}	
ul.dropdown ul li span, ul.dropdown li ul li:hover > ul li span {
	visibility: hidden;
	color: #FFF;
	padding-left: 0.75em;
}
ul.dropdown ul li:hover span, ul.dropdown li ul li:hover > ul li:hover span {
	visibility: visible;
}
ul.dropdown ul li a {
	color: #FFF;
}
ul.dropdown ul li a:hover {
	color: #FFF;
}
ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}
ul.dropdown li:hover > ul { /* This is the drop-down menu, shifts to the left a little so IE7 works */
	visibility: visible;
	left: -39px;
}
html>/**/body ul.dropdown li:hover > ul {
	left: 0px;
}
ul.dropdown li ul li:hover > ul { /* This is the submenu menu, shifts to the right so we can the root menu as well - IE7 fix */
	left: 110px;
}
html>/**/body ul.dropdown li ul li:hover > ul {  /* This is the submenu menu, shifts to the right so we can the root menu as well */
	left: 150px;
}

#left {
	width: 390px;
}
#right {
	width: 474px;
}
.mainQuote {
	width: 15em;
	margin-left: 1.8em;
	margin-bottom: 2.0em;
}
.smallQuote {
	width: 11em;
	margin-top: 0em;
	margin-left: 1.4em;
	margin-right: 3.3em;
	margin-bottom: 1.5em;
	font-size: 1.2em;
	line-height: 1.3;
}
.companyDesc {
	margin-left: 3.7em;
	margin-right: 2.2em;
	color: #999;
}
.ie {
	width: 350px;
	margin-top: 1.5em;
}

#bottom {
	margin-top: 1em;
}
.bRow {
	/*margin-top: 0.5em;*/
	width: 830px;
}
.bLeft {
	width: 355px;
	padding-top: 1.25em;
	padding-bottom: 1em;
}
html>/**/body .bLeft {
	padding-top: 0em;
} 
.bRight {
	margin-right: 4em;
	padding-top: 0.25em;
}
html>/**/body .bRight {
	padding-top: 0.75em;
} 
.partnerBox {
	border: solid 1px #999;
	padding: 1em;
	margin-top: 2em;
	width: 815px;
} 
.casestudyBox {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-top: 0.5em;
	width: 780px;
}
.partnerBox .pLeft {
	width: 290px;
}
.partnerBox .pRight {
	margin-right: 1em;
}
.partnerBox img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.casestudyBox .pLeft {
	width: 290px;
}
.casestudyBox .pRight {
	margin-right: 1em;
}
.casestudyBox img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.socialNetwork {
	margin-right: 3em; 
	margin-top: 3em;
}
#sbHolder {
	width: 175px; 
	margin-left: auto; 
	margin-right: auto;
}

#footer {
	margin-top: 5em;
	width: 60em;
	margin-left: auto;
	margin-right: auto;
	color: #999;
	font-size: 0.7em;
	text-align: center;
}
#footer span {	
	padding-right: 0.25em;
	border-right: solid 1px #999;
}
#footer .last {
	border: none;
}
#footer a {
	text-transform: lowercase;
}