/*
Theme Name: Macchiato Theme
Theme URI: http://www.nybbletech.com
Description: Macchiato Theme
Version: 1.01
Author: Nybble Tech
Tags: Macchiato, SEO, websites, Nybbletech

*/
body{
	margin:0px;
	padding:0px;
	width:100%;
	background:#e0cc96;
	font-family:Arial, Helvetica, sans-serif;
}

/*######## Some Important Declaration #########*/
img{border:none;}
.clear{clear:both;}
a{ text-decoration:none; color:#ee3224;}
a:hover{text-decoration:underline; color:#ee3224;}
p{margin:0px; padding:5px 0px 5px 14px;}

h1 , h1 a{font-weight:normal; font-size:25px; color:#fff; margin:0px; padding:5px 0px;}
h2 , h2 a{font-weight:normal; font-size:20px; color:#000; margin:0px; padding:5px 0px 8px 14px;}
h2 span , h2  a span{ color:#ee3224;}
h3 , h3 a{font-size:20px; color:#000; font-weight:normal; padding:0px 0px 0px 14px;}
h4 , h4 a{font-weight:normal; font-size:27px; color:#fff; margin:0px; padding:5px 0px 8px 14px;}
h5 , h5 a{font-weight:600; font-size:20px; text-align:center; margin:0px; padding:5px 0px 0px 10px;}
h6 , h6 a{font-weight:600; font-size:14px; color:#ee3224; margin:0px; padding:0px 0px 0px 14px;}
h7 , h7 a{font-weight:500; font-size:14px; color:#000000; font-style:italic; margin:0px; padding:0px 0px 0px 0px;}
h8 , h8 a{font-weight:500; font-size:14px; color:#fff; margin:0px; padding:5px 0px 0px 0px;}

.head_menu{float:left; min-width:300px; font-weight:700; font-size:14px; padding:1px 0px 0px 14px;}
.head_menu2{float:left; width:300px; font-size:14px; padding:1px 0px 10px 14px;}
.head_menu3{float:left; min-width:300px; font-weight:700; font-size:14px; padding:1px 0px 12px 14px;}
.head_menu4{float:left; width:300px; font-size:14px; padding:1px 0px 0px 14px;}
.price_menu{float:left; padding:1px 0px 0px 50px; width:auto; font-size:14px; }
.price_menu2{float:left; padding:1px 0px 0px 25px; width:auto; font-size:14px; }

/*######## Some Important Declaration #########*/


.container{
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
}


/*###################################Header Styling########################################*/


.header{
	position:relative;
	background:#252021;
	width:100%;
	height:110px;
}
.logo{
	position:relative;
	width:380px;
	height:110px;
	float:left;
}

.detail_company{
	position:relative;
	float:right;
	height:auto;
	padding-top:20px;
	width:auto;
}
.detail_company .head1{font-size:25px; color:#fff; padding-top:20px;}
.detail_company  .head2{font-size:20px; color:#ee3224; line-height:15px; vertical-align:middle; text-align:center;}

/*###################################Navigation Styling########################################*/


.nav{
		position:relative;
		background: url(images/nav_bg.jpg) repeat-x;
		width:100%;
		height:40px;
		z-index:9999;

	}
.menu {margin:0px; padding:0px; list-style:none; text-transform:uppercase;}
.menu li{position:relative;  float:left; width:auto; height:auto; line-height:40px; vertical-align:middle;}
.menu li a{ display:block;padding:0px 20px;height:40px; width:auto; font-size:15px; font-weight:bold; color:#4d1101;  text-decoration:none;}
	.menu li a:hover{height:40px; background:url(images/nav_hover.jpg) repeat-x; color:#fff;}
	ul.menu ul {position:absolute; top:40px; background:#e0cc96; display:none; list-style:none; margin:0; padding:0;width:205px;}
ul.menu ul li {position:relative; border:1px solid #000; border-top:none; width:auto; margin:0; height:40px; padding:0px;}
ul.menu ul li a { display:block; background-color:#e0cc96; margin:0; padding:0; text-align:center; color:#4d1101; height:30px; width:205px !important; font-size:14px;}
ul.menu ul li a:hover {background:url(images/nav_hover.jpg) repeat-x center bottom; color:#FFF;}
ul.menu ul ul {left:170px; top:-1px}	
	
/*###################################Banner Styling########################################*/
.banner{
	position:relative;
	width:100%;
	height:280px;
	background: url(images/main_header_bg.jpg) repeat-x;
	z-index:1;
}

.banner_bg{
	position:relative;
	background:url(images/main_floral.png) no-repeat;
	width:598px;
	height:261px;
	margin-left:-88px;
	float:left;
}

.img_showcase_bg{
	position:relative;
	background:url(images/main_image_shadow.png) no-repeat;
	width:422px;
	height:246px;
	top:15px;
	left:88px;
	}
.showcase{
	position:relative;
	
	width:402px;
	height:231px;
	top:10px;
	left:11px;
}

.showcase_thumb{
	position:relative;
	float:left;
	height:65px;
	width:300px;

}
.banner_text{
	position:relative;
	float:left;
	height:160px;
	width:380px;
	text-align:center;
	padding-top:20px;
        color:#fff;
        font-size:18px;
}

.banner_head{font-size:15px; color:#fff; padding:5px 0px;}
.banner_head span{ color:#ee3224; padding:5px 0px;}

/*##############Slide Showcase Css##############*/

#image {position:relative; width:402px; height:231px;  background:url(images/loading.gif) center center no-repeat; z-index:1;}
#image img {position:absolute; width:402px; height:231px; z-index:1;}
#thumbwrapper {width:370px; height:65px;}
#thumbarea {position:relative; overflow:hidden; height:65px; width:340px; left:15px;}
#thumbs {
	position:absolute;
	list-style:none;
	width:10000px;
	padding:0px;
	margin:0px;
	left: 0px;
}
#thumbs li {float:left; cursor:pointer; padding:0px; margin:0px; margin-right:20px;}
.left_arrow{position:absolute;  background:url(images/arrow_left.png) no-repeat;height:61px; width:11px; left:0px;}
.right_arrow{position:absolute;  background:url(images/arrow_right.png) no-repeat; height:61px; width:11px; right:-70px; top:0px;}

.imgnav {
	position:absolute;
	height:231px;
	width:20%;
	z-index:100;
	outline:none;
	cursor:pointer;
	top: -17px;
}
#previmg {
	left:5px;
	background:none;
	z-index:999;
}
#previmg:hover {opacity:1; filter:alpha(opacity=100); background:url(images/left.gif) left center no-repeat;}
#nextimg {
	right:5px;
	background:none;
	z-index:999;
}
#nextimg:hover {opacity:1; filter:alpha(opacity=100); background:url(images/right.gif) right center no-repeat;}

/*##############Slide Showcase Css##############*/

/*###################################Content Styling########################################*/
.content{
	position:relative;
	background:url(images/content_bg.jpg) repeat-x;
	width:100%;
	height:auto;
	padding:10px 0px;
	font-size:13px;
}

/*###################################Boxes CSS########################################*/
.boxes{
	position:relative;
	padding:10px 0px;
}

.boxes a{
color:white;
}

.box1{
	position:relative;
	width:281px;
	height:auto;
	float:left;
}
.box_top{position:relative; background:url(images/tab_title_bg.png) no-repeat; width:281px; height:66px;}
.box_mid{position:relative; background:#f4e7c5; width:281px; height:auto;}
.box_bot{position:relative; background:url(images/tab_bottom.png) no-repeat; width:281px; height:13px;}
.midbox_inner{position:relative; width:260px; margin:0px auto; height:auto; padding:10px 0px; font-size:15px; text-align:center; font-weight:700;}

.topbox_head{position:relative; width:px; margin:0px auto; height:66px; line-height:66px; vertical-align:middle; text-align:center; font-size:25px; color:#fff;}

.box2{
	position:relative;
	width:281px;
	height:auto;
	margin:0px 28px;
	float:left;
}

.midbox_inner a{
color:black;
}

.box3{
	position:relative;
	width:281px;
	height:auto;
	float:right;
}

/*###################################Footer########################################*/
.footer{
	position:relative;
	width:100%;
	background:#252021;
	width:100%;
	height:100px;
	font-size:12px;
}
.footer a{color:#fff; text-decoration:none;}
.footer a:hover{color:#fff; text-decoration:underline;}

.foot_left{
	position:relative;
	height:100px;
	 line-height:100px; vertical-align:middle;
	color:#FFF;
	float:left;
}
.foot_rite{
	position:relative;
	height:100px;
	line-height:100px; vertical-align:middle;
	color:#FFF;
	float:right;
}



ul.menu_footer{padding:0px; margin:0px; list-style:none;}
ul.menu_footer li{float:left; font-size:12px; color:#fff;  padding:0px 2px;}
ul.menu_footer li a{color:#fff; text-decoration:none;}
ul.menu_footer li a:hover{text-decoration:underline;}


/*###################################Subpage Styling########################################*/

.sub_banner{
	position:relative;
	width:100%;
	height:130px;
	background: url(images/subpage_header_bg.jpg) repeat-x;	
}

#left{position:relative; width:520px; float:left; height:auto;}
#right{position:relative; width:auto; max-width:370px; float:right; height:auto;}


/*###################################Subpage Styling Ends########################################*/

/* Copy it*/

#sidebar-wrap2 ul {list-style:none;font-size:12px;}

.coment_tracback{
	list-style:none; padding:0; margin:0;}
.coment_tracback li{float:left; padding-right:10px;}
.coment_tracback li a{ font-size:18px;color:#ee3224;}

#tab-1 ol{list-style:none;}
.details {font-size:12px;}
.details span{font-size:12px;}

#submitbox a{font-size:16px;color:#ee3224; padding:5px 0px;}
.small{font-size:12px;}
.coment_unknown{font-size:12px;}

/*###################################Menu Page Styling ########################################*/
.outer_box {
border-color:#000000 #000000 -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
}
.outer_box2 {
border-color:#000000 #000000 -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
}
.other {
border:1px solid #000000;
padding-bottom:20px;
}
.inner_box {
border-color:-moz-use-text-color -moz-use-text-color red red;
border-style:none none solid solid;
border-width:medium medium 1px 1px;
padding-bottom:20px;
}
.outer_box table {
border-collapse:collapse;
margin-bottom:20px;
margin-left:20px;
}
.outer_box2 table {
border-collapse:collapse;
margin-bottom:20px;
margin-left:20px;
}
.outer_box table th {
font-weight:normal;
padding:3px;
text-align:left;
width:376px;
}
.outer_box2 table th {
font-weight:normal;
padding:3px;
text-align:left;
width:370px;
}
.outer_box table td {
padding:3px;
text-align:right;
}
.outer_box2 table td {
padding:3px;
text-align:right;
}
.outer_box h4 {
color:#FFFFFF;
font-size:15px;
font-weight:bold;
margin-bottom:15px;
padding:1px 0 8px;
}
.outer_box2 h4 {
color:#FFFFFF;
font-size:15px;
font-weight:bold;
margin-bottom:15px;
padding:1px 0 8px;
}
.outer_box h4 span {
background-color:#000000;
line-height:25px;
padding:5px 10px;
}
.outer_box2 h4 span {
background-color:#000000;
line-height:25px;
padding:5px 10px;
}
.outer_box a{
color:#000000;
font-size:15px;
font-weight:bold;
margin-bottom:15px;
padding:1px 0 8px;
}
.outer_box2 a{
color:#990000;
font-size:15px;
font-weight:bold;
margin-bottom:15px;
padding:1px 0 8px;
}
.outer_box table.table1 th {
font-weight:bold;
width:200px;
}
.outer_box2 table.table1 th {
font-weight:bold;
width:200px;
}
.outer_box table.table1 td {
width:100px;
}
.outer_box2 table.table1 td {
width:100px;
}
.outer_box table.table2 th {
font-weight:bold;
width:306px;
}
.outer_box2 table.table2 th {
font-weight:bold;
width:298px;
}
.outer_box table.table2 td.price {
width:100px;
}
.outer_box2 table.table2 td.price {
width:100px;
}
.outer_box table .special {
color:#990000;
text-align:left;
width:307px;
}
.outer_box2 table .special {
color:#990000;
text-align:left;
width:307px;
}
.outer_box table .moveright {
text-align:right;
}
.outer_box2 table .moveright {
text-align:right;
}
.outer_box table td.headertable {
text-align:left;
}
.outer_box2 table td.headertable {
text-align:left;
}
.inner_box h4 {
color:#FFFFFF;
font-size:15px;
font-weight:bold;
margin-bottom:15px;
}
.inner_box h4 span {
background-color:red;
line-height:25px;
margin-left:-1px;
padding:5px 10px;
}

.breadcrumbs {
font-size:11px;
padding-bottom:8px;
}

/*###################################Menu Page Styling End########################################*/