/* == css for the tierwater == */

body { background: url(../images/bg-tile.gif); font:14px arial; color:#2d4231; }

p { padding: 5px 0; margin: 0; }

h1, h2, h3, h4 { margin: 0; }

h1 { font-size: 18px; padding: 0;}
h2 { font-size: 24px; padding: 0;}

.left { float: left; }
.right {float: right; }
.clear { clear: both; }

a { text-decoration: none; color:#3a613d; outline: none; }
a:hover { text-decoration: underline; outline: none; }

img { border: none; }

/* placement */

#page { width: 940px;  clear: both; overflow: hidden; margin: 30px auto; }

#leftside { float: left; width: 283px; }
#rightside { float: left; width: 657px; }

/* left side */
.logo { clear: both; overflow: hidden; }
.quote { clear: both; overflow: hidden; background: url(../images/quote-bg.gif) no-repeat; width: 243px; height: 63px; padding: 18px 5px; }
	.quote h1 { color:#3a613d; font-style: italic; text-align: center;}
	
.socialsite { clear: both; overflow: hidden;  margin-bottom: 24px; color:#3a613d;}
	.socialsite .icon { float: left; width: 35px; margin-right: 10px; }
	.socialsite .caption { float: left; width: 238px; }
	.socialsite .caption h1 { font-weight: normal;  color:#3a613d; padding-top: 6px;}
	.socialsite .caption a { color:#3a613d; }

.blog { clear: both; overflow: hidden; background: url(../images/blog-bg.gif) no-repeat; width: 283px;  }
.blog .font30 { font-size: 30px; color:#3a613d; }
.blog h1 {color:#3a613d; }


/* right side */
.mainmenu { clear: both; overflow: hidden; background: url(../images/menu-bg.gif) no-repeat; width: 617px; height: 68px; margin-top: 37px; padding-left: 40px; }
.mainmenu ul { display: inline; padding: 0; margin: 0; }
.mainmenu li { float: left; list-style: none; padding: 8px 5px; margin: 8px 0; }
.mainmenu li:hover { background: url(../images/hover-bg.gif) repeat-x; padding: 8px 5px;}
.mainmenu a { text-decoration: none; text-transform: uppercase; font-weight: bold; }
.mainmenu a:hover { display: block; }
.mainmenu a.current {background: url(../images/hover-bg.gif) repeat-x; padding: 6px; }

.content { clear: both; overflow: hidden; padding-left: 15px; margin-top: 40px; }
.content p { line-height: 18px; text-align: justify;}

.content-l { float: left; width: 315px;margin-right: 12px; margin-top: 10px;  }
.content-r { float: left; width: 315px; margin-top: 10px; }

.content-l2 { float: left; width: 215px;margin-right: 12px; margin-top: 10px;  }
.content-r2 { float: left; width: 415px; margin-top: 10px; }

.content-r2 ul { padding: 0; margin: 0; }
.content-r2 li { padding: 10px 0; margin: 0; list-style: none; }
.enquiry-input { width: 400px; padding: 0px; margin:5px 0; background: url(../images/enquiry-bg.gif) no-repeat; border: none; height: 40px; outline: none; font-size: 14px;}
.enquiry-textarea { width: 400px; padding: 0px; margin:5px 0; background: url(../images/enquiry-bg.gif) no-repeat 0 45px; border: none; outline: none; font-size: 14px;}
.enquiry-button { padding: 10px; background-color:#3a613d; cursor: pointer; color:#fff; border: none; width: 100px;}
.enquiry-button:hover { background-color:#27432a; }