/*********************
SHINOBI - DARLENELENFESTY VARIATION
COLOURS RED #e11b22
**********************/

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #444444;
}

body.index #page_title h1 {
	display: none;
}

#footer {
	background-image: url('../images/bg.jpg');
}

#identity, #nav, #mainmenu li .submenu {
	background-color: #000;
}

.logo {
	float: left;
	display: inline-block;
	margin: 10px auto;
	position: relative;
    z-index: 999 !important;
}

#header-right {
	float: right;
	margin-top: 40px;
}

#header-right img {
	float: left;
	display: inline-block;
}

.header-phone {
	padding-left: 20px;
}

.column1_2, body.index .column2_2, #listings_bar {
	background-image: none !important;
	border-bottom: 2px solid #e11b22;
	padding-bottom: 0;
}

#nav {
	border: none;
	box-shadow: none;
}

.nested #mainmenu {
    text-align:center;
}

.nested #mainmenu > li {
    display: inline-block;
    float: none;
    text-align:left;
}

body.index #home_feat_box_container {
	margin-top: 0px;
	background-image: none !important;
	border-bottom: 2px solid #e11b22;
	padding-bottom: 30px;
}

body.index .home_feat_box {
	background-color: transparent !important;
	box-shadow: none !important;
}
body.index .home_feat_box_1, body.index .home_feat_box_2 {
	background-color: transparent !important;
}

/* primary color */

#nav li a {
	font-family: 'Open Sans', Arial, Helvetica, serif;
	color: #fff;
}

a, #nav li a.active, #nav a:hover {
	color: #e11b22;
}


#header {
	border-top-color:black;
}

#contact_button a, input.submit, .fancybox-inner input[type="submit"], #agent_search_form #agentsearchsubmit, .listing_detail_cta_request_showing, .listing_detail_cta_request_showing:hover {
	background-color:#e11b22;
}

.flex-control-paging li a.flex-active {
	background-color:#e11b22 !important;
}

#listings_bar h2 a {
	text-transform: none;
	font-family: 'Lora', serif;
	font-style: italic;
}
/* hover color - darker tint of primary color */

a:hover {
	color: #ad0000;
}

/* heading 2 - neutral tint of primary color, set to grey or inherit if ugly */

h2, .header2, h3, .header3, h4, .header4, body.shinobi .fancybox-inner h2, #listing_contactform h3 {
	color: #444444;	
	font-family: 'Lora', serif;
	font-style: italic;
}

h1 {
	font-family: 'Euphoria Script', cursive;
	font-size: 44px;
	line-height: 46px;
}


/* #Media Queries
	================================================== */
	    @media only screen and (max-width: 1223px) {
	        .header-bg-swirl {
				margin: 10px -66% 0;
				width: 39%;
			}
			.logo {
				width: 56%;
			}
			#header-right {
				width: 365px;
			}
	    }
	    @media screen and (max-width: 959px) {
	        .logo, #header-right {
		        width: 400px;
		        float: none;
		        clear: both;
		        margin: 10px auto;
		        z-index: 999 !important;
		        position: relative;
	        }
	        .logo {
		        padding-left: 24%;
	        }
	        .header-bg-swirl {
		        margin: 80px -73% 0;
		        width: 42%;
	        }
	    }
	    @media screen and (max-width: 758px) {
		    .logo {
			    padding-left: 8%;
		    }
			.header-bg-swirl {
		        margin:  27px -79% 0;
		        width: 54%;
	        }
	    }
	    @media screen and (max-width: 479px){
			.logo {
				padding-left: 0;
			}
			#header-right {
				width: 200px;
			}
			.header-brokerage, .header-phone {
				width: 42%;
			}
			.header-phone {
				margin-top: -11px;
			}
			.header-bg-swirl {
				margin: 8px -98% 0;
				width: 71%;
			}
			.column1_2 {
				margin-top: 20px;
			}
	    }