/****************** Setup start *************************/
*{ margin:0; padding:0; outline:none;}
body, html{ width:100%; height:100%;}
body{
	font:90% Georgia, "Times New Roman", Times, serif;
	background:url(../images/body_bg.png) repeat-x #3384a4 center top;
	color:#FFF;
}
#wrapper{
	position:relative;
	min-height:100%;
	background:url(../images/wrapper_bg.png) no-repeat center top;
}
#w-wrap{
	position:relative;
	background:url(../images/footer_bg.png) center bottom repeat-x;
}
.png{}
#png{}
a{ text-decoration:none; color:#FFF;}
a:hover{ text-decoration:underline;}
h1{ color:#d59b68;}
h2, h2 a{ color:#ffde00; font-style:italic; font-weight:100;}
.font-normal{font-weight:100;}
p{ line-height:21px;}
/****************** Setup end **************************/

/****************** Header start ************************/
#header{
	position:relative;
	background:url(../images/header_bg.png) repeat-x center 53px;
	height:136px;
}
#header .logo{
	float:left;
	background:none;
}
#header .logo a{ background:none; padding:0; margin:60px 0 0 0;}
#header .logo a:hover{ background:none;}
#header .logo img{border:none;}

/****************** topnav start ************************/
#topnav{
	position:relative;
/*	background:url(../images/logo.png) no-repeat left 58px; */
	width:1000px;
	margin:0 auto;
	height:112px;
	text-align:right;
	
}
#topnav li{
	position:relative;
	display:inline;
}
#topnav li a{
	background:url(../images/topnav_list_icon.png) left center no-repeat;
	position:relative;
	display:inline-block;
	font-size:19px;
	font-style:italic;
	margin:68px 0 0 0;
	padding:0 10px 0 15px;
	text-align:right;
}
#topnav li a:hover, #topnav li a.active{ color:#ffde00; background:url(../images/topnav_list_icon_hover.png) no-repeat left center;}

#header div.slogan{
	width:1000px;
	margin:0 auto;
	font-style:italic;
	font-size:12px;
}
/****************** topnav start ************************/

/****************** Header end ************************/


/****************** container  ***************************/
#container{
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
}
.c_wrap{
	background:url(../images/trash.png) no-repeat left bottom;
	width:1000px;
	margin:0 auto;
}
#container h2{ position:absolute; margin:10px 0 0 0; width:350px; font-size:28px;}
#container p{ width:360px; font-size:12px; float:left; position:absolute; margin:75px 0 0 0;}
#container a.link{
	color:#ffde00;
	font-size:18px; 
	font-weight:900;
	font-style:italic;
	display:block; 
	margin:20px 0 0 0;
}
#container .project{
	float:right;
	position:relative;
	z-index:99;
	margin:0 37px 0 0;
}
#container .next_back{
	display:inline-block;
	position:absolute;
	width:33px;
	height:49px;
	text-indent:-15000px;
}
#container .next{
	margin:159px 0 0 966px;
}
#container .back{
	margin:159px 0 0 413px;
}
/****************** container end ************************/

/****************** footer ************************/
#footer{
	position:relative;
	width:1000px;
	overflow:hidden;
	margin:20px auto 0;
}
#footer .footer_boxes{
	position:relative;
	padding:10px 0 0 0;
	float:left;
}
#footer .footer_box_1{
	width:254px;
	margin:0 45px 0 0px;
}
#footer .footer_box_2{
	width:334px;
	margin:0 45px 0 0;
	border-bottom:2px dashed #d59b68;
}
#footer .footer_box_3{
	width:246px;
	border-bottom:2px dashed #d59b68;
}
#footer .footer_boxes span.title{
	float:left;
	font-size:28px;
	font-style:italic;
	color:#d59b68;
}
#footer .footer_box_1 span.title, #footer .footer_box_2 span.title{
	margin-bottom:25px;
	padding-top:15px;
}
#footer .footer_boxes span.title.box_3_border{
	background:url(../images/feliz_ico.png) no-repeat;
	border-bottom:dashed 2px #d59b68;
	padding:20px 20px 30px;
	font-size:18px;
	width:185px;
	text-align:right;
}
#footer .footer_boxes span.title.box_3_border a{
	color:#D59B68;
	
}
#footer .latest_blog_entries{
	position:relative;
	padding:5px 0 5px 0px;
	border-bottom:dashed 2px #d59b68;
	font-size:12px;
	float:left;
}
#footer .date, #footer .nickname, #footer .latest_comments_count{
	line-height:21px;
	color:#656565;
	font-size:11px;
}
#footer .we_offer{
	clear:both;
	list-style-type:none;
}
#footer .we_offer li{
	font-size:11px;
	padding:10px 0;
}
#footer .we_offer li a{
	color:#bd8a5e;
	font-weight:bold;
}
#footer .t_contact{
	font-weight:100;
	padding:20px 0 10px;
	float:left;
	font-style:italic;
	font-size:28px;
}
#footer .footer_box_3 h3{
	font-size:12px;

	clear:both;
}
#footer .footer_box_3 h3.phone{
	padding:20px 0 0 0;
}
#footer .footer_box_3 h3.mail{ padding:0 0 20px 0;}
#footer .footer_box_3 h3.phone span, #footer .footer_box_3 h3.mail span{
	color:#d59b68;
}
/****************** footer end ************************/

/****************** copyright *************************/
.copyright{
	position:relative;
	height:46px;
	clear:both;
	margin:0 auto;
	padding:20px 0 0 0;
}
.copyright p{
	font-size:11px;
	font-weight:900;
	font-family:Arial, Helvetica, sans-serif;
}
.copyright p a.garphee{ color:#d59b68;}
/****************** copyright *************************/

/****************** conetnt *****************************/
#content{
	background:url(../images/content_about_bg.png) no-repeat center bottom;
	position:relative;
	width:1000px;
	min-height:350px;
	margin:0 auto;
	padding:10px 5px 350px;
	overflow:hidden;
}
#content h2{
	padding:20px 0;
	font-size:28px;
}
#content p{ font-size:12px;}
#content .v_o_p{
	position:absolute;
	bottom:230px;
	left:92px;
	color:#76593f;
	font-size:24px;
	font-style:italic;
}

/****************** content end *************************/

/****************** contact page *************************/
.contact_box_left{
	float:left;
	width:438px;
}
.contact_box_right{
	float:right;
	width:447px;
}
.contact_box_left h3{
	font-size:14px;
	clear:both;
	font-style:italic;
	font-weight:100;
}
.contact_box_left h3.address{ margin-top:20px;}
.contact_box_left h3.mail{}
.contact_box_left h3.phone span, .contact_box_left h3.mail span{
	color:#ffde00;
}
form.send_a_message{}
form.send_a_message input{
	width:262px;
	height:30px;
	background:url(../images/input_bg.png) center center no-repeat;
	border:none;
	margin-top:12px;
	color:#ffde00;
	font-size:14px;
	font-style:italic;
	padding:8px 0 0 10px;
	clear:both;
	float:left;
}
form.send_a_message textarea{
	width:432px;
	height:128px;
	background:url(../images/textarea_bg.png) center center no-repeat;
	border:none;
	margin-top:12px;
	color:#ffde00;
	font-size:15px;
	font-style:italic;
	padding:10px 0 0 10px;
	overflow:hidden;
	clear:both;
	float:left;
}
form.send_a_message input.send{
	background:url(../images/input_send_bg.png) no-repeat center center;
	width:82px;
	height:38px;
	float:left;
	padding:0;
	font-size:16px;
	clear:both;
	margin:12px 0 0 359px;
}
/****************** contact page end *********************/

/****************** blog page end *********************/
#content.blog{
	padding:10px 5px 665px 0;
}
#content.blog_entry{
	padding:10px 5px 340px 0;
}
#content.blog_primary{
	padding:10px 5px 330px 0;
}
.fbe{ padding:0 0 10px 0;}
#content.blog .border{
	border-bottom:2px dashed #FFF;
	padding:0 0 10px 0;
}
#content.blog_primary .border_2{
	border-bottom:2px dashed #FFF;
	padding:0 0 10px 0;
}
.entry_info{
	margin:-10px 0 10px 0;
}
.reply{
	color:#ffde00;
	font-size:12px;
	font-style:italic;
	font-weight:900;
}
.permalink{}
.re span{ padding:0 0 0 43px;}
.re p{ padding:0 0 10px 43px;}
.re h2{ padding:20px 0 20px 43px!important;}
/****************** blog page end *********************/

/****************** portfolio page *********************/
.project_box{
	position:relative;
	float:left;
	width:454px;
	height:350px;
	margin:20px 10px;
	padding:12px 0;
}
#content .project_box span.title{
	background:#ffde00;
	display:inline-block;
	color:#01172c;
	padding:2px 10px 2px 4px;
	font-size:28px;
}
.project_box p.info{
	font-style:italic;
	margin:10px 0;
}
.project_box p.info span{
	color:#ffde00;
	font-weight:900;
}
#content .project_box p.text{
	margin:10px 0 0 0;
	font-size:12px;
	line-height:18px;
}
/****************** portfolio page end *********************/

/****************** slider *********************/
.mySlides {
  width: 940px;
  padding: 0;
  margin: 0 auto;
}
.showcase {
  width: 100%;
  height: 285px;
  padding-top: 10px;
  text-align: left;
  color: #7c7a6e;
  background-color: #c8c5b1;
  border-bottom: 1px solid #aba896;
}
.featured-wrap {
  width: 490px;
  height: 390px;
  margin: 0 auto;
}
.featured-wrap p{
  color: #7c7a6e;
  font-size: 13px;
  line-height: 21px;
}
.featured-wrap img {
  padding: 1px;
  border: 1px solid #e7e5d8;
  background: #8b8a85;
}
.featured-left {
  width: 444px;
  height: 225px;
  background: url("images/featuredimg.gif") no-repeat;
}
.featured-right {
  width: 410px;
  padding: 0;
  padding-left: 20px;
  height: 2143px;  
}
.showcase-title {
  color: #333;
  font-family: "trebuchet MS";
  font-size: 27px;
  display: inline-block;
}
.showcase-title:hover {
  color: #000;
}
.showcasenext {
  position:absolute;
  width: 33px;
  height: 278px;
  display: block;
  cursor: pointer;
  z-index:102;
  margin:0 0 0 496px;
  background:url(../images/next.png) no-repeat center center;
}
.showcaseprev {
  width: 33px;
  height: 278px;
  display: block;
  cursor: pointer;
  position:absolute;
  z-index:102;
  margin:0 0 0 -57px;
  background:#CCC;
  background:url(../images/back.png) no-repeat center center;
}
#myController {
  height: 26px;
  padding: 0;
  margin: 0;
  padding-left: 22px;
}
.controls {
  width: 44px;
  height: 20px;
  padding-top: 6px;
  margin-right: 2px;
  text-align: center;
  color: #8d8b85;
  font-weight: bold;
  display:block;
  float: left;
  background: url("images/control.gif") no-repeat;
  border: none;
}
.controls:hover {
  cursor: pointer;
  color: #000;
}
.featuredmeta {
  height: 37px;
  background: url("images/metabg.gif") repeat-x;
}
.featuredmeta span{
  height: 28px;
  padding-top: 9px;
  text-indent: 33px;
  font-size: 13px;
  color: #76746c;
  font-weight: bold;
  float: left;
}
.comment-link {
  width: 132px;
  height: 28px;
  padding-top: 9px;
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #76746c;
  float: left;
  border-right: 1px solid #b4b1a0;
  background: url("images/metaleft.gif") no-repeat;
}
.readmore {
  width: 116px;
  height: 37px;
  float: right;
  background: url("images/readmore.gif") no-repeat;
}
.jFlowSlideContainer{ overflow:hidden!important; height:300px!important; width:490px!important;}
#slider{ width:535px; position:absolute; margin:44px 0 0 471px;}
/****************** slider end *********************/