html,body,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:normal;font-style:normal;text-align:left;font-family:Arial, Helvetica, sans-serif;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body {height:100%; overflow-y:auto;}
#page {margin:310px 0 50px 250px; display:block; width:500px; border:0px solid #000; background:#fff; padding:10px;}
#page .right {font-size:30px; float:left;}
#menu {top:160px; width:223px; position:fixed; border:0px; padding:0px; text-align:left;}
#menu {width:223px; height: auto; color:#000; float: left;}
.clear {clear:both;}

/* luckydog logo */
#logo {top:0px; width:223px; position:fixed; border:0px; padding:0px; text-align:left;}
#logo {width:241px; height: auto; color:#000; float: left;}
/* end luckydog logo */

a {color: #fff; text-decoration: none;}

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

/* universal styles */

.italic {font-style: italic;}

a.link {
	text-decoration: underline;}
	
a.link:hover{
	text-decoration: underline;}


/* */

#content {
	position:relative;
	z-index:1;
	width: 100%;
	text-align: left;
	margin: 0 auto;}

#wrapper {
	margin: 0 auto;
	height: auto;
	width: 934px;}
	
#top-container {
	height: 160px;
	width: 934px;
	float: left;}
	
#logo-container {
	height: 160px;
	width: 241px;
	background: url(../images/logo.png) top left no-repeat;
	float: left;}
	
.logo {
	height: 160px;
	width: 241px;
	float: left;}
	
#body-container {
	padding: 0 0 0 7px;
	height: auto;
	width: 927px /*was 702px*/;
	float: left;}
	
#subnav-container {
	margin: 3px 0 0 0;
	height: auto;
	width: 223px;
	float: left;}
	
#home-container {
	height: 44px;
	width: 223px;
	float: left;}
	
#about-container {
	height: 44px;
	width: 223px;
	float: left;}
	
a.subnav-home {margin: 0 0 2px 0; display: block; text-decoration: none; background: url(../images/fullpanels/about.png) top left no-repeat; height: 44px; width: 223px; cursor: hand;}
a.subnav-home:hover {background: url(../images/fullpanels/about-over.png) top left no-repeat; color: #cc0000;}
	
a.subnav-about {display: block; text-decoration: none; background: url(../images/fullpanels/about.png) top left no-repeat; height: 44px; width: 223px; cursor: hand;}
a.subnav-about:hover {background: url(../images/fullpanels/about-over.png) top left no-repeat; color: #cc0000;}

.subnav-about-selected {display: block; text-decoration: none; background: url(../images/fullpanels/about-over.png) top left no-repeat; height: 44px; width: 223px; cursor: hand;}

.subnav-home-selected {margin: 0 0 2px 0; display: block; text-decoration: none; background: url(../images/fullpanels/about-over.png) top left no-repeat; height: 44px; width: 223px; cursor: hand;}
	
#smedia-container {
	margin: 2px 0 0 0;
	height: auto;
	width: 223px;
	float: left;}
	
#contact-container {
	margin: 2px 0 0 0;
	height: auto;
	width: 223px;
	float: left;}
	
.subnav-top-container {
	height: 4px;
	width: 223px;
	background:url(../images/panels/subnav-top.png) top left no-repeat;
	float: left;}
	
.subnav-body-container {
	padding: 7px 0 7px 12px;
	height: auto;
	width: 211px;
	background:url(../images/panels/bg.png) top left;
	float: left;}
	
.subnav-bottom-container {
	height: 5px;
	width: 223px;
	background:url(../images/panels/subnav-bottom.png) top left;
	float: left;}
	
#credit-container {
	margin: 2px 0 0 0;
	height: auto;
	width: 223px;
	float: left;}
	
.about-body-container {
	padding: 12px 0 0 12px;
	height: auto;
	width: 200px;
	float: left;}
	
.home-body-container {
	padding: 12px 0 0 12px;
	height: auto;
	width: 200px;
	float: left;}
	
.contact-body-container {
	padding: 12px 0 0 12px;
	height: auto;
	width: 211px;
	float: left;}
	
.subnav-title {
	/*margin: 8px 0 0 0;*/
	font-size: 1.1em;
	font-weight: bold;}
	
.subnav-title-selected {
	/*margin: 8px 0 0 0;*/
	font-size: 1.1em;
	font-weight: bold;
	color: #cc0000;}
	
.subnav-title-first {
	/*margin: 8px 0 12px 0;*/
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;}
	
.subnav-copy {
	font-size: 0.9em;
	color: #fff;}
	
.subnav-copy-last {
	margin: 0 0 12px 0;
	font-size: 0.9em;
	color: #fff;}
	
.smedia-container-first {
	margin: 0 0 10px 0;
	height: auto;
	width: 211px;
	float: left;}
	
.smedia-container {
	height: auto;
	width: 211px;
	float: left;}
	
.smedia-item {margin: 0 12px 0 0; float: left;}
	
.credit {margin: 20px 0 0 5px; float: left;}

/* subnav rollover */

a.subnav {
	display: block;
	height: 100px;
	width: auto;
	float: left;}

a.subnav:hover {
	display: block;
	height: 100px;
	width: auto;
	background-color:#3366CC;
	float: left;}
	
/* main */

#spacer {
	margin: 0 0 0 226px;
	height: 30px;
	width: 702px;
	float: left;}

#menu-wrapper {
	margin: 0 0 0 8px;
	height: auto;
	width: 223px;
	float: left;}

#main-container {
	margin: 3px 0 0 226px;
	height: auto;
	width: 702px;
	float: left;}
	
#main-container-alt {
	margin: 0 0 0 226px;
	height: auto;
	width: 702px;
	float: left;}
	
.main-container-alt {
	margin: 2px 0 0 226px;
	height: auto;
	width: 702px;
	float: left;}
	
.main-top-container-first {
	height: 6px;
	width: 600px;
	background: url(../images/panels/main-top.png) top left no-repeat;
	float: left;}
	
.main-top-container {
	margin: 2px 0 0 0;
	height: 6px;
	width: 600px;
	background: url(../images/panels/main-top.png) top left no-repeat;
	float: left;}
	
.main-body-container {
	padding: 4px 0 4px 10px;
	height: auto;
	width: 590px;
	background: url(../images/panels/bg.png) top left;
	float: left;}
	
.main-bottom-container {
	height: 6px;
	width: 600px;
	background: url(../images/panels/main-bottom.png) top left no-repeat;
	float: left;}
	
.video-container {
	margin: 0 auto;}
	
.vimeo-standard {
	height: 325px;
	width: 580px;}
	
	
/* about */

.about-top-container-first {
	height: 5px;
	width: 702px;
	background: url(../images/panels/about-top.png) top left no-repeat;
	float: left;}
	
.about-top-container {
	margin: 2px 0 0 0;
	height: 5px;
	width: 702px;
	background: url(../images/panels/about-top.png) top left no-repeat;
	float: left;}
	
.about-bodypanel-container {
	padding: 4px 0 10px 40px;
	height: auto;
	width: 662px;
	background: url(../images/panels/bg.png) top left;
	float: left;}
	
.about-bodypanel-credit-container {
	padding: 4px 0 4px 10px;
	height: auto;
	width: 692px;
	background: url(../images/panels/bg.png) top left;
	float: left;}
	
.about-bottom-container {
	height: 6px;
	width: 702px;
	background: url(../images/panels/about-bottom.png) top left no-repeat;
	float: left;}
	
.about-title {
	margin: 29px 0 0 0;
	font-size: 2.1em;
	color: #fff;}
	
.about-subtitle {
	margin: 29px 0 0 0;
	font-size: 1.6em;
	color: #fff;}
	
.strong {font-weight: bold}
	
.about-body {
	margin: 15px 0 0 0;
	font-size: 1.0em;
	color: #fff;}
	
.about-subbody {
	margin: 15px 0 0 0;
	font-size: 0.8em;
	color: #fff;}
	
.about-bodycontent-container {
	margin: 0 auto;
	padding: 0 40px 20px 0;}
	
.about-body-leftsilo {
	margin: 0 22px 0 0;
	height: auto;
	width: 300px;
	float: left;}
	
.about-body-rightsilo {
	margin: 0;
	height: auto;
	width: 300px;
	float: left;}
	
.bio-photo-container {
	margin: 15px 0 0 0;
	height: 138px;
	width: 100px;
	float: right;}
	
.bio-photo {
	margin: 0 0 3px 0;
	height: 100px;
	width: 100px;
	float: left;}
	
a.learn-more {
	background:url(../images/about/learn-more.png) top left no-repeat;
	display: block;
	height: 35px;
	width: 100px;
	float: left;}
	
a.learn-more:hover {
	background:url(../images/about/learn-more-over.png) top left no-repeat;
	display: block;
	height: 35px;
	width: 100px;
	float: left;}
	

	
/* lucky dog credit line */

.lucky-dog-credit {
	margin: 13px 0 0 0;
	font-size: 0.6em;
	color: #fff;}