/* 
Brandit360.com Customization for Newport Cove
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking.

 */
/* 2.2 Navigation */
#navigation{ font:normal 17px/1em sans-serif; margin:42px 0 0 0px; padding:0 0 0 0px;}

#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 44%;margin:0 15px 0 0; padding:0 25px 0 0;line-height: 1;}
#navigation ul.rss li{display:inline;padding:0;}
#navigation ul.rss li a{color:#d75418;text-decoration:none; padding:10px 5px; line-height: 18px; display: inline-block; position: relative;}
#navigation ul.rss li.sub-email {color:#dedede;}
#navigation ul.rss li a:hover{text-decoration:underline;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a  { position:relative; border:1px solid transparent; color:#999/*#3E4245*/; display:block; z-index:100; padding:6px 12px; line-height:18px; text-decoration:none; text-shadow:0 1px 0 #fff; }
.nav li  { float:left; margin: 0 0px; width: auto; }
.nav li a.sf-with-ul { padding-right:20px; }

.nav a:hover { color: #29427b /*#7B9EBB*/; }

.nav li.current_page_item a, 
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.current-menu-item a,
.nav li.sfHover { background:#CCC; color:#29427b /*#7B9EBB*/; }

/* Optional Styling */
 
.nav li.current_page_item a, 
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.current-menu-item a,
.nav li.sfHover { 
	border: 1px solid #ddd;
	border-color: rgba(0,0,0,.15); 
	
	/* Border Radius */ 
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	
	/* Gradient Background */
	background: #f5f5f5;
  	background: -moz-linear-gradient(100% 100% 90deg, #ccc, #fff);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));

	/* Box Shadow */
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.03);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.03);
	box-shadow: 0 1px 1px rgba(0,0,0,.03);
}
#navigation .nav li a {}
#navigation .nav li:first-child a {}
#navigation .nav li:last-child { margin-right: 0; }

	/* 2.2.1 Drop-down menus */
	.nav li ul  { background: #fff; margin:5px 0 0; padding:10px 0 0; position: absolute; left: -999em; width: 180px; border: 1px solid #e3e3e3; z-index:9999; }
	.nav li ul li { margin:0; }
	.nav li ul li a  { padding:8px 15px; width:150px; color:#666 !important; background: none; font-size:0.8em;}
	.nav li ul li a:hover  { font-weight: bold; }
	.nav li ul li a.sf-with-ul { padding-right:0; }
	.nav li ul ul  { margin: -35px 0 0 170px !important; }
	
	.nav li ul li a:hover, 
	.nav li.current_page_item ul li a, 
	.nav li.current_page_parent ul li a,
	.nav li.current-menu-ancestor ul li a,
	.nav li.current-cat a ul li,
	.nav li.current-menu-item ul li a,
	.nav li.sfHover ul li { background:none;margin:0px;padding:0px;}
	
	.nav li:hover,.nav li.hover  { position:static; }
	.nav li:hover ul ul, .nav li.sfhover ul ul,
	.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
	.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
	.nav li:hover ul, .nav li.sfhover ul,
	.nav li li:hover ul, .nav li li.sfhover ul,
	.nav li li li:hover ul, .nav li li li.sfhover ul,
	.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; /* margin-left:-50px; */ }
	
	.nav .sf-sub-indicator {background:	url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:44%;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
	.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; }
	
	/* Optional Styling */
	#navigation .nav li ul  { border-bottom: none;
		/* Border Radius */
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	
		/* Box Shadow */
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		box-shadow: 0 2px 2px rgba(0,0,0,.03);
	}
	#navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
	#navigation .nav li ul li a { border:0; border-top:1px solid #fff; border-bottom:1px solid #dedede; }
	#navigation .nav li ul li:first-child { background: url("images/nav-indicator.png") no-repeat scroll center top transparent; margin-top: -18px; padding-top: 10px;}
	#navigation .nav li ul li ul li:first-child { background: none;}

	/* 2.2.2 Top Navigation (optional) */
	#top { background: #0A131B; }
	#top .nav { }
	#top .nav a { border:none;color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; }
	#top .nav li  {  }
	#top .nav li a.sf-with-ul { padding-right:10px; }
	
	#top .nav a:hover, 
	#top .nav li.current_page_item a, 
	#top .nav li.current_page_parent a,
	#top .nav li.current-menu-ancestor a,
	#top .nav li.current-cat a,
	#top .nav li.current-menu-item a,
	#top .nav li.sfHover { background: #222;border:none;border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
	
	#top .nav li ul  { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:9999;
		/* Box Shadow */
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		box-shadow: 0 2px 2px rgba(0,0,0,.1);
	}
	#top .nav li ul, #top .nav li ul li:last-child a {
		/* Border Radius */
		border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; 
	}
	#top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
	#top .nav li ul li a  { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;}
	#top .nav li ul li a:hover  { background: #000; }
	#top .nav li ul li a.sf-with-ul { padding-right:10px; }
	#top .nav li ul ul  { margin: -34px 0 0 180px; }
	
	#top .nav li:hover, #top .nav li.hover  { position:static; }
	#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
	#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
	#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
	#top .nav li:hover ul, #top .nav li.sfhover ul,
	#top .nav li li:hover ul, #top .nav li li.sfhover ul,
	#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
	#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul  { left:auto; }
	
	/* 2.2.3 Page Navigation */
	#sub_nav { float: left; margin-bottom: 1em; padding: 5px 20px 5px 0; width: 220px;}
	#sub_nav .menu ul { border: 1px solid #ddd; border-color: rgba(0,0,0,.1); list-style-image: url("images/arrow.png");list-style-position: inside;
    	/* Box Shadow */
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }    
	#sub_nav .menu ul li {background: #f0f4f7;border-bottom: 1px solid #ddd;border-color: rgba(0,0,0,.1); font-size: 17px; line-height: 18px;padding: 10px 0 10px 10px;}
	#sub_nav .menu ul li:last-child {
    border-bottom: none;
	}
	#sub_nav .menu ul li.current_page_item, #sub_nav .menu ul li:hover {background:#fafbfc;}
	#sub_nav .menu ul li.current_page_item a, #sub_nav .menu ul li:hover a {color:#293F4C;}

/* 2.3 Header */
#header-container {/*background:#eff3f7;*/border-bottom: 1px solid #D0D8DE;position: relative; z-index: 999;}
#header {padding:30px 0 20px;clear:both;position:relative;}

#logo  { float:left; }
#logo img  { width:275px;-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 3px rgba(50, 50, 50, 0.75); }
#logo .site-title, #logo .site-description  { font-family:Georgia, serif; color: #000; display:none;  }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }

#topad {float:right;}
