/* SITEWIDE */
html { height: 100%; margin-bottom:1px; }
body { height: 100%; margin-bottom:1px; border-top:5px solid #3D2B6C;  }
#container { background:url('../images/darkblue_bg.png') #E5E5E5 repeat-x; overflow:hidden; }
#mainpic { width:960px; height:240px; padding:10px; background:url('../images/mainpic_bg.png') no-repeat; margin:20px 0 20px 0; }

/* needs two wrappers inside the container for the two tone background */
#wrapper_1 { margin:0 auto; background:url('../images/radial_bg.png') no-repeat top center; overflow:hidden; }
#wrapper_2 { width:980px; margin:40px auto; }

/* HEADER ONLY */

#header { overflow:hidden; }
a#logo { float:left; display:block; width:182px; height:58px; text-indent:-9999px; background:url('../images/tonstate_logo.png'); margin:0 0 0 10px; }
p#strap { color:#948CA8; font-size:1.2em; font-style:italic; float:right;  margin:35px 10px 0 0; }


/* LEFT COL (NAV+BROCHURE) */

#leftcol { width:240px; float:left; margin:0 0 40px 10px; }
ul#nav { font-family:Arial,Helvetica; margin:0 0 20px 0; }
ul#nav li { border-bottom:1px solid #e5e5e5; }
a.btn { display:block; color:#333;  background-color:#ccc; text-decoration:none; font-size:.7em; padding:8px 30px; cursor:pointer; }
a:hover.btn { background-color:#bfbfbf; }
a.down { background:url('../images/navbg.png') #646464 repeat-x; color:#fff; font-weight:bold; }
a:hover.down { background-color:#646464; }
ul#nav li ul { padding:0 30px 10px 40px; }
ul#nav li ul li { border:0; line-height:1.2em; }

ul.norm { background-color:#ccc; display:none; }
ul.norm a.sub { color:#666; text-decoration:none; font-size:.7em; cursor:pointer; }
ul.norm a:hover.sub { color:#003; }
ul.inside{ background:url('../images/subdown_bg.jpg') repeat-x; background-color:#666666  }
ul.inside a.sub { color:#fff; text-decoration:none; font-size:.7em; cursor:pointer; }
ul.inside a:hover.sub { color:#FFF4B1; }
ul.inside a.active { color:#FFF4B1; }
/*ul.inside a:hover.sub { color:#FFCC00; }
ul.inside a.active { color:#FFCC00; }*/
a.subdown { color:#fff; font-weight:bold; background:url('../images/subdown_bg.jpg') repeat-x; }
a:hover.subdown { background-color:none; }

a#brochure_btn { display:block; width:240px; height:120px; background:url('../images/brochure_btn.png'); text-indent:-9999px; }
a:hover#brochure_btn { background:url('../images/brochure_btn_f2.png'); }

/* RIGHT COL (MAIN CONTENT) */

#rightcol { width:660px; float:left; margin-left:60px; margin-bottom:40px; }
#rightcol h1 { font-size:1.4em; color:#150A36; border-bottom:1px solid #ccc; padding-bottom:.5em; margin-bottom:1em;  }
#rightcol h2 { font-family:Arial,Helvetica; font-size:.8em; color:#150A36; border-bottom:1px solid #ccc; padding-bottom:.5em; margin-bottom:1em;  }
#rightcol p { font-family:Arial,Helvetica; font-size:.8em; color:#333; line-height:1.2em; margin-bottom:1em; }
#rightcol ul { font-family:Arial,Helvetica; font-size:.8em; color:#333; line-height:1.2em; list-style-type:disc; margin:0 0 1em 2em; }
#rightcol ul li { margin-bottom:.5em; }
#rightcol blockquote { color:#3D2B6C; font-size:1.1em; font-style:italic;/* float:right;*/  margin:0 0 20px 0; }
a.url { display:inline-block; height:16px; background:url('../images/led-icons/world.png') no-repeat; padding-left:22px; color:#150A36; text-decoration:none; font-weight:bold; }
a.url:hover { text-decoration:underline; }

div.inv_wrapper { width:420px; float:left; }
div#thumbnails { width:220px; float:right; }

div#thumbnails .tn { margin:0 0 0 0; padding:10px; background:url('../images/tn_bg.png') no-repeat; }
div#thumbnails p { text-align:center; margin:5px 0 0 0; color:#150A36; font-weight:bold;  }
div#thumbnails p a { color:#150A36; text-decoration:none; }
div#thumbnails p a:hover { text-decoration:underline; }

div.column { width:320px; float:left; margin:20px 20px 0 0; }
div.end {  margin:20px 0 0 0; }
div.colwrapper { overflow:hidden; margin:0 0 20px 0; }

/* CONTACT FORM */

form#contact_form {}
form#contact_form p { overflow:hidden; }
form#contact_form legend { font-family:Arial,Helvetica; font-size:.8em; color:#fff; font-weight:bold; background-color:#ccc; padding:3px 5px; }
form#contact_form fieldset { background-color:#ccc; padding:10px; margin-bottom:10px; }
form#contact_form label[for] { width:80px; float:left; }
form#contact_form label em { color:red; margin-left:4px; }
form#contact_form select { font-family:Arial,Helvetica; }
form#contact_form input[type=text] { font-family:Arial,Helvetica; width:210px; }
form#contact_form textarea { font-family:Arial,Helvetica; width:210px; height:150px; }
form#contact_form label[generated=true] { width:210px; float:left; color:#f00; margin-left:80px; }
input.error,textarea.error { border:1px dotted red; }

/* FOOTER */

#footer { width:960px; margin:10px auto; overflow:hidden; line-height:2em; font-family:Arial,Helvetica; font-size:.7em; color:#666; }
#footer a { color:#666; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer p { width:50%; float:left;  }
#footer cite { width:50%; float:right; text-align:right; font-style:normal; }

/* PORTFOLIO */

.port_wrapper { width:660px; }
.port_thumbs { overflow:hidden; }
.port_thumbs .tn { width:180px; margin:0 20px 20px 0; padding:10px; background:url('../images/tn2_bg.png') no-repeat; float:left; }

/* SPLASH */

#flash_container {width:960px; outline:0; margin:20px 0px}

.recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#DDDDDD !important; //reCaptcha widget background color
}
#recaptcha_table { border-color: #999999 !important; //reCaptcha widget border color
}
#recaptcha_response_field {border-color: #BBBBBB !important; //Text input field border color  background-color:#ffffff !important;
//Text input field background color
}