/*
Theme Name: Fravie
Theme URI: http://fravie.com/
Description: Designed by Fancy-Free - LongLanh.net.
Version: 1.6
Author: Fancy-Free
Author URI: http://longlanh.net/


*/
body
{
	background:url(images/bg.gif);
	margin:0px;
	padding:0px;
	height:100%;
	
	
}
a,
a:link,
a:hover,
a:visited
{
	color:#47290a;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
img
{
	border:0px;
}
p, h1, h2, h3, h4
{
	margin:0px;
	padding:0px;
}
#Fancy-Free
{
	background:url(images/bg_top.png) repeat-x top;
	overflow:hidden;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	height:100%
}
#Fravie
{
	width:950px;
	margin:3px auto 10px auto;
	position:relative;
}
.bg_top
{
	background:url(images/bg_top.jpg) no-repeat center top;
	height:100%;
}
#body_bg_top
{
	background:url(images/body_bg_top.png) no-repeat top;
	width:950px;
	overflow:hidden;
	height:50px;
}
#body_bg_bottom
{
	background:url(images/body_bg_bottom.png) no-repeat top;
	width:950px;
	overflow:hidden;
	height:50px;
}
#body_bg
{
	background:url(images/body_bg.png) repeat-y;
	width:950px;
}
.clear
{
	width:100% !important;
	clear:both !important;
	overflow:hidden !important;
	height:0px !important;
	margin:0px !important;
	padding:0px !important;
}
#logo
{
	background:url(images/logo_bg.png);
	height:164px;
	width:182px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:40px;
	z-index:1;
}
#logo h1
{
	background:url(images/logo.png)  no-repeat left top;
	margin-top:20px;
	margin-left:22px;
	
}
#logo h1,
#logo h1 a
{
	width:138px;
	height:118px;
	overflow:hidden;
	float:left;
	display:block;
}
#logo h1 a
{
	padding-top:118px;
}
#menu_bg
{
	background:url(images/menu_bg.png) repeat-x top;
	height:81px;
	overflow:hidden;
	position:relative;
	margin-top:13px;
	clear:both;
	z-index:1;
}
#body
{
	margin-top:0px;
}
#slider
{
	margin-top:-2px;
	overflow:hidden;
	position:relative;
}
#languages_sw
{
	position:absolute;
	right:10px;
	top:10px;
	font-size:11px;
}

#languages_sw ul,
#languages_sw li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#languages_sw ul
{
	overflow:hidden;
	background:#fff;
	padding:1px;
}
#languages_sw li
{
	float:left;
	padding-left:5px;
}
#languages_sw li a,
#languages_sw li span
{
	padding:3px 5px 3px 24px;
	display:block;
	overflow:hidden;
	float:left;
	height:12px;
	line-height:12px;
	
}
#languages_sw li.active,
#languages_sw li:hover
{
	background:#CCBB99;
}

.body
{
	background:url(images/body_top.png) repeat-x top;
	padding:10px;
}

#slider .shd
{
	background:url(images/sider_shd.png) repeat-x;
	height:4px;
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top:-4px;
}
#slider .left
{
	width:600px;
	float:left;
	overflow:hidden;
	height:400px;
	position:relative;
}
#slider .right
{
	width:280px;
	float:left;
	height:380px;
	padding:10px;
	overflow:hidden
}
#header,
#footer,
#body
{
	width:900px;
	padding:0px 25px;
}
#header
{
	background:url(images/body_bg_top.png) no-repeat top;
	padding-top:25px;
}
#footer
{
	background:url(images/body_bg_bottom.png) no-repeat bottom;
	padding-bottom:25px;
	position:relative;
}
#footer .divider
{
	background:url(images/footer_bg.gif) repeat-x top;
	height:4px;
	overflow:hidden;
	width:900px;
}
#bnb
{
	position:absolute;
	right:38px;
	top:10px;
	overflow:hidden;
	font-size:10px;
	color:#966;
	text-align:center;
}
#footer .content
{
	background:url(images/fravie_mini.png) no-repeat left center;
	padding:5px 0px 10px 0px;
	padding-left:40px;
	margin:0px 10px;
	padding-left:64px;
	font-size:11px;
	line-height:150%;
}
#menu
{
	position:relative;
	margin-top:-83px;
	height:78px;
	padding-top:5px;
	padding-right:10px;
	float:right;
	z-index:1;
}

#menu ul,
#menu li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu li
{
	float:left;
	height:74px;
	line-height:74px;
	text-transform:uppercase;
	font-size:14px;
	position:relative;
	white-space:nowrap;
	
}
#menu li a,
#menu li a span
{
	float:left;
	height:74px;
	display:block;
}
#menu li ul
{
	position:absolute;
	top:60px;
	left:0px;
}
#menu li h1
{
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px;
}
#menu li ul
{
	display:none;
	background:#fff;
}

#menu a,
#menu a:hover,
#menu a:visited
{
	color:#472503;
	text-decoration:none;
}
#menu li.current-menu-ancestor,
#menu li.current-menu-item
{
	background:url(images/menu_act_bg.png) repeat-x top;
	height:74px;
}
#menu li.current-menu-ancestor span,
#menu li.current-menu-item span
{
	background:url(images/menu_act_bg_left.png) no-repeat left top;
	float:left;
	height:74px;
	display:block;
}
#menu li.current-menu-ancestor span span,
#menu li.current-menu-item span span
{
	background:url(images/menu_act_bg_right.png) no-repeat right top;
	float:left;
	height:74px;
	display:block;
}
#menu li span span
{
	padding:0px 10px;
}

#menu li li,
#menu li li a,
#menu li li span
{
	height:30px !important;
	line-height:30px;
	background:none !important;
}
.latest_news
{
	background:#c3b08e;
	padding:3px;
	float:left;
	width:274px;
}
.about
{
	text-align:justify;
	line-height:150%;
}
.latest_news .content
{
	background:#f4f0df;
	padding:5px;
}
.latest_news h2
{
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	padding:0px 5px;
	color:#663D2A;
}

.widget ul,
.widget li,
ul.list_01,
ul.list_01 li
{
	margin:0px;
	padding:0px;
	list-style:none
}
.widget ul
{
	padding:0px 5px;
}
.widget li,
ul.list_01 li
{
	background:url(images/list_style_01.gif) no-repeat left 4px;
	margin:5px;
	text-indent:12px;
	clear:both;
}
#content
{
	width:650px;
	padding:10px;
	float:left;
	background:url(images/body_top.png) repeat-x top;
}
div.title
{
	position:relative;
	margin-top:4px;
}
#content .desc
{
	font-size:11px;
	color:#9c897f;
	font-family:Verdana, Geneva, sans-serif;
}
div.title,
div.title h2,
div.title p,
#content h2.title
{
	color:#663D2A;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
}
.about div.title
{
	padding-bottom:5px;
}
div.title p
{
	position:relative;
}
div.title h2
{
	position:absolute;
	top:1px;
	color:#fff;
}
#content h3.title
{
	font-size:16px;
	font-weight:normal;
}
#content h3.title,
#content h3.title a,
#content h3.title a:hover,
#content h3.title a:visited
{
	color:#400;
}
#sidebar
{
	width:220px;
	float:left;
	padding:10px;
	padding-left:0px;
	background:url(images/body_top.png) repeat-x top;
}
.widget
{
	background:#cb9;
	padding:1px;
	margin-bottom:10px;
}
.widget .content
{
	background:#f5f2e4;
	padding:4px;
}
.widget .content p
{
	padding:0.5em 0;
}
.widget h2.title
{
	font-family:"Times New Roman",Times,serif;
	font-size:18px;
	color:#663d2a;
	font-style:italic;
	font-weight:normal;
	background:url(images/widget_title.png) no-repeat top left;
	width:190px;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	height:32px;
	line-height:32px;
	margin:0px auto;
	margin-bottom:5px;
	padding:0px 10px;
}
.entry
{
	text-align:justify;
	line-height:150%;
}
#content .entry
{
	padding:0px;
}
.entry blockquote
{
	font-style:italic;
	border-left:#ccbb99 2px solid;
	padding:0px 10px;
	margin:0px 10px;
}
#content .entry.home
{
	padding:0px;
}
.entry img.aligncenter
{
	text-align:center;
	margin:0px auto;
	display:block;
}
.entry p,
.entry li
{
	padding-bottom:0.5em;
	padding-top:0.5em
}
.entry .wp-caption
{

	padding:0px;
	text-align:left;
	padding-bottom:20px;
	color:#666;
}

.entry .wp-caption p
{
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:8pt;
}
.entry p.aligncenter
{
	text-align:center;
}
.entry div.aligncenter
{
	margin:0px auto;
}
.entry .alignleft
{
	float:left;
	padding-right:10px;
}
.entry .alignright
{
	float:right;
}
.img_thumb
{
	float:left;
	margin-right:8px;
	padding:3px;
	background:#fff;
	border:1px solid #cc9;
	overflow:hidden;
}
.img_thumb a
{
	display:inline-block;
	display:block;
	overflow:hidden;
	float:left;
}
.post
{
	clear:both;
	padding-bottom:10px;
	overflow:hidden;
}


.products,
.products li
{
	margin:0px;
	padding:0px;
	overflow:hidden;
	list-style:none;
}
.products
{
	padding-top:15px;
}
.products li
{
	width:200px;
	float:left;
	text-align:center;
	padding:0px 8px 20px 10px;
}
.products li.clear
{
	width:100%;
	clear:both;
	overflow:hidden;
	height:0px;
	padding:0px;
	margin:0px;
}
.products li .img_thumb
{
	float:none;
	display:inline-block;
	overflow:hidden;
	margin:0px auto;
}
.products p.architect
{
	color:#c00;
	font-size:11px;
}
#content .products li h3.title
{
	font-size:12px;
	font-weight:bold;
}
#list_prds ul,
#list_prds li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#list_prds li
{
	width:250px;
	margin-left:-10px;
	position:relative;
}
#list_prds li a
{
	background:url(images/sidabar_title_list.png);
	height:26px;
	line-height:26px;
	display:block;
	padding:3px 10px 5px 10px;
	font-weight:bold;
	
}
#list_prds li li
{
	margin:0px 12px;
	background:url(images/list_01.gif) no-repeat 0px 9px;
	height:auto;
	padding:5px 15px 5px 10px;
	width:auto;
}
#list_prds li li a
{
	background:transparent;
	font-weight:normal;
	height:auto;
	line-height:normal;
	padding:0px;
}
#list_prds .title_shadow2
{
	width:250px;
	height:7px;
	overflow:hidden;
	background:url(images/sidebar_title_shadow2.png) repeat;
	margin-left:-10px;
	position:relative;
	margin-top:-18px;
	z-index:1;
}
#list_prds ul
{
	margin-top:-6px;
}


.latest_news .products
{
	padding-top:5px;
}
.latest_news .products li
{
	width:113px;
	padding-bottom:10px;
}
.latest_news .products h3.title,
.latest_news .products h3.title a,
.latest_news .products h3.title a:visited,
.latest_news .products h3.title a:hover
{
	font-weight:normal;
	font-size:11px;
	color:#c00;
}



#s3slider {
   width: 600px; /* important to be same as image width */
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:#000;
}
#s3slider ul,
#s3slider li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 0px;
   height:0px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}