/* - - - - - - - - - - - - - - - - - - - - -

Title :    North Shore Cottages
URL :      http://

Created :  04.24.2008
Modified : 04.27.2008

- - - - - - - - - - - - - - - - - - - - - */

/*
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
	font-size: 66%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#6FB3D8 url(../images/body_bg.jpg) top left repeat-x;
}

html>body {
	font-size: 11.7px;
}

#mainContent p {
	font-size:1em;
	color:#666;
	line-height:2em;
	margin-bottom:2em;
}

#mainContent cite {
	display:block;
	text-align:right;
	line-height:2em;
	font-weight:bold;
	color:#000;
}

#mainContent strong {
	font-weight:bold;
	color:#000;
}

/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
h2 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 8px;
	color:#61481A;
	background:url(../images/divider_line.gif) bottom left no-repeat;
	padding-bottom:16px;
}

/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color:#5289BC;
	text-decoration:underline;
}

a:visited {
	color:#5289BC;
	text-decoration:underline;
}

a:hover {
	color:#5289BC;
	text-decoration:none;
}

a:active {
	color:#5289BC;
	text-decoration:none;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide {
	display: none;
}

.clear {
	clear:both;
}

.pad36 {
	padding-bottom:36px;
}

a.redlink {
	font-weight:bold;
	color:#900 !important;
	text-decoration:none !important;
}

a:hover.redlink {
	text-decoration:underline !important;
}

/* MAIN LAYOUT */
#wrap1 {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	text-align: left;
	background:url(../images/shade.jpg) 115px 0px repeat-y;
}

#masthead {
	height:475px;
	background: url(../images/hdr_slides.jpg) 95px 111px no-repeat;
}

h1#logo {
	text-indent:-9000em;
	overflow:hidden;
	height:111px;
	background: url(../images/hdr_logo.jpg) 115px 0px no-repeat;
}

#slideshow {
	height:282px;
}

#signage {
	clear:both;
	height:82px;
	background:url(../images/hdr_sign.jpg) 95px 0px no-repeat;
	text-align:center;
}

#signage p {
	padding-top:32px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}

#signage a {
	text-decoration:none;
}

#signage a:hover {
	text-decoration:underline;
}

#slogan {
	display:block;
	text-indent:-9000em;
	overflow:hidden;
	height:82px;
	background:url(../images/hdr_slogan.gif) center 14px no-repeat;
}

#mainContent {
	float:left;
	margin-top:16px;
	padding-bottom:36px;
	width:600px;
}

#menu {
	margin-top:-18px;
	float:left;
	width:166px;
	margin-right:24px;
}

#menu2 {
	margin-top:-18px;
	float:right;
	width:166px;
}

#footer {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	background:#6FB3D8 url(../images/shade_foot.jpg) 115px 0px no-repeat;
	padding-top:32px;
}

#orcaIsland {
	height:325px;
	background:url(../images/menu_right.gif);
}

#side1 {
	float:left;
	width:231px;
	height:91px;
	margin-top:34px;
	background:url(../images/side_01.jpg) 0 0 no-repeat;
}

#side2 {
	float:right;
	width:86px;
	height:81px;
	margin-top:43px;
	background:url(../images/side_02.jpg) 0 0 no-repeat;
}

#side3 {
	width:166px;
	height:66px;
	margin-top:32px;
	background:url(../images/side_03.jpg) 36px 0 no-repeat;
}

#side4 {
	width:166px;
	height:56px;
	margin-top:32px;
	background:url(../images/side_04.jpg) 42px 0 no-repeat;
}

#side5 {
	width:166px;
	height:240px;
	margin-top:231px;
	background:url(../images/side_05.jpg) 0 0 no-repeat;
}

#side6 {
	width:166px;
	height:150px;
	margin-top:305px;
	background:url(../images/side_06.jpg) 42px 0 no-repeat;
}

/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
/* Global Navigation */
ul#navlist {
	width:166px;
	height:377px;
	padding-top:36px;
	background:url(../images/menu_left.gif) top left no-repeat;
}

ul#navlist li {
	list-style: none;
	margin-left:16px;
	padding: 0.75em 0 0.75em 8px;
	width:124px;
	border-bottom: 1px solid #D1CBAA;
}

ul#navlist li a {
	text-decoration: none;
	color:#000;
}

ul#navlist li a:hover {
	text-decoration: underline;
	color:#217BAC;
}

/* Footer Navigation */
ul#footlist {
	margin-top:3px;
	margin-bottom:32px;
	text-align:center;
}

ul#footlist li {
	display:inline;
	font-size:0.9em;
}

ul#footlist li a {
	margin-right:4px;
	padding-right:8px;
	background:url(../images/foot_separator.gif) right 2px no-repeat;
	text-decoration:none;
	color:#217BAC;
}

ul#footlist li a:hover {
	color:#fff;
}

ul#footlist li.lastItem a {
	background:none;
	margin-right:0;
	padding-right:0;
}

/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */
/* Flash Content */
#flashcontent {
	background:#000;
	color:#fff;
	width:523px;
	height:282px;
	float:left;
}

#feature {
	clear:both;
	display:block;
	margin-bottom:36px;
}

#feature img {
	float:left;
	margin-right:8px;
}

#feature p, #feature h2 {
	width:405px;
	margin-left:190px;
}

#feature h2 {
	margin-bottom: 4px;
	padding-bottom:8px;
}

/* Contact Form */
#contactForm .error {
	color: red;
}

#contactForm label {
	width:85px;
	float:left;
}

#contactForm input {
	margin-bottom:20px;
}

#contactForm .dates label {
	width:200px;
	float:none;
	display:block;
	margin-bottom:8px;
}

#contactForm .dates input {
	width:100px;
	height:35px;
}

#contactForm .info input {
	width:214px;
}

#contactForm .phone input {
	width:58px;
	margin-right:14px;
}

#contactForm .message textarea {
	width:214px;
	height:232px;
	margin-bottom:8px;
}

#contactForm .button input {
	margin-left:252px;
}