/* INSIDE MOBILE CSS - ID MEDIA UK - MEERA TANK */

/* HOMEPAGE CONTENT */
#homepage_content {float: left; width: 970px;}
#homepage_content .homepage_left {float: left; width: 220px; margin-right: 20px;}
#homepage_content .homepage_right {float: left; width: 700px; border-top: 0px solid #ccc; padding: 0 0 0 0;}
#homepage_content .homepage_right .col1 {float: left; width: 220px; margin-right: 20px;}
#homepage_content .homepage_right .col2 {float: left; width: 440px; margin-right: 20px;}

#homepage_content .homepage_right .col3 {float: left; width: 220px;}
#homepage_content .homepage_right .col3 .right_col_in {padding: 15px 0 15px 0; border-top: 2px solid #ebe7f3; clear: both;}

/* CASE STUDY CONTENT */
#case_study {float: left; width: 970px; padding: 15px 0 0 0;}
#case_study .case_img { float: left; width: 700px; margin-right: 20px;}
.case_content {float: left; width: 970px; padding: 20px 0 0 0;}
.case_content .case_title {float: left; width: 800px; position: relative; left: 240px; top: -5px; padding: 0 0 5px 0;}
.case_content .col1 {float: left; width: 220px; margin-right: 20px; }
.case_content .col2 {float: left; width: 460px; margin-right: 40px; padding: 20px 0 0 0; border-top: 2px solid #f0f0f1;}
.case_content .col3 {float: left; width: 200px; padding: 20px 0 0 0;  border-top: 2px solid #f0f0f1;}

/* SERVICES CONTENT */
#services {float: left; width: 970px;}
#services .services_right {float: left; width: 200px; border-top: 1px solid #ccc; padding: 10px 0 0 0; }
#services .services_left {float: left; width: 700px; border-top: 1px solid #ccc; padding: 10px 0 0 0; margin-right: 40px; }
#services .services_left .col1 {float: left; width: 210px; margin-right: 35px;}
#services .services_left .col2 {float: left; width: 210px; margin-right: 35px;}
#services .services_left .col3 {float: left; width: 210px;}

/* TEMPLATE 2 CONTENT - CONSULTANCY/ABOUT/ABOUT2/CONTACT*/
#template2 {float: left; width: 970px; padding: 15px 0 0 0;}
#template2 .template2_left { float: left; width: 700px; margin-right: 20px;}
#template2 .template2_left .template2_img { float: left; width: 700px; margin: 0 0 20px 0; }
#template2 .template2_left .col1 {float: left; width: 220px; margin-right: 20px; }
*html #template2 .template2_left .col1 {float: left; width: 220px; margin-right: 18px; }
#template2 .template2_left .col2_holder {float: left; width: 460px;}
#template2 .template2_left .col2_diff_border {float: left; width: 460px; padding: 10px 0 15px 0; border-top: 1px solid #ccc;}
#template2 .template2_left .col2 {float: left; width: 460px; padding: 20px 0 0 0; border-top: 2px solid #f0f0f1;}
#template2 .template2_right { float: left; width: 220px;}
#template2 .template2_left .col2_col1 {float: left; width: 220px; margin-right: 20px;}
#template2 .template2_left .col2_col2 {float: left; width: 220px; }

/* WORK CONTENT */
#work {float: left; width: 970px; padding: 20px 0 0 0;}
#work .work_mod {float: left; margin: 0 0 35px 0;}
#work .work_mod .title {float: right; width:580px; padding: 0 30px 0 0;}
#work .work_mod .work_mod_left {float: left; width: 328px; margin: 33px 20px 0 0; padding: 20px 10px 0 0; border-top: 1px solid #ccc;}
#work .work_mod .work_mod_left p {float: right; width: 70%; text-align: left; font-size: 22px; line-height: 28px; font-family: Georgia; font-weight: 500;}
#work .work_mod .work_mod_right {float: left; width: 582px;}
#work .work_mod .work_mod_right ul { float: left;}
#work .work_mod .work_mod_right li {float: left; width:95px; height:95px; padding:0 0 2px 2px; margin: 0;}
#work .work_mod .work_mod_right .col1 {float: left; width: 183px; margin-right: 17px;}
#work .work_mod .work_mod_right .col2 {float: left; width: 183px; margin-right: 16px;}
#work .work_mod .work_mod_right .col3 {float: left; width: 183px; }

/* NEWS CONTENT */
#news {float: left; width: 970px; padding: 15px 0 0 0;}
#news .news_left {float: left; width: 700px; margin-right: 20px;}
#news .news_left .title {float: left; width: 700px; padding: 0 0 5px 0; margin: 0 0 10px 0;}
#news .news_left img {}
#news .news_right {float: left; width: 220px;}
#news .news_right .title {float: left; width: 220px; padding: 0 0 6px 0; margin: 0 0 10px 0;}
#news .news_right .title img {float: left; position: relative; top: 2px; }
#news .news_right .title h4 {float: left; padding: 0 0 0 10px; font-weight: bold;}
#news .news_right .text_box1 {padding: 0;}
#news .news_mod {float: right; width: 480px; #margin-bottom: 10px;}
*html #news .news_mod {float: right; width: 480px; margin-bottom: 0px;}
#news .news_mod .title_bar {float: right; width: 470px;}
#news .news_mod .item {float: left; border-bottom: 1px solid #ccc; padding: 10px 0 20px 0; width: 480px; margin: 0 0 10px 0;}
#news .news_mod h3.item-title a {color: #0E5AA6; text-decoration: none;}
#news .news_mod h3.item-title a:hover {text-decoration: underline;}
#news .news_mod .item-annotations {}
#news .news_mod .item-body img { max-width: 480px;}

/* TEMPLATE 1 CONTENT UPLOAD/NEWSLETTER */
#template1 {float: left; width: 970px; padding: 15px 0 0 0;}
#template1 .template1_left {float: left; width: 700px; margin-right: 20px; padding: 10px 0 0 0; border-top: 1px solid #ccc;}
* html #template1 .template1_left {float: left; width: 700px; margin-right: 20px; padding: 10px 0 0 0; border-top: 1px solid #ccc;}
#template1 .template1_right {float: left; width: 220px; }
#template1 .newsletter_left {float: left; width: 430px; margin-right: 20px; background: #f0f0f0; padding: 20px 15px;}
*html #template1 .newsletter_left {float: left; width: 430px; margin-right: 18px; background: #f0f0f0; padding: 20px 15px;}
#template1 .newsletter_right {float: left; width: 220px;}
#template1 .newsletter_left p {float: left; width: 100%;}
#template1 .newsletter_left label {float: left; width: 90px;}
#template1 .newsletter_left label.long {float: left; width: 390px; #position: relative; #top: 5px; padding: 0 0 10px 7px; }
#template1 .newsletter_left input {float: left; width: 300px; background: #fff; border: 1px solid #cccccc; padding: 2px; font-size: 11px; color: #595959;}
#template1 .newsletter_left select {float: left; width: 100px; background: #fff; border: 1px solid #cccccc; padding: 2px; font-size: 11px; color: #595959;}
#template1 .newsletter_left input.check {float: left; width: 20px; #width: 25px; #height: 25px; padding: 0; border: 0; background: none;}
#newsletter_form .error {padding: 0 0 0 90px; color: #F00}

#template1 .download {float: left; margin: 0 0 30px 0;}
#template1 .download .download_block { float: left; width: 660px; padding: 20px; background: #f0f0f0;}
#template1 .download .download_block .mod {float: left; width: 100%; margin: 0 0 15px 0;}
#template1 .download .download_block .top {float: left; width: 100%; }
#template1 .download .download_block .top img {float: left; }
#template1 .download .download_block .top span {float: left; width: 600px; padding: 0 0 0 10px; position: relative; top: 10px; }
#template1 .download .download_block .bottom {float: left; width: 100%; }
#template1 .download .download_block .bottom .left {float: left; background: url('../images/folder_arrow.gif') no-repeat; width: 40px; height: 35px; margin-left: 20px;}
* html #template1 .download .download_block .bottom .left {position: relative; left: -20px;}
#template1 .download .download_block .bottom img {float: left; padding: 4px 0 0 0; }
* html #template1 .download .download_block .bottom img {margin: 0 0 0 -20px;}
#template1 .download .download_block .bottom span {float: left; width: 500px; padding: 0 0 0 10px; position: relative; top: 10px;}


#template1 .upload_form {float: left; padding: 15px 0 0 0; width: 700px; border-top: 1px solid #ccc;}
#template1 .upload_form .form {float: left; width: 670px; padding: 15px 15px 30px 15px; margin: 5px 0 0 0; background: #f0f0f0;}
#template1 .upload_form .form p {float: left; width: 100%; padding: 0 0 5px 0;}
#template1 .upload_form .form input {float: left; width: 400px; font-size: 11px; padding: 2px; color: #666;}
#template1 .upload_form .form label {float: left; width: 170px; padding: 2px 0 0 0;}
#template1 .upload_form .form span {float: left; padding: 0 10px 0 20px; }
#template1 .upload_form .form img {float: left;}
#template1 .upload_form span.title {float: left; width: 100px; padding: 2px 20px 0 0;}
#template1 .upload_form label.sm_label {float: left; width:50px; }
#template1 .upload_form select {float: left; width: 406px; #width: 408px; font-size: 11px;padding: 2px; color: #666;}

#template1 .upload_form .submit {float: left; width: 670px; padding: 15px 15px; background: #cccccc; }
#template1 .upload_form .submit .upload {float: right; }

#userTable{float: left; text-align: left; width: 610px; font-size: 1.4em; padding: 4px; margin-top: 20px;}
#userTable td{font-size: 0.95em; padding: 3px;}
#userTable .userCol{width: 200px}

.createLink{float: left; width: 605px; text-decoration: none; font-size: 12px; padding: 10px 0 0 5px; text-align: left; font-weight: bold; text-align: right; }

#userCreateForm {}
#userCreateForm .error{color: red; font-weight: bold;}
fieldset.user_form {float: left; width: 592px; border: 1px solid #ccc; margin: 15px 0 0 1px;}

p.formError {color: #F00;}

newsletter_sent {font-size:1.5em; padding-bottom:50px; padding-left:0; padding-right:0; padding-top:50px; text-align:center;}