/*--- global body ---*/
* {margin:0px; padding:0px;}
html{font-family:Trebuchet MS,Verdana,Tahoma,Arial,Sans-serif;}
body{background:url(../images/chocolate_bg.jpg) repeat center;}
.wrapper{position: relative; width:100%; overflow:hidden; margin-bottom:-14px;}
.wrapper{background:url(../images/chocolate_bg.jpg) repeat-y center;}/*--IE slide Hack--*/
#wrapper-center{position:relative;width:100%;background:url(../images/center_green_bg.jpg) repeat center;}
#wrapper-sitemap{position:relative;width:100%;background:url(../images/charcoal_bg.jpg) repeat-y center; display:none;}
.wrapper-content,#wrapper-header-content{position:relative;width:900px; vertical-align:top; padding:20px 0; margin:0 auto;}
#wrapper-header-content{padding:0}
.clear{clear:both}
.hide{display:none;}
#shadow-top{position:relative;height:16px; margin:0 auto; background:url(../images/shadow.png) no-repeat top center;}
.shadow-bottom{position:relative;height:16px; margin:0 auto; background:url(../images/shadow.png) no-repeat bottom center; z-index:1}
	/*--- tools ---*/
	ul#tools{position:absolute;right:0px; top:-20px;}
	ul#tools li{list-style:none;display:inline;}
	ul#tools li a{color:#B19149;font-size:14px;font-weight:bold;text-decoration:none;width:100px; height:63px; text-align:center; display:inline; background:url(../images/chocolate_tabs_inverted.png) no-repeat 50% bottom; line-height:80px; float:left}
	ul#tools a:hover{color:#291E02;background-position:50% -3px; cursor:pointer;}
	
	/*--- logo ---*/
	h1 a#logo{width:331px; height:131px; background:url(../images/ponchit_logo.png) no-repeat top center; text-indent:-10000px; display:block;}
	h1 a#logo:hover{background-position:bottom center; cursor:pointer;}
	#home h1 a#logo{background-position:bottom center; cursor:pointer;}
	
	/*--- Text Image ---*/
	img.text{display:block}
	
	/*--- navigation tabs ---*/
	ul#navigation-tabs{position:absolute; left:50%; margin-left:-50px; bottom:-30px;}
	ul#navigation-tabs li{list-style:none;display:inline;}
    ul#navigation-tabs li a{color:#291E02;text-decoration:none; width:100px; height:63px; text-align:center; background:url(../images/chocolate_tabs.png) no-repeat bottom center; font-size:18px; font-weight:normal; line-height:50px;float:left}
	ul#navigation-tabs li a:hover{color:#B19149;background-position:50% -3px; cursor:pointer;}
	
	#home ul#navigation-tabs #home-nl{color:#B19149;background-position:50% -3px; cursor:pointer;}
	#about ul#navigation-tabs #about-nl{color:#B19149;background-position:50% -3px; cursor:pointer;}
	#services ul#navigation-tabs #services-nl{color:#B19149;background-position:50% -3px; cursor:pointer;}
	#portfolio ul#navigation-tabs #portfolio-nl{color:#B19149;background-position:50% -3px; cursor:pointer;}
	#contact ul#navigation-tabs #contact-nl{color:#B19149;background-position:50% -3px; cursor:pointer;}
	#partnership ul#navigation-tabs #partner-nl{color:#B19149;background-position:50% -3px; cursor:pointer;}
	
	/*--- read more tabs ---*/
	a.read-more,a.read-more-long{height:22px; margin:15px 0 0; padding-left:10px; color:#FFFFFF; text-decoration:none; width:112px; display:block;}
	a.read-more{width:112px;background:url(../images/read_more_bg.png) no-repeat top center;}
	a.read-more-long{width:223px;background:url(../images/read_more_long_bg.png) no-repeat top center;}
	a.read-more:hover,a.read-more-long:hover{color:#bc9e53; cursor:pointer}
	
	/*--- columns ---*/
	.border-left{border-left:dotted 2px #5f4b11; padding-left:15px;}
	.wrapper-content div.column, .wrapper-content div.wide-column, .wrapper-content div.wider-column {color:#FFFFFF;float:left;	width:273px;}
	.wrapper-content div.column{margin:10px 13px 10px 0;}
	.wrapper-content div.wide-column {width:335px;}
	.wrapper-content div.wider-column{width:420px; margin:10px 10px 10px 0;}
	#wrapper-center .wrapper-content #left-column{float:left;width:601px; margin:10px 13px 10px 0}
	.wrapper-content div.column h1,.wrapper-content div.wide-column h1,.wrapper-content div.wider-column h1{margin:0;}
	.wrapper-content div.column h3,.wrapper-content div.wide-column h3,.wrapper-content div.wider-column h3{color:#bc9e53;margin:0;font-size:1.7em;}
	.wrapper-content div.column h4,.wrapper-content div.wide-column h4{margin:2px 0;padding-left:5px;font-size:1em;}
	
	/*--- footer ---*/
	#footer{font-size:80%; color:#FFFFFF}
	
	/*--- fonts ---*/
	h3{color:#bc9e53;margin:0;font-size:1.5em;}
	h2{color:#FFDEAD;margin:0;font-size:1.7em;}	
	p, div{color:#FFFFFF}
	legend{font-weight:bold;}
	
	/*-- links --*/
	a.img:hover{color:#FFFFFF; border:none!important;text-decoration:none}
	ul.listing a, ul.sitemap a, p a, span a{color:#FFB85C; text-decoration:none}
	ul.listing a:hover, ul.sitemap a:hover, p a:hover, span a:hover{color:#FFFFFF; border-bottom:1px #FFB85C dashed; text-decoration:none}

	ul.sidebar-nav a{color:#FFB85C; text-decoration:none;}
	ul.sidebar-nav a:hover{color:#FFFFFF; border-bottom:1px #FFB85C dashed; text-decoration:none}
	
	ul.sidebar{width:100%;list-style-type:none;}
	ul.sidebar li{display:block;height:28px; line-height:28px;margin:4px 0;}		
	ul.sidebar a{color:#FFFFFF; width:100%; padding-left:5px; text-decoration:none; background-color: #B09149; margin:2px; width:100%; display:block;}
	ul.sidebar a:hover{background-color: #564102; border:none}
	/*-- Lists --*/
	#wrapper-center ul.listing{list-style:outside url(../images/list_arrow.gif); padding-left:15px; margin-bottom:15px;}	
	
	/*--- other ---*/
	h1, p{margin-bottom:15px;}
	
	/*---- sitemap section---*/
	h3.white {color:#FFFFFF!important;margin:0;font-size:1.7em;}
	ul.sitemap{list-style:none;display:inline;}

/*--- home ---*/
	/*--- featured work---*/
	#featured-work{width:614px;height:249px; float:left;}
	#featured-work-navigation{width:614px; height:49px; margin-bottom:-16px; padding-left:10px; overflow:hidden;}
	#featured-work-navigation a.tab{width:199px; height:35px; color:#291E02;text-decoration:none; background:url(../images/chocolate_featured_tabs.png) no-repeat center -48px; display:inline; float:left; font-size:18px; font-weight:normal; text-align:center; line-height:45px;}
	#featured-work-navigation a.tab.selected, #featured-work-navigation a.tab:hover{color:#B19149;text-decoration:none;background-position:center top;}
	#featured-work-content{width:614px;height:220px; padding-left:4px; padding-top:12px; background:url(../images/featured.png) no-repeat;}
	#slider-container{margin: 0px auto; width: 566px; height: 179px; overflow:hidden; position:relative;}
	#slider-container #left{background:url(../images/left_arrow.jpg) top;width:30px; height:30px; display:block; position:absolute; bottom:0px; left:0px; text-indent:-1000px; cursor:pointer;}
	#slider-container #left:hover{background-position:-29px; cursor:pointer;}
	#slider-container #right{background:url(../images/right_arrow.jpg) top;width:30px; height:30px;display:block; position:absolute; bottom:0px; right:0px; text-indent:-1000px;; cursor:pointer;}
	#slider-container #right:hover{background-position:-29px; cursor:pointer;}
	#slider-container .disabled, .disabled:hover{background-position:bottom!important; cursor:default!important}	
	#slider-container ul{height:150px; position:absolute; top:10px; left:0px;}
	#slider-container ul{padding:0px;margin:0px;list-style:none;}
	#slider-container ul li{width:250px; height:150px; margin:0 16px; display:block; float:left;}
	#slider-container ul li h4{color:#7F7F7F}
	#slider-container ul li p{color:#999999}
	
	/*--- accordion ---*/
	.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
	.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; }
	.ui-accordion li .ui-accordion-header {
		display: block;
		padding-left: 5px;
		margin-right: 3px;
		height: 28px;
		background-color: #4C6629;
		color: #FFF;
		text-decoration: none;
		line-height: 28px;
		position: relative;
		left: 3px;
	}
	.ui-accordion li .ui-accordion-right {
		display: block;
		background-color: #4C6629;
		position: absolute;
		top: 0px;
		right: -3px;
		height: 28px;
		width: 3px;
	}
	.ui-accordion li .ui-accordion-left {
		display: block;
		background-color: #4C6629;
		background-repeat: no-repeat;
		position: absolute;
		height: 28px;
		width: 3px;
	}
	
	.ui-accordion li:hover .ui-accordion-left { background-color: #597830; }
	.ui-accordion li:hover .ui-accordion-header { background-color: #597830; }
	.ui-accordion li:hover .ui-accordion-right { background-color: #597830; }
	
	.ui-accordion li.selected .ui-accordion-left { background-color: #597830; }
	.ui-accordion li.selected .ui-accordion-header { background-color: #597830; }
	.ui-accordion li.selected .ui-accordion-right { background-color: #597830; }
	
	/*--- other ---*/
	#heart{font-size:120%;}
	
/*--- about ---*/
#about #wrapper-center .wrapper-content img{margin:10px 0;}

/*--- contact and quote request form ---*/
#formSect{color:#FFFFFF;border:1px solid #554001;-moz-border-radius:1em;border-radius:1em;background:url(../images/chocolate_bg.jpg) center;width:550px;}
#formData{margin:25px auto;width:360px;padding:1px 0px;}
#formSect ul{display:inline;}
#formSect ul li{list-style-type:none;list-style-position:inside;}
#formSect ul li.req{list-style-image:url(../images/star.png);}
textarea, input{background-color: #FFFFFF!important;background-image: url(../images/form-shadow.gif)!important;background-repeat: repeat;background-attachment:scroll;	background-position:0% top;border: 1px solid #FFFFFF;padding:4px;}
textarea{overflow-y: scroll;}
#formSect input{width:283px;height:20px;margin-top:15px;}
#formSect input, textarea, select{border:3px double #B19149}
#formSect #submit{background: transparent url(../images/send_message.png) no-repeat top center!important;border: none;font-size:1px;text-indent:-99999px;height:40px;width:232px;	cursor:pointer;display:block;}
.inputError{ border-color:#D74955}
#emailError, #nameError, #budgetError, #descError{color:#C57420;font-weight:bold;}
#success,#error{color:#ffffff; font-weight:bold; background-color:#C2711F; border:1px solid #C2711F}

/*--- portfolio ---*/
.wrapper-content #portfolio-bg{width:435px; height:301px; display:block; background:url(../images/project_bg1.png) center no-repeat; float:left; margin-left:10px;}
.wrapper-content #portfolio-content{position:relative;margin:15px 0 0 12px; width:395px; height:236px;}
#portfolio-content #nav{position:absolute; bottom:-10px; z-index:100;}
.pics {padding:0; margin:0; overflow: hidden }
.pics img { height: 246px; width: 404px;}
#nav a {padding: 3px 5px; background: #ECE4E4; text-decoration: none; color:#698F38 }
#nav a.activeSlide { background-color:#999999 }
#nav a:focus { outline: none; }
#slides, #prev, #next {display:inline}
span.hr{border-bottom:dotted 2px #5f4b11; width:100%; margin:0 0 15px; display:block}