@charset "utf-8";
/* CSS Document */
/****************************************************************************************************************************************** GLOBAL RESETS */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin:0; 
padding:0;
}

fieldset, img, abbr, acronym { 
border:0 none;
}

table { 
border-collapse:separate; 
border-spacing:0;
}

:focus { 
outline:0;
}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
font-weight:normal;
}

caption, th { 
text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
font-size:100%; 
font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after { 
content:"";
}

span.hidden, .special_message { 
display:none;
}

legend.hidden { 
display:none;
}

label.hidden { 
display:inline; 
left:-9000px; 
position:absolute;
}

.nomargin { 
margin:0 !important;
}

.fleft { 
float:left;
}

.fright { 
float:right;
}

.clr { 
clear:both; 
height:0; 
line-height:0; 
visibility:hidden;
}

*[style], pre /* override inline styles */{ 
font-size:inherit !important; 
font-family:Arial, Helvetica, sans-serif !important;
}

.clearfix:after, dl:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

#ie6 .clearfix, #ie6 dl, #ie7 .clearfix, #ie7 dl { 
display:inline-block;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/********************************************************************************************************* Site styles */
body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
background-color:#e8e1cd;
}

#wrapper {
background-color:#eee;
margin: 0 auto;
width: 922px;
position:relative;
}

#header {
background-image:url(images/im_header.png);
background-repeat:no-repeat;
height:270px;
text-indent:-9999px;
}

#nav {
position:absolute;
top:255px;
width:922px;
background-color:#3787A9;
}

#content {
background-image:url(images/im_wrap_bg.png);
background-repeat:repeat-x;
background-color:#fff;
padding:15px;
}

#content h1#main_head {
background-image:url(images/im_mainhead.png);
background-repeat:no-repeat;
height:45px;
text-indent:-9999px;
}

#content h2#main_head {
background-image:url(images/im_mainhead.png);
background-repeat:no-repeat;
height:45px;
text-indent:-9999px;
}

#content .heavy_para {
font-size:22px;
color:#333;
font-style:italic;
line-height:140%;
margin:0 0 15px 0;
}

#content #slider {
width:891px;
height:357px;
background-color:#ddd;
margin:0 0 0 0;
}

#content .blog_item_top,
#content .blog_item_top p {
min-width: 0;
line-height:170%;
margin:0 0 15px 0;
font-family:Arial, Helvetica, sans-serif !important;
color:#333;
font-size:14px;
}

#content #blog_box {
width:436px;
height:300px;
margin:0 10px 20px 0;
float:left;
}

#content #blog_box h2 {
font-size:18px;
color:#333;
margin:0 0 8px 0;
}

#content #blog_box p {
line-height:160%;
color:#666;
font-family:Arial, Helvetica, sans-serif !important;
}

#content #blog_box .inner_box {
background-color:#ddd;
border:1px solid #ccc;
padding:15px;
overflow:hidden;
}

#content #blog_box .inner_box h3 {
margin:0 0 10px 0;
padding:0;
font-size:16px;
color:#333;
}

#content #blog_box .inner_box img {
float:left;
margin:0 8px 8px 0;
}

#footer {
padding:15px;
text-align:center;
height:180px;
border-top:1px #ccc dashed;
background-color:#eee;
}

#footer h4 {
color:#c3b793;
font-size:28px;
margin:0 0 15px 0;
}

#footer h5 {
color:#666;
font-size:30px;
}


/******************************************************************************************** Navigation */
#nav ul {
padding:5px;
}

#nav ul li {
display:inline;
padding:5px;
margin:0 8px 0 0;
}

#nav ul li a {
color:#eee;
text-decoration:none;
}

#nav ul li a:hover {
color:#27596D;
text-decoration:none;
}

/*************************************************************************************************************************** Featured */
.stepcarousel {
position: relative; /*leave this value alone*/
border: 0px solid #ccc;
overflow: scroll; /*leave this value alone*/
width: 891px; /*Width of Carousel Viewer itself*/
height: 357px; /*Height should enough to fit largest content's height*/
min-width: 0;
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 891px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel .belt .panel .comment_list {
width:280px;
position:absolute;
right:75px;
top:100px;
}

.stepcarousel .belt .panel .category {
width:280px;
position:absolute;
right:-250px;
top:160px;
}

.stepcarousel .panel .comment_list p {
margin:0;
padding:0;
}

#mygallery {
margin:0px 0 0px 0;
}

.panel img {
xfloat:left;
margin:0 0 0 0;
padding:0;
}

.stepcarousel .panel h1 {
width:100%;
height:65px;
padding:10px;
text-align:center;
font-size:24px;
font-style:italic;
color:#fff;
position:absolute;
bottom:0;
left:0;
background-color:#666;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity:0.80;
}

.stepcarousel .panel h2 {
width:100%;
height:65px;
padding:10px;
text-align:center;
font-size:24px;
font-style:italic;
color:#fff;
position:absolute;
bottom:0;
left:0;
background-color:#666;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity:0.80;
}


#post_detail h2 {
font-size:22px;
margin:20px 0 20px 25px;
color:#333;
}

#post_detail p img {
float:left;
margin:5px 30px 5px 0;
border:1px solid #999;
}

#post_detail p {
line-height:160%;
font-size:14px;
color:#666;
margin:0 45px 10px 25px;
}

.ngg-galleryoverview {
margin:0 0 10px 20px;
}

form {
width:380px;
margin:30px 0 20px 220px;padding:15px;
background-color:#fff;
border:1px dotted #666;
}

form input, form textarea {
margin:0 0 8px 0;
}


a.more-link {
font-size:16px;
color:#1485E0;
font-weight:bold;
display:block;
}

a.more-link:hover {
text-decoration:none;
}


#available th {
text-align:left;
font-weight:bold;
}

#available td {
padding-top:5px;
}