@charset "utf-8";
/* CSS Document for DPAS */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 75% Arial, Helvetica, sans-serif; color: #666;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
h1 {text-align: center; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #B2B2B2; margin-bottom: 0px;}
h2 {font: 160% Arial, Helvetica, sans-serif; color: #00ACEE; margin-bottom: 15px;}
h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #333; padding-bottom: 5px; border-bottom: 1px solid #00ACEE; margin-bottom: 5px; margin-top: 5px;}
h4 {font: bold 120% Arial, Helvetica, sans-serif; color: #666; margin-bottom: 15px;}

.wrapper {width: 994px; margin: auto auto;}

p.sentence {text-align: center; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #B2B2B2; margin-bottom: 0px;}

.logo {padding: 20px 0px 20px 20px; float: left; width: 299px;}

.searchholder {float: right; width: 350px; border: 1px solid #FFF; padding: 40px 28px 0px 0px; text-align:center;}
form.search {margin-bottom: 10px;}
form.search input.searchtext {border: 1px solid #00ACEE; background: #D9F4FF; font: 11px Arial, Helvetica, sans-serif; color: #00ACEE; padding: 2px 1px 2px 2px; position: absolute; top: 70px; float: left;}
form.search input.submit {width: 24px; height: 20px; float: left; position: absolute; top: 70px; margin-left: 179px;}
a.member:link, a.member:visited {border: 1px solid #00ACEE; background: #00ACEE; color: #FFF; font-weight: bold; padding: 2px 20px; text-align: center; text-decoration: none; display: block; float: right; margin-right: 17px; margin-top: 25px;}
a.member:hover {border: 1px solid #00ACEE; background: #D9F4FF; color: #00ACEE; }

.nav {border-bottom: 1px solid #FFF; clear: both; height: 30px; background: url(images/nav-container-bkg.gif) repeat-x bottom;}
.nav ul li {list-style-type: none; display: inline; position: relative;}
.nav ul li a:link, .nav ul li a:visited {background: url(images/nav-bkg.gif) repeat-x bottom; border-right: 2px solid #B2B2B2; text-decoration: none; font: 11px Arial, Helvetica, sans-serif; color: #B2B2B2; padding: 5px 18px 5px 19px; line-height: 30px;}
.nav ul li a:hover {background: url(images/nav-bkg-o.jpg) no-repeat bottom; z-index: 2;}
.nav ul li#last a:link, .nav ul li#last a:visited {border-right: 0px; padding: 5px 17px}

.nav li ul {position: absolute; left: 0px; top: 28px; display: none; width: 120px; border-top: 3px solid #FFF;}

.nav li:hover ul, .nav li.over ul {display: block;}
.nav ul li ul a:link, .nav ul li ul a:visited {text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 5px 20px 4px 20px; text-decoration: none; display: block; background: #DAE2ED; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; text-align: left; border: none; width: 50px;}
.nav ul li ul a:hover {color: #00ACEE; background: #DAE2ED; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

.nav ul li ul li.end {width: 290px;}
.nav ul li ul li .left {background: url(images/transparency-left.png) no-repeat; width: 9px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .right {background: url(images/transparency-right.png) no-repeat; width: 9px; float: left; padding: 0px; margin: 0px; line-height: 6px;}

.nav ul li ul li .midwhat {background: url(images/transparency.png) repeat-x; width: 262px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midevents {background: url(images/transparency.png) repeat-x; width: 112px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midpromotions {background: url(images/transparency.png) repeat-x; width: 162px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midabout {background: url(images/transparency.png) repeat-x; width: 77px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midprices {background: url(images/transparency.png) repeat-x; width: 181px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midcasestudies {background: url(images/transparency.png) repeat-x; width: 247px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midpress {background: url(images/transparency.png) repeat-x; width: 115px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midadvice {background: url(images/transparency.png) repeat-x; width: 82px; float: left; padding: 0px; margin: 0px; line-height: 6px}
.nav ul li ul li .midcareers {background: url(images/transparency.png) repeat-x; width: 127px; float: left; padding: 0px; margin: 0px; line-height: 6px}

.nav ul li ul#what a:link, .nav ul li ul#what a:visited {width: 240px;}
.nav ul li ul#prices a:link, .nav ul li ul#prices a:visited {width: 159px;}
.nav ul li ul#advice a:link, .nav ul li ul#advice a:visited {width: 60px;}
.nav ul li ul#events a:link, .nav ul li ul#events a:visited {width: 90px;}
.nav ul li ul#promotions a:link, .nav ul li ul#promotions a:visited {width: 140px;}
.nav ul li ul#casestudies a:link, .nav ul li ul#casestudies a:visited {width: 225px;}
.nav ul li ul#press a:link, .nav ul li ul#press a:visited {width: 93px;}
.nav ul li ul#about a:link, .nav ul li ul#about a:visited {width: 55px;}
.nav ul li ul#careers a:link, .nav ul li ul#careers a:visited {width: 105px;}
.nav ul li ul#contact a:link, .nav ul li ul#contact a:visited {width: 90px; position: relative; left: -35px;}
.nav ul li ul#contact li.end {width: 290px; position: relative; left: -35px;}

/* Fix IE. Hide from IE Mac \*/
* .nav ul li {float: left;}
* .nav ul li a {height: 1%;}
/* End */

.homecontentright ul, .contentleft ul, .contentright ul {margin-bottom: 15px;}
.homecontentright ul li, .contentleft ul li, .contentright ul li, ul.answer li ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; margin-bottom: 10px; list-style-image: none;}
.homecontentright a:link, .homecontentright a:visited, .contentleft a:link, .contentleft a:visited, .contentright a:link, .contentright a:visited, .homeimageleft a:link, .homeimageleft a:visited {color: #666;}
.homecontentright a:hover, .contentleft a:hover, .contentright a:hover, .homeimageleft a:hover {text-decoration: none;}

.homeimageleft {float: left; width: 504px; margin-bottom: 30px;}
.homecontentright {float: right; padding: 40px 90px 40px 30px; width: 335px; }
.imageright {float: right; width: 335px; margin-bottom: 30px;}
.contentleft {float: left; padding: 40px 90px 40px 30px; width: 504px;}
.imageleft {float: left; width: 335px; margin-bottom: 30px;}
.contentright {float: right; padding: 40px 90px 40px 30px; width: 504px;}
.contentright#eventsbooking {float: right; padding: 40px 10px 40px 30px; width: 584px;}
.section {width: 353px; margin-top: 30px;}
.section .top {background: #CCEEFC url(images/featured-bkg-top.gif) no-repeat; padding: 10px; border-bottom: 1px solid #00ACEE; font-weight: bold;}
.section .mid {background: #CCEEFC; border-top: 1px solid #FFF; padding: 10px 10px 0px 10px;}
.section .mid p {margin-bottom: 0px;}
.section .bot {background: #CCEEFC url(images/featured-bkg-bot.gif) no-repeat; height: 10px; overflow: hidden;}

.footer {background: #00ACEE; height: 60px; clear: both;}
.footer p.left {float: left; width: 400px; color: #FFF; margin-bottom: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding: 20px 15px 30px 30px;}
.footer p.left a:link, .footer p.left a:visited {color: #FFF; text-decoration: none;}
.footer p.left a:hover {text-decoration: underline;}
.footer p.right {float: right; width: 400px; text-align: right; color: #FFF; font: 18px Arial, Helvetica, sans-serif; margin-bottom: 0px; padding: 20px 15px 30px 30px;}

.team {border: 1px solid #E4E4E4; background: #F4F4F4; padding: 10px 10px 0px 10px; margin-top: 10px; margin-bottom: 10px;}
.team img {border: 1px solid #E4E4E4; padding: 5px; background: #FFF; float: left; margin-right: 15px;}
.team p.name {font: bold 120% Arial, Helvetica, sans-serif; color: 333; margin-bottom: 0px;}
.team p.position {font: 100% Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #00ACEE; margin-bottom: 10px; padding-bottom: 7px;}
.team .text {margin-left: 128px;}

table.form {border: 1px solid #E4E4E4; background: #F4F4F4; color: #666; padding: 5px; margin-top: 15px; margin-bottom:15px;}
table.form input, table.form textarea, table.form select {border: 1px solid #E4E4E4; background: #FFF; color: #666; padding: 2px; font: 11px Arial, Helvetica, sans-serif;}
table.form td.hdg {text-align: right}

img.pdf {position: relative; top: 3px; margin-right: 3px;}

p.question {margin-bottom: 5px; border-bottom: 1px solid #FFDE3F; background: url(images/question.gif) no-repeat bottom left; padding: 5px 0px 5px 32px; font-weight: bold;}
img.answerimg {float: left; width: 22px; margin-right: 10px;}
.answer {padding-left: 30px;}

.print {float: right; width: 190px; background: url(images/print.gif) no-repeat; padding-left: 30px; padding: 7px 0px 7px 30px; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: right;}

.blue {color: #00ACEE;}
a.blue:link, a.blue:visited {color: #00ACEE;}
a.blue:hover {text-decoration: none;}

table.press td.line {border-bottom: 1px solid #E4E4E4; padding-bottom: 3px; padding-top: 1px;}
table.press img {padding-bottom: 3px;}


DIV.vertmarq {
	width: 353px;
}
DIV.vmtitle {
	background: #CCEEFC url(images/featured-bkg-top.gif) no-repeat; padding: 10px; border-bottom: 1px solid #00ACEE; font-weight: bold;
}
DIV.vmcontentholder {
	OVERFLOW: hidden;
	POSITION: relative;
	HEIGHT: 200px;
	background: #CCEEFC;
	border-top: 1px solid #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
DIV#vmcontent {
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 200px;
	POSITION: absolute;
	TOP: -200px;
	padding-right: 10px;
	padding-left: 10px;
}
P.vmsectitle {
	MARGIN-TOP: 1em; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0.25em; COLOR: #000000;
}
P.vmseccontent {
	MARGIN-TOP: 0.25em; MARGIN-BOTTOM: 0.25em;
}
P.vmseccontent STRONG {
	COLOR: #000000;
}
A.vmarq {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none;
}
A.vmarq:link {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none;
}
A.vmarq:hover {
	TEXT-DECORATION: underline;
}
A.marq {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none;
}
A.marq:link {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none;
}
A.marq:hover {
	TEXT-DECORATION: underline;
}
.comic-relief {
	FONT-WEIGHT: bold; COLOR: #FD1314; TEXT-DECORATION: none;
}
.contentright a.readmore:link, .contentright a.readmore:visited, input.submit {background: #00ACEE url(images/read-more-bkg.jpg) repeat-x bottom; padding: 3px 7px; color: #FFF; font-weight: normal; border: 1px solid #00ACEE; text-decoration: none; float: right;}
.contentright a.readmore:hover {background: #00ACEE; color: #000000;}