/* ##########################################

   ##  Name: Soft Business                 ##

   ##  Developed by: cesiel1993            ##

   ##  File: style.css                     ##

   ##  Last Updated: April 12th, 2009      ##

   ##  Help: Email - cesiel1993@gmail.com  ##

   ##########################################

*/





body {

	color: #FFFFFF;

	margin: 0;

	padding: 0;

	background-color: #471E1E;

	height: 150px;

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 12px;

	margin-top: 10px;

}



/* ---- Standard Elements ---- */



a {

	color: #FFFFFF;

	text-decoration: underline;

}



a:hover {

	color: #990000;

	text-decoration: underline;

}



a:visited {

	color: #FFFFFF;

	text-decoration: underline;

}



a:active {

	color: #FFFFFF;

	text-decoration: none;

}



a img {

	border: none;

}



h1, h2, h3, h4, h5 {

	font-family: Arial, Helvetica, Sans-Serif;

	font-weight: normal;

	color: #B08961;

	padding: 0;

	margin: 0 0 8px 0;

}



h1 { font-size: 24px; letter-spacing: -1px; }

h2 { font-size: 22px; letter-spacing: -.7px; }

h3 { font-size: 20px; letter-spacing: -.5px; }

h4 { font-size: 18px; }

h5 {
	font-size: 14px;
	margin-bottom: 3px;
	color: #B08961;
	font-weight: bold;
	text-decoration: underline;

}



p {

	line-height: 1.8em;

	padding: 0;

	margin: 0 0 8px 0;

}



blockquote {



	line-height: 2em;

	font-style: italic;

}



ul {

	list-style-type: square;

	line-height: 1.7em;

	padding-left: 10px;

}



hr {

	height: 1px;

	color: #DDD;

	background-color: #DDD;

	border: 0;

	margin: 5px 0 10px 0;

}



hr.portfolio {

	height: 1px;

	color: #DDD;

	background-color: #DDD;

	border: 0;

	margin: 20px 0 20px 0;

}



input {
	border: 1px solid #CCCCCC;
	padding: 2px;
	font: 12px Arial, Helvetica, Sans-Serif;
	margin: 2px;

}



textarea {

	border: 1px solid #CCCCCC;

	padding: 4px;

	font: 12px Arial, Helvetica, Sans-Serif;

}



.leftimage {
	float: left;
	margin: 0 10px 10px 0;
	border: 2px solid #FFFFFF;

}





/* ---- Container ---- */



#container {

	width: 960px;

	background-image: url(../images/topbg.gif);

	background-repeat: no-repeat;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}





/* ---- Title ---- */



#title {
	width: 350px;
	height: 100px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 40px;
	background-repeat: no-repeat;
	margin-top: 20px;

}





/* ---- Display ---- */





.display_blue {

	width: 960px;

	height: 220px;

	background-color: #000000;

}



.pagetitle {

	width: 930px;

	height: 20px;

	padding: 30px 0 30px 30px;

	background-color: #000000;

	background-image: none;

	background-position: left top;

}



.pagetitle h1{

	font-size: 30px;

	color: #B08961;

}



#sc {

	float: right;

	position: relative;

	width: 300px;

	height: 155px;

	padding: 14px 0 0 14px;

	margin: 17px 15px 0 0;

	background-color: #333333;

}	



.display_gray {
	width: 960px;
	height: 120px;
	background-color: #471E1E;

}



.display_interested {

	background: url(../images/display_interested.gif);

	width: 400px;

	height: 70px;

}



.display_text {

	float: left;

	width: 570px;

	color: #FFFFFF;

	margin-top: 20px;

	margin-right: 25px;

	margin-bottom: 0;

	margin-left: 35px;

}



.display_text  h1 {

	color: #B08961;

	margin: 0;

	padding: 0;

}



.display_text p {

	color: #FFFFFF;

	line-height: 2em;

	margin: 0;

	padding: 0;

}



.display_text a {

	color: #b9dce7;

	text-decoration: none;

}



.display_text a:hover {

	color: #FFFFFF;

	text-decoration: none;

}



.display_text a:visited {

	text-decoration: none;

}



.display_text a:active {

	color: #FFFFFF;

	text-decoration: none;

}



#display_controller {

	position: absolute;

	float: right;

	width: 300px;

	margin-left: 650px;

	margin-top: 190px;

}



#display_controller ul li{

	display: inline;

	list-style: none;

}



#display_controller span.button {

	background-color: #333333;

	color: #999999;

	padding: 4px 7px;

	margin-right: 3px;

	font: 10px Arial, Helvetica, Sans-Serif;

	cursor: pointer;

}



#display_controller span:hover.button {

	background-color: #000000;

	color: #FFFFFF;

	cursor: pointer;

}



#display_controller span.button2 {

	background-color: #333333;

	color: #999999;

	padding: 4px 7px;

	margin-right: 3px;

	font: 10px Arial, Helvetica, Sans-Serif;

	cursor: pointer;

}



#display_controller span:hover.button2 {

	background-color: #000000;

	color: #FFFFFF;

	cursor: pointer;

}



#display_controller span.selected  {

	background-color: #520026;

	color: #FFFFFF;

}





/* ---- Navigation ---- */



#navigation {

	width: 960px;

	height: 40px;

	font: bolder 12px Arial, Helvetica, Sans-Serif;

	color: #999999;

	background-image: url(../images/nav-back.jpg);

	background-repeat: repeat-x;

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

}



#navigation ul {

	padding: 13px 3px 0 0;

	margin: 0;

	line-height: normal;

}



#navigation ul li {

	display: inline;

	list-style-type: none;

	cursor: pointer;

	margin-right: -3px;

}



#navigation ul li a{

	color: #B08961;

	padding: 13px 25px 13px 25px;

}



#navigation ul li a:hover {

	background: url(../images/nav_selectedhoverbg.gif) repeat-x;

	padding: 13px 25px 13px 25px;

	color: #FFFFFF;

	text-decoration: none;

}



#navigation ul li a.selected {

	background: url(../images/nav_selectedhoverbg.gif) repeat-x;

	color: #FFFFFF;

}



/* ---- Pages/Content ---- */



#content {

	width: 960px;

	background-image: url(../images/content_bg.gif);

}



.spacer {

	height: 1px;

	clear: both;

}



.folio_img {

	background: #F5F5F5;

	border: 1px solid #E5E5E5;

	padding: 10px;

	margin-bottom: 10px;

}



.preview {

	background: url(../images/preview.gif) no-repeat;

	padding-left: 20px;

	font-weight: bolder;

}



a:hover.preview {

	text-decoration: none;

}



.view {

	background: url(../images/view.gif) no-repeat;

	padding-left: 18px;

	font-weight: bolder;

}



a:hover.view {

	text-decoration: none;

}



#left {

	float: left;

	width: 612px;

	padding: 17px 24px 15px 24px;

}



.form {

	margin: 0 auto;

	width: 530px;

	padding-top: 10px;

}



#contact_form label {

	color: #333333;

	display: block;

	font-weight: bold;

	text-align: right;

	width: 140px;

	float: left;

	margin-top: 10px;

}

	

#contact_form .small {

	color: #999999;

	display: block;

	font-size: 11px;

	font-weight: normal;

	text-align: right;

	width: 140px;

}

	

#contact_form input {

	float: left;

	width: 330px;

	margin: 10px 0 15px 19px;

	color: #444444;

}

	

#contact_form textarea {

	float: left;

	width: 330px;

	margin: 10px 0 15px 19px;

	color: #444444;

}

	

#contact_form button { 

	clear: both;

	margin-left: 392px;

	background: #333333;

	color: #FFFFFF;

	border: solid 1px #111111;

	font: 12px Arial, Helvetica, Sans-Serif;

	font-weight: bold;

	padding: 4px 6px;

}



#right {
	float: left;
	width: 300px;
	margin-top: 15px;

}



#footer {
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	height: 120px;

}



#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;

}



#footer a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}



#footer a:visited {

	color: #FFFFFF;

	text-decoration: none;

}



#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;

}









/* ---- jQuery Tabs ---- */

	

/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .ui-tabs-hide {

        display: none;

    }

}



/* Hide useless elements in print layouts... */

@media print {

    .ui-tabs-nav {

        display: none;

    }

}



/* Skin */

.ui-tabs-nav {

	list-style: none;

	margin: 0;

	padding: 0;

	background-image: url(../images/nav_selectedhoverbg.gif);

}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}



.ui-tabs-nav li {

    float: left;

    margin: 0;

    min-width: 84px; /* be nice to Opera */

}



.ui-tabs-nav a, .ui-tabs-nav a span {

    display: block;

}



.ui-tabs-nav a {
	margin: 0;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 1.1em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	outline: 0; /* prevent dotted border in Firefox */
	width: 124px;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	font-weight: bold;
}



.ui-tabs-nav .ui-tabs-selected a {

	position: relative;

	z-index: 2;

	margin-top: 0;

	color: #FFFFFF;

	background-color: #000000;

}



.ui-tabs-nav a span {

    width: 64px; /* IE 6 treats width as min-width */

    min-width: 64px;

    height: 18px; /* IE 6 treats height as min-height */

    min-height: 18px;

    padding-top: 6px;

    padding-right: 0;

}



*>.ui-tabs-nav a span { /* hide from IE 6 */

    width: auto;

    height: auto;

}



.ui-tabs-nav .ui-tabs-selected a span {

    padding-bottom: 1px;

}



.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {

    background-position: 100% -150px;

}



.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {

    background-position: 100% -100px;

}



.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {

    background-position: 0 -50px;

}



.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {

    background-position: 0 0;

}



.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

}



.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,

.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}



.ui-tabs-disabled {

    opacity: .4;

    filter: alpha(opacity=40);

}



.ui-tabs-panel {

	padding: 1em 8px; /* declare background color for container to avoid distorted fonts in IE while fading */

	margin: 3px 10px 0 10px;

	line-height: 1.8em;

	background-color: #000000;

}



.ui-tabs-panel img {

	margin: 3px;

}



.ui-tabs-loading em {

    padding: 0 0 0 20px;

    background: url(loading.gif) no-repeat 0 50%;

}



/* Additional IE specific bug fixes... */

* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */

    display: inline-block;

}

*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */

    display: inline-block;

}

.display_scroller {

	float: left;

	width: 300px;

	color: #FFFFFF;

	margin-top: 30px;

	margin-right: 25px;

	margin-bottom: 0;

	margin-left: 35px;

}

.sliderwrapper{

	position: relative; /*leave as is*/

	overflow: hidden;

	width: 315px; /*width of featured content slider*/

	height: 155px;

	background-color: #333333;

	top: 20px;

}







.sliderwrapper .contentdiv{

	visibility: hidden; /*leave as is*/

	position: absolute; /*leave as is*/

	left: 0;  /*leave as is*/

	top: 0;  /*leave as is*/

	padding: 5px;

	width: 490px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

	height: 100%;



filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

	opacity: 1;

	background-color: #333333;

}



.pagination{

	width: 930px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

	text-align: right;

	padding: 5px;

	margin-top: 20px;

}



.pagination a{

	padding: 0 5px;

	text-decoration: none;

	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Serif;

	color: #B08961;

}



.pagination a:hover, .pagination a.selected{

color: #FFFFFF;

}

#banner {

height:215px;

}

.image_border{

	display: block;

	margin-left: auto;

	margin-right: auto;

	border: 2px solid #FFFFFF;

	}

image.a {

	display: block;

	margin-left: auto;

	margin-right: auto;

	border: 2px solid #6363;

	border-style: none;

}

#wrapperacc{

	width: 600px;

	margin-top: 0;

	margin-right: 0px;

	margin-bottom: 0;

	margin-left: 0px;

}

#leftacc{

float: left;

width: 200px;

}

#rightacc{

	float: right;

	width: 380px;

	margin: 0px;

	padding: 0px;

}

.tabacc{

	color: #333;

	padding: 3px;

	text-align: center;

	margin-top: 2px;

	margin-right: 2px;

	margin-bottom: 2px;

	margin-left: 2px;

	background-color: #333333;

}

.stretcheracc{

	background-color: #333333;

}
.food-title {
	color: #B08961;
	font-weight: bold;
}
/* ---- jQuery Lightbox Plugin ---- */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}