/* CSS - ID MEDIA - Meera Tank */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none;}
.b {font-weight: bold;}
.fl {float: left;}
.fr {float: right}
.nomar {margin: 0;}
a {text-decoration: none; outline: none;}

/* STRUCTURE */
body {float: left; width: 100%; background: #fff; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; color: #666; }

#uber_container {float: left; width: 100%; background: #565253;}
#main_content_container {margin: 0 auto; width: 940px; height: 685px; min-height: 685px; background: #fff; position: relative;}

#header_content {float: left; width: 900px; padding: 25px 20px 10px 20px; border-bottom: 1px solid #e0dcdd;}
#header_content .header_left {float: left; width: 550px;}
*html #header_content .header_left {float: left; width: 570px;}
#header_content .header_left img {float: left; width: 204px; height: 21px;}
#header_content .header_right {float: left; width: 350px;}
*html #header_content .header_right {float: left; width: 330px;}
#header_content .header_right img {float: right; width: 94px; height: 26px;}
#header_content .header_right address p {float: right; width: 100%; text-align: right; font-size: 15px; color: #555354; padding: 0; margin: 20px 0 0 0;}

/* FOOTER CSS */
#footer_container {float: left; width: 100%; padding: 0 0 100px 0;}
#footer_container .footer_content {margin: 0 auto; width: 940px;}

ul.footer {float: left; width: 100%; list-style: none; padding: 0; margin: 14px 0 0 0; line-height: 14px;}
ul.footer li {float: left; padding: 0 10px 0 0; color: #999;}

/* NAVIGATION CSS */
ul.main_nav {float: left; width: 100%; list-style: none; padding: 0; margin: 30px 0 0 0; line-height: 14px; position: absolute; top: 45px; left: 20px; }
ul.main_nav li {float: left; padding: 0 30px 0 0; color: #555354; font-size: 13px;}
ul.main_nav li a {color:#555354; text-decoration: none; }
ul.main_nav li a:hover {color: #bfb9b7;}
ul.main_nav li a.selected {color: #bfb9b7;}

ul.subnav_company {float: left; width: 200px; list-style: none; padding: 2px 0 0 0; margin: 30px 0 0 0; line-height: 14px; position: absolute; top: 0; left: 62px;}
ul.subnav_company li {float: left; width: 200px; padding: 0 0 3px 0; color: #555354; font-size: 13px;}

ul.subnav_case {float: left; width: 200px; list-style: none; padding: 2px 0 0 0; margin: 30px 0 0 0; line-height: 14px; position: absolute; top: 0; left: 167px;}
ul.subnav_case li {float: left; width: 200px; padding: 0 0 3px 0; color: #555354; font-size: 13px;}

ul.subnav_wos {float: left; width: 200px; list-style: none; padding: 2px 0 0 0; margin: 30px 0 0 0; line-height: 14px; position: absolute; top: 0; left: 271px;}
ul.subnav_wos li {float: left; width: 200px; padding: 0 0 3px 0; color: #555354; font-size: 13px;}


ul.subnav_contact {float: left; width: 200px; list-style: none; padding: 2px 0 0 0; margin: 30px 0 0 0; line-height: 14px; position: absolute; top: 0; left: 460px;}
ul.subnav_contact2 {float: left; width: 200px; list-style: none; padding: 2px 0 0 0; margin: 30px 0 0 0; line-height: 14px; position: absolute; top: 0; left: 357px;}
ul.subnav_contact li {float: left; width: 200px; padding: 0 0 3px 0; color: #555354; font-size: 13px;}
ul.subnav_contact2 li {float: left; width: 200px; padding: 0 0 3px 0; color: #555354; font-size: 13px;}

/* CONTENT TEMPLATES */
.bottom_content {}
.bottom_content img {position: absolute; bottom: 0; left: 0; line-height: 0;}
.bottom_content object{ position: absolute; bottom: 0; left: 0; line-height: 0;}

.lefttext_rightimg {float: left; width: 100%;}
.lefttext_rightimg h1 {font-weight: bold; color: #333; padding: 0 0 10px 0; font-size: 14px;}
.lefttext_rightimg p {color: #333; line-height: 16px; font-size: 12px; padding: 0 0 7px 0;}
.lefttext_rightimg .left {float: left; width: 345px; height: 444px; background: #f0eeef; padding: 10px 0 10px 20px; position: absolute; bottom: 0; left: 0; }
#scrollArea {width: 340px; height: 444px;}
#scrollArea2 {width: 480px; height: 255px;}
.lefttext_rightimg .right {float: right; width: 575px; position: absolute; bottom: 0; right: 0;}

.rightimg_lefttxt {float: left; width: 100%; }
.rightimg_lefttxt h1 {font-weight: bold; color: #333; padding: 0 20px 10px 20px; font-size: 14px;}
.rightimg_lefttxt h2 {color: #333; padding: 0 20px 10px 20px; font-size: 11px;}

.rightimg_lefttxt p {color: #333; line-height: 16px; font-size: 12px; padding: 0 20px 10px 20px;}
.rightimg_lefttxt .left {float: left; position: absolute; bottom: 0;  }
.rightimg_lefttxt .left img {position: absolute; bottom: 0; }
.rightimg_lefttxt .left .teamname_overlay {position: absolute; bottom: 28px; width: 280px; background: #666; filter:alpha(opacity=50); opacity: 0.5;}
.rightimg_lefttxt .left p {position: absolute; bottom: 19px; left: -5px; color: #fff; width: 280px; }
.rightimg_lefttxt .right {float: left; width: 365px; height: 404px; background: #f0eeef; padding: 10px 0; position: absolute; bottom: 0; right: 0; }


.team_photos {float: left; width: 100%; bottom: 0; left: 0; position: relative; top: 35px;}
.team_photos span {float: left; width: 100%; padding: 10px 0 5px 15px;}
.team_text {float: left; width: 100%; height: 250px; }

ul.team {float: left; width: 465px; list-style: none; padding: 0 0 0 15px; margin: 0;}
ul.team li.pad {float: left; width: 59px; height: 49px; padding: 0 10px 10px 0; position: relative;}
ul.team li.nopad {float: left; width: 59px; height: 49px; padding: 0 0 10px 0; position: relative;}
ul.team li img {cursor: pointer; float: left;filter:alpha(opacity=50); opacity: 0.5; display: block; position: absolute; bottom: 0;}
ul.team li img.hovered {float: left; filter:alpha(opacity=100); opacity: 100; display: block; position: absolute; bottom: 0;}
ul.team li img.selected {float: left; filter:alpha(opacity=100); opacity: 100; display: block; position: absolute; bottom: 0;}

.adminDiv {float: left; width: 900px; padding: 0 20px; position: absolute; bottom: 330px; left: 0; font-size: 13px; line-height: 20px;}

.homepage {float: left; width: 900px; padding: 0 20px; position: absolute; bottom: 390px; left: 0; font-size: 12px; line-height: 20px;}
.homepage a {color: #666;}
.homepage span, .peee{float: left; background: #5e574d; padding: 0 3px; text-decoration: none; color: #fff;}
.homepage span a, .peee a{color: #fff;}
.homepage .miniArrow{font-size: 9px; font-weight: bold;}
.homepage p {padding: 0 3px; margin-top: 5px;}
.col1 {float: left; width: 280px; padding-right: 30px;}
.col2 {float: left; width: 280px; padding-right: 30px;}
.col3 {float: left; width: 280px; }


/* CASE STUDY */
#casestudy {float: left; width: 912px; padding: 0 8px 0 20px; position: relative; top: 115px;}
#casestudy h1 {color: #333; float: left; width: 50%; position: relative; top: 5px; #top: 18px; line-height: 14px;}
#casestudy img {position: relative;}
#casestudy .case_study_top p {float: left; width: 50%; position: relative; top: 5px; #top: 7px; line-height: 14px; }
#casestudy .case_study_top span {float: right; width: 265px;float: right; padding: 0 11px 0 0; position: relative; top: 15px;}
#casestudy .case_study_top span label {float: left; width: 90px; }
#casestudy .case_study_top span select {float: left; width: 150px; color: #666; font-size: 11px;}
#casestudy .case_study_top span img {float: left; padding-left: 5px;}

#casestudy .back_button p.back_btn {float: right; padding-right: 10px; position: relative; top: 15px; left: -2px;}
#casestudy .back_button p.back_btn img {float: left; padding-left: 10px;}
#casestudy .back_button span.rightarrback {float: left; }
#casestudy .back_button p.back_btn a {color: #666; font-size: 11px;}

ul.case_studies {float: left; width: 912px; padding: 0; position: absolute; left: 19px; top: 130px;  }
ul.case_studies li {float: left; width: 142px; height: 100px; padding: 8px 10px 0 0;}
/*ul.case_studies li a.overlay {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50); opacity: 0.5; #position: relative; #float: left;  width:142px; height:12px}*/
ul.case_studies li a.overlay {
	#position: relative; #float: left;  width:142px; height:100px;
	opacity: .50; 
   	filter: alpha(opacity=50); 
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
   	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
	position:absolute;
	display:block;
	z-index:1000;
}
*html ul.case_studies li a {float: left;}
*html ul.case_studies li a.overlay {}

*html ul.case_studies li {float: left; width: 142px; height: 100px; padding: 4px 10px 0 0;}

.caseimg_pagination {float: left; position: absolute; bottom: 0; left: 0; width: 535px; height: 404px; padding: 10px 20px;}
.left .caseimg_pagination .top {position: absolute; top: 10px; right: 20px; text-align: right;}
.left .caseimg_pagination .top span {float: right; background: #fff; padding: 0 3px; font-size: 10px; color: #333; font-weight: bold; width: 34px; text-align: center; }
.left .caseimg_pagination .bottom {position: absolute; bottom: 10px; width: 575px; }
.left .caseimg_pagination .bottom img.next {position: absolute; right: 40px;}
.left .caseimg_pagination .bottom img.prev { position: absolute; left: 0px;}

.text_pagination {position: absolute; bottom: 7px; width: 365px;}
.text_pagination p.next {float: right; padding: 0 20px 0 0;}
.text_pagination p.prev {float: left; padding: 0 0 0 20px;}
.text_pagination a {color: #666; font-size: 10px;}
.text_pagination span { position: relative; top: -4px;}
.text_pagination span.leftarr {left: 5px;}
.text_pagination span.rightarr {left: -5px;}

/* NEWS */

.news_template {float: left; width: 100%; position: absolute; bottom: 0; left: 0;}
*html .news_template {float: left; width: 100%; position: absolute; bottom: -1px; left: 0;}
.news_template .caseimg_pagination {float: left; position: absolute; bottom: 0; left: 0; width: 410px; height: 404px; padding: 10px 20px;}
.news_template .left img {position: absolute; bottom: 0;}
.news_template .left .caseimg_pagination .top {position: absolute; top: 10px; right: 20px; text-align: right;}
.news_template .left .caseimg_pagination .top span {float: right; background: #fff; padding: 0 3px; font-size: 10px; color: #333; font-weight: bold; width: 34px; text-align: center; }
.news_template .left .caseimg_pagination .bottom {position: absolute; bottom: 10px; width: 490px; }
.news_template .left .caseimg_pagination .bottom img.next {position: absolute; right: 80px;}
.news_template .left .caseimg_pagination .bottom img.prev { position: absolute; left: 0px;}

.news_template .text_pagination {position: absolute; bottom: 7px; width: 450px; left: 0; height: 20px;}
.news_template .text_pagination p.next {float: right; padding: 0 0px 0 0;}
.news_template .text_pagination p.prev {float: left; padding: 0 0 0 0px;}
.news_template .text_pagination a {color: #666; font-size: 10px;}
.news_template .text_pagination span { position: relative; top: -4px;}
.news_template .text_pagination span.leftarr {left: 5px;}
.news_template .text_pagination span.rightarr {left: -5px;}

.right_article {float: left; width: 490px; height: 444px; background: #f0eeef; padding: 10px 0; position: absolute; bottom: 0; right: 0;}
.right_article h1 {font-weight: bold; font-size: 11px; padding: 0 0 10px 20px;}
.right_article h2 {font-weight: bold; font-size: 11px; padding: 0 0 0 20px;}
.right_article div {padding: 0 20px 10px 20px;}
.right_article .divContent {padding: 0 20px 10px 20px; overflow: hidden; height: 300px;}

ul.news_articles {float: left; padding: 10px 0 0 0;}
ul.news_articles li {float: left; padding:0;}
ul.article_list {float: left; width: 450px; padding: 10px 20px 20px 20px; margin: 0;}
ul.article_list li img {float: left; width: 86px; height: 91px; padding: 0;}
ul.article_list li h1 {float: left; padding: 0 0 2px 10px; }
ul.article_list li div {float: left; width: 350px; padding: 0 0 0 10px; line-height: 14px;}
ul.article_list li .ahref {float: left; width: 300px; padding: 7px 0 0 10px; color: #333;}

/* PRESS */
.press_template {float: left; width: 900px; padding: 10px 20px 0 20px; position: absolute; bottom: 0; left: 0; background: #f0eeef; }
.press_template .text_pagination {position: absolute; bottom: 7px; width: 920px; left: 0; }
.press_template .text_pagination p.next {float: right; padding: 0 0 0 0;}
.press_template .text_pagination p.prev {float: left; padding: 0 0 0 20px;}
.press_template .text_pagination a {color: #666; font-size: 10px;}
.press_template .text_pagination span { position: relative; top: -4px;}
.press_template .text_pagination span.leftarr {left: 5px;}
.press_template .text_pagination span.rightarr {left: -5px;}

ul.press_item {float: left; padding: 0 0 40px 0; color: #333;}
ul.press_item li {float: left; padding:0;}
ul.press_list {float: left; width: 427px; margin: 0 0 25px 0; padding: 0 20px 0px 0; #padding: 0 20px 25px 0; height: 115px;}
*html ul.press_list {float: left; width: 427px; margin: 0; padding: 0 20px 10px 0; height: 130px;}
ul.press_list li img {float: left; width: 86px; height: 91px; padding: 0;}
ul.press_list li h1 {float: left; padding: 0 0 5px 10px; }
ul.press_list li .paragraph {float: left; width: 330px; padding: 0 0 0 10px; line-height: 14px; }
ul.press_list li .ahref {float: left; width: 300px; height:19px; padding: 3px 0 0 20px; color: #333; background: url('../images/pdf.gif') no-repeat; position: relative; top: 5px; text-decoration: underline;}

/* CONTACT CSS */
.contact {float: left; width: 325px;}
.contact h1 {padding: 0 0 20px 0 ;}

.contact form p {float: left; padding: 0 0 10px 0;}
.contact form p label {float: left; width: 90px;}
.contact form p input {float: left; width: 230px;}
.contact form p select {float: left; width: 100px;}
.contact form p.submit_btn {position: relative; float: right; padding: 20px 0px 0 0;}
.contact form p.submit_btn span {float: left; padding: 0 10px 0 0;}
.contact form p.submit_btn img {float: left; position: relative; }
.contact form p.submit_btn a {color: #333; cursor: pointer;}
.contact form p.privacy a {position: absolute; bottom: 10px; color: #333; text-decoration: underline;}

.contact address {padding: 0 0 5px 0; color: #333;}
.contact address a {color: #333;}


.opinions_template {float: left; width: 940px; position: absolute; bottom: 0; left: 0; background: #f0eeef; }
.opinions_template .left_layer {width: 470px; float: left; height: 154px; overflow: hidden; color:#333333; font-size:12px;}
.opinions_template .right_layer {width: 470px; float: left;  height: 154px; overflow: hidden; color:#333333; font-size:12px;}
.opinions_template .text_content {padding: 10px;}
.opinions_template img {width: 470px; height: 154px; margin: 0; padding: 0; border: 0;}


#scrollArea2 a {color: #333333}

.flashcontent object {#z-index: -1}