/*
  ****************************
  Project: Restaurant
  Coded by: Jorsek Softwares
  ****************************
 */
/*
   --------------------------------------------------------------
  base.css
  * Sets up some sensible defaults.
  --------------------------------------------------------------
 */
/* ******GENERAL TAGS****** */
html{
	height:100%;
}

body {
    margin:0px auto;
    padding:0px;
    width: auto;
    color: #333;
    position: relative;
    font: 14px Arial, Helvetica, sans-serif;
    background: #F3F1E5;
    height:100%;
}
img {
    margin-bottom:5px;
}
div.image_wrapper{
	margin:0px 15px 10px;
}
a img {
    border:none;
}
/* **GENERAL CLASSES** */
.left {
    float: left;
}
.right {
    float: right;
}
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}
.clearall {
    clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* **BANNER CONTAINER** */
#banner_container {
    width: auto;
    background: #F3F1E5 url('images/background.png') repeat-x center top;
    position: relative;
    padding: 0;
    margin: 0 auto;
    height:259px;
}

#minor_banner_container {
    width: auto;
    background: #F3F1E5 url('images/minor_banner.png') repeat-x center top;
    position: relative;
    padding: 0;
    margin: 0 auto;
    height: 159px;
}

#inner_container {
    width: 1000px;
    margin:0 auto;
}

/* **MAIN** */
#main {
    width: auto;
    margin: 0 auto;
    height: auto;
}
/* **BACKGROUND** */
.background {
    width: 900px;
    height: auto;
    margin: 0 auto;
    background: url('images/body.png') repeat-y center top;
}


/* **APPLICATIONS** */
.applications_left {
    width:600px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
    text-align: justify;
}

.applications_sidebar {
    background:transparent url(images/side_shadow_2.png) repeat-y scroll 3px top;
    width: 280px;
    float: left;
    height: 100%;
/*     overflow: hidden; */
}

.applications_article {
    width: 285px;
    background: url('images/hangover_bottom.png') no-repeat right bottom;
    padding-bottom: 50px;
    clear:both;
    margin-top:25px;
}

.applications_article_header {
    width: 285px;
    background: url('images/hangover_top.png') no-repeat right top;
    padding-top: 1px;
}

.applications_article_header h2 {
    font: 20px Arial, Verdana, Tahoma;
    padding-left:15px;
    padding-top: 15px;
    margin:0;
}

.app_cer_box {
    width: 580px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.app_cer_img {
    width: 200px;
    float: left;
}

.app_cer_img2 {
width: 200px;
}
/* **BLOCKQUOTE** */
div.blockquote
{
	width: 200px;
	float: left;
	border:none;
	clear:both;
	margin-left:15px;
}


blockquote {
border:none!important;
display: block;
padding: 0px 10px 0px 30px;

text-decoration:italic;
font-family:Georgia,"Times New Roman",Times,serif;
margin:0 !important;
}

blockquote p{
margin:5px 0px 25px 5px;
font-size:14px;
}

blockquote:before, blockquote:after
{
color: #333;
display: block;
font-size: 400%;
width: 35px;
}

blockquote:before {
content: open-quote;
height: 0;
text-align:left;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -20px;
margin-left: 170px;
}

.app_body {
    width: 580px;
    margin: 0 auto;
}

.app_body h1 {
    font: 18px Arial, Verdana, Tahoma;
    padding:5px 0;
    margin:0;
}

.app_body p {
    padding: 0;
    margin: 0;
}

.news_article {
    width: 600px;
    margin: 0 auto;
}

.summary.in_editor{
	background:#FBE18A;
	clear:both;
}

.simple_quote {
    width: 800px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font: 16px Arial, Verdana, Tahoma;
    font-style: italic;
}

/* **MEMBERS** */
.memb_box_cer {
    border: 2px solid #F1EEE4;
    width: 580px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.memb_box_txt {
    padding-top: 60px;
}
    
/* **CONTENT** */
.content {
    width: 870px;
    margin: 10px auto;
    padding-top: 0px;
    padding-right: 20px;
}
.content h2 {
    font: 16px Arial, Helvetica, sans-serif;
    margin-top:20px;
    margin-bottom:20px;
    text-transform: uppercase;
    clear:both;
    color: #333;
}
.content h1 {
    font: 30px "Times New Roman", Arial, Helvetica, sans-serif;
    color: #333;
}

/***SEARCH BAR***/
#searchbar {
    width: 300px;
    margin: 20px auto 0 auto;
    text-align: center;
}

    .searchbar_input {
        width: 150px;
        height: 15px;
        font: 12px Arial, Verdana, Tahoma;
        border: 1px solid #BFBFBF;
        background: #EBEBEB;
        color: #333;
    }
    
    .searchbar_input:hover {
        border: 1px solid #333;
    }
    
    .searchbar_input:focus {
        border: 1px solid #333;
        background: #fff;
    }
    
    .searchbar_button {
        width: 35px;
        height: 20px;
        overflow: hidden;
        border: 1px solid #ccc;
    }
    
    .searchbar_button:hover {
        border: 1px solid #333;
        background: #f8f8f8;
    }
    
/***FOOTER** */
#footer {
    width: 880px;
    min-height: 40px;
    background: #CBD5A7;
    border-top: 2px solid #AFBF77;
    text-align: center;
    font: 10px Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
    padding-top: 10px;
    margin: 0 auto;
}
#footer a {
    color: #333;
    text-decoration: underline;
}
#footer_links {
    width: 540px;
    float: left;
    text-align: center;
    height: 35px;
    margin-top: -6px;
    margin-left: -15px;
}

    #footer_links_item {text-align: center;margin:0;font-family:arial, verdana, sans-serif; width: auto;}
    #footer_links_item li {float:left; list-style-type:none;}
    #footer_links_item li a {display:block; float:left; height:35px; color:#5c5c5c; text-decoration:none; font-size:15px; padding:0 10px 0 10px; text-transform: uppercase;}
    #footer_links_item li a:hover { color: #000; }
#footer_copyright {
    width: 330px;
    float: left;
    height: 1%;
/* peekaboo bug */    
    text-align: right;
    padding-top: 3px;
    margin-right: 10px;
    padding-right: 10px;
}
/* **GENERIC PAGE HACKS** */

.page_full {
	width:850px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
}

.page_left {
	width:600px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: justify;
	vertical-align:top;
}
.page_right {
	background:transparent url(images/side_shadow_2.png) repeat-y scroll 3px top;
	width: 280px;
	float: left;
	height: 100%;
	vertical-align:top;
}

.page_left h1, .page_full h1{
	font: 26px Arial, Verdana, Tahoma;
	clear:left;
}

.page_right h1{
	font: 26px Arial, Verdana, Tahoma;
	border-bottom: 1px solid #333;
	clear:left;
}

.application_container{
	clear:both;
	margin:25px 15px;
	padding:0 5px 20px 5px;
	border:2px solid transparent;
}

.application_container:hover{
	border:2px solid #FEAC63;
}

.application_container .application_summary{
	padding-left:10px;
	clear:both;
	color:#333333 !important;
}

.application_container .click_for_more{
	float:right;
	font-size:16px;
	display:none;
	clear:both;
	font-weight:bold;
/* 	color:#333333 !important; */
}

.application_container:hover .click_for_more{
	display:block;
}

.page_left .application_container .tag_line{
	float:left;
	margin-bottom:15px;
	width:350px;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	margin:13px 0 0 5px;
	color:#FEAC63;
}
	
.page_full .application_container .tag_line{
	float:left;
	margin-bottom:15px;
	width:555px;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	margin:13px 0 0 5px;
	color:#FEAC63;
}
	
.news_article_container{
	margin:25px 11px 20px 11px;
	padding-bottom:35px;
	/*border-left: 4px dashed #333333;
	border-right: 4px dashed #333333;*/
}

/* ** BODY HACK ** */
.body_with_sidebar {
    width: auto;
    height: auto;
    margin: auto;
    padding: 0;
    background: url('image/body_width_sidebar.png') repeat-y center top;
}