﻿/*
Theme Name: JSP Properties Custom Theme
Theme URI: 
Description: This theme was created through the work of Astridita Design and Arrowplane, LLC.
Version: 1.0
Author: Arrowplane, LLC
Author URI: http://arrowplane.net/
Tags: 
*/


/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("typography.css"); 


/* framework
-----------------------------------------------------------------------------*/
html
{
	background-color:#91a5a4;
}
body
{
	background-color:#91a5a4;	
	width:100%;
}
#container
{
	width:900px;
	padding:0;
	margin:0 auto;
}

/* header
-----------------------------------------------------------------------------*/
#header
{
	background-color:#fff;
	width:900px;
	height:183px;
}
#header-logo
{
	float:left;
	width:206px;
}
#header-right
{
	float:left;
	width:472px;	
}
#header-sm
{
	width:472px;	
	padding:20px 0 0 185px;
}
#header-sm ul
{
	float:right;	
}
#header-sm li
{
	float:left;
	padding-left:15px;
}
a.facebook, a.facebook:link, a.facebook:visited
{
	background:url(/wp-content/themes/jspprop/images/icon-facebook.jpg) 0 0 no-repeat;
	width:75px;
	height:17px;
	overflow:hidden;
	display:block;
	text-indent:-9999em;
}
a.twitter, a.twitter:link, a.twitter:visited
{
	background: url(/wp-content/themes/jspprop/images/icon-twitter.jpg) 0 0 no-repeat;
	width:75px;
	height:17px;
	overflow:hidden;
	display:block;
	text-indent:-9999em;
}
a.facebook:hover, a.facebook:active, a.twitter:hover, a.twitter:active
{
	background-position:0 -17px;	
}
a.linkedin, a.linkedin:link, a.linkedin:visited
{
	background:url(/wp-content/themes/jspprop/images/icon-linkedin.jpg) 0 0 no-repeat;
	width:64px;
	height:18px;
	overflow:hidden;
	display:block;
	text-indent:-9999em;
}
a.linkedin:hover, a.linkedin:active
{
	background-position:0 -18px;	
}
#header-tagline
{
	width:472px;
	padding:101px 0 0 222px;	
}
/* navigation
-----------------------------------------------------------------------------*/
#navigation
{
	width:900px;
	height:56px;	
}
#navigation li
{
	float:left;
}
#navigation li#home, #navigation li#home a, #navigation li#home a:link, #navigation li#home a:visited
{
	width:69px;
}
#navigation li#property-mgmt a, #navigation li#property-mgmt a:link, #navigation li#property-mgmt a:visited
{
	width:175px;
}
#navigation li#current-owners a, #navigation li#current-owners a:link, #navigation li#current-owners a:visited
{
	width:153px;
}
#navigation li#available a, #navigation li#available a:link, #navigation li#available a:visited
{
	width:138px;
}
#navigation li#realtors-lenders a, #navigation li#realtors-lenders a:link, #navigation li#realtors-lenders a:visited
{
	width:146px;
}
#navigation li#about a, #navigation li#about a:link, #navigation li#about a:visited
{
	width:72px;
}
#navigation li#contact a, #navigation li#contact a:link, #navigation li#contact a:visited
{
	width:82px;
}

#navigation li#blog a, #navigation li#blog a:link, #navigation li#blog a:visited
{
	width:65px;
}

#navigation li a, #navigation li a:link, #navigation li a:visited
{
	color:#54301a;
	background-color:#91a5a5;	
	display:block;
	float:left;
	height:34px;
	padding:18px 0 4px 0;
	text-decoration:none;
	text-align:center;
	font-size:13px;
	width:auto;
}
#navigation li a:hover, #navigation li a:active,
#navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited,
#navigation li a.selected:hover, #navigation li a.selected:active
{
	color:#91a5a5;
	background-color:#54301a;
}

/* subnav dropdown */

/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li#property-mgmt ul li, * html #navigation ul li#current-owners ul li, 
* html #navigation ul li#available ul li, * html #navigation ul li#about ul li, 
* html #navigation ul li#contact ul li, * html #navigation ul li#links ul li,  * html #navigation ul li#realtors-lenders ul li,
* html #navigation ul li#blog ul li  { float: left; height: 1%;}
* html #navigation ul li#property-mgmt ul li a, * html #navigation ul li#current-owners ul li a, 
* html #navigation ul li#available ul li a, * html #navigation ul li#about ul li a, 
* html #navigation ul li#contact ul li a, * html #navigation ul li#links ul li a, * html #navigation ul li#realtors-lenders ul li a, 
* html #navigation ul li#blog ul li a { height: 1%; }
/* End */

#navigation li#property-mgmt:hover ul, #navigation li#property-mgmt.over ul,
#navigation li#current-owners:hover ul, #navigation li#current-owners.over ul,
#navigation li#available:hover ul, #navigation li#available.over ul,
#navigation li#about:hover ul, #navigation li#about.over ul,
#navigation li#contact:hover ul, #navigation li#contact.over ul,
#navigation li#links:hover ul, #navigation li#links.over ul,
#navigation li#realtors-lenders:hover ul, #navigation li#realtors-lenders.over ul 
{ 
	display: block; 
}

#navigation li#home ul, #navigation li#property-mgmt ul, #navigation li#current-owners ul, #navigation li#available ul , 
#navigation li#about ul, #navigation li#contact ul, #navigation li#links ul, #navigation li#blog ul, , #navigation li#realtors-lendors ul  
{
	z-index:5;
}

#navigation li#home ul li, #navigation li#property-mgmt ul li, #navigation li#current-owners ul li, #navigation li#available ul li, 
#navigation li#about ul li, #navigation li#contact ul li, #navigation li#links ul li, #navigation li#blog ul li, , #navigation li#realtors-lenders ul li
{
	width:240px;	
}
#navigation li#home ul li a, #navigation li#home ul li a:link, #navigation li#home ul li a:visited,
#navigation li#property-mgmt ul li a, #navigation li#property-mgmt ul li a:link, #navigation li#property-mgmt ul li a:visited,
#navigation li#current-owners ul li a, #navigation li#current-owners ul li a:link, #navigation li#current-owners ul li a:visited,
#navigation li#available ul li a, #navigation li#available ul li a:link, #navigation li#available ul li a:visited,
#navigation li#about ul li a, #navigation li#about ul li a:link, #navigation li#about ul li a:visited,
#navigation li#contact ul li a, #navigation li#contact ul li a:link, #navigation li#contact ul li a:visited,
#navigation li#links ul li a, #navigation li#links ul li a:link, #navigation li#links ul li a:visited,
#navigation li#blog ul li a, #navigation li#blog ul li a:link, #navigation li#blog ul li a:visited,
#navigation li#realtors-lenders ul li a, #navigation li#realtors-lenders ul li a:link, #navigation li#realtors-lenders ul li a:visited
{
	width:191px;	
}

#navigation li
{
	position:relative;
		z-index:1000;
}
#navigation li ul
{
	width:240px;	
	position: absolute;
	display:none;
	top:56px;
	left:0;
	padding:0;
	margin:0;
	z-index:1000;
}
#navigation li ul li a, #navigation li ul li a:link, #navigation li ul li a:visited
{	
	width:212px;
	color:#91a5a5;
	background-color:#6c4c34;
	display:block;
	font-size:14px;
	padding:10px 14px 10px 14px;	
	margin:0;
	border-bottom:solid 1px #54311a;
	height:auto;
	float:none;
	text-align:left;
}
#navigation li ul li a:hover, #navigation li ul li a:active
{
	background-color:#54311a;	
}

/* main
-----------------------------------------------------------------------------*/
#main
{
	width:900px;
	background-color:#fff;
}
#main-content
{
	padding:0 38px 80px 38px;
}
#main-right
{
	float:left;
	width:566px;	
}

/* titles
-----------------------------------------------------------------------------*/
h1.welcome
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-welcome.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.property-mgmt
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-property-mgmt.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.blog
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-blog.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.moving-info
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-moving-info.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.contact
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-contact-us.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.about
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-about-us.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.rentals
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-rentals.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.realtors-lenders
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-realtors-lenders.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.current-owners
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-current-owners.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}		
h1.page-not-found
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-404.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.privacy-policy
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-privacy-policy.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
h1.site-map
{
	background: #ffffff url(/wp-content/themes/jspprop/images/title-site-map.gif) 0 0 no-repeat;
	height:89px;
	width:769px;
	text-indent:-9999em;
}
		

/* footer
-----------------------------------------------------------------------------*/
#footer
{
	color:#fff;
	text-align:center;
	padding:15px 0;
	font-size:12px;
}
#footer a, #footer a:link, #footer a:hover
{
	color:#fff;
	text-decoration:none;
}
#footer a:active, #footer a:hover
{
	text-decoration:underline;
}
#footer .firstline
{
	padding:0 0 1px 0;
}
#footer .small
{
	color:#b6c0c0;
	font-size:10px;
}
#footer .small a, #footer .small a:link, #footer .small a:visited
{
	color:#b6c0c0;
	text-decoration:none;
}
#footer .small a:hover, #footer .small a:active
{
	text-decoration:underline;
}

/* left-nav
-----------------------------------------------------------------------------*/
#left-nav
{
	float:left;
	width:258px;
}
#left-nav ul
{
	list-style:none;
	padding:0;
}
#left-nav ul li ul
{
	padding-left:25px;
	list-style:disc;
}
#left-nav li, #left-nav li.current_page_item
{
	width:200px;
	height:auto;
}
#left-nav li a, #left-nav li a:link, #left-nav li a:visited
{
	color:#286865;
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
	padding-bottom:18px;	
	display:block;
	height:auto;
}
#left-nav li a:hover, #left-nav li a:active,
#left-nav li.current_page_item a, #left-nav li.current_page_item a:link, #left-nav li.current_page_item a:visited,
#left-nav li.current_page_item a:link, #left-nav li.current_page_item a:visited
{
	color:#54311a;
	text-decoration:none;	
	font-size:13px;
	line-height:16px;
	padding-bottom:18px;	
	display:block;
}

#left-nav li ul li a, #left-nav li ul li a:link, #left-nav li ul li a:visited,
#left-nav li.current_page_item ul li a, #left-nav li.current_page_item ul li a:link, #left-nav li.current_page_item ul li a:visited,
#left-nav li.current_page_item ul li a:link, #left-nav li.current_page_item ul li a:visited
{
	color:#286865;
	display:block;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
	padding-bottom:14px;	
	display:block;
	height:auto;
}
#left-nav li ul li a:hover, #left-nav li ul li a:active,
#left-nav li ul li.current_page_item a, #left-nav li ul li.current_page_item a:link, #left-nav li ul li.current_page_item a:visited,
#left-nav li ul li.current_page_item a:link, #left-nav li ul li.current_page_item a:visited
{
	color:#54311a;
	text-decoration:none;	
	font-size:11px;
	line-height:14px;
	padding-bottom:14px;
	display:block;
}



/* contactform
-----------------------------------------------------------------------------*/
table.contactform td.label
{
	padding:0 20px 10px 0;
	vertical-align:top;
	width:250px;
}
table.contactform td.value
{
	padding:0 0 10px 0;
	vertical-align:top;
}
table.contactform td.title
{
	padding:10px 0;
	vertical-align:top;
}
#big-flash
{
	width:900px;
	height:285px;
}

/* contact form 7 updates
-----------------------------------------------------------------------------*/
#main-right span.wpcf7-not-valid-tip, #main-content span.wpcf7-not-valid-tip
{
	display:block;
	position:relative;
	background:transparent;
	border:none;
	color:#FF0000;
	left:0;
	top:0;
	width:400px;
}
#main-right .wpcf7-response-output, #main-right .wpcf7-validation-errors, #main-right .wpcf7-mail-sent-ng,
#main-content .wpcf7-response-output, #main-content .wpcf7-validation-errors, #main-content .wpcf7-mail-sent-ng
{
	border:none;
	color:#FF0000;
	padding:0;
	margin:20px 0 0 0;
}
#main-right .wpcf7-list-item, #main-content .wpcf7-list-item
{
	display:block;
}
.ddsg-wrapper h2
{
	display:none;
}

/*  animation
-----------------------------------------------------------------------------*/
ul#portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
		z-index:1;
}
ul#portfolio li{
   display:none;
}

p.donate_amount label
{
	display:none;	
}
