/* center wrapper, min max width */
div#pagewrapper {
   margin: 50px auto 0 auto;     /* this centers wrapper */
   max-width: 920px; /* IE wont understand these, so we will use javascript magick */
   width: 920px;

}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   margin-top:1em;
   height: 130px; /* adjust according your image size */
   overflow:hidden;        
}

div#header h1 a {
/* you can set your own image here */
   background: transparent url(assets/template/logo.jpg) no-repeat 0 0; 
   display: block; 
   height: 130px;             /* adjust according your image size */
/*   text-indent: -999em;*/   /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   outline: none;
}

div#header span#bannermessage {
  display:block;
  float:right;
  padding-top: 20px;

}

div#header span#headertitle {
display: block;

}



div#content {
   margin: 0; /* some air above and under menu and content */
   padding: 0;
}

div#main {
  width: 700px;
  float:left;
  margin: 0 ; 
  padding: 0;
  background-color: #000000;
}

div#innermain {

  margin:0;

}

div#main.fullwidth, div#innermain.fullwidth {
  width:auto;
  float: none;
  margin: 0;
}

.minheight {
  min-height:550px;
}

div#sidebar {
   float: left;  
   width: 220px;    
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

div#sidebarpropbtn {
  padding: 0;
  text-align: left;
  margin: 0;
}

div#sidebarpropbtn a {
  display:block;
  border:0;
  outline: none;
  text-decoration: none;
  margin:0;
  padding: 0;
}

div#sidebarpropbtn a:hover {
 outline: none;
 background-color: transparent;
}

div#clientlogin {
  float: left;
  width: 121px;
  height: 40px;
  margin:0 30px 0 0;
  padding:0;
}

div#clientlogin a, div#clientlogin img {
  padding:0;
  border:0;

}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #010101;
   background: #31271D url(assets/template/bar_bottom.gif) repeat-x top left;
   bottom: 0;
   padding-bottom: 25px;
}

div#footer p {
   font-size: 10pt;
   padding: 10px 0;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
}

div#innerfooter {
 width: 920px;
  margin: 12px auto;
  text-align: center;
}

div#sociall a, div#socialr a {
  /*display: block;*/
   border: 0;
  margin: 0 auto;
  padding:0;
  text-decoration: none;
  outline: none;
}

div#sociall {
 float: left;
 text-align: left;
 margin:  0;
 color: #6D5338;
 font-size: 8pt;
 letter-spacing: 1px;
 padding: 0;

 }

div#socialr {
 float: right;
 margin: 12px 0 ;
 color: #6D5338;
 font-size: 8pt;
 letter-spacing: 1px;
 padding: 0;
 text-align: right;
 width: 300px;
}
div#socialr p, div#socialr p {
 margin: 0 !important;
 padding:0 !important;
 line-height: 1em !important;
}

div#socialr p {
 text-align: right;
}

div#sociall p {
 text-align: left;
}

.footersocial {
  margin: 10px auto 0 10px;
 width: 50px;
  float: right;
 text-align: center;
 padding: 0;
}


.footerassoc{
 width: 156px;
 float: left;
 text-align:center;
 font-size: 8pt;
 margin-right: 20px;
}

div#sociall img, div#socialr img  {
 display:block;
 margin: 0 auto 5px auto;
 padding:0;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}


div#gallerywrap {
  clear:both;
 /* margin: 0px 20px 0 -20px; */
  margin: 0;
  padding: 0 ;
  width: 700px;
 
}

/********************
CONTENT STYLING
*********************/

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#main h2 {
   color: #31271D;
   font-family: 'Trebuchet MS', Arial, sanserif;
   font-size: 40pt; 
   text-align: left; 
   padding-bottom: 1px;
   margin: 0 ;
   text-transform: lowercase;
   font-weight: normal;
   letter-spacing: -5px;
}
div#main  h3 {
   color: #a38e75; 
   font-size: 30pt;
   margin: 0 0 0.5em 0;
   font-weight: normal;
   letter-spacing: -1px;
   line-height: 40px;
}
div#main  h4, .proposalrequest legend {
   color: #FFFFFF; 
   font-size: 18pt;
   margin: 0 0 0.25em 0;
   font-weight: normal;
   letter-spacing: -1px;
   line-height: 24px;
}
div#main  h5 {
   font-size: 16pt;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* IMAGES */

#main img {
  border:0;
  margin:0;
  padding:0;
}

#innermain img.contentimg {
margin:10px 10px !important; 
}





/* LISTS */
div#innermain  ul,
div#innermain  ol,
div#innermain  dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 1em 0 1em 0;
}
div#innermain ul li,
div#innermain ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

div#innermain ul {
  list-style: square url(assets/template/bullet.gif);

}
/* END LISTS */


/* FORMS */

div#innermain form {
/*  width: 95%;*/
}

div#innermain fieldset {
    border:1px solid #222222;
    padding: 15px;
    margin-bottom: 15px;
}

div#innermain form legend {
    font-family:Georgia;
    font-size:18px;
    margin-bottom:13px;
    margin-top:13px;
    padding: 0 10px;
    color: #fff;
}

div#innermain form label {
  display: block;
  float: left;
  clear: left;
  width: 175px;
  background-color: transparent;
  padding: 0pt 10px 0pt 0;
  text-align: right;
  line-height: 17px;
}

div#innermain form img {
 clear: left;
}

div#innermain form input, div#innermain form select, div#innermain form textarea,  div#innermain form submit, div#innermain form .error {
 float:left;
 margin: 0 0 10px 0;
 font-size: 10pt;
 padding: 2px 0;
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

div#innermain form .error {
  color: #FE0000;
}

div.proposalForm  form div.fileupload input {
  width: 300px !important;
  background-color: #FFFFFF;

}

div.proposalForm div.fileupload {
 clear: left;
 margin-left: 185px;
} 

div.proposalForm select {
 width: 230px;
}


div.proposalForm .radiogroup div {
 display: block;
 clear: both;
 float: left;
 padding: 0 !important;
 whitespace: nowrap;
}

div.proposalForm div.radiogroup div, div.proposalForm div.radiogroup div label, div.proposalForm div.chkbox div label  {
 display:inline !important;
 width:auto !important;
 clear: none !important;
}

div.proposalForm div.radiogroup div input, div.proposalForm div.chkbox div input {
 display: block;
 float: left;
 width: 20px ;
 padding: 10px 10px 0 0;
 border: none !important;
}

div.proposalForm div.chkbox div label {
 display: block;
 float: left;
 text-align: left;
 width: 100px;

}

div.proposalForm div.eventtype div {
  display:block !important;
  clear: both !important;
  margin-left: 170px;
}

div.proposalForm div.eventtype label {
 display: block;
 clear: both !important;
}

div.eventtype div label {
  display: inline ;
  padding-left: 10px;
  padding-right: 30px;
}
div.eventtype div span {
  padding-left: 10px;
  padding-right: 20px;
}


div.proposalForm .wedding, div.proposalForm  .catering, div.proposalForm  .corporate .othertype {
 display: none;
}

div#innermain form select {
  margin-right: 3px;
}

div#innermain form input, div#innermain form select, div#innermain form textarea {
 border: 1px solid #222222;
}

div#innermain form span.star {
  color: #222222;
  font-weight: bold;
}

div#innermain form input.fbsubmit, div#innermain form input.resetBtn {
  display: block;
  float:left;
  width: 99px;
  height: 30px;
  border: 0;
  padding: 10px 0 ;
  margin-left: 200px;
}

div#innermain form input.fbsubmit {
  background: #0D0D0D url(assets/proposalform/submit-btn.gif) no-repeat center center;
  clear:left;
  padding-right: 2px;
  
}
 
div#innermain form input.resetBtn {
  background: #0D0D0D url(assets/proposalform/reset-btn.gif) no-repeat center center;
  clear: none;
  margin-left: 30px;
}

div#innermain form div.submit {
  padding: 25px 0 ;
  background-color: #0D0D0D;
}

p.formsubheading, span.formsubheading {
 display:block;
 clear: left;
 font-size: 12pt;
 font-weight: bold;
 margin: 30px 0 15px 0;
 padding: 0;
}

span.formsubheading {
  margin: 0px 0 15px 0;
}

.clearleft {
 clear: left;
}


div.proposalForm  .indent {
  margin-left: 30px;
}

div.proposalForm .info input {
  width: 200px;
}


div.proposalForm .indent select {
 width: 200px;
}


div.proposalForm  div.chkbox div {
  width: 179px;
  float: left;
}

 div.proposalForm div.info img {
 display: block;
 float: left;
 clear:none !important;
 border: 0;
 padding: 0 0 0 10px !important;
 margin: 0 0 0 0px;
}

div.proposalForm div.noclear label {
 clear:none !important;
 width: 35px !important;
}

div.proposalForm div.referralother {
 margin: -20px 0 20px 20px !important;
}