/*
*   Author: Cofield Team
*   2NS.css
*   twonorthshore.com main css file
*/

/* TYPE */
body { background: #fff url(../img/bg.jpg) no-repeat; background-position: top center; border-top: 0px solid #000; color: #777; font-size: 11px; padding: 20px 0 0; }
a { color: #2aa3a2; text-decoration: underline; }
a:hover { color: #295860; text-decoration: underline; }
h1.events { background: url(../img/icons/events) no-repeat right center; float: left; margin-top: 2px;}
h1 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 3em; padding:.4em 30px .4em 0; margin-bottom:0px; border-bottom: 0px solid #111; color: #4a7c84; display:inline; }
h2 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 2em; color: #4a7c84; padding: 10px 0 0 10px; font-weight: normal;}
h2 span{ font-family: vista sans OT, sans-serif, Helvetica, Arial; color: #FFF; }

h3 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 22px; color: #6899a1; padding: 0px 0 0 0px; font-weight: normal;}
h3 span{ color: #295860; }
h4 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 13; color: #4a7c84; padding: 0 0 0 10px; font-weight: normal;}
h4 a { text-decoration: none; }
h4 span{ color: #295860; padding: 0 0 0 10px;}
h5 { line-height: 100%; font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 11; color: #4a7c84; padding: 0 0 0 10px; font-weight: normal;}
h7 a { text-decoration: none; }

p {	overflow: hidden; padding: 0 0; text-align: left; font-size: 16px; color: #295860;}
.container_16 {	background: url(../img/container-bg.png) no-repeat; }
#sign {	background: url(../img/sign.png) no-repeat;	width:169px; height:190px; }
#signIn { margin-top: 10px; text-align: left;}
.header_space { height: 75px; *height: 75px; }

/* NAVIGATION */
.leftNav ul#nav { list-style: none; margin-top: 3px; }
.leftNav ul#nav a { text-decoration: none; margin-left: -20px; font-size: 15.5px; color: #4a7c84; font-weight: normal; font-family: vista sans OT, sans-serif, Helvetica, Arial; }
.leftNav ul#nav a:hover{ color: #295860; text-decoration: none; background: url(../img/littletwo.png) no-repeat right center; padding:.4em 30px .4em 0; }

.leftNav { position: relative; width: 135px; height: 155px; background: url(../img/layout/130_Column.png) no-repeat left top; margin-bottom: 10px; margin-top: 10px; margin-left: 39px; }
.leftNav .container { background: url(../img/layout/130_bot.) no-repeat left bottom; padding: 5px 0px; }

/* LEFT COLUMN */
.leftColumn ul#nav { list-style: none; margin-top: 10px; }
.leftColumn ul#nav a { margin-left: -20px; text-decoration: none; font-size: 14px; color: #4a7c84; font-weight: normal; font-family: vista sans OT, sans-serif, Helvetica, Arial; }
.leftColumn ul#nav a:hover{ color: #295860; background: url() no-repeat right center; }

.leftColumn ul#nav2 { list-style: none; margin-top: 0px; }
.leftColumn ul#nav2 a { margin-left: -20px; font-size: 12px; color: #4a7c84; font-weight: normal; font-family: vista sans OT, sans-serif, Helvetica, Arial; }

.leftColumn ul#social-twitter { list-style: none; margin-top: -20px; }
.leftColumn ul#social-facebook { list-style: none; margin-top: -10px; }
.leftColumn ul#social-twitter a { margin-left: -20px; font-size: 14px; color: #4a7c84; text-decoration: none; font-weight: normal; font-family: vista sans OT, sans-serif, Helvetica, Arial; }
.leftColumn ul#social-facebook a { margin-left: -20px; font-size: 14px; color: #4a7c84; text-decoration: none; font-weight: normal; font-family: vista sans OT, sans-serif, Helvetica, Arial; }
.leftColumn ul#social-twitter a:hover{ color: #295860; background: url(../img/icons/twitter.png) no-repeat right center; padding:.4em 30px .4em 0;}
.leftColumn ul#social-facebook a:hover{ color: #295860; background: url(../img/icons/facebook.png) no-repeat right center; padding:.4em 20px .4em 0;}


.leftColumn { position: relative; width: 130px; height: 300px; background: url(../img/layout/130x300_top.png) no-repeat left top; margin-bottom: 10px; margin-top: 0px; margin-left: 39px; float: left;}
.leftColumn h4 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 16px; padding:.4em 30px .4em 10px; color: #999999; font-weight: normal;}


/* MAIN COLUMN */

.MainColumn { position: relative; width: 580px; height: 300px; background: url() no-repeat left top; margin-bottom: 10px; margin-top: -10px; margin-left: 11px;}
.MainColumn .whole{ position: relative; width: 580px; height: 300px; background: url(../img/layout/580_Column.png) no-repeat left top; margin-bottom: 10px; margin-top: 10px; margin-left: 0px; padding:.4em 10px .4em 10px; float: left}

.MainColumn .container { width: 280px; height: 300px; background: url(../img/layout/280_Column.png) no-repeat left bottom; padding: 5px 0px; float: left; overflow: hidden;}
.MainColumn .container h3 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 22px; color: #6899a1; padding: 10px 0 0 10px; font-weight: normal;}
.MainColumn .twitter { width: 280px; height: 300px; background: url(../img/layout/280_Column.png) no-repeat left bottom; margin-left: 0px; padding: 5px 0px; float: left; overflow: hidden;}
.MainColumn .twitter h3 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 22px; color: #6899a1; padding: 10px 0 0 10px; font-weight: normal;}
.MainColumn .video { width: 280px; height: 150px; background: url(../img/layout/280_Column.png) no-repeat left bottom; margin-left: 0px; padding: 5px 0px; float: left; overflow: hidden;}


/* EVENTS FEED ON HOMEPAGE */
.EventsFeed { position: relative; width: 580px; height: 300px; background: url(../img/layout/280_Column.png) no-repeat left top; margin-bottom: 10px; margin-top: 10px; margin-left: 11px; }
.EventsFeed .container { background: url(280_Column.png) no-repeat left bottom; padding: 5px 0px;}
.EventsFeed h3 { font-family: vista sans OT, sans-serif, Helvetica, Arial; font-size: 2em; padding:.4em 30px .4em .4em; color: #4a7c84;}


.leed {width: 70px; height: 70px; background: url() no-repeat left top; margin-top: -10px; margin-left: 20px; }
.email_bg { margin-left: 0px; width: 102px; height: 20px; background: url(../img/layout/email_bg.png) no-repeat left top;}
.sitemap dl {margin-left: 20px;}


/* PAGE BACKGROUNDS */
.content_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:500px; height: 100%; margin-top: -14px;}
.leasing_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:1000px; height: 100%; margin-top: -14px; }
.leasing2_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:1200px; height: 100%; margin-top: -14px; }
.location_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:1000px; height: 100%; margin-top: -14px; }
.gallery_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:3060px; height: 100%; margin-top: -14px; }
.contact_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:850px; height: 100%; margin-top: -14px; }
.events_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:500px; height: 100%; margin-top: -14px; -ms-overflow-x: hidden; overflow: auto; overflow-x: hidden; scrollbar-base-color:#4a7c84;}
.shopdine_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:1000px; height: 100%; margin-top: -14px; -ms-overflow-x: hidden; overflow: auto; overflow-x: hidden; scrollbar-base-color:#4a7c84;}
.aboutus_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:300px; height: 100%; margin-top: -14px; }
.stores_bg { background: url(../img/content-bg.png) repeat-y; background-position: top center; min-height:550px; height: 100%; margin-top: -14px; -ms-overflow-x: hidden; overflow: auto; overflow-x: hidden; scrollbar-base-color:#4a7c84; }

.content{
	font-size: 14px;
	color: #4a7c84;
	font-family: Helvetica, Arial, sans-serif;
	border-left: 0px solid #dddddd;
	margin: 10px 20px;
	min-width:695px;
	min-height:50px;
	height:100%;
}



.bigBox { position: relative; width: 745px; height: 100%; background: url() repeat-y left top; margin-bottom: 10px; margin-top: 5px; margin-left: 39px; }
.bigBox .container { height: 100%; background: url() repeat-y left bottom; padding: 5px 0px; font-size: 14px; color: #4a7c84; font-family: vista sans OT, Sans-serif, Helvetica, Arial;}	
.bigBox .container ul { list-style: none; text-decoration: none;}	
.bigBox .container ul a { list-style: none; text-decoration: none;}	
.bigBox .container ul a:hover { color: #4a7c84; text-decoration: underline;}	
.container h5 { font-size: 2em; color: #e35c27; font-family: vista sans OT, Sans-serif, Helvetica, Arial; padding:0px 60px 0 0; }	
.bigBox .container a { text-decoration: none; }
.container h4 { font-size: 13px; color: #295860; font-family: vista sans OT, Sans-serif, Helvetica, Arial; padding:20px 60px 0 0; }	
.container h4 span { color: #295860; font-family: vista sans OT, Sans-serif, Helvetica, Arial;}	
.bigBox .container h6 { border: 1px solid #bbb; margin-right: 20px; float: left;}	
.container p { font-size: 13px; }

.banner { margin-top: 58px; margin-left: 22px; float: left;}
#banner { width: 580px; height: 246px; position:relative; background: none; float: left;}
#banner img { position: absolute; top: 0px; left: 0px; }

/* EVENTS */
.adminArea { font-size:11px; }
/* Month Row */
.monthrow{ float: left; }
.monthrow-small{ margin-left: 10px; float: left; }
/* Single Event */
.event { width: 650px; height: 100%; -ms-overflow-x: hidden; overflow: auto; overflow-x: hidden; scrollbar-base-color:#4a7c84;} 
.eventsmall { width: 255px; height: 45px; } 
.event-dottedLine { height:40px; vertical-align:middle; background:transparent url(../img/dotted.png) repeat-x scroll left 20px; margin-right: 18px; margin-left: -4px; }
.event-dottedLine.firstDotted { margin-left: 10px; }
.event h3 { float:left;	margin:0; padding:0; font-size:11px; font-weight:normal; color:#6c242f; }
.event h1 { margin:0 0 5px; padding:0; font-size:18px; font-weight:normal; }
/* Event Date */
.event-dateWrap { width:123px; margin:0; padding:0; padding-left: 18px; float: left; }
.event-dateWrap-small { width:100px; margin:0; padding:0; padding-left: 18px; float: left; }
.event-dateWrap span.event-date { display:block; margin-top:3px; font-size:11px; font-family: Geneva, Arial, Helvetica, sans-serif; color:#6d2c25; }
.event-dateWrap span.event-day { font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#6d2c25; }
/* Event Details */
.event-details{ width:200px; margin:0; padding:0px 15px 0px 0px; line-height:18px; font-size: 13px; float: left; }
.event-details-small{ width:120px; margin:0; padding:0px 5px 0px 0px; line-height:18px; font-size: 13px; float: left; }
.event-details span.eventName{ color:#4a7c84; font-weight:bold; font-size:17px; }
.event-details span.eventNamesmall{ color:#5A7D56; font-weight:bold; font-size:14px; }
.event-details span.readMore { font-size: 12px; font-weight: normal; text-decoration: none;}
.event-details .online { color:#5A7D56; font-size:18px; }
/* Event Location */
.event-location { float:left; width:150px; color:#666; font-size:11px; line-height:14px; padding:0; margin:0; }
.event-location div.storeAddress { margin-top:5px; }
/* Event Options */
.event-options { float:right; width:110px; padding-right:18px; margin:0; }
.event-options ul { border: 1px solid #CCCCCC; padding:5px 0px 5px 13px;  width:110px; }
.event-options ul li { text-align:left; list-style:none; margin:0; padding:0; }
.event-options ul li a img { width: 16px; height: 16px; }

/* NEW EVENT */
#ne-content { height: 600px; padding: 0; margin: 0; margin-left: 100px; font-size: 14px; color: #4a7c84; font-family: Helvetica, Arial, sans-serif; }
#ne-content span.ne-form-redAsterisk { font-size: 12px; color: red; }
#ne-content form input.invalid, 
#ne-content form textarea.invalid { background-color: #ff9; border:2px red inset; }

/* ...........image Indicator.............*/

.image-indicator{
	width:175px;
	margin:0;
	padding:0;
	float: left;
}

.image-indicator img.eventIcon {
	border: none;
	width: 68px;
}

.image-indicator img{
	width:59px;
	border:1px solid #d8bca6;
	vertical-align: top;
	margin: 0px 3px 0px 3px;
	display:inline;
}

.image-indicator img.imageIcon{
	border:none;
	width:68px;
}

/* ICONS */
.icons { margin-left: auto;}


/* EVENTS ICON */
#event_icon ul {margin:20px 0px 0px 10px; width: 40px; height: 40px; overflow:hidden; float:left;}
#event_icon ul a {display: block; background: url(../img/icons/events.png) no-repeat; text-decoration: none; width: 40px; height: 80px; overflow:hidden;}
#event_icon ul a:hover {background: url(../img/icons/events.png) no-repeat; width: 40px; height: 80px; margin-top:-40px; overflow:hidden;}

/* GALLERY ICON */
#gallery_icon ul {margin:20px 0px 0px 10px; width: 48px; height: 40px; overflow:hidden; float:left;}
#gallery_icon ul a {display: block; background: url(../img/icons/gallery.png) no-repeat; text-decoration: none; width: 48px; height: 80px; overflow:hidden;}
#gallery_icon ul a:hover {background: url(../img/icons/gallery.png) no-repeat; width: 48px; height: 80px; margin-top:-40px; overflow:hidden;}

/* LOCATION ICON */
#location_icon ul {margin:20px 0px 0px 10px; width: 40px; height: 40px; overflow:hidden; float:left;}
#location_icon ul a {display: block; background: url(../img/icons/location.png) no-repeat; text-decoration: none; width: 40px; height: 80px; overflow:hidden;}
#location_icon ul a:hover {background: url(../img/icons/location.png) no-repeat; width: 40px; height: 80px; margin-top:-40px; overflow:hidden;}

/* CONTACT ICON */
#contact_icon ul {margin:25px 0px 0px 10px; width: 40px; height: 30px; overflow:hidden; float:left;}
#contact_icon ul a {display: block; background: url(../img/icons/contact.png) no-repeat; text-decoration: none; width: 40px; height: 60px; overflow:hidden;}
#contact_icon ul a:hover {background: url(../img/icons/contact.png) no-repeat; width: 40px; height: 60px; margin-top:-30px; overflow:hidden;}

/* ABOUTUS ICON */
#aboutus_icon ul {margin:20px 0px 0px 10px; width: 50px; height: 40px; overflow:hidden; float:left;}
#aboutus_icon ul a {display: block; background: url(../img/icons/aboutus.png) no-repeat; text-decoration: none; width: 50px; height: 80px; overflow:hidden;}
#aboutus_icon ul a:hover {background: url(../img/icons/aboutus.png) no-repeat; width: 50px; height: 80px; margin-top:-40px; overflow:hidden;}

/* SHOP & DINE ICON */
#shopdine_icon ul {margin:20px 0px 0px 10px; width: 40px; height: 40px; overflow:hidden; float:left;}
#shopdine_icon ul a {display: block; background: url(../img/icons/shopdine.png) no-repeat; text-decoration: none; width: 40px; height: 80px; overflow:hidden;}
#shopdine_icon ul a:hover {background: url(../img/icons/shopdine.png) no-repeat; width: 40px; height: 80px; margin-top:-40px; overflow:hidden;}

/* backup 
#demotip {
	display:none;
	background:transparent url(../img/black_arrow.png);
	_background:Êurl(../img/black_arrow.jpg);ÊÊ
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
*/

#demotip {
	display:none;
	background:transparent url(../img/black_arrow.png);
	_background:Êurl(../img/black_arrow.jpg);ÊÊ/*ÊIE6ÊonlyÊ*/Ê
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}


/* style the trigger elements */
#demo { margin-top; 40px; }
#demo img { border:0; cursor:pointer; margin:0 8px; }

#demo a:active {
  outline:none;
}



:focus {
  -moz-outline-style:none;
}

.tooltip_contact {padding: 20px 0; }

.footer_bg { background: url(../img/footer.png) no-repeat; background-position: top center; min-height:40px; margin-bottom: -35px; text-align: center;}
.footer_bg a {color: #a6d2cd;}
.footer_bg a:hover {color: #555; text-decoration: none;}
.footer_bg p {overflow: hidden; padding: 10px 0; text-align: center; font-size: 12px; color: #FFF;}