/* 
Arch Template File - Kaveri
Chip Medema - The Main Lobby
Modified By:  
*/


/* HTML Styles */
body{ background: #000; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1{ display: block; font-size: 14px; font-weight: bold; margin: 0px 0px 8px; }
h2{ display: block; font-size: 12px; font-weight: bold; margin: 0px 0px 8px; }
img{ border: 0; }
strong{ font-weight: bold; }

/* Main Container */
div#main{ width: 689px; margin: 0 auto; }

/* Header Styles */
div#header{ margin: 0px auto; font-size: 10px; font-weight: bold; color: #B29B84; text-align: left; padding: 20px 0px 10px; }
div#header > a{ color: #B29B84; margin: 0 auto; font-size: 10px; line-height: 18px; text-decoration: none; }
div#header > a: hover{ text-decoration: none;  }

/* Content Styles */
div#content{ background: #fff; border: 4px solid #ccc; }
div#contentInside{ background: url('../images/kaveri-content-bg.jpg') no-repeat left bottom #fff; border: 4px solid #ccc;  }
div#insideContent{ display: block; float: right; width: 500px; min-height: 300px; line-height: 17px; padding: 20px 0px; margin: 0px 15px 0px 0px; }
a.designerLink{display: block; color: #000; line-height: 17px; }
a.designerLink:hover{ color: #B29B84; }
.googleMap{ width: 100%; height: 250px; margin: 24px 0px 5px; }
.googleMapDirections{ display: block; width: 100%; height: 400px; margin: 0px 0px; border: 1px solid #000; }
.googleDirections{ display: block; width: 100%; }

/* Top Navigation */
div#navigation{ width: 681px; border-bottom: 4px solid #ccc; background: url('../images/navigation-bg.gif') repeat-x #7E6958; }
a.topNav{ display: block; float: left; font-size: 10px; text-decoration: none; color: #000; padding: 12px 0px; margin: 0px 23px; }
a.topNav:hover{ color: #fff; }

/* Newsletter Sign Up */
div#newsLetter{ width: 681px; border-width: 0px 4px 4px; border-style: solid; border-color: #ccc; padding: 12px 0px; background: url('../images/navigation-bg.gif') repeat-x #7E6958; }
label.newsLetterLabel{ width: 220px; font-size: 10px; color: #fff; float: left; padding: 3px 0px; margin: 0px 0px 0 17px; }
input.newsLetterInput{ display: inline; float: left; width: 145px; height: 15px; margin: 0px; padding: 0px; border: 1px solid #9F9D9D; }
input.newsLetterButton{ display: inline; float: left; width: 51px; height: 17px; margin: 0px; background: url(../images/sign-up-button.gif) no-repeat;  }

/* Main Footer */
div#footer{ width: 689px; margin: 0px auto; overflow: hidden; }
.footer_copy{ float: left; width: 45%; text-align: left; color: #fff; font-size: 10px; line-height: 17px; padding: 10px 0px; }
.footer_copy a{ color: #fff; font-size: 10px; text-decoration: none; }
.footer_copy a: hover{ text-decoration: none; }
.social{ float: right; width: 45%; padding: 10px 0px; overflow: hidden; }
.social a{ display: block; float: right; width: 32px; height: 32px; margin-left: 10px; }

/* Form Styles */
#formContainer{ width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 15px 0px 0px; padding: 0em 0em; border: 0px solid #222; background: #fff; }
form{ margin-top: 0px; }
fieldset{ margin: 10px 0 10px 0px; }
label{ width:120px; margin: 0; display: block; float: left; border: 0px solid #777; *margin-top: 10px; }
legend{ color: #777;  padding: 5px;}
input[type="text"]{ width: 200px; display: block; float: left; *margin-top: 10px; }
input[type="checkbox"]{ display: block; float: left; *margin-top: 10px; }
input[type="submit"]{ *margin-top: 10px; margin-right:45px; }
select{ float: left; width: 200px; *margin-top: 10px; }
textarea{ width: 200px; height: 200px; *margin-top: 10px; }
.formTitle{ font-size: 16px; margin: 0; padding: 0; }
.formDesc{ 	font-size: 12px; line-height: 17px; margin: .75em 0 0 0; padding: 0; }
.breakClear{ clear: both; margin-top: 20px !important; }
.bodyText{ font-size: 12px; text-align: justify; line-height: 16px; color: #777; border-left: 0px solid #ccc; margin-top: 5px; }


/* Misc */
div.pressDivider{ width: 100%; height: 1px; font-size: 0px; border-top: 1px dotted #ccc; margin: 10px 0px 15px; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }