/* 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,
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-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

ul, li {list-style-type:none;}

a {text-decoration:none;}
a:hover {text-decoration:underline; cursor:pointer;}

/* Page Style */

body {background:#FFFFFF url(../images/texture.jpg) repeat scroll 0 0; margin:0; padding:0;}

body * {font-family:Georgia; color: #000000; text-align: center;}

#wrap {margin:0 auto; width:578px ; padding:0 0 0 0;}

#header {
	position: relative; 
	height: 399px;
	margin: 30px 0 50px 0;
}

h1#logo {
    background: url(../images/thecedar.gif) no-repeat;
    width: 578px;
    height: 399px;
    position: absolute;
    top: 0;
    left: 0;
}

h1#logo-bear {
    background: url(../images/thecedarbear.gif) no-repeat;
    width: 578px;
    height: 399px;
    position: absolute;
    top: 0;
    left: 0;
}

#video,
#mailing-list,
#links {
	margin: 25px auto 25px auto;
	padding: 20px;
	width: 399px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	background:#fff;
	border:#fff;

}

#mailing-list p,
#links p {
	margin-bottom: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	text-align: left;
}

p.footer {
	font-size: 11px;
	font-style: italic;
	color: #555555;
}

#content h4 {
	margin-bottom: 8px;
	text-align: left;
}

form {
	text-align: left;
}

input {
	margin-right: 5px;
	text-align: left;
}

label {
	font-size: 12px;
	text-align: left;
}

#social *{
	float: left
}

#social li {
	margin-right: 10px;
}

h1#logo, h1#logo-bear {
	overflow: hidden;
	text-align: left;
	display: block;
	line-height:0;
	text-indent: -1000em;
}

#social:after, #wrap:after {
	content: ".";
    display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}