@charset "utf-8";
/** general setting */
* {padding:0px; margin:0px; text-align:justify;}
.clear {clear:both;}
img, fieldset {border:0px;}
body {background:#FFF url('images/bg.gif') repeat-x; width:100%; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold;}
#mainWrapper {width:800px; margin:0 auto; background:url('images/content_bg.png') repeat-y;}
#innerWrapper {width:772px; margin:0 auto;}
#topBG {width:800px; height:20px; background:url('images/top_bg.png') top no-repeat; margin:0 auto;}
#bottomBG {width:800px; height:12px; background:url('images/bottom_bg.png') bottom no-repeat; margin:0 auto;}
/** header section */
#header {width:772px; height:214px; background:url('images/header.jpg') top center;}
#mainNav {background:url(images/mainNav.jpg) repeat-x; height:36px; position:relative;}
#mainNav ul {list-style:none;}
#mainNav ul li {float:left; padding-left:60px;}
#mainNav a:link, #mainNav a:visited {padding-top:10px; padding-left:12px; padding-right:10px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:14px; text-decoration:none; height:26px;}
#mainNav a:hover, #homePage #home, #aboutPage #about, #servicePage #service, #galleryPage #gallery, #contactPage #contact {color:#B27E27; background:url(images/navOver.jpg) right no-repeat;}
#mainNav a:hover span, #homePage #home span, #aboutPage #about span, #servicePage #service span, #galleryPage #gallery span, #contactPage #contact span {background:url(images/navLeftOver.png) no-repeat; width:43px; height:50px;}  
/** footer section */
#footer {background:url(images/footer_bg.jpg) repeat-x; height:56px;}
#footer p {position:relative; top:20px; color:#CEB891; font-size:16px; text-align:center;}
/** main content */
#mainContent {background-color:#FFFFFF; padding-bottom:10px;}
#homePage #mainContent p{line-height:150%; margin:25px 115px; color:#444444;}

#messageFeedBack {border:3px solid #FFCC66; padding:5px; display:none; text-align:center;}
#contactPage #mainContent form {margin: 30px 220px;}
#contactPage #mainContent form p {padding: 10px 0px; clear:both; width:300px;}
#contactPage #mainContent form p label {display: block; width:100px; float:left; color:#444444;}
#contactPage #mainContent form p input {display: block; width:180px; float:right;}
#contactPage #mainContent form p input[type="button"][value="submit"] {text-align:center;}
#contactPage #mainContent form p textarea {display: block; width:180px; float:right;}

#mainContent #imgDesc {float:left; display:inline-block;}
#mainContent #imgDesc img {display:block; padding:10px;}
#mainContent #text {float:left; font-size:13px; margin-top:10px; font-weight:normal; width:530px;}

#aboutPage #mainContent #text p{line-height:150%; font-size:13px; color:#444444; padding-bottom: 10px;}
#aboutPage #mainContent #text h1{font-size:16px; color:#B27E27; margin:10px 0px;}
#aboutPage #mainContent #text h2{font-size:13px;}
#mainContent #text i.award {font-size:13px;}

#servicePage #mainContent #text p{line-height:150%; padding-bottom:25px; color:#444444; font-size:14px;}
#servicePage #mainContent #text h2{color:#333333; font-size:14px; display:inline;}

#galleryPage #mainContent ul {list-style:none; padding-bottom:100px;}
#galleryPage #mainContent ul li {font-weight:normal; font-size:18px; color:#B27E27; margin:20px 35px;}
#galleryPage #mainContent ul li:hover {cursor:pointer;}
#galleryPage #mainContent h1{font-weight:normal; font-size:46px; color:#B27E27; padding:100px 0px 20px 30px;;}
#galleryPage #mainContent {position:relative;}
#galleryPage #flickr {width:500px; height:450px; border:1px solid #B27E27; position:absolute; top: 40px; right:30px;}