﻿/* 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,em,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; }
.red {color: #da3c2e;}
.hidden {display: none;}
a {outline: none;}

/* STRUCTURE */
* {margin: 0;}
body { float: left; width: 100%; font-size: 11px; font-family: Arial, Helvetica, Verdana; color: #666; line-height: 16px; background: #333; }
#outer_container {float: left; width: 100%; background: #f7f7f7; }
#uber_container {width: 1024px; margin: 0 auto; }
#uber_container #shadow {float: left; background: url('../Images/bg-shadow.png') no-repeat #f7f7f7 top left; width: 1024px; }
#main_container {float: left; width: 990px; margin: 0 0 0 17px; background: #fff;}
*html #main_container {float: left; width: 990px; margin: 0 0 0 8px; background: #fff;}
#template_container {float: left; width: 890px;  min-height: 400px; margin: 0 0 0px 0;  padding: 80px 50px 65px 50px;   position: relative;}
*html #template_container {float: left; width: 890px; height: 400px;  padding: 70px 0 65px 0; position: relative; left: 50px; }

h1 {color: #da3c2e; margin: 0 0 20px 0; line-height: 24px; font-size: 24px; font-family: Helvetica, arial, Verdana;}
h1.home {color: #333; font-size: 36px!important; line-height: 38px; display: block;}
h2 {font-size: 12px; font-weight: bold; color: #333; display: block;}


/* HEADER CONTENT */
#header_container {float: left; width: 900px; padding: 0 40px 0 50px; border-top: 10px solid #333; height: 60px; }
*html #header_container {float: left; width: 900px; padding: 0 40px 0 50px; border-top: 10px solid #333; height: 60px; }

.logo {float: left; width: 180px; margin: 30px 0 0 0;}

ul.navigation {float: right; font-size: 12px;}
ul.navigation li {float: left;}
ul.navigation li a {float: left; padding: 32px 17px 10px 17px; text-decoration: none; color: #333; font-weight: bold;}
ul.navigation li a:hover {float: left; padding: 32px 17px 10px 17px; text-decoration: none; color: #fff; font-weight: bold; background: #333;}
ul.navigation li a.selected {float: left; padding:32px 17px 10px 17px; text-decoration: none; color: #fff; font-weight: bold; background: #333;}

/*
ul.navigation  {float: right; background: url('..\Images\navigation.gif') no-repeat; width: 400px; height: 70px; border: 1px solid red; }

ul.navigation  li a {float: left; }
ul.navigation  li a.whatwedo { width: } */



/* FOOTER CONTENT */
#footer_container {float: left; width: 100%; }
#footer_container a {color: #ccc; text-decoration: none;}
#footer_container a:hover {color: #ccc; text-decoration: underline;}
.footer_top {float: left; width: 100%; background: #444141; padding: 40px 0 7px 0;}
*html .footer_top {float: left; width: 100%; background: #444141; padding: 40px 0 7px 0px;}

.footer_top .footer_top_content {margin: 0 auto; width: 890px; padding: 0 0px; background: #444141;}

ul.footer_cols {float: left; width: 910px;}
ul.footer_cols li {float: left; }
ul.footer_cols li h3 {font-size: 13px; color: #ccc; font-weight: bold;}
ul.footer_cols li p {font-size: 11px; color: #999; margin: 13px 0 13px 0; }
ul.footer_cols li address {padding: 0; color: #fff; margin: 29px 0 0 0;}
ul.footer_cols li.col1 {float: left; width: 270px; margin: 0 10px 0 0; padding: 0 20px 0 0;}
ul.footer_cols li.col2 {float: left; width: 270px; margin: 0 10px 0 0; padding: 0 20px 0 0;}
ul.footer_cols li.col3 {float: left; width: 280px; padding: 0 0px 0 0;}

.footer_bottom {float: left; width: 100%; background: #333; padding: 0 0 100px 0;}
.footer_bottom .footer_bottom_content {margin: 0 auto; width: 890px; padding: 0 50px; background: #333;}
.footer_bottom .footer_bottom_content .footer_logo {float: left; margin: 40px 0 0 0;}
.footer_bottom .footer_bottom_content p {float: right; padding: 0; margin: 40px 0 0 0; color: #fff;}

a.follow {float: left; background: url('../images/twitter_btn.gif') no-repeat; width: 159px; height: 22px;}
a:hover.follow {float: left; background: url('../images/twitter_btn.gif') no-repeat; background-position: 0 -22px; width: 159px; height: 22px; text-decoration: none!important;}



/* MAIN CSS */
/* HOMEPAGE TEMPLATE */
#home_template {float: left; width: 910px;background: url('../Images/bottom-branding2.jpg') bottom left no-repeat; padding: 0 0 40px 0; }
#home_template h1 {float: left; width: 300px; }
#home_template .home_top {float: left; width: 910px; }
#home_template .home_top img {float: right; }

.home_work_clients { float: left; width: 100%; margin: 10px 0 0 0;}
ul.home_clients {float: left; width: 910px; margin: 10px 0 0 0;}
ul.home_clients li {float: left; width: 290px; background: url(../Images/client-branding.jpg) bottom left no-repeat; padding: 0 0 5px 0;}
ul.home_clients li .client_box {float: left; width: 250px; padding: 20px; background: #f7f7f7;}
ul.home_clients li h3 {font-weight: bold; color: #333;}
ul.home_clients li h3 a {text-decoration: none; color: #333;}
ul.home_clients li h3 a:hover {text-decoration: underline; color: #333;}
ul.home_clients li.col1 {margin: 0 10px 0 0;}
ul.home_clients li.col2 {margin: 0 10px 0 0;}
ul.home_clients li.col3 {}
ul.home_clients .case_study_block .client_box p { height:50px; }

.home_blog {float: left; width: 910px; margin: 40px 0 0 0;}
.home_blog h2 { padding: 0 0 10px 0;}
.blog {float: left; width: 450px; padding: 0 50px 0 0;}
.blog h2 {  }
.blog ol {float: left; width: 100%;}
.blog ol li {float: left; width: 100%; margin: 0 0 7px 0;}
.blog ol li.leading_news {margin: 0 0 10px 0;}
.blog ol li.leading_news h3 {color: #666; font-size: 12px; margin: 0 0 7px 0; line-height: 15px; }
.blog ol li.leading_news a { color: #666; font-weight:bold; font-size: 12px;}
.blog ol li.leading_news p {color: #666; font-size: 12px; line-height: 18px;}
.blog ol li span {color: #B7B7B7;}
.blog ol li h4 {color: #DA3C2E; font-size: 14px; margin: 0px 0 0 0;}
.blog ol li a { text-decoration: none; color: #666; font-weight:bold; font-size: 12px;}
.blog ol li a.read_more { color:#DA3C2E; font-weight:normal; }
.blog ol li a:hover { text-decoration: underline;}

.twitter { position: relative; width: 410px; clear:both; margin-top:20px;}
.twitter .header { border-bottom: 1px dashed #D2DADA; position:relative; width: 410px;}
.twitter .header h2 { width:160px;}
.twitter .header p {  position:absolute; top:0px; background-color:#F7F7F7;height:18px; padding:2px 10px; right:0px;}

.twitter p { float: right; font-size: 12px; position: absolute; right:25px; text-align: right; bottom: -10px; }
.twitter p a { text-decoration: none; color:#DA3C2E;}
.twitter p a:hover { text-decoration: underline;}

.twitter_speech {float: left; width: 410px; height: 165px; }
.twitter_speech ul {float: left; width: 410px; padding: 15px 0px; height: 110px; overflow: hidden;}
.twitter_speech ul li {border-bottom: 1px dashed #D2DADA; padding: 0 0 10px 0; margin: 0 0 10px 0; line-height: 14px;}
.twitter_speech ul li a { text-decoration: none; color:#DA3C2E;}
.twitter_speech ul li a:hover { text-decoration: underline;}

a.twitter_bird { position: relative; left: 170px; top: 10px;}

.get_in_touch { width:300px; float:right; margin-right:10px; }
.get_in_touch p { margin:0 0 20px 0; }

/* END HOMEPAGE CSS */

/* CASE STUDY TEMPLATE */
#casestudy_template {float: left; width: 890px;}
.casestudy_header {float: left; width: 900px; }
.casestudy_header .header_left {float: left; width: 600px; }
.casestudy_header .header_left h1 {color: #666; font-size: 14px; margin: 0 0 20px 0; font-weight: bold;}
.casestudy_header .header_left span {color: #da3e32; font-size: 22px; line-height: 22px;  }
.casestudy_header .header_right {float: left; width: 300px; position: relative;}
.casestudy_header .header_right a {font-size: 11px; color: #666; text-decoration: none; position: absolute; top: 37px; left: 10px;}
.casestudy_header .header_right a:hover {font-size: 11px; color: #666; text-decoration: underline;}
.casestudy_image_holder {float: left; width: 870px; background: #f7f7f7; padding: 20px 60px; margin:20px 0 0 0; position: relative; left: -50px;}
.casestudy_content {float: left; width: 890px; margin: 20px 0 0 0px;}
.casestudy_left {float: left; width: 580px;}
.casestudy_left h2 {float: left; width: 100%; font-size: 12px; display: block; margin: 0 0 20px 0; color: #666; }
.casestudy_left p {float: left; width: 470px; padding: 0 0 20px 0;}
.casestudy_left a {float: left; font-size: 11px; color: #666; text-decoration: none; margin: 0 0 15px 0;}
.casestudy_left a:hover {font-size: 11px; color: #666; text-decoration: underline; }

ul.list1 {float: left; width: 470px; margin: 0 0 20px 0;}
ul.list1 li {float: left; width: 100%; background: url('../Images/arrow-grey.gif') no-repeat; margin: 0 0 15px 10px;}
ul.list1 li p {padding: 0 0 0 20px; position: relative; top: -2px; }

ul.list2 {float: left; width: 470px; margin: 0 0 20px 0;}
ul.list2 li {float: left; width: 100%; background: url('../Images/arrow-grey.gif') no-repeat; margin: 0 0 5px 10px;}
ul.list2 li p {padding: 0 0 0 20px; position: relative; top: -2px; }

ul.list3 {float: left; width: 250px;  padding: 0 0 20px 11px;}
ul.list3 li {float: left; width: 100%; background: url('../Images/arrow-white.gif') no-repeat; margin: 0 0 15px 10px;}
*html ul.list3 li {float: left; width: 100%; background: url('../Images/arrow-white.gif') no-repeat; margin: 0 0 15px 5px;}
ul.list3 li p {padding: 0 0 0 20px; position: relative; top: -3px; color: #fff; }

.casestudy_right {float: right; width: 310px; }
.casestudy_right h2 {float: left; font-size: 14px; font-weight: normal; width: 280px; padding: 0 0 0 30px; color: #666; margin: 0 0 10px 0;}
.casestudy_right h3 {font-size: 14px; margin: 0 0 10px 0; }
.casestudy_right a {float: left; width: 280px; padding: 0 0 20px 30px; font-size: 11px; color: #666; text-decoration: none;}
.casestudy_right a:hover {font-size: 11px; color: #666; text-decoration: underline; }
.case_summary {float: left; width: 310px; background: url(../Images/case-summary-bg.gif) no-repeat; min-height: 57px; }
.case_sum_content {float: right; width: 291px; background: #da3c2e; margin-bottom: 20px;}
.case_summary h2 {float: left; width: 270px; padding: 20px 0 10px 20px; color: #fff; font-size: 14px; font-weight: normal;  }
.case_quote {float: left; width: 280px; padding: 25px 0 0 30px;}
.case_quote blockquote {font-size: 24px; line-height: 28px; color: #999; margin: 0 0 5px 0; width: 280px;  }
.case_quote span {}
.case_text_box {float: left; width: 280px; padding: 35px 0 0 30px;}

.case_bottom_content {float: left; width: 100%; background: url('../Images/bottom-branding2.jpg') bottom left no-repeat; border-top: 1px solid #ccc; padding: 20px 0 40px 0; margin: 20px 0 0 0;}
ul.case_study_bottom {float: left; width: 100%;}
ul.case_study_bottom h3 {font-size: 14px; display: block; margin: 0 0 15px 0; color: #666; font-weight: bold; }
ul.case_study_bottom a {color: #c8272c; text-decoration: none;}
ul.case_study_bottom a:hover {color: #c8272c; text-decoration: underline;}
ul.case_study_bottom li.col1 {float: left; width: 310px;}
ul.case_study_bottom li.col2 {float: left; width: 300px;}
ul.case_study_bottom li.col3 {float: left; width: 280px;}
ul.case_study_bottom li.col3 h4 {color: #666;}

ul.client_viewall {margin: 10px 0;}

.case_study_block {float: left; width: 290px;}
.case_study_block .client_box {float: left; width: 250px; padding: 13px 20px; background: #f7f7f7;}
.case_study_block .client_box h3 {font-weight: bold; color: #333; margin: 0; font-size: 11px; padding: 0; line-height: 18px;}
.case_study_block .client_box h3 a {text-decoration: none; color: #333; float: none;}
.case_study_block .client_box h3 a:hover {text-decoration: underline; color: #333;}
.case_study_block .client_box p {width: 100%; height:65px;}

ul.case_studies_grid {float: left; width: 100%; background: url('../Images/bottom-branding2.jpg') bottom left no-repeat; padding: 0 0 20px 0;}
ul.case_studies_grid li {float: left; width: 290px; margin: 0 10px 20px 0;}
ul.case_studies_grid li.no_mar {margin: 0 0 20px 0;}

ul.case_studies_list h3 { font-weight:bold; margin-top:20px !important; }
ul.case_studies_list li { margin:20px 0 0 19px; }
ul.case_studies_list .case_study_block { margin-bottom:20px; }
ul.case_studies_list .case_study_block .client_box { float:none; }
ul.case_studies_list a { padding:0; }
ul.case_studies_list .case_study_block .client_box p {height:auto;}

/* END CASE STUDY TEMPLATE */

/* ABOUT TEMPLATE */
#about_template {float: left; width: 890px; #padding: 0 0 100px 0;}
.about_left {float: left; width: 600px;background: url('../Images/bottom-branding2.jpg') bottom left no-repeat; padding: 0 0 40px 0;}
.about_left p { margin-bottom:10px; width:480px; }
.about_left a, .about_right a {color: #c8272c; text-decoration: none;}
.about_left a:hover {color: #c8272c; text-decoration: underline;}
.about_left h2 { color: #da3c2e; font-size: 24px; font-weight: normal; line-height: 24px;}
.about_left h3 { font-size: 14px; font-weight: bold; line-height: 24px; margin:20px 0 0 0;}
.about_left h4 { font-size: 12px; font-weight: bold;  margin:10px 0 7px 0;}
.about_left .about_quotes {float: left; width: 100%;}
.about_left .about_quotes p {font-size: 24px; line-height: 28px;}
.about_left .about_quote_content {float: left; width: 460px; padding: 10px 10px 15px 10px; background: #f7f7f7; margin: 25px 0 0 0;}
.about_left .about_quote_name {float: left; min-width: 200px; padding: 10px 30px 10px 10px; background: #f7f7f7; margin: 10px 0 0 0; }
.about_left .because {float: left; width: 480px; margin: 60px 0 0 0;}
.about_left .because h4 {font-size: 12px; font-weight: bold; margin: 0 0 12px 0; color: #333;}
.about_left .because p {color: #999;}
.about_left em { font-style: italic;}
.about_left ul {margin: 0 0 10px 0;}
.about_left ul li{ list-style-type: square; margin: 0 0 2px 25px;}
.about_right {float: right; width: 277px;}
.about_right h2 { color: #da3c2e; font-size: 20px; font-weight: normal; line-height: 24px; margin-bottom:10px;}
ul.about_moreonus {float: left; width: 190px; margin: 15px 0; border-top: 1px solid #efefef; }
ul.about_moreonus li {float: left; width: 190px; padding: 10px 0px; border-bottom: 1px solid #efefef; font-size: 12px;}
ul.about_moreonus li a {text-decoration: none; color: #666;}     
ul.about_moreonus li a:hover {text-decoration: underline; color: #666;}

ul.contact {float: left; width: 600px; margin: 0px 0 0px 0; list-style: none; }
ul.contact li {float: left; width: 300px; margin: 0 0 20px 0; list-style: none;}
ul.contact li h3 {font-size: 12px; color: #333; margin: 0 0 5px 0;}
ul.contact li p {color: #999;}
ul.contact li address {color: #999;}
ul.contact li address a {color: #da3c2e; text-decoration: none;}
ul.contact li address a:hover {color: #da3c2e; text-decoration: underline;}
ul.contact li.nomar {margin: 0;} 


/* LOCATION TEMPLATE */

#map_canvas { width:990px; height:450px; }
.map_holder {position: absolute; top: 45px; left: 0; background: #z-index: -10;}
*html .map_holder {position: absolute; top: 45px; left: -50px; width: 990px; height: 450px;  #z-index: -10;}


.about_right_bg {position: absolute; top: 80px; right: 50px; width: 305px; z-index: 10; background: #fff; height: 400px; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;}
.about_right_location {position: absolute; top: 100px; right: 50px; width: 277px; z-index: 1000;  margin: -20px 0 0 0; padding: 20px 0 0 15px; height: 380px;}
*html .about_right_bg {position: absolute; top: 80px; right: 0px; width: 305px; z-index: 10; background: #fff; height: 400px; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;}
*html .about_right_location {position: absolute; top: 100px; right: 0px; width: 277px; z-index: 1000;  margin: -30px 0 0 0; padding: 20px 0 0 15px; height: 380px;}

.about_right_location h2 { color: #da3c2e; font-size: 20px; font-weight: normal; line-height: 24px;}
ul.about_us {float: left; width: 200px; margin: 15px 0; border-top: 1px solid #efefef; }
ul.about_us li {float: left; width: 170px; padding: 10px; border-bottom: 1px solid #efefef; font-size: 12px;}
ul.about_us li a {text-decoration: none; color: #666;}     
ul.about_us li a:hover {text-decoration: underline; color: #666;}

.location_content {float: left; width: 580px; margin-top:440px; background: url('../Images/bottom-branding2.jpg') bottom left no-repeat; padding: 0 0 40px 0;}
.location_content h3 {font-size: 14px; color: #333; margin: 0 0 5px 0;}
.location_content h4 {font-size: 12px; color: #333; margin: 0 0 5px 0;}
.location_content p { margin: 0 0 20px 0;}

.location_left {float: left; width: 290px; margin: 30px 0 0 0;}
.location_right {float: left; width: 290px; margin: 30px 0 0 0;}

ul.locations {float: left; width: 100%;}
ul.locations li {float: left; width: 100%; margin: 0px 0 20px 0;}
ul.locations li span {color: #999;}
     
/* END ABOUT TEMPLATE */

/* SERVICES TEMPLATE */
#services_template {float: left; width: 890px; #padding: 0 0 100px 0;}
.services_left {float: left; width: 590px;background: url('../Images/bottom-branding2.jpg') bottom left no-repeat; padding: 0 0 40px 0;}

ul.services_casestudy_box {float: left; margin: 10px 0 40px 0; }
ul.services_casestudy_box li h3 { font-size: 14px; font-weight: bold; margin: 0; color: #333;}
ul.services_casestudy_box li a {float: left; text-decoration: none; color: #c8272c; margin: 10px 0 0 0;}
ul.services_casestudy_box li a:hover {text-decoration: underline; color: #c8272c;}
ul.services_casestudy_box li {float: left; width: 290px; }
ul.services_casestudy_box li.margin_right {margin-right: 10px;}
ul.services_casestudy_box li.link {float: left; width: 100%;}

.selected_case {float: left; margin: 0 0 0 0;}
.selected_case h4 {font-size: 14px; display: block; margin: 0 0 5px 0; color: #333; font-weight: bold;  }
.selected_case a {color: #c8272c; text-decoration: none;}
.selected_case a:hover {color: #c8272c; text-decoration: underline;}

.case_left {float: left; width: 590px;}
.case_left h2 { color: #da3c2e; font-size: 24px; font-weight: normal; line-height: 24px;}
.case_left h3 { font-size: 24px; line-height: 28px; margin: 20px 0 15px 0; width: 480px; }
.case_left p {margin: 0 0 10px 0;}

.case_left ul li.col1 {float: left; width: 200px;}
.case_left ul li.col2 {float: left; width: 200px;}
.case_left ul li.col3 {float: left; width: 190px;}

.client_list_rows {float: left; width: 590px;background: url('../Images/bottom-branding2.jpg') bottom left no-repeat; padding: 0 0 20px 0; margin: -10px 0 0 0;}
.client_list_rows li a {text-decoration: none; color: #c8272c;}     
.client_list_rows a:hover {text-decoration: underline; color: #c8272c;}     
.case_left .row1 h3, .case_left .row2 h3, .case_left .row3 h3 {float: left; width: 190px; font-size: 12px; font-weight: bold; color: #333; margin: 10px 0 5px 0;}
.case_left .row1 {float: left; width: 100%; padding: 0 0 15px 0; border-bottom: 1px solid #ebebeb;}
.case_left .row2 {float: left; width: 100%; padding: 0 0 15px 0; border-bottom: 1px solid #ebebeb;}
.case_left .row3 {float: left; width: 100%; padding: 0 0 20px 0; }



.services_left h1 {color: #da3c2e; margin: 0 0 20px 0; line-height: 24px;}
.services_left h2 { color: #da3c2e; font-size: 24px; font-weight: normal; line-height: 24px;}
.services_left h3 { font-size: 24px; line-height: 28px; margin: 0px 0 15px 0; }
.services_left p {margin: 0 0 10px 0; width: 480px;}
.services_right {float: right; width: 277px;}
.services_right h2 { color: #da3c2e; font-size: 20px; font-weight: normal; line-height: 24px;}
ul.services {float: left; width: 200px; margin: 15px 0; border-top: 1px solid #efefef; }
ul.services li {float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #efefef; font-size: 12px;}
ul.services li a {text-decoration: none; color: #666;}     
ul.services li a:hover {text-decoration: underline; color: #666;}     
.services_casestudy {float: left; margin: 40px 0 0 0;}
.services_casestudy h4 {font-size: 14px; color: #333; margin: 0 0 10px 0;}
.services_casestudy .client_box {float: left; width: 250px; padding: 20px; background: #f7f7f7;}
.services_casestudy .client_box h3 {font-weight: bold; color: #333;}



/* END SERVICES TEMPLATE */

/* WEBBY AWARD CSS */
a.webby {position: absolute; top: 10px; right: 56px;}

/*TWiTTER PAGE*/
.titleTwitter {color:#C8272C;}
ul#twitter .first {font-size: 180%; line-height: 22px;}
ul#twitter .first {height: 80px;}
ul#twitter .first img {float: left; margin: 0 10px 0 0;}
ul#twitter {margin: 20px 0; width: 550px;}
ul#twitter p {width: 100%; margin: 0px;}
ul#twitter em {font-style: italic; color: #999;}
ul#twitter li {border-bottom: 1px dashed #D2DADA; padding: 0 0 10px 0; margin: 0 0 10px 0}
ul#twitter a {color:#C8272C; text-decoration:none;}
ul#twitter a:hover {color:#C8272C; text-decoration: underline;}
ul#twitter a.mention, ul#twitter a.tag {color: #0099cc;}
ul#twitter li .tweeter {display: none}
ul#twitter li.first .tweeter {display: inline}
ul#twitter li.first p {width: 460px; display: inline-block}

/* NEWSLETTER LANDING PAGE */
p.share_challenge { font-size: 14px; line-height: 20px;}
p.share_challenge strong { font-size: 16px;}

ul.challenge_form {float: left; width: 480px; padding: 10px; background: #f7f7f7; list-style: none; margin: 10px 0 30px 0; }
ul.challenge_form li { float: left; list-style: none;margin: 0; padding: 0 0 7px 0;}
ul.challenge_form li input {color: #666; font-size: 11px;}
ul.challenge_form li.space {height: 30px;}
ul.challenge_form li span { float: left; width: 50px; padding: 0 15px 0 0;}
ul.challenge_form li span input {float: right;}
ul.challenge_form li label {float: left; width: 400px;}
ul.challenge_form li p {float: left; width: 400px; padding: 0 0 0 16px; }
ul.challenge_form li p input {float: left; width: 400px; padding: 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; }
ul.challenge_form li label.text {float: left; width: 50px; text-align: right;}
ul.challenge_form li p textarea {float: left; width: 400px; height: 100px; padding: 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc;color: #666; font-size: 11px; font-family: Arial; }
ul.challenge_form li.send  {float: right; text-align: right; font-size: 12px;}

a.submit_form {float: right; width: 69px; height: 25px; background: url('../images/buttons.gif') no-repeat; background-position: 0 0;  }
a:hover.submit_form {float: right; width: 69px; height: 25px; background: url('../images/buttons.gif') no-repeat; background-position: 0 -26px;  }