/*=================================================

		CSS for: DASQ Ltd
		Author: Ember Interactive
		Creation Date: 09/11/09
		Last Modified:
people_over
=================================================*/


/* CSS Reset
-------------------------------------------------*/

body,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* HTML AND BODY
-------------------------------------------------*/

html {
	font-size: 50%;
	height: 100%;
	min-width: 960px;
	background: #454750;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 125%;
	background: #454750;
	padding: 10px 0;
}

/*=================================================

		TEXT AND LINKS
		
=================================================*/

h1 {color: #fff; font-size: 1.5em; line-height: 1.25em;}
h1.home {width: 320px; font-size: 1.2em; font-size: 1.25em; line-height: 1.5em; font-weight: bold; margin: 100px 0 175px 0;}
h2 {color: #fff; font-size: 1.5em; line-height: 1.25em; margin-bottom: 20px; letter-spacing: 2px;}
h3 {color: #fff; font-size: 1.15em; line-height: 1.25em; margin-bottom: 10px; font-weight: bold;}

span.subheader {font-size: 1.5em; margin: 20px 0;}

p {font-family:  Verdana, Arial, Helvetica,sans-serif; font-size: 11px; line-height: 1.3em; color: #fff;}

a {color: #aaa; margin: 0; padding: 0; outline: none; text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a:hover, a.selected {text-decoration: underline;}

ul {list-style-type: none; padding: 0;}
li {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.25em;}

span.cap {text-transform: capitalize; font-weight: bold;}


/*=================================================

		STRUCTURE & LAYOUT
		
=================================================*/

#master {width: 960px; margin: 0 auto; background: #353735; display: block; height: 457px; position:relative;}
#logo {width: 960px; margin: 0 auto; text-align: right;}
#navigation {background: #60656b; margin: 10px 0 20px 0; padding: 0; display: block; height: 25px;}
#footer {width: 960px; margin: 0 auto; padding: 10px 0;}

/*=================================================

		CONTENT
		
=================================================*/

#photo {width: 565px; height: 457px; float: left; overflow: hidden; position:relative;}
#photo ul {list-style-type: none; position:relative; background:url('../../images/loader.gif') 50% 50% no-repeat; display:block; width:565px; height:457px;}
#photo ul li {display:block; width:565px; height:457px;}

#content_left {display: block; float: left; width: 500px; height: 390px; padding: 0 10px 0 30px; margin: 30px 0 0 0; overflow: auto;}
#content_right {display: block; float: right; width: 335px; padding: 30px 30px 0 0;}
#content_right img {margin-bottom: 20px;}

#content_news_left {display: block; float: left; width: 500px; height: 350px; padding: 0 10px 0 30px; margin: 0; overflow: auto;}
#content_news_title {float: left; width: 500px; padding: 30px 10px 0 30px; margin: 0;}
#content_news_right {display: block; float: right; width: 335px; padding: 30px; position: absolute; top: 0; right: 0;}

#content_box {max-height: 350px; overflow: auto; padding: 0 10px 0 0;}
#content_box p {padding: 5px 0 20px 0;}
#content_box a {color: #fff;}
#content_box h2 {color: #fff; font-size: 1.5em; line-height: 1.25em; margin-bottom: 20px;}

#content_left_locations {display: block; float: left; width: 520px; height: 405px; padding: 0 10px 0 30px; margin: 10px 0 0 0; overflow: hidden;}

/*#message {display: block; float: right; margin: 0 30px; width: 335px;}
#message p {color: #8E969B;font-weight: bold;}
#message span {display: block; float: left; width: 50px; height: 50px; color: #fff;}
#message a {font-weight: normal;}*/

p.introduction {margin: 20px 0;}

p.linkslist {border-top: 1px solid #60656b; margin-top: 0;}
p.linkslist a {display: block; padding: 3px 0; border-bottom: 1px solid #60656b; font-size: 0.8em; color: #fff;}

#content_right_people {display: block; float: right; width: 335px; padding: 30px 30px 0 30px;}
#content_right_people ul {border: 0;}
#content_right_people ul li {display: block; float: left; width: 45%; border: 0;}
#content_right_people img {float: right; margin-top: -69px; margin-right: -30px; margin-bottom: 10px;}
#content_right_people p {font-size: 11px;}

#content_box_people {max-height: 210px; overflow: auto; padding: 0 10px 0 0;}

p.more {padding: 0 0 10px 0!important;}
p.section {padding: 10px 0 10px 0!important; width: 100px; float: left; display: block; font-weight: bold;}
p.subtitle {margin-bottom: 10px; margin-top: -10px; font-weight: bold;}

ul#newslist {margin-top: 0; list-style-type: none;}
ul#newslist a {display: block; font-size: 0.9em; color: #fff;}
ul#newslist li {border-bottom: 1px solid #60656b; padding: 3px 0;}

span.newshead_left {float: left; display: block; width: 75px;}
span.newshead_right {float: left; display: block; width: 375px;}

p.news {margin: 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
p.news img {float: left; margin: 0 20px 15px 0;}

/*=================================================

		NAVIGATION
		
=================================================*/

#navigation_contain {display: block; width: 960px; margin: 0 auto;}
#navigation ul {background: #60656b; list-style-type: none; display: block; float: left;}
#navigation li {float: left; font-size: 1.1em; line-height: 1em; text-align: center; font-family: verdana, geneva;}
#navigation li a {display: block; text-decoration: none;  color: #fff; margin: 0 4px; padding: 0 4px 0 4px; line-height: 25px;}
#navigation li a:hover {background: #353735;}
#navigation li a.first { margin: 0 4px 0 0; padding: 0 4px 0 0;}

#sub_navigation ul {list-style-type: none; list-style-position: inside; display: block; border-top: 1px solid #60656b; margin: 20px 0 0 0;}
#sub_navigation li {font-size: 1.1em; line-height: 1.4em; font-family: verdana, geneva; border-bottom: 1px solid #60656b; padding: 5px 0 5px 0; margin: 0 0 0 0;}
#sub_navigation li a {display: block; text-decoration: none; color: #fff; margin: 0; padding: 0; letter-spacing: 2px;}
#sub_navigation li a:hover {text-decoration: underline;}

#sub_navigation1 ul {list-style-type: none; list-style-position: inside; display: block; border-top: 1px solid #60656b; margin: 20px 0 0 0;}
#sub_navigation1 li {font-size: 1.1em; line-height: 1.4em; font-family: verdana, geneva; border-bottom: 1px solid #60656b; padding: 5px 0 5px 0; margin: 0 0 0 0;}
#sub_navigation1 li a {display: block; text-decoration: none; color: #fff; margin: 0; padding: 0;}
#sub_navigation1 li a:hover {text-decoration: underline;}

#sub_nav_pag {position:absolute; bottom:20px;}
#sub_nav_pag a {display: block; text-decoration: none;  color: #fff; margin: 0; padding: 0;}
#sub_nav_pag li a:hover {text-decoration: underline;}

#people_sub_navigation ul {list-style-type: none; display: block; margin-top: 20px;}
#people_sub_navigation li {font-size: 1em; font-family: verdana, geneva; border-bottom: 1px solid #60656b; padding: 0;}
#people_sub_navigation li a {display: block; text-decoration: none;  color: #fff; margin: 0; padding: 0;}
#people_sub_navigation li a:hover {text-decoration: underline;}

#footer p {color: #A9B9DD;}
#footer a {color: #fff; text-transform: capitalize;}

#searchdiv {padding: 2px 0 0 0; width: 160px; float: right;}
#searchdiv input.searchbox {width: 110px; height: 14px; margin: 0 5px 0 0; color: #666;}
#searchdiv input.submit {padding: 0 3px;}

a.special {padding: 3px 5px; background: #1b76bf;}

/*=================================================

		PHOTO NAV
		
=================================================*/

#photo #photo_nav {position:absolute; top:363px; left:0; width:568px; height:94px;  background-color: #353735;}
#photo #photo_nav p {line-height:24px; height:24px; font-size:1.1em; width:544px; overflow:hidden;}
#photo #photo_nav p a {display:block; line-height:24px; height:24px; padding-left:24px;background-image:url('../../images/arrows.gif'); background-position: 4px -58px; background-repeat: no-repeat;  background-color: #353735;}
#photo #photo_nav ul {width:568px; height:70px; background:none;}
#photo #photo_nav ul li {display:block; width:140px; height:70px; float:left; margin-right:2px; overflow:hidden;}
#photo #photo_nav ul li img {width:140px; height:70px;}

/*=================================================

		NEWS TICKER
		
=================================================*/


#message {display: block; float: right; margin: 0 30px; width: 335px; height:60px;}
#message ul {display: block; width: 335px; height:60px; position:relative; overflow:hidden;}
#message ul li {display: block; width: 335px; height:60px; color: #8E969B; font-weight: bold;}
#message ul li span {display: block; float: left; width: 65px; height: 50px; color: #fff;}
#message ul li a {font-weight: normal; color: #999999;}

/*=================================================

		PEOPLE VIEWER
		
=================================================*/

#photo ul#people_viewer {width:568px; height:70px; background:none;}
#photo ul#people_viewer li {display:block; width:50px; height:63px; float:left; margin-right:1px;}
#photo div#people_over{background-color:#5f666b; width:101px; height:63px; position:absolute; top:0; left:0; display:none;}
#photo div#people_over p {width:94px; margin-left:6px; font-size:1.1em;}

ul.people_list {border: 0;}

/*=================================================

		CLIENT LIST
		
=================================================*/

#clientlist_holder {width:4000px; height:380px;}
ul#clientlist, ul.clientlist {list-style-type: none; width:230px; margin-right:5px; float:left;}
ul#clientlist li, ul.clientlist li {color: #fff; font-size: 1.1em; line-height: 1.3em;}

#client_pag {position:absolute; bottom:20px; width:500px; height:20px;}

#client_pag a {display: block; text-decoration: none;  color: #fff; margin: 0; padding: 0; font-size:1.1em;}
#client_pag a:hover {text-decoration: underline;}

a#client_prev {float:left; width:100px;}
a#client_next {float:right; width:100px; text-align:right;}

/*=================================================

		CAREERS
		
=================================================*/

ul#careers_people {list-style-type: none;}
ul#careers_people li {border-top: 1px #60656b solid; padding: 0;}
ul#careers_people img.thumb {height: 55px; float: left; margin: 10px 20px 10px 0;}
ul#careers_people img.profile {float: right; margin: 0 0 20px 40px;}
ul#careers_people a {float: left; padding: 20px 20px 0 0; color: #fff;}
ul#careers_people a.name {width: 110px; display: block;}
ul#careers_people p {margin-bottom: 20px;}

ul#locations {list-style-type: none; margin: 40px 0 0 40px; width: 150px; float: left;}
ul#locations li {margin: 0 0 7px 0;}
ul#locations a {color: #fff; font-size: 0.9em;}

div#location_pics img {padding: 0; margin: 0 0 10px 0; float: left; width: 158px;}
div#location_pics img.main {width: 316px; height: 145px;}

/*=================================================

		CONTACT
		
=================================================*/

div.locations p {padding: 0 0 10px 0;}
div.locations a {color: #fff;}

/*=================================================

		FOOTER
		
=================================================*/

#footer_left {width: 595px; float: left;}
#footer_right {float: right; width: 365px}

#footer_right p{
	float: left;
}

#footer_right p.rss{
	float: right;
}

a.rss {height: 14px; line-height: 14px; margin: 0; padding: 0;}
a.rss span {position: relative; top: -3px; }
a.rss:hover {text-decoration: none;}


/*=================================================

		SEARCH
		
=================================================*/

#results {margin: 0 30px; padding-top: 30px;}
.resultlist {line-height: 1.5em; padding: 1px 0 1px 10px;}
.resultlist a {display: block;}
.resultlist a:hover {text-decoration: none; color: #fff;}
.resultdate {line-height: 1.5em; padding: 0; color: #aaa;}
.resultHead {padding: 0 0 5px 0;}
.resultRowTwo {background: #3d3f3d;}

/*=================================================

		USEFUL CLASSES
		
=================================================*/

.hidden {display: none;}
.overflow {overflow: auto;}
.clear {clear: both; margin: 0; padding: 0; height: 0; line-height: 0;}
.divide {height: 3px; border-bottom: 1px solid #454750; margin: 10px 0;}