@charset "utf-8";
/* CSS Document */

html, body{
	padding:0px;
	margin:0px;
	background-color: #000000;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
}

/* LINKS */
a:link {color:#FFFFFF;
text-decoration:underline;
}
a:visited {color:#FFFFFF;
text-decoration:underline;
}
a:hover {color:#FFFFFF;
text-decoration:underline;
}
a:active {color:#FFFFFF;
text-decoration:underline;
}

/* TYPOGRAPHY */
p {
	margin-top: 0;
	font-size:1em;
}

p.home {
margin-left:50px;
text-align:justify;}
h3.home{
margin-left:50px;}

p.aboutus {
margin-left:50px;
text-align:justify;}
h3.aboutus{
margin-left:50px;}


p.currentprouctions {
margin-left:50px;
text-align:justify;}
h3.currentprouctions{
margin-left:50px;}

h3.furureprouctions{
margin-left:50px;}

p.contactus {
margin-left:50px;
line-height:2em;}

h1 {letter-spacing: -1px; font-family: arial,verdana,sans-serif; margin: 0 0 0.6em 0; color:#000;}
h1 {font-size: 1.8em}
h2 {font-size: 1.3em; margin-top:0}
h3 {font-size: 1.2em}
h4 {font-size: 1.1em}
h5 {font-size: 1.0em}
h6 {font-size: 0.9em}
.highlight {color:#E17000}
.subdued {color:#999}
.error, a.error {color:#c00;font-weight:bold; text-decoration:none;}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.bold {font-weight:bold}
.boldblue {font-weight:bold; color:#00afb9}

/* GENERAL */
img {
border:none
} 

hr {
	margin:1em 0;
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both
}

.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	display:block;
}

form {
	margin-top:0px;
	margin-bottom:0px;
}

.blankdiv {
	height:1px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px;
}

/* LAYOUT */
#pagewrapper {
	margin-top:15px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:auto;

    min-height:600px;
    height:auto !important;
    height:600px;
}

#header {
	height:127px;
	border-bottom: 1px solid #FFFFFF;
}

#menuwrapper {
	width: 240px;
	float: left;
	border-right:1px solid #FFFFFF;
}

#dogbackground {
	position:absolute;
	z-index:0;
	left: 546px;
	top: 217px;
}

#contentcolumn {
	margin-left: 241px;
	margin-top: 20px;
	margin-bottom:40px;
	width:719px;
	position:relative;
	z-index:1;
}

/* menu */
ul#mainnav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	}
		
ul#mainnav li {
	display: block;
	border-bottom: 1px solid #FFFFFF;
	font-size:9pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0px;
	}

ul#mainnav li a {
	display: block;
	margin: 0px;
	padding: 15px 6px;
	background-color: #000000;
	line-height:1.5;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #FFFFFF;
	text-decoration: none;
	width: 228px;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color: #666666;
	color: #FFFFFF;
	}
	
ul#mainnav ul.subnav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
	}

ul#mainnav ul.subnav li {
	display: block;
	border-top: 1px solid #CCCCCC;
	font: 8pt arial, sans-serif;
	}

ul#mainnav ul.subnav li a {
	display: block;
	margin: 0px;
	padding: 3px 15px;
	background-color: #EFEFEF;
	line-height:1.5;			/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000;
	text-decoration: none;
	width: 145px;			
	}

ul#mainnav ul.subnav li a:hover {
	background-color: #CCCCCC;
	color: #000000;
	}
.paw {float: left;
margin-left:10px;
display:inline;}