html {

}
@page:first {
	margin: 0in 0in;
	font-family:"Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #2E6E73;
  margin-bottom: -4px;
}

div.header {
	display:none; /* needed for pdf version */
	margin:0; padding:0; vertical-align:top;
}
	div.header img { margin:0;padding:0; margin-left:10px; margin-right:10px }

@media print {
	div.header {
		display:block;
		position: running(header);
	}
}

@page {
	margin: 75px 0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	@bottom-left {
		content: element(header);
	}
	@bottom-center {
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:10px;
		content: "Page " counter(page) " of " counter(pages);
	}
}


body {
	position:relative;
	background:#FFF;
	height:100%;
	padding:0; margin:0;
	color:#333;
	font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2 {
	font-weight: normal;
	margin-bottom: 18px;
}

ul {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
ul li {
	padding-top:4px;
	padding-bottom:4px;
}

ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: lower-roman; }

table {
	border-collapse:collapse;
	width:100%;
}
	#fees_container, table.fees_container { border-collapse:collapse; table-layout:fixed;}

	table th  { padding:4px 8px; background-color:#CCC; text-align: left;}
	table td, #fees_container table tr td, table.fees_container table tr td { padding:6px; border:1px solid #CCC; }

	table#fees_container td, table.fees_container td  { padding:6px 0 0px 0px; border:none; }

	table#fees_container td.fee-description, table.fees_container td.fee-description { width: 525px; word-wrap:break-word;}

		table td div.fee_name, table tr.project-totals td, table td.price div {
			padding:0;
			padding:5px 3px;

		}
		table td.price div, tr.project-totals td.price { white-space: nowrap; }

			table tr.project-totals { padding-top:20px; }
				table#fees_container tr.project-totals td { padding: 8px 0 14px; font-weight:bold;	}

		table td div.fee_description {
			padding-left:6px;
			padding-right:6px;
		}

		table td.price {
			position: relative;
			vertical-align:top;
			text-align:right;
		}
			table tr.project-totals td.price {
				position: inherit;
			}

		#optional_fees_section div.optional_included {
			z-index: 5;
	    position: absolute;
	    right: 0;
	    bottom: -25px;
	   }



#cover-content { width:100%; position:relative; border-bottom:3px dashed #CCC; }


#cover-footer { width:100%; padding:0; margin:0; margin-top:1px; position:absolute; top:240px; left:0; overflow:hidden; text-align:left; }

	div.footer-top { width:100%; height:34px; }

	div.cover-footer-image { color:#333; text-align:center; width:100%;}
		div.cover-footer-image img {  margin-top:-40px; }

		div#my_company {  margin:20px; margin-right:30px; }
		

		div.cover-address-block { font-weight:normal; }


#proposal-content {
	background:#FFF; padding:40px 100px; margin-top:62px;
}

#proposal-content h1 {
	font: normal normal 24px "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 24px;
	margin-top:30px;
	color:#666;
}

span.proposalfee-detail{
    font-size: small;
    font-style: italic;
    font-weight: normal;
}

.cover-image{
  background-image: url("../images/cover-bg.png");
  background-position: top center;
}

#cover-content{
  height: 1070px;
}

#cover-content .main-wrap{
height: 1070px;
}

figure {
	margin-left: 0;
	margin-right: 0;
}

.main-wrap{
  max-width: 815px;
  margin: 0 auto;
  text-align: center;
}

.cover-editable-wrap {
	top: 300px;
}

.cover-box{
  max-width: 610px;
  background-color: #fff;
  opacity: 0.9;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  border: 1px solid #EEE;
  margin: 0 auto;
  text-align: center;
  color: #808fa3;
  top: 300px;
  position: relative;
	padding: 10px 20px; 
  display: inline-block;
}

.cover-box h1 {
  font-size: 36px;
  margin: 10px 0 10px;
}
.cover-box p{
  
}

.cover-box li{
	text-align: left;
}

.cover-box h2{
  font-size: 24px;
  font-weight: normal;
  margin: 10px 0;
}

.proposal{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100%;
  text-align: right;
  color: #fff;
}

.cover-background-main {
	background-color: #01bcd4;
}

.proposal-wrap{
  padding: 20px 40px;
}
.proposal p{
  margin: 0;
  line-height: 2em;
}

@media only screen {
	#cover-content.cover-image {
		height: 1064px;
	}
}

/**
* Big time needed for print styles
**/
@media print  {
	.break-before {
		page-break-before:always;
	}
	.break-after {
		page-break-after:always;
	}

	#cover-content { position:relative; width:100%; height:11in; border-bottom:none; overflow: hidden; }

	div#proposal-content {
		padding-top:0;
		padding-bottom:0;
		margin-top:0;
		border-top:none;
		page-break-before:always;
	}


}