@import url(_reset.css); 
@import url(_hacks.css);

.samplepng 	{
background: url("sample.png");
behavior: url("iepngfix.htc") !important;
}

.test {
height: auto !important; /* for modern browsers */
height: 200px; /* for IE5.x and IE6 */
min-height: 200px; /* for modern browsers */
}

/* @ Magic Begins Here
------------------------------*/
html{
	background:url(../_images/background.jpg) center center fixed;
}

body {
padding: 0;
margin: 0;
font: 100% Arial;
color: #000;
}

/* Header
------------------------------*/
#hdr {
	width: 1000px;
	margin: 0 auto;
	border-bottom: 1px solid #000;
	padding: 15px 0;
	position: relative;
	font: normal 12px arial;
	text-align:right;
}
#hdr .contact{
	float:right; margin:0 0 0 20px; color:white;
}
#hdr a.contact_link{
	text-decoration:underline; color:white; display:inline; font-weight:bold;
}
#hdr a.contact_link:hover{
	text-decoration:none; color:white;
}

#hdr .logo			{ width: 250px; height: 93px; background: url(../_images/logo.gif) top left no-repeat; }
#hdr .logo a		{ display: block; width: 233px; height: 32px; }
#hdr span				{ display: none; }

#hdr .btnHome {
position: absolute;
bottom: 10px;
left: 3px;
}

#hdr .btnHome a					{ color: #fff; }
#hdr .btnHome a:hover		{ color: #fff; background:#333; }

/* Body Content
------------------------------*/
#bdyWrapper {
width: 1000px;
margin: 0 auto;
background:white;

}

#bdyWrapper .sec1 {
width: 300px;
float:left;
}

#bdyWrapper .sec1 ul 										{ padding:0; margin:0; }
#bdyWrapper .sec1 ul li									{ padding:0; margin:0; }
#bdyWrapper .sec1 ul li span 						{ visibility: hidden; }

#bdyWrapper .sec1 ul li a 							{ display: block; width: 300px; height: 80px; }
#bdyWrapper .sec1 ul li a.btnShop 			{ background: url("../_images/btn_shop.gif") top left no-repeat; }
#bdyWrapper .sec1 ul li a.btnDoc 				{ background: url("../_images/btn_documentary.gif") top left no-repeat; }
#bdyWrapper .sec1 ul li a.btnVid 				{ background: url("../_images/btn_video.gif") top left no-repeat; }
#bdyWrapper .sec1 ul li a.btnContact 		{ background: url("../_images/btn_contact.gif") top left no-repeat; }
#bdyWrapper .sec1 ul li a.btnAbout			{ background: url("../_images/btn_about.gif") top left no-repeat; }

#bdyWrapper .sec1 ul li a:hover {
background-position: bottom;
}

body#shop .sec1 ul li a.btnShop,
body#about .sec1 ul li a.btnAbout,
body#contact .sec1 ul li a.btnContact,
body#documentary .sec1 ul li a.btnDoc,
body#vidcommercials .sec1 ul li a.btnVid {
background-position: bottom;
}

#bdyWrapper .sec2Home {
width: 700px;
float:left;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
}

#bdyWrapper .sec2 {
width: 700px;
float:left;
border-top: 3px solid #000;
}

#bdyWrapper .sec2 div.inner {
padding: 15px 15px;
font: 0.70em Tahoma;
}

#bdyWrapper .sec2 div.inner h1 { margin-bottom: 15px; font: bold 130% Tahoma; }
#bdyWrapper .sec2 div.inner h2 { margin-bottom: 15px; font: bold 100% Tahoma; border-bottom: 1px solid #e5e5e5; border-left: 5px solid #e5e5e5; padding: 0 0 2px 5px; clear:both;}

#bdyWrapper .sec2 div.inner p {
margin: 10px 0;
line-height: 1.75em;
}

#bdyWrapper .sec2 div.inner a {
color: red;
}

#bdyWrapper .sec2 div.inner a:hover {
color: #cc0000;
border-bottom: 1px dotted #cc0000;
}

ul.bdyList {
margin-right: 0;
margin-bottom: 15px;
}
ul.bdyList li {
list-style: none;
margin: 0 0 15px 0;
float: left;
width: 50%;
}
/* Contact Form
------------------------------*/
table.tableContact { padding:0;}
table.tableContact tr td { font: bold 100% Arial; padding: 5px; }
table.tableContact tr td.f1 { width: 100px; vertical-align: middle; }

.inpFld {
border: 1px solid #f5f5f5; background: url("../_images/bg_nav.jpg") top left repeat-x;
font: 100% arial;
padding: 3px;
width: 250px;
}

.inpEnq {
border: 1px solid #f5f5f5; background: url("../_images/bg_nav.jpg") top left repeat-x;
font: 100% arial;
padding: 3px;
width: 250px;
height: 90px;
} 

.btnSubmit {
border: 1px solid #f5f5f5;
background: #333;
font: bold 90% arial;
padding: 3px;
width: 370px;
height: 25px;
color: #fff;
}

.btnSubmit:hover {
background: #000;
color: #ccc;
cursor: hand;
}

.inpSubscribe {
vertical-align: middle;
}

/* Shop TABLE layout */
table.tblFormat { border: 1px solid #e5e5e5; }
table.tblFormat tr td { padding: 10px; }
.sepx { text-align: center; }
span.custom-01 { color: #cc0000; font: bold 110% arial; }


/* Footer
------------------------------*/
#footer {
width: 1000px;
margin: 0 auto;
border-top: 1px solid #000;
padding-top: 5px;
text-align: left;
}
