/* CSS Document
Nook & Cranny 

colors: 
Blue  0  444f85  Darker nav background
Blue  1  6676af  Body
Blue  2  656FA3  footer text
Blue  3  8992c4  nav bullets
Blue  3  cbd5ef  sidebar light blue
Yellow   ffff43  nav hover


*/

/* type and color settings */
html, body, div, span, h1, h2, h3, h4, h5, h6 ul, li, {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
body {
background-color: #6676af;
color: #000;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
line-height: 130%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* ---------------------------------------- Typography */
h1, h2, h3, h4, h5, h6 {
color: #444f85;
line-height: 110%;
padding: 0;
margin:0 0 0 0;
font-weight:normal;
}
h1 {font-size: 18px;}
h2 {font-size: 16px; font-weight:bold;}
h3 {font-size: 16px;}
h4 {font-size: 16px;}
h5 {font-size: 16px; margin:0 60px; text-align:center;}
h6 {font-size: 12px; line-height: 120%; margin:5px 0 0 0;}


p {
color:#000;
font-size: 14px;
line-height: 120%;
padding:0 0 14px 0;
margin:0;
text-align:justify;
}

ul {
font-size: 13px;
line-height: 120%;
list-style-type: none;
padding:0;
margin:0;
}

li {
padding:0;
margin:0 0 4px 0;
}

/* ----------------------------------------   Typography by page */

#content h2 {margin:5px 0 0 20px; color:#000066;}
#content h1 {margin:0 0 0 10px;}
#content p {margin:0 0 0 10px; color:#000;}
#content li {margin:0 10px 5px 20px; color:#000;}
#side li {padding:0 0 0 -10px; margin:0 0 5px 10px; list-style:url(../images/checkmark.gif); font-size:14px;}



/* ----------------------------------------   classes */
.indent {margin:0 0 0 170px; font-size:14px;}
.noborder {border:none;}
.gold {color: #ffd800;}
.tuck {margin:0; padding:0;}


a, a:link, a:visited { color: #444f85; font-weight:bold; outline:none; border:none; text-decoration:none;}
a:hover  { color: #900; font-weight:bold; outline:none; border:none; text-decoration:underline; }


ol {margin:0 0 20px 20px; padding:0;}





#footer h2 {font-size: 23px; font-weight: bold; color: #656FA3; }



/* ---------------------------------------- display framework DIVs */

#outerWrapper {
margin: 0 auto 0 auto;
text-align: left;
width: 891px;
}
#outerWrapper #header {
background: url(../images/identity/nook-cranny-identity_01.jpg) no-repeat top center;
height: 126px;
}
#outerWrapper #contentWrapper {
background: url(../images/identity/nook-cranny-identity_03.jpg) repeat-y top center;
}
#outerWrapper #contentWrapper #side {
float: right;
margin: 20px 20px 0px 0px;
width: 200px;
}

#outerWrapper #contentWrapper #content {
width:652px;
margin: 0 0 0 2px;
padding:0;
background-color:#a2b2da;
}

#interior {background-color:#fdfede; padding:20px;}

#outerWrapper #contentWrapper .clearFloat {
clear: right;
display: block;
}
#outerWrapper #footer {
clear:both;
padding: 14px 10px 26px 10px;
background: url(../images/identity/nook-cranny-identity_07.jpg) no-repeat center bottom    ;
text-align:center;
}

#copyright {text-align:center; font-size:12px; font-weight:normal; color:#cbd5f0;}
#copyright a {font-size:12px; font-weight:normal; color:#efeeaf;}
#copyright a:hover {color:#fff;}




/* ---------------------------------------- navigation box*/
#navcontainer {
margin: 0;
background: url(../images/identity/nook-cranny-identity_02.jpg) repeat-y center top    ;
}
#navcontainer ul {
list-style-type: none;
text-align: right;
margin:0;
padding: 7px 16px 7px 0;
position: relative;
color:#8992c4;
font-size:15px;
font-weight:bold;
}
#navcontainer li {
display: inline;
text-align: center;
}
#navcontainer li a {
padding: 2px 4px;
text-decoration: none;
color: #fff;
outline:none;
}
#navcontainer li a:hover {
color:#ffff43;
}
#current a:link, #current a:visited, #current a:hover {
color: #ffff43;
font-weight:bold;
}





/* ---------------------------------------- contact form styling */  
.fText, .fTextArea, .fTextHear {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;padding:3px;
background-color:#fffff9 !important;
border:1px solid #cbd5ef;
color:#000;
}
.fText {width:475px}
.fTextHear {width:585px}
.fTextArea {width:585px; height:120px}



/* ---------------------------------------- Living Social form styling */  
.lsText, .lsTextArea, .lsTextHear {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;padding:3px;
background-color:#fffff9 !important;
border:1px solid #cbd5ef;
color:#000;
}
.lsText {width:325px}
.lsTextHear {width:435px}
.lsTextArea {width:435px; height:60px}

#outerWrapper #contentWrapper #sidels {
float: right;
margin: 20px 20px 0px 0px;
width: 350px;
}

#outerWrapper #contentWrapper #contentls {
width:502px;
margin: 0 0 0 2px;
padding:0;
background-color:#a2b2da;
}

#sidels ul {margin: 0; padding:0 0 0 15px;}

#sidels li {
list-style:disc;
list-style-position:outside;
padding: 0;
margin: 0 0 10px 0;
line-height:16px;
}





/* ---------------------------------------- accordian styling */  


.concierge-service { /*header of 2nd demo*/
cursor: pointer;
margin: 4px 0 0 0;
width:480px;
padding:0 30px 0 80px; display:block;
color:#444f85;}

.concierge-description {
margin:0 30px 10px 90px; display:block;
padding:4px 10px;
background-color:#fff;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #444f85;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #656FA3;
}

.concierge-description ul {list-style:disc;}