@charset "utf-8";
/* CSS Document */
@import "reset.css";
html, body {background: #D3D1A1 url(../img/wall.jpg) repeat-x;font: normal 12px tahoma, arial, verdana, sans-serif;height:100%;}

.clear{ clear:both;}
em{ font: bold 11px "Trebuchet MS",Arial, sans-serif; color:#003399; text-decoration:blink;}

div#container {background:url(../img/paper.png) repeat-y; width:808px; margin:0 auto; text-align:center; overflow:auto; min-height:100%;}
div#containerbottom{position:relative;background:url(../img/bottompaper.png) no-repeat; width:808px; margin:0 auto; text-align:center; height:20px;}
div#header{position:relative;background:url(../img/header_pic.jpg) no-repeat center top; height:164px; margin:0 auto; text-align:center;}
/* nav */
div#nav {position: absolute;top:150px; left:230px; width: 450px;}
div#nav li {float: left;/*background: url(images/nav_left.gif) no-repeat;*/list-style: none;padding-left: 05px;padding-right: 05px;padding-top: 0;}
div#nav a {color: #333333; text-decoration: none; font: 10px arial, sans-serif;}
div#nav a:hover {color: #999999;}

/*content here*/
div#content{position:relative;width:510px;float:left;}
div#topcontent{width:510px;background:url(../img/content_top.jpg) no-repeat; height:18px; float:left;  margin:30px 10px 0 20px;}
div#bodycontent{width:510px;background:url(../img/content_body.jpg) repeat-y; float:left; margin:0 20px 0 20px; min-height:300px;}
div#bodycontent h2{font-size: 12px; color:#999900; text-align:left; margin: 10px 60px 0 20px;}
div#bodycontent p{color:#666666; text-align:justify;margin:10px 60px 0 20px; font:11px/21px  "Trebuchet MS", Arial, Helvetica, sans-serif;}
div#bodycontent div#featuredimage{float:right; width:120px; margin:20px 80px 0 10px; border: 1px solid #CCCCCC; padding:4px 4px 4px 4px;}
div#footercontent{width:510px;background:url(../img/content_footer.jpg) no-repeat; height:33px; float:left; margin:0 20px 0 25px;}

div#leftpanel{ background:url(../img/leftpanel.jpg) no-repeat; width:235px; height:137px; float:right; margin:30px 35px 0 0; text-align:right;}
div#leftpanel p{color:#999999; padding:50px 10px 0 0; font:12px  "Trebuchet MS", Arial, Helvetica, sans-serif;}

div#commentpanel {position:relative;float:right; margin:30px 35px 0 0; }
div#commentpanel div#top{ position:relative; background:url(../img/shoutout_top.jpg) no-repeat; width:235px; text-align:right; height:41px}
div#commentpanel div#top h1{ position:relative; float:left; font: bold 11px Arial, Helvetica, sans-serif; padding: 20px 0 0 40px; color:#FFFFFF;}
div#commentpanel div#comment{ position:relative;background:url(../img/msg_bg.jpg) repeat-y; min-height:100px; width:235px; }
div#commentpanel div#comment h4{color:#006600; padding:10px 10px 20px 10px; font: italic 11px/16px  Arial, Helvetica, sans-serif; text-align:justify;}
div#commentpanel div#comment h2{color:#666666;font:11px Arial, Helvetica, sans-serif; text-align:justify; float:right; padding-right:15px;}
div#commentpanel div#bottom {position:relative; background:url(../img/shoutout_bottom.jpg) no-repeat; width:235px; height:28px;}

/**************/

/******************************** Form Style**********************************************/
form {padding: 3px 6px 0 6px;}
input {color: #333;background-color: #FBFBFB;border: 1px solid #333;width:180px;}
select {color: #333;background-color: #FBFBFB;border: 1px solid #333;width:180px;}
.btnSubmit{width:60px;background-color:#CCCCCC; float:right;}
textarea {width: 180px;height: 80px;color: #333;background-color: #FBFBFB;border: 1px solid #333;}
/****************************************************************************************/

/*************For Contact Page****************************/
div#contact {width:450px; margin: 2px 0 10px 10px; float:left;}
div#contact hr{width:95%;}
div#contact table{float:left; margin-left:10px;}
div#contact p,td{margin-top: 0;  margin-bottom: 2px;  font-size:12px;  color:#333333; text-align:left; padding-bottom:4px; vertical-align:top;}
div#contact table tr td img{width: 180px;}
div#contactperson{width:170px; float:right; height:100px; border: 1px solid  #999900; background:#99CC66; text-align:left; padding: 2px 0 0 4px;}
div#contactperson a{font-size:11px; color:#666666;}
/******************************************************/

/*************For Gallery Page****************************/
#gallery { margin: 2px 0 10px 10px;float:left; text-align:left; padding:2px 0 0 22px;}
#gallery div{ position:relative; background:#FFFFFF; border: 1px solid #CCCCCC; width: 110px; text-align:center; padding-top:5px; padding-bottom:5px;}
#gallery img{border: 1px solid #999999; width:100px; height:60px;}
/******************************************************/

/***** Services ******/
ul#services li p{display:block; width:350px; background:url(../img/bullet.gif) 0 5px no-repeat ;padding:3px 0 0 20px; height:20px;}
/*********************/


/*************For Guestbook Page****************************/
div#guestbook{margin:10px 0 0 -20px;text-align:left;}
div#guestbook div#guest{float:none;clear:both;margin: 0px auto;border:1px solid #ccc; width:400px;}
div#guestbook div#guestname{float:left;width:144px;padding-left:5px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;font-size : 12px; color:#C64934;}
div#guestbook div#guestdate{text-align:right; font-family: Arial, Helvetica, sans-serif;font-size:10px; color:#666666;}
div#guestbook div#guestlocation{font-size :11px; padding:0 0 0 6px;; margin:0; clear:both; color:#999900;}
div#guestbook div#guestmessage{width:395px;padding:10px 0 15px 5px;border-bottom: 1px solid #ccc;font-size :11px; font-style:italic; color:#999999;}
/****************************width: 350px;**************************/



/************ footer *******************/
div#footer {width:808px; font: 11px arial, sans-serif;color: #464544; margin: 0 auto ;text-align:center;}
div#footer a {color: #333333; text-decoration: none; font: 10px arial, sans-serif;}
div#footer a:hover {color: #999999;}
div#footer ul {float:left; margin-left:5px;}
div#footer li {display: inline;list-style: none;}
div#footer div#copyright p{float:right; margin-right:5px;}
/***************************************/