/* Chip Medema - The Main Lobby */

/* Reset Styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;text-align:left}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}

/* HTML Styles */
body{ margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; background: url('../images/bg-tile.jpg'); }
h1{ display: block; font-weight: bold; font-size: 14px; color: #525551; margin: 0px 0px 5px 239px; padding: 0px; }
h2{ display: block;  font-size: 12px; color: #2c2e2b; margin: 0px 0px 5px; }
strong{ display: block; font-weight: bold; color: #818181; margin: 0px 0px 5px; } 
em { font-style: italic; }
td{ padding: 5px 0px; }
img{ border: none; }

h1.mainTitle{ display: block; width: 825px; font-weight: bold; font-size: 12px; color: #525551; margin: 20px 0px 5px 0px; padding: 0px; }

/* Main Container */
div#tml_container{ width: 900px; margin: 0px auto 30px; padding: 0px; background: #fff; }

/* Site Header */
div#tml_siteHeader{ width: 830px; height: 46px; margin: 0px auto; padding: 20px 0px; background: #fff; }
div#logo{ display: block; float: left; width: 255px; height: 46px; border-right: 1px dotted #c1c1c1; margin-right: 5px; }
a.topLinks{ display: block; float: left; font-size: 12px; color: #525551; text-decoration: none; text-align:center; padding: 17px 15px; }
a.topLinks:hover{ color: #7ec08c; text-decoration: none;}
a.topLinksOn{ display: block; float: left; font-size: 12px; color: #7ec08c; text-decoration: none; text-align:center; padding: 17px 15px;  }

/* Section Headers */
div#index_header{ width: 100%; height: 247px; background: url('../images/index-header-tile.jpg'); }
div#inside_header{ width: 100%; height: 125px; background: url('../images/inside-header-tile.jpg'); }

/* Body Content */
div#tml_contentContainer{ width: 820px; margin: 0px auto; padding: 20px 0px 30px; background: #fff; /*border-bottom: 1px dotted #c1c1c1;*/ }
div#entireContent{ width: 820px; margin: 0px auto; padding: 0px 0px 0px; background: #fff; font-size: 12px; line-height: 17px; text-align: left; color: #818181; }
div#entireContent a{ font-size: 12px; color: #7ec08c; text-decoration: none; margin-top: 10px; }
div#leftSide{ float: left; width: 200px; }
div#leftSide p{ font-size: 12px; text-align: left; color: #525551; line-height: 18px; }
a.sideLinks{ display: block; font-size: 12px; text-align: left; text-decoration: none; color: #525551; margin: 5px 0px 5px; padding: 5px 0px 5px 5px; }
a.sideLinks:hover{ text-decoration: none; color: #7ec08c; }
a.sideLinksOn{ display: block; font-size: 12px; text-align: left; text-decoration: none; color: #7ec08c; border: 1px dotted #c1c1c1; margin: 0px 0px 5px; padding: 5px 0px 5px 5px; }
a.sideLinksOn:hover{ text-decoration: none; color: #7ec08c; }
div#tools{ padding: 5px 5px; margin: 0px 0px 5px; border: 1px dotted #c1c1c1; }
a.toolIcons{ display: block; float: left; margin: 0px 10px; }

div#rightSide{ float: right; width: 600px; border-left: 1px dotted #c1c1c1; }
div#tml_content{ font-size: 12px; min-height: 200px; line-height: 17px; text-align: left; color: #818181; padding: 0px 0px 50px 20px;  }
div#tml_content a{ font-size: 12px; color: #7ec08c; text-decoration: none; margin-top: 10px; }
div#tml_index_content{ font-size: 12px; line-height: 17px; text-align: left; color: #818181; padding: 0px 0px 0px 20px; border-bottom: 1px dotted #c1c1c1; }

/* Case Studies */
div#case_studies{ width: 825px; margin: 0px auto; padding: 20px 0px 20px; background: #fff; }
div#caseStudyOne{ float: left; width: 274px; margin: 0px; padding: 0px; border-right: 1px dotted #c1c1c1; background: #fff; }
div#caseStudyTwo{ float: left; width: 274px; margin: 0px; border-right: 1px dotted #c1c1c1; background: #fff; }
div#caseStudyThree{ float: left; width: 275px; margin: 0px; background: #fff; }
div.caseStudyContainer{ width: 230px; min-height: 200px; margin-left: 10px; }
h2.caseStudyTitle{ font-size: 12px;  color: #382d15; margin: 5px 0px 3px; padding: 0px 0px 0px 7px; }
span.caseStudyBlurb{ display: block; font-size: 12px; color: #818181; text-align: left; line-height: 15px; padding: 0px 7px; }
a.caseStudyLink{ display: block; font-size: 12px; color: #7ec08c; text-decoration: none; margin: 3px 0px 0px; padding: 0px 0px 0px 7px; }
div.caseBody{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 17px; text-align: left; color: #818181; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 20px; border-bottom: 1px dotted #c1c1c1; }
div.caseBody h2{ display: block; font-size: 12px; color: #4d4d4d; margin: 0px 0px 5px; }
div.caseBody a{ font-size: 12px; color: #7ec08c; text-decoration: none;  }

/* Portfolio */
div#portfolio{ width: 825px; margin: 0px auto; padding: 20px 0px 20px; background: #fff; }
.portfolioOne{ float: left; width: 274px; margin: 0px; padding: 0px; background: #fff; border-right: 1px dotted #c1c1c1; border-bottom: 1px dotted #c1c1c1; margin-bottom: 25px; }
.portfolioTwo{ float: left; width: 274px; margin: 0px; border-right: 1px dotted #c1c1c1; border-bottom: 1px dotted #c1c1c1; background: #fff; margin-bottom: 25px; }
.portfolioThree{ float: left; width: 274px; margin: 0px; background: #fff; border-bottom: 1px dotted #c1c1c1; margin-bottom: 25px; }
div.portfolioContainer{ width: 230px; min-height: 275px; margin-left: 10px; }
div.portfolioBlurb, span.portfolioBlurb{ display: block; font-size: 12px; color: #818181; text-align: left; line-height: 15px; padding: 0px 7px; min-height: 150px; }
a.portfolioLink{ display: block; font-size: 12px; color: #7ec08c; text-decoration: none; margin: 3px 0px 0px; padding: 0px 0px 0px 7px; }
div.portfolioBody{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 17px; text-align: left; color: #818181; margin: 0px 0px 20px 10px; padding: 0px 0px 20px 20px; border-bottom: 1px dotted #c1c1c1; }
h2.portfolioTitle2{ font-size: 12px; color: #382d15; margin: 10px 10px 3px; padding: 0px 0px 0px 7px; }
h2.portfolioTitle{ font-size: 12px; color: #382d15; margin: 15px 0px 3px; padding: 0px 0px 0px 7px; }
div.portLinks { margin-top:15px; padding-bottom: 5px;}
div.portLinks a{ font-size: 12px; color: #7ec08c; text-decoration: none; margin: 0px 2px; }
div.portLinks a:hover { text-decoration: underline; }

/* Contact Us Page */
#formContainer_2{ width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 0px; padding: 0px 0em; /*border: 2px solid #222; background: #fff;*/ }
#contactUs_form{ margin: 20px auto 0px; }
#contactUs_form label{ display: block; margin: 20px 0px 5px; padding: 0px; }
#contactUs_form legend{ color: #000;  padding: 5px;}
#contactUs_form select{margin:10px 0 10px;}
#contact_us_name, #contact_us_email{ display: block; width: 500px; margin:10px 0 10px; }
#contactUs_form textarea{ width: 100%; height: 250px;margin:10px 0 10px; }

/* News */
div#tml_news{ display: block; float: left;width: 550px; font-size: 12px; color: #382d15; line-height: 17px; margin: 0px 0px 0px 40px; padding: 20px 0px; }
div#tml_news > a{ color: #818181; line-height: 17px; text-decoration: none; }
div#tml_news > a:hover{ color: #382d15; line-height: 17px; text-decoration: underline; }

/* Google Voice */
.google_voice{ float: right; padding: 10px 0px; margin: 0px 40px 0px 0px; }

/* Footer */
div#tml_footer{ width: 100%; margin: 0px auto; border-top: 3px solid #443519; }
div#tml_footer_content{ width: 820px; margin: 0px auto; font-size: 10px; color: #8f8f89; padding: 10px 0px 60px; }
div#tml_copyright{ display: block; float: left; text-align: left; }
div#tml_footer_links{ display: block; float: right; text-align: right; }
div#tml_copyright > a{ color: #8f8f89; text-decoration: none; }
div#tml_copyright > a:hover{ color: #7ec08c; text-decoration: none; }
div#tml_footer_links > a{ color: #8f8f89; text-decoration: none; }
div#tml_footer_links > a:hover{ color: #7ec08c; text-decoration: none; }
/*.tweet{ display: block; font-size: 12px; color: #8f8f89; margin: 0px 0px 5px; line-height: 18px; }
.tweet a{ color:#7EC08C; text-decoration: none; }
.tweet a:hover{ text-decoration: underline; }*/
#tml_news div{ display: block; font-size: 12px; color: #8f8f89; margin: 0px 0px 5px; line-height: 18px; }
#tml_news div a{ color:#7EC08C; text-decoration: none; }
#tml_news div a:hover{ text-decoration: underline; }


/* 404 Page - Google */
#goog-wm { }
#goog-wm h3.closest-match { display: block; color: #000; margin: 0px 0px 5px;  }
#goog-wm h3.closest-match a { display: block; color: #000; margin: 0px 0px 5px; }
#goog-wm h3.other-things { display: block; margin: 0px 0px 5px; }
#goog-wm ul li { line-height: 17px; }
#goog-wm li.search-goog { display: none; }

/* Misc Classes */
h1.indexHeader{ display: block; font-weight: bold; font-size: 12px; color: #525551; margin: 0px 0px 5px 15px; padding: 0px; }
h1.fullPageHeader{ display: block; font-weight: bold; font-size: 12px; color: #525551; margin: 0px 0px 5px 0px; padding: 0px; }

.clearRight{ clear: right; }
.clearLeft{ clear: left; }
.clearBoth{ clear: both; }

/* Tool Tips */
div.tooltip { width: 200px; color: #fff; text-align: left; background: #7ec08c; border: 1px solid #c1c1c1; }
div.tooltip h4 { display: none; }
div.tooltip p { margin: 0; padding: .5em; font-weight: normal; line-height: 14px; font-size: 10px; }

/* form questionnaires */
#formContainer h2{ font-size:12px; font-weight: bold; color: #525551; }
#formContainer label{margin:0; padding:0; width:400px;}
.fieldHolder{ display: block; float: left; margin: 0px 10px 5px 0px; width: 500px; padding: 5px 0px; overflow: hidden; }
.fieldHolder label{ float: left; margin: 0px; width: 150px; color: #818181; overflow: hidden; line-height: 17px; }
.fieldHolder input, .fieldHolder input [type="text"]{ width: 400px; margin:10px 0 10px}
.fieldHolder textarea{ width: 400px; height: 65px; }

#submit{background: #fff; border: 1px solid #c1c1c1;}


/*dev-newsite questionaire*/
.compNum{ clear: both; margin: 10px 0 10px; font-weight:bold; }
.radio label{ width: 20px; }
.radio{ clear: both; margin-bottom: 20px; }
.radio label{ margin-right: 20px; }
.client_overview h2{ clear: both; }
.radio_wrapper{ margin: 10px 0 10px; }
.logo_format{ margin:20px 0 20px; line-height: 17px; }
.site_design{ clear: both; margin-bottom:10px; }
.target_market{ clear: both; margin-bottom:10px; }
.internet_marketing{ clear: both; margin-bottom:10px; }

/* captcha */
.captcha_container{ display: block; margin-bottom: 15px; /*overflow: hidden; width: 350px;*/ }
.required{ color: red; }
.captcha_fields{ float: left; width: 100px; margin-right: 20px;}
.captcha_fields img{ display:block; margin-top: 20px; }
.required_container{ padding: 7px 0px; }
.captcha_input{ width: 75px; margin: 3px 0px; padding: 2px; border: 1px solid #999; }