/* CSS - Rethink Digital - Meera 404 */
input { font-size: 12px; }

/* TEMPLATES */
#home_template, #services_template, #clients_template, #contact_template 
{float: left; width: 100%; padding: 20px 0 50px 0; position: relative; left: 1px; font-size: 12px;}

/* .nav_right_content { line-height: 18px;} */

.large_bg {float: left; width: 100%; height: 314px; background: #f2f2f2;}
.large_bg_content_home {margin: 0 auto; width: 934px; height: 284px; position: relative; left: 1px; top: 12px; background: url('/images/home-top-bg.gif') no-repeat;}

.med_bg {float: left; width: 100%; height: 256px; background: #f2f2f2; position: relative;}
.med_content { margin: 0 auto;  width: 934px; height: 256px; position: relative;}
.med_image_bg {margin: 0 auto; width: 934px; height: 151px; position: relative; left: 1px; top: 12px; background: url('/images/generic-top-bg.gif') no-repeat;}
.med_image_bg img { position: relative; top: 20px; left: 17px;}

.small_bg {float: left; width: 100%; height: 186px; background: #f2f2f2; position: relative;}
.small_content { margin: 0 auto;  width: 934px; height: 186px; position: relative;}
.small_image_bg {margin: 0 auto; width: 934px; height: 151px; position: relative; left: 1px; top: 12px; background: url('/images/generic-top-bg.gif') no-repeat;}
.small_image_bg img { position: relative; top: 20px; left: 17px;}

.contact_bg {float: left; width: 100%; height: 320px; background: #f2f2f2; position: relative;}
.contact_content { margin: 0 auto;  width: 934px; height: 320px; position: relative;}
.contact_image_bg {margin: 0 auto; width: 934px; height: 285px; position: relative; left: 1px; top: 12px; background: url('/images/contact-bg.gif') no-repeat;}
.contact_image_bg img { position: relative; top: 20px; left: 17px;}


.nav_right_container { float: left; width: 634px; margin: 0 0 0 60px; }
.nav_right_container h1 { line-height: 22px;}
.nav_right_content {float: left; width: 550px;}
.nav_right_content ul { list-style: square; margin: 0 0 0 14px;}
.nav_right_content ul li { list-style: square; margin: 0 0 0 14px;}

/* HOMEPAGE TEMPLATE */
.home_left {float: left; width: 470px;}
.intro_text {float: left; width: 100%; margin: 0 0 30px 0;}
.intro_text blockquote {color: #164079; padding: 10px 0;}
.intro_text blockquote span {font-size: 14px; color: #ed7a08;}
select.help_select {float: left; width: 470px; margin: 20px 0 0 0; font-size: 12px; padding: 2px; line-height: 18px;}

.flash_content {float: left; width: 664px; height: 252px; background: #666; position: relative; top: 15px; left: 18px;}
.leading_area {float: right; width: 225px; height: 252px; padding: 10px; position: relative; top: 4px; right: 6px;}
.leading_area h2 {margin: 0 0 7px 0 !important;}

ul.default_home_top {float: left; width: 225px; }
ul.default_home_top li {float: left; width: 205px; height: 86px; padding: 10px; margin: 0 0 5px 0;}
ul.default_home_top li h3 a {float: left; width: 100%; padding: 0 0 5px 0; color: #fff; font-size: 14px;}
ul.default_home_top li p a {color: #fff; line-height: 15px; font-size: 12px;}
ul.default_home_top li p a:hover { text-decoration: none;}
ul.default_home_top li.strait_print {background: url('/images/strait-print-home.jpg') repeat-x;}
ul.default_home_top li.strait_digital { background: url('/images/strait-digital-home.jpg') repeat-x;}

.newsflash {float: left; width: 100%;}
ul.newsflash_home_top {float: left; width: 100%;  margin: 10px 0 0 0;}
ul.newsflash_home_top li.img_holder {float: left; width: 228px; height: 78px; background: url('/images/news-flash-bg.gif') no-repeat;}
ul.newsflash_home_top li.img_holder img { position: relative; top: 3px; right: 3px;}
ul.newsflash_home_top li h3 a {float: left; width: 100%; font-size: 18px; color: #000; padding: 10px 0 15px 0; text-align: left; }
ul.newsflash_home_top li a {float: right; font-size: 14px; text-align: right;}

.home_right {float: right; width: 390px;}
ul.quick_links {float: left; width: 100%; padding: 0 0 20px 0;}
ul.quick_links li.quicklinks_left {float: left; width: 50px; }
ul.quick_links li.quicklinks_right {float: left; width: 340px; }
ul.quick_links li.quicklinks_right h3 a { float: left; width: 100%; text-transform: uppercase; color: #164079; padding: 0 0 5px 0; margin: 0;}
ul.quick_links li.quicklinks_right a {color: #333;}

.strait_talk_content {float: left; width: 390px; margin: 20px 0 0 0;}
.strait_talk_content .st_top {float: left; width: 390px; height: 2px; background: url('/images/st-top.gif') no-repeat;}
.strait_talk_content .st_middle {float: left; width: 370px; background: url('/images/st-middle.gif') repeat-y; padding: 10px;}
.strait_talk_content .st_bottom {float: left; width: 390px; height:23px; background: url('/images/st-bottom.gif') no-repeat;}
                                
ul.strait_talk {float: left; width: 100%;}
ul.strait_talk li {float: left; padding: 0 0 15px 0;}
ul.strait_talk li h4 {float: left; width: 370px; padding: 0; font-size: 14px; color: #164079; }
ul.strait_talk li p {float: left; width: 370px; color: #333;}
ul.strait_talk li p a:hover { text-decoration: underline;}
ul.strait_talk li.first_post img {float: left; width: 60px;}
ul.strait_talk li.first_post h4 {float: left; width: 300px; padding: 0 0 0 10px; font-size: 14px; color: #164079; }
ul.strait_talk li.first_post p a {float: left; width: 300px; padding: 0 0 0 10px;}

ul.home_st_links {float: left; width: 100%;}
ul.home_st_links a {font-size: 12px; position: relative; top: 2px;}
ul.home_st_links li.links_left {float: left; }
ul.home_st_links li.links_left img {float: left; padding: 0 10px 0 0; }
ul.home_st_links li.links_right {float: right;}
/* END HOMEPAGE TEMPLATE */

/* SERVICES TEMPLATE */
.services_ticker {  position: absolute; left: 9px; bottom: 27px; width: 898px; height: 16px; background: #fff; padding: 15px 10px;}
.services_ticker h3 { font-size: 16px; color: #164079; font-weight: bold; padding: 0;  }
.services_ticker li span {display: none;}
.services_ticker {margin: 30px 9px 0 9px; position: static;}
.service_left { float: left; width: 433px; }
.service_right {float: right; width: 433px;}
.service_img_holder { float: left; width: 438px; height: 118px; margin: 0 0 10px 0; background: url('/images/service-bg.gif') no-repeat; position: relative; left: -4px;}
.service_img_holder img { position: relative; left: 4px; top: 4px;}

#services_template { min-height: 300px;}
#services_template p { margin: 0 0 10px 0;}
#services_template blockquote {color: #164079; padding: 0 0 10px 0;}
#services_template blockquote span {font-size: 14px; color: #ed7a08;}

.demos_footer {float: left; position: relative; bottom: -40px; width: 100%; height: 173px; padding: 10px 0 0 0; background: url('/images/subscribe-bg.jpg') repeat-x; display: none;}
.demos_content { margin: 0 auto; width: 934px; }
.demos_content h2 { padding: 0; margin: 0 0 10px 0;}
ul.demos_list {float: left; }
ul.demos_list li {float: left; background: url(/images/demo-footer-bg.gif); width: 226px; height: 110px; margin: 0 9px 0 0;}
ul.demos_list li img { position: relative; top: 3px; left: 3px;}

/* CLIENT TEMPLATE */
.client_flash {float: left; width: 918px; height: 70px; position: relative; bottom: -20px; left: 9px;}
.clients_left_content { float: left; width: 410px;}
.clients_left_content ul { list-style: square; margin: 0 0 10px 0;}
.clients_left_content ul li {list-style: square; margin: 0 0 0 30px; }
.client_flash {overflow: hidden; background:#ffffff;}
.client_flash ul {width: 2000px}
.client_flash ul li {float: left;}
ul.clients_right_content {float: right; width: 190px;}
ul.clients_right_content li {float: left; width: 190px; height: 95px; background: url('/images/clients-img-bg.gif') no-repeat; margin: 0 0 8px 0; }
ul.clients_right_content li img {position: relative; top: 4px; left: 4px;}
ul.clients_logo_text {float: left; width: 100%;}
ul.clients_logo_text { list-style: none; margin: 0;}
ul.clients_logo_text li {list-style: none;  margin: 0;}
ul.clients_logo_text li.left { float: left; width: 90px; margin: 0 20px 0 0;}
ul.clients_logo_text li.right {float: left; width: 300px;}


ul.clients_matrix {float: left; width: 100%; }
ul.clients_matrix li {float: left; width: 228px; height: 108px; background: url('/images/clients-logo-bg.gif') no-repeat; margin: 0 2px 2px 0; font-size: 11px;}
ul.clients_matrix li img {position: relative; top: 8px; left: 9px;}

.casestudy_link { position: relative; top: 4px; left: 4px; float: left; background: #f2f2f2; width: 204px; height: 84px; padding: 8px;}
.casestudy_link h2 {font-size: 14px; padding: 0; margin: 0; }
.casestudy_link p {color: #333; height: 56px; overflow: hidden; line-height: 14px;}
.casestudy_link a {float: right;}

/* TEXT TEMPLATE */
.text_template {float: left; width: 550px;}
.text_template h2 { font-size: 12px; padding: 0; margin: 0 0 5px 0;}
.text_template ul { list-style: square; margin: 0 0 0 14px;}
.text_template ul li { list-style: square; margin: 0 0 0 14px;}

/* DEMOS TEMPLATE */
ul.demos_nav {float: left; width: 100%; }
ul.demos_nav li {float: left; background: url(/images/demo-nav-bg.gif); width: 225px; height: 110px; margin: 0 9px 5px 0;}
ul.demos_nav li img { position: relative; top: 3px; left: 2px;}

ul.left_img_text {float: left; width: 100%;}
ul.left_img_text li.img {float: left; width: 190px; height: 95px; background: url('/images/clients-img-bg.gif') no-repeat; margin: 0 0 8px 0; }
ul.left_img_text li.img img {position: relative; top: 4px; left: 4px;}
ul.left_img_text li.text {float: left; width: 410px; margin: 0 0 0 10px;}

ul.right_img_text {float: left; width: 100%;}
ul.right_img_text li.img {float: left; width: 190px; height: 95px; background: url('/images/clients-img-bg.gif') no-repeat; margin: 0 0 8px 0; }
ul.right_img_text li.img img {position: relative; top: 4px; left: 4px;}
ul.right_img_text li.text {float: left; width: 410px; margin: 0 10px 0 0;}

/* REGISTER TEMPLATE */
p.register_para {float: left; width: 800px; display: none;}

ul.register_left {float: left; width: 465px; margin: 20px 0 0 0; }
ul.register_left li {float: left; margin: 0 0 15px 0;}
ul.register_left li label {float: left; width: 110px; padding: 5px 0 0 0;}
ul.register_left li input.login_long {float: left; width: 313px; height: 14px; padding: 5px 7px; background: url('/images/forms/register-long.gif') no-repeat; border: 0; }
ul.register_left li textarea {float: left; width: 313px; height: 90px; padding: 5px 7px; overflow:hidden; background: url('/images/forms/text-area.gif') no-repeat; border: 0; }

ul.register_right {float: left; width: 452px; margin: 20px 0 0 0;  }
ul.register_right li {float: left; width: 100%; margin: 0 0 15px 0;}
ul.register_right li label {float: left; width: 110px; padding: 5px 0 0 0;}
ul.register_right li input.login_long {float: left; width: 313px; height: 14px; padding: 5px 7px; background: url('/images/forms/register-long.gif') no-repeat; border: 0; }
ul.register_right li input.newsletter_tick, ul.register_right li span.newsletter_tick {float: left; margin: 0; position: relative; left: -4px;}
ul.register_right li label.newsletter {float: left; width: 360px; padding: 0 0 0 10px;}
ul.register_right li p {float: left; width:323px; height: 20px; padding:1px 2px 2px 2px; background: url('/images/forms/register-long.gif') no-repeat; border: 0; }
ul.register_right li p select {float: left; width: 323px; height: 20px;  }
ul.register_left span.error, ul.register_right span.error {padding: 0 0 5px 0; float: left; width: 400px; margin: 0 0 0 110px; color:#ccff00; }

.login_page { float: left; width: 500px; margin: 20px 0 0 0;}

/* CONTACT TEMPLATE */
.contact_left { float: left; width: 470px; }
ul.contact_form {float: left; width: 100%; min-height: 392px;}
ul.contact_form li {float: left; margin: 0 0 15px 0;}
ul.contact_form li label {float: left; width: 55px; padding: 5px 5px 0 0; text-align: right;}
ul.contact_form li input.long {float: left; width: 396px; height: 14px; padding: 5px 7px; background: url('/images/forms/contact.gif') no-repeat; border: 0; }
ul.contact_form li p {float: left; width:406px; height: 20px; padding:1px 2px 2px 2px; background: url('/images/forms/contact.gif') no-repeat; border: 0; }
ul.contact_form li p select {float: left; width: 406px; height: 20px;  }
ul.contact_form li span {float: left; width: 50px; padding: 0 10px 0 0; margin: 0 0 0 27px;}
ul.contact_form li input.tick_box {float: right;}
ul.contact_form li label.tick_label {float: left; width: 360px; text-align: left; padding: 3px 0 0 0; }
ul.contact_form li textarea {float: left; width: 396px; height: 96px; padding: 5px 7px; overflow:hidden; background: url('/images/forms/text-area-contact.gif') no-repeat; border: 0; }
ul.contact_form li span.error {float: left; width:369px; margin: 0 0 0 60px; padding: 0 0 5px 0;}


.contact_right {float: right; width: 390px; }
.alt_add {float: left; width: 100%; margin: 40px 0 0 0;}
pre { font-style: normal; font-family: arial;}
.alt_add address {float: left; width: 100%; font-style: normal; }
.alt_add address p { float: left; width: 60px; color: #ed7a08; text-align: right; padding: 0 10px 0 0;}
.alt_add address span {float: left; width: 320px;}
.alt_add address span.address {padding: 0 0 15px 0;}

/* PROFILE */
ul.register_left li span {float: left; width: 313px; padding: 5px 0 0 0;}
h5 { font-weight: bold; margin: 10px 0; font-size: 14px;}
span.btn a.btn_submitchanges {float: right; background-position: 0 -338px; width: 124px; height: 27px;}
span.btn a:hover.btn_submitchanges {float: right; background-position: -134px -338px; width: 124px; height: 27px;}
.deactivate_profile { float: left; width: 100%; border-top: 1px solid #215294; padding: 20px 0 0 0;}
textarea.profile_large {float: left; width: 701px; height: 100px; padding: 5px 7px; overflow:hidden; background: url('../images/forms/text-area-profile.gif') no-repeat; border: 0; margin: 20px 0 0 0;}
span.btn a.btn_deactivate {float: right; background-position: 0 -374px; width: 132px; height: 27px; position: relative; top: 93px;}
span.btn a:hover.btn_deactivate {float: right; background-position: -142px -374px; width: 132px; height: 27px; position: relative; top: 93px;}

/* NEWS */
ul.left_nav li li {padding: 5px 0 0 10px;}
ul.left_nav li li li {padding:5px 0 0 10px;}
ul.left_nav li ul {display: none;}
ul.left_nav li.open ul {display: block;}
ul.left_nav li.open li ul {display: none;}
ul.left_nav li.open li.open ul {display: block;}














































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
orange {
.orange {color: #ED7A08;
}