/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#fdfdff;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.hide {display: none;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#4d4d4d;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#2f59a7;}
a:hover{text-decoration:none;}
p {text-align: justify;}

h2 {font-size: 185%;margin-bottom: 17px;}
h3 {font-size: 130%;margin: 0 0 12px 0;}
h4 {font-size: 130%;margin-bottom: 7px; line-height: 140%;}
.client-logo, .img-border {border: 1px solid #DEE6F5;}

.service-video {display:block;width:320px;height:240px;}
.scroll-pane {overflow: auto; height: 300px;}

.scroll-pane a {display: block; margin-bottom: 15px; text-decoration: none; color: #2f59a7;}
.scroll-pane a:hover {color: #fdc61d;}
.scroll-pane h3 {margin-bottom: 10px;}
.scroll-pane p a {display: inline; margin: 0;}
.scroll-pane p {margin-bottom: 15px;}
.scroll-pane a p {margin: 0;}

.what-we-do a {margin-bottom: 0px;}
.what-we-do a h3 {margin-bottom: 2px;}
.what-we-do ul {margin-bottom: 20px;}
.what-we-do ul li {margin-bottom: 4px;}

.what-we-do .link {width: 153px; text-align: center; padding: 3px 2px; margin-top: 6px;}
.what-we-do .first {margin-right: 2px;}
.what-we-do .full {width: 314px;}

.more-spacing-li ul li {margin-bottom: 19px;}
/* ============================= main layout ====================== */

.top-tail {background:#fff url(DND_images/top-tail.gif) 0px -33px repeat-x;}
.bottom-tail {background:url(DND_images/bottom-tail.gif) bottom repeat-x;}

.link {border:1px solid #c5daf7; background:#c5daf7 url(DND_images/link-bg.gif) top repeat-x; font-family:Arial, Helvetica, sans-serif; color:#17449b; text-decoration:none; text-transform:uppercase; float:right; font-size:0.917em; line-height:1em; padding:3px 10px 3px 10px; margin-top:12px;}
.link:hover {background:#c5daf7;}

.link2 {background:#da8610 url(DND_images/link2-bg.gif) top repeat-x; font-family:Arial, Helvetica, sans-serif !important; color:#fff; text-decoration:none; text-transform:uppercase; float:right; font-size:11px !important; line-height:1em; padding:5px 12px 5px 12px; margin-top:12px;}
.link2:hover {background:#da8610;}

input.link2 {border: none; cursor: pointer;}

.no-margin {margin: 0;}


li { border-bottom:1px solid #dee6f5; line-height:2.167em;}
li.last {border: none;}
ul.clients li {margin-bottom: 8px; padding-bottom: 14px; border-color: #c2d1ec;}
ul.clients li.last {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
ul.clients li.line-spacing {line-height: 1.4em;}
ul.clients li.line-spacing img {margin-top: 6px;}
li a {color:#2f59a7; background:url(DND_images/list-bg.gif) no-repeat 0 7px; padding-left:22px; text-decoration:none; display:block;}
li a:hover {color:#fdc61d;}

.playlist li, .what-we-do li {border: none; line-height: normal; list-style: disc; background-image: none; margin-left: 20px;}
.playlist li a, .what-we-do li a {background: none; padding-left: 0;}

.list2 {margin-right:-10px; list-style: disc;}
.list2 li {margin-left: 13px; border:none; line-height:1.667em;}
.list2 li a {background:none; padding:0; display:inline;}
.list2 li a:hover {text-decoration:underline; color:#ffc000;}

.more-padding li {padding-bottom: 10px;}
.more-padding li.last {padding-bottom: 0;}

.list3 {margin-right:-10px;}
.list3 li {border:none; background:url(DND_images/list3-bg.gif) no-repeat 0 10px; padding-left:14px; line-height:1.5em;}
.list3 li a {background:none; padding:0; display:inline; font-weight:normal; color:#4d4d4d;}
.list3 li a:hover {text-decoration:underline; color:#4d4d4d;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:10px;}

li a.inline {display: inline;}

/* ============================= header ====================== */

#header {position: relative;}

.logo {position:absolute; margin:139px 0 0 276px;}

.row1 {height:31px;}
.search {background:url(DND_images/search-bg.gif) no-repeat 0 3px; color:#fdc61d; font-size:0.917em; float:right; padding:0 7px 0 20px;}

#et-logo {position: relative; z-index: 5;}

#menu {position: relative; z-index: 2;}
.menu {margin:0 -5px 0 0;}
.menu ul {float:left; margin-right:-5px;}
.menu li {padding:0 2px 0 0; line-height:1em; border:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:0.917em;}
.menu li a {font-size: 125%; display:block; border-top:1px solid #4e66c4; border-bottom:1px solid #0e123d; border-left:1px solid #4e66c4; border-right:1px solid #0e123d; background:#1e2460 url(DND_images/menu-bg.gif) top repeat-x; width:177px; height:42px; text-align:center; padding:0; color:#fff;}
.menu li a:hover {border-top:1px solid #e8d032; border-left:1px solid #e8d032; background:#da8510 url(DND_images/menu-bg-act.gif) top repeat-x; color:#1c2150;}
.menu .active a {border-top:1px solid #e8d032; border-left:1px solid #e8d032; background:#da8510 url(DND_images/menu-bg-act.gif) top repeat-x; color:#1c2150;}
.menu li a span {display:block; padding-top:15px; overflow: visible;}

#header .indent {position: relative; top: 165px; left: 278px; font-size:94.5%; font-weight: 800; padding:0px; width: 620px; height: 150px; z-index: 3;}
#page1 #header .indent, #page2 #header .indent, #services #header .indent {padding:0;}
#header .indent ul {padding-bottom:6px; float: left; margin-right: 22px; width: 295px;}
#header .indent ul.right {margin-right: 0;}
#header .indent li {font-family:Arial, Helvetica, sans-serif; border:none; background:url(DND_images/header-list-line.gif) bottom left repeat-x; line-height:2.333em; font-size: 1.05em;}
#header .indent h2 {float: left; width: 295px; margin: 7px 22px 0 0; text-align: center;}
#header .indent li a {color:#fdc61d; background:url(DND_images/header-list-bg.png) no-repeat 0 0; padding-left:23px; display:inline;}
#header .indent li a:hover {color:#fff;}
#header .title {margin-bottom:10px;}
#header .indent .last {background:none;}

#header ul.sm-buttons { position: absolute; right: 10px; top: 73px; z-index: 999;}
#header ul.sm-buttons li {padding-right: 10px;background:none; float:left;padding-bottom: 0;border: none;}
#header ul.sm-buttons li.last {padding-right: 0;}
#header ul.sm-buttons li a {background:none; float:left;padding-left: 0;border: none;}

#start-page {position: absolute; z-index: 3; bottom: 15px; right: 10px; text-align: center; margin:0; padding-top:10px;}

/* ============================= content ====================== */

#header-fader {overflow: hidden; width: 903px; height: 340px; position: absolute; top: 61px; z-index:1;}


#image-fader {overflow: hidden; width: 310px; position: relative; margin-top: 30px;}
#image-fader div {right: 0px;}

#content {padding-bottom:20px;}

.indent {padding:15px 25px 0;}
#page1 .indent, #page2 .indent, #services .indent {padding:15px 10px 0;}
.col-pad {padding-right:55px;}
.col-pad2 {padding-right:50px;}
.padding1 {padding-top:7px;}
.padding2 {padding-bottom:8px;}
.padding3 {padding-top:18px;}
.padding4 {padding-bottom:22px !important;}
.padding5 {padding-left:15px;}
.margin1 {margin-top:18px !important;}
.margin2 {margin-left:25px !important; margin-bottom: 5px;}
.margin3 {margin-right:25px !important; margin-bottom: 5px;}
.margin4 {margin-bottom: 40px;}

.upper {text-transform:uppercase;}
.name {color:#17449b; float:right; text-align: right;}
.name strong {font-style:italic;}

.line3 {border-bottom:1px solid #c2d1ec; padding-bottom:13px; margin-bottom:17px;}
.col-2 div.last {margin-bottom: 0px;}
.line4 {border-top:1px solid #c2d1ec; margin-top:4px;}

.color2 {color:#2f59a7;}

.banners {margin-right:-5px; padding-top:20px; position: relative; height: 87px;}
.banners a, .banners span {position: absolute;text-decoration: none; cursor: pointer;} 
.banners span {width: 160px; text-align: center; padding-top: 15px; font-size: 120%;}
.banners a:hover {color: #FDC61D;}
#banner1 {left: 0px;} 	#banner1-text {left: 62px;}
#banner3 {left: 227px;} #banner3-text {left: 283px;}
#banner2 {left: 454px;} #banner2-text {left:516px;}
#banner4 {left: 681px;} #banner4-text {left: 743px;}
.banners img {margin-right:5px;}
.phone {float:right; margin-right:33px;}

/* ============================= footer ====================== */

#footer {color:#2f59a7; text-align:right; line-height:3.4em;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm {font-family:Tahoma, Geneva, sans-serif; font-size:0.917em;}
#ContactForm .rowi {height:37px;}
#ContactForm .link2 {margin-left:5px;}

.input {width:207px; height:16px; border:1px solid #a4a4a4; background:none; padding:2px 0 0 2px; font-size:1em;}
textarea {width:207px; height:123px; border:1px solid #a4a4a4; background:none; padding:2px 0 0 2px; overflow:auto; font-size:1em;}
.errors {color: red;height: 15px;}
.error {border:1px solid red;}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}