@charset "UTF-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;color: #666666;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


html, body {
        background: url('http://www.elquintopinonyc.com/images/homepage.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		height: 100%;
}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 75px;}  /* must be same height as the footer */

#header {
	width: 100%;
	height: 220px;
	background: rgba(0,0,0,0.5);  /* 50% transparent */
}

#header-left {
	float: left;
	width: 25%;
	padding-top: 10px;
	padding-left: 10px;
}


#header-left h1 {	
	color: #FFFFFF;
	font: 11px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	word-spacing: 0px;
}

#header-logo {
	float: left;
	width: 50%;
	padding-top: 30px;
}

#header-logo h1 {	
	color: #FFFFFF;
	font: bold 12px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	word-spacing: 20px;
}

#header-logo a:link, #header-logo a:visited, #header-logo a:link, #header-logo a:visited {	
	font: bold 12px "Helvetica Neue", Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#header-logo a:hover {
	color:#F5B800;
}

#header-right {
	float: right;
	width: 10%;
	padding-top: 30px;
}

#header-right h1 {	
	color: #FFFFFF;
	font: 11px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	word-spacing: 0px;
}

#content {
	float:left;
	width: 100%;
	height: 100%;
	display: inline;
}
 

#content-left {
	float: left;
	width: 15%;
	height: 100%;
}


#content-left h1 {	
	color: #FFFFFF;
	font: 12px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	padding-left: 8px;
	padding-top: 100px;
}

#content-main {
	float: left;
	width: 50%;
	height: 200px;
	display: inline;
	padding: 70px 0px 0px 50px;
	background: rgba(0,0,0.5);  /* 50% transparent */
}

#content-main p {	
	color: #FFFFFF;
	font: 13px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	}

#content-main h1 {	
	color: #FFFFFF;
	font: bold 15px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
}

#content-main a:link, #content-main a:visited, #content-main a:link, #content-main a:visited {	
	font: bold 15px "Helvetica Neue", Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#content-main a:hover {
	color:#000000;
}

#content-right {
	float: right;
	width: 18%;
	height: 100%;
	padding-left: 0px;
	padding-top: 200px;
}

#content-right h1 {	
	color: #FFFFFF;
	font: 15px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	word-spacing: 0px;
}
 
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:0px;/
}