/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#content a:link {color: #C74C30; font-weight: bold; text-decoration: underline;}
#content a:visited {color: #666; font-weight: bold; text-decoration: underline;}
#content a:hover {color: #C74C30; font-weight: bold; text-decoration: none;}
#content a:active {color: #C74C30; font-weight: bold; text-decoration: underline;}

#home p a:link {color: #C74C30; font-weight: bold; text-decoration: underline;}
#home p a:visited {color: #666; font-weight: bold; text-decoration: underline;}
#home p a:hover {color: #C74C30; font-weight: bold; text-decoration: none;}
#home p a:active {color: #C74C30; font-weight: bold; text-decoration: underline;}

body {text-align: center; font: 62.5% Arial, Helvetica, sans-serif;background:
 url(../images/spbg-02.png) top left repeat-x;}

body.home {background: #553f29 url(../images/pbg-02.png) -30px 0 repeat-x;}

body.internal {background: #deceb5 url(../images/sub-pbg.png) 0 0 repeat-x;}

#wrap {position:relative;width:940px; margin: 0 auto; text-align: left;}

#header {height: 100px;}
#header h1 {float: left; width:400px;}
#header h1 a {display: block; width:375px;height: 100px; text-indent: -9999px; background: url(../images/logo.jpg) 0 10px no-repeat;}

#header #h-nav {float:right; width:500px;padding-top: 30px; margin-right: 10px;}
#header #h-nav ul {list-style: none; text-align: right; margin-bottom: 5px;}
#header #h-nav ul li {display: inline; font-size: 1.2em; padding: 0 10px; border-right: 1px solid #3f2c18;}
#header #h-nav ul li.last {border-right: none;padding-right: 0;}
#header #h-nav a {color: #3f2c18; text-decoration: none;}
#header #h-nav a:hover {border-bottom: 1px dotted #fff;color: #fff;}
#header #h-nav p {text-align: right; font-size: 1.2em; color: #3f2c18;}

#nav {float: left; width: 220px;margin-top: 20px;}
#nav ul li {height: 39px; font-size: 16px;}
#nav a {display: block; padding-top: 7px; padding-left:5px;height:23px; text-decoration: none; color: #553f29;letter-spacing: .10em; font-weight: bold;}
#nav a:hover {background: #553f29; color: #fff;}
#nav a.active {background: #553f29; color: #fff;}

 /*url(../images/nbgh-2.png) top left no-repeat*/
#nav a.magnet-03 {background: url(../images/magnet-03.png) 0 -13px no-repeat; display: block; width: 171px; height: 150px; text-indent: -9999em; margin-top: 12px;}
#nav a:hover.magnet-03 {background: url(../images/magnet-03.png) -171px -13px no-repeat; display: block; width: 171px; height: 150px; text-indent: -9999em;}

#billboard {margin-left: 220px;background: url(../images/hbg-02.png) -10px 0 no-repeat;width: 720px; height: 380px;}
#billboard img {margin-left: 10px;margin-top:20px;}


#billboard .tab {position: absolute;top: 120px; left: 831px;}
#billboard .tab a {display: block;text-decoration: none; border: 0;background: transparent url(../images/buy-gift-cards.gif) top left no-repeat; text-indent: -9999px; height: 100px; width:100px;}
/*#billboard .tab a:hover {background-position: 0 -102px;}*/

/* Old Magnet Styles - to delete soon

#home {clear:left; margin-top: 20px; min-height: 300px;}
#home h2 {font-size: 2.4em; font-family: Times, "Times New Roman",serif; font-weight: 300; padding: 10px 10px 0 10px; color: #fff;}
#home h2.white { color: #fff; padding: 10px 10px 0 0;}
#home p {font-size: 1.2em; margin: 0 5px 5px 10px; color: #fff; line-height: 18px;}
#home p a { color: #fff; font-weight: bold; line-height: 20px; }

#home #mag-1 {background: url(../images/home-mag-1-bg.png) top left no-repeat; width: 460px; height: 291px; float:left;}

#home #col-2 {float:left;margin-left:40px;}
#home #mag-2 a {background: url(../images/magnet-01.png) 0 -13px no-repeat; display: block; width: 171px; height: 150px; text-indent: -9999em;}
#home #mag-2 a:hover {background: url(../images/magnet-01.png) -171px -13px no-repeat; display: block; width: 171px; height: 150px; text-indent: -9999em;}

#home #mag-3 a {background: url(../images/magnet-02.png) 0 -13px no-repeat; display: block; width: 171px; height: 150px; text-indent: -9999em;}
#home #mag-3 a:hover {background: url(../images/magnet-02.png) -171px -13px no-repeat; display: block; width: 171px; height: 150px; text-indent: -9999em;}

#home #col-3 {float: right;width: 230px;}
#home #kclub {width: 220px; height: 170px;}
#home #mag-4 {background: url(../images/home-mag-4-bg.png) top left no-repeat; width: 220px; height: 93px;margin-top: 28px;}
#home #mag-4 form input[type=text] {width: 125px; margin-left: 10px;}
#home #mag-4 p { color: #553f29; }
#home #mag-4 h2 { color: #553f29; }
*/

#lone-centered p {text-align: center; margin-top: 0px; padding: 0;}
#lone-centered a img {margin-left: auto; margin-right: auto; margin-bottom: 0px; display: block; border: 1px solid #553F29; padding: 0;}

#home {clear:left; margin-top: 20px; min-height: 300px;}
#home #mag-1, #home #mag-2, #home #mag-3 {float: left; width: 300px; height: 260px; background-color: #DEE0D1;}
#home #mag-1, #home #mag-2 {margin-right: 10px;}
#home h2 {
	background-color: #C74C30;
	font: 2em Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:300;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#home p {font-size: 1.4em; margin: 0 5px 5px 10px; color: #553F29; line-height: 1.6em;}
#home p a { color: #6187A8; font-weight: bold; line-height: 20px; }

#content {margin-left: 220px;background: #fff;width: 720px; margin-top: 20px; }
#content-top {background: #fff;width: 720px; height: 30px;}
#content-bottom {background: #fff ;width: 720px; height: 30px;}
#content-wrap {min-height: 400px; padding: ;}
#content-wrap ul h4 {font-size: 1.5em; padding-bottom: 10px; color: #C74C30; padding-left: 0px;}


#content-wrap #linked-headings {margin: 0 0 0 20px; padding: 0px;}
#content-wrap #linked-headings li {list-style-type: none;}
#content-wrap #linked-headings li a {font-size: 15px; line-height: 26px; font-weight: bold; padding-bottom: 10px; color: #C74C30; padding-left: 0px; text-decoration: none;}


#home #mag-1 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-color: #FFFFFF;
}
#home #mag-2 {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 0px;
}
#home #mag-3 {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#content ul#fader {overflow:hidden;}

#content p {font-size: 1.4em;line-height: 1.6em;margin: 0 20px 1em 20px;}
#content ul {margin-left: 30px;padding-left:30px; line-height: 2em;}
#content ol {margin-left: 30px; padding-left: 30px; line-height: 2em;}
#content li {font-size: 1.4em;list-style: disc;}
#content h2 {font: 2em Arial, Helvetica, sans-serif; color: #C74C30; padding: 0px; font-weight:300; margin: 15px 18px 10px 18px;}

#content h2.title {background-color: #C74C30;font: 2em Arial, Helvetica, sans-serif; color: #fff;padding: 5px 10px; font-weight:300;margin: 0 0 .5em 0;	}

#content h3 {font-size: 1.8em; padding-bottom: 10px; font-weight:300; color: #C74C30; padding-left: 57px;}
#content h4 {font-size: 1.5em; padding-bottom: 10px; color: #C74C30; padding-left: 57px;}
#content h5 {font-size: 1.2em; padding-bottom: 10px; color: #C74C30; padding-left: 57px;}
#content h6 {font-size: 1em; padding-bottom: 10px; color: #C74C30; padding-left: 57px;}

#content img.right {float: right; margin: 5px; border: 1px solid #553F29;}
#content img.left {float: left; margin: 5px; border: 1px solid #553F29;}
#content img.center {margin-left: auto; margin-right: auto; border: 1px solid #553F29;}
#content img.kids-club-pic {margin: 5px 5px 5px 105px; border: 1px solid #553F29;}

/* Below are image gallery style rules. This sets the thumbnail columns, big image, and wrapped background...*/
#gallery-wrap {height: 360px; margin: 0px; padding: 0px 10px 10px 10px; background: #FFF;}
#gallery-wrap #gallery-thumbnail-menu {margin: 0px 0px 0px 71px; padding: 0px; background: #FFF; width: 108px;}
#gallery-wrap #gallery-thumbnail-menu li {margin: 0px; padding: 0px; background: #FFF; display: inline; list-style-type: none;}
#gallery-wrap #gallery-thumbnail-menu li a {margin: 0px; padding: 0px; background: #FFF; text-decoration: none;}
#gallery-wrap #gallery-thumbnail-menu li a img {margin: 0px; padding: 0px; background: #FFF; border: 1px solid #553F29;}
#gallery-wrap #portfolio-image {margin: 0px; padding: 0px; background: #FFF; border: 1px solid #553F29; float: right;}
/*End gallery styles above.*/

body.home #footer {clear: left; text-align: center;}
body.home #footer p {color: #dee0d1;font-size: 1.2em;}

#footer {width: 100%; background: #553f29; min-height: 100px; text-align: center; padding-top: 10px; clear: both; margin-bottom: 20px;}
#footer p {color: #dee0d1;font-size: 1.2em; width: 940px; margin: 0 auto;}
#footer.internal {width: 100%; background: #553f29; min-height: 200px; text-align: center; padding-top: 10px; clear: both;margin-top: 20px;}
#footer a { color: #dee0d1; text-decoration: underline; }
#footer a:visited { color: #dee0d1; }
#footer a:hover { color: #6187A8; }
#footer a.kinetic { text-decoration: none; }
#footer a:visited.kinetic { text-decoration: none; }
#footer a:hover.kinetic { color: #dee0d1; text-decoration: underline; }



/*Internal Styles

#content {width: 670px; float: left; background-color: #fff; margin: 20px 0 20px 10px; padding: 20px;}
#content.template {min-height: 700px; margin: 20px 0 20px 10px;}
.clear {clear: both;}
#content h2 {font-size: 2.4em; font-family: Times, "Times New Roman", serif; font-weight: 500; padding-bottom: 10px; color: #553f29;}
#content h4 {font-size: 1.3em; padding-bottom: 10px; color: #8a9359;}
img.right {float: right; margin: 0 0 10px 15px;}
#content p {font-size: 1.2em; line-height: 18px; margin-bottom: 10px;}
#content a:link {color: #8a9359; font-weight: bold; text-decoration: underline;}
#content a:visited {color: #888;}
#content a:hover {color: #666;}
#footer.internal {min-height: 500px}*/

.mallmap {
	border: medium solid #C74C30;
	margin: 5px;
	padding: 0px;
}
.fineprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #553F29;
	text-align: left;
	margin: 10px;
	padding: 10px;
	display: block;
}


table#storedirectory {
	border: solid #553F29 1px;
	width: 600px;
	margin: 0 0 10px 60px;
}

.internal #content #storedirectory .toprow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #553F29;
	background-color: #DECEB5;
	text-align: center;
	width: 600px;
	height: 30px;
	font-style: normal;
	font-weight: bold;
}

.internal #content #storedirectory .toprow a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #553F29;
	background-color: #DECEB5;
	text-align: center;
	width: 600px;
	height: 30px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 7px;
	margin-top: 7px;
}

.internal #content #storedirectory .leftcol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #553F29;
	background-color: #DECEB5;
	margin: auto;
	text-align: right;
	font-style: normal;
	font-weight: bold;
	border: thin solid #FFFFFF;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}

.internal #content #storedirectory .data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #553F29;
	background-color: #FFFFFF;
	margin: auto;
	padding: 7px;
	text-align: center;
	
	font-style: normal;
	font-weight: normal;
	border: thin solid #DECEB5;
}	

.centered {text-align: center;}

#googlemap {
	float: right;
	margin-right: 6px;
	border: thin solid #553F29;
	margin-left: 10px;
}	

.leftmarginpic { margin-left: 10px;}

/*Below are rules for Kingsley Kids Club Crab page*/
#kingsley-talks {margin-top: 30px;}
#kingsley-talks img {float: right; border: none; margin-right: 8px; margin-top: -25px;}
#kingsley-talks ul {margin-left: 0px;}
#kingsley-talks p {font-weight: bold; font-style: italic; color: #C74C30;}
#kingsley-talks #small-print {color: #000000; font-weight: lighter; margin-left: 20px; font-size: 0.688em; font-style: italic;}
/*End Kids CLub page rules*/

#print-logo {display:none; float:left;}

