*{padding:0; margin:0;}
body{ background: url(../img/tanat_bk1.jpg) #4fb5a1; padding:0 0 30px 0;}

h2{color:#1a7361; font-weight:normal; padding:0 0 8px 0;}
h3{color:#1a7361; font-weight:normal; padding:10px 0 8px 0;}

div#content{margin:0 auto; width:840px;}

div#header{background:url(../img/nav_bk.jpg) repeat-x top; height:146px; margin:15px 0 0 0;font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;}
div#header #main_nav{background:url(../img/tanat_logo.jpg) no-repeat;margin:0 auto; width:840px; height:146px;}
div#header ul{display:block; padding:60px 0 0 0; text-align:right;}
div#header ul li{display:inline; padding:0 5px 0 0;}
div#header ul li a{color:#fff; text-decoration:none;font:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; border-right: 1px solid #4fb5a1; padding:10px 15px 10px 5px;}
div#header ul li a:hover{color:#64cdb8; text-decoration:none;}
div#header ul li.last a{border:none;}

div#nav_left{float:left; width:100px;}
div#nav_left ul{list-style-type:none;padding:30px 0 0 10px;}
div#nav_left ul li{padding:0 0 10px 0;}
div#nav_left ul li a{color:#fff;font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}
div#nav_left ul li a:hover{text-decoration:none;}

div#nav_left ul li.twitter{padding:30px 0 0 0}
div#nav_left ul li.twitter a{color:#fff; background:url(../img/twitter_2.png); display:block; width:100px; height:51px;}
div#nav_left ul li.twitter a:hover{ background-position:-100px 0;}

div#nav_left ul li.e_twitter{padding:30px 0 0 0}
div#nav_left ul li.e_twitter a{color:#fff; background:url(../img/e_twitter_2.png); display:block; width:100px; height:51px;}
div#nav_left ul li.e_twitter a:hover{ background-position:-100px 0;}

div#nav_left ul li.facebook{padding:30px 0 0 0}
div#nav_left ul li.facebook a{color:#fff; background:url(../img/facebook_2.png); display:block; width:100px; height:51px;}
div#nav_left ul li.facebook a:hover{ background-position:-100px 0;}

div#nav_left ul li.e_facebook{padding:30px 0 0 0}
div#nav_left ul li.e_facebook a{color:#fff; background:url(../img/e_facebook_2.png); display:block; width:100px; height:51px;}
div#nav_left ul li.e_facebook a:hover{ background-position:-100px 0;}


.displace {position: absolute;left: -5000px;}

div#main_outer{background:#1a7361; margin:0 0 30px 0;}

div#main{width:639px; background: url(../img/main_bottom_699.jpg) no-repeat bottom #fff;padding:30px; margin:0 20px 15px 0; float:right; font-family:Arial, Verdana, Helvetica, sans-serif; line-height:1.5em;}
div#main ul{margin:0 0 30px 20px;}
div#main ul li, div#main ul li a{color:#1a7361;}
div#main ul li a:hover{text-decoration:none;}
div#main ul li span{font-weight:bold;}
.blacktext {color:#124b3f}
div#main p{margin:0 0 10px 0;}
div#main p.intro{font-size:1.2em;}
div#main p span{font-weight:bold;}
div#main p a{color:#1a7361; text-decoration:underline;}
div#main p a:hover{color:#1a7361; text-decoration:none;}
div#main .right{float:right; padding:0 0 5px 5px;}
div#main .content-left{float:left; width:300px;}
div#main .content-right{float:left;}

.clear{clear:both; padding:0 0 20px 0;}

div#footer{background:url(../img/main_outer_bottom.png) bottom no-repeat; clear:both; color:#FFFFFF;font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; padding:0 0 20px 0;}
div#footer p{padding:0 0 15px 120px; font-size:0.9em;}
div#footer p a{color:#fff;}
div#footer p a:hover{text-decoration:none;}

/* FORM */

label{float:left; width:20em; border:1px solid red;}
