/* ------------------------------------------------------------------------
CSS sheet for 3N Productions.
Author: Tim Kadec
Date Created: 3/27/2007

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS

Gray - #DAD4C9;
Dark Gray (Navigation) - #383838;
Off-White - #F7F4EF;
Maroon - #A1120A;

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


/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}
a{
	outline: none;
}
body{
	margin: 0px;
	padding: 0px;
	text-align: center;
   	font: 12px/1.33em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   	background: url(images/bodybg.gif) center top repeat-y #99110a;
}
a img{
	margin: 5px 0px 0px 5px;
	border: 0px;
}
#wrap{
	width: 780px;
	margin: auto;
	text-align: left;
	background: #fff;
}
h1{
	font-size: 75%;
	text-indent: -9999px;
	background: url(images/header.jpg) no-repeat;
	display: block;
	height: 339px;
	width: 100%;
}
/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
ul.navigation{
	display: block;
	float: left;
	background-color: #383838;
	color: #fff;
	width: 776px;
	margin: 1px 2px;
	list-style-type: none;
}
ul.navigation a{
	color: #fff;
	text-decoration: none;
}
ul.navigation a:hover{
	text-decoration: underline;
}
ul.navigation li{
	float: left;
	width: 15.5%;
	text-align: center;
	padding: 3px 0;
}
/* -----------------------------------------------------------------------
CONTENT ELEMENTS
-------------------------------------------------------------------------*/
#content{
	background: url(images/contentbg.png) repeat-y #fff;
	display: block;
	width: 100%;
}
.bottomfix{
	clear: both;
	height: 20px;
}
ul.normal{
	margin: 1.4em 5px 1.4em 10px;
	padding: 0 5px 0 15px;
}
img.businessphoto{
	border: 1px solid black;
	padding: 1px;
	margin-left: 95px;
}
/* -----------------------------------------------------------------------
MAIN CONTENT ELEMENTS
-------------------------------------------------------------------------*/
#main{
	width: 495px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	background: url(images/mainbg.png) top left no-repeat #F7F4EF;
}
#main h2{
	display: block;
	width: 100%;
	height: 29px;
	text-indent: -9999px;
	font-size: 75%;
}
#main h2.whostelling{
	background: url(images/whostelling.png) no-repeat;
}
#main h2.crafting{
	background: url(images/crafting.png) no-repeat;
}
#main h2.aboutus{
	background: url(images/aboutus.png) no-repeat;
}
#main h2.library{
	background: url(images/library.png) no-repeat;
}
#main h2.services{
	background: url(images/services.png) no-repeat;
}
#main h2.contact{
	background: url(images/contact.png) no-repeat;
}
#main h2.faq{
	background: url(images/faq.png) no-repeat;
}
#main p{
	margin: 1.4em 0;
	padding: 0 4px;
}
a.tvservices{
	background: url(images/tvservices.png) center center no-repeat #fff;
	width: 490px;
	height: 148px;
	display: block;
	text-indent: -9999px;
	border: 1px solid #DAD4C9;
}
a.tvservices:hover{
	background: url(images/tvservicesover.png) center center no-repeat #fff;
}
a.remember{
	background: url(images/remember.png) center center no-repeat #fff;
	width: 490px;
	height: 148px;
	display: block;
	text-indent: -9999px;
	border: 1px solid #DAD4C9;
}
a.remember:hover{
	background: url(images/rememberover.png) center center no-repeat #fff;
}
a.goal{
	background: url(images/goal.png) center center no-repeat #fff;
	width: 490px;
	height: 148px;
	display: block;
	text-indent: -9999px;
	border: 1px solid #DAD4C9;
}
a.goal:hover{
	background: url(images/goalover.png) center center no-repeat #fff;
}
.gray{
	color: gray;
}
.bold{
	font-weight: bold;
}
.cost{
	font-style: italic;
	font-weight: bold;
}
ul.videolist li{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid black;
}
ul.pressrelease{
	list-style-type: none;
	font-size: 10pt;
	margin: -15px 15px 10px 10px;
}
ul.pressrelease a{
	margin: 0px 0px 0px 0px;
	color: blue;
}
ul.librarylist{
	margin: 0px 0px 10px 15px;
}
h3{
	margin: 5px 0px 10px 5px;
}
h4{
	margin: 0px 0px 0px 5px;
}
.serviceslist{
	margin: -15px 0px 0px 20px;
}
#video{
	margin: auto;
	text-align: center;
	background: #E6E3E0;
	display: block;
}
.vidbold{
	display: block;
	font-weight: bold;
	list-style-type: none;
	margin: 20px 0px 0px 0px;
}
.faqbold{
	font-weight: bold;
	display: block;
}
ol.indentedlist{
	margin: -15px 0px 0px 30px;
}
/* -----------------------------------------------------------------------
SITE MAP ELEMENTS
-------------------------------------------------------------------------*/
ul.sitemap{
	margin: 0px 0px 0px 100px;
	clear: both;
}
ul.sitemap a{
	color: blue;
}
ul.indentlist{
	margin: 0px 0px 0px 30px;
}
ul.indentlist a{
	color: blue;
}
/* -----------------------------------------------------------------------
FLASH ELEMENTS
-------------------------------------------------------------------------*/
#flash{
	width: 264px;
	height: 298px;
	margin: 0px 0px 0px 8.5px;
	background: url(images/image1.jpg) no-repeat;
}
/* -----------------------------------------------------------------------
ADDITIONAL & TESTIMONIAL CONTENT ELEMENTS
-------------------------------------------------------------------------*/
#additional{
	width: 278px;
	margin-right: 1px;
	float: left;
}
#additional p{
	margin: 1.4em 0;
	padding: 0 4px;
}
#additional h2{
	display: block;
	width: 100%;
	height: 29px;
	text-indent: -9999px;
	font-size: 75%;
}
#additional h2.special{
	background: url(images/special.png);
}
#additional h2.testimonials{
	background: url(images/testimonials.png);
}
#additional h2.fullserviceproductions{
	background: url(images/fullserviceproductions.png);
}
#additional h2.televisionawards{
	background: url(images/televisionawards.png);
}
#additional h2.satisfiedcustomers{
	background: url(images/satisfiedcustomers.png);
}
ul.services{
	margin-left: 35px;
	margin-right: 6px;
	list-style-image: url(images/checkmark.png);
}
ul.services li{
	border-bottom: 1px dotted #2D3743;
	padding: 2px 0;
}
ul.services li a{
	color: #000;
	text-decoration: none;
}
ul.services li a:hover{
	text-decoration: underline;
}
ul.awardslist li{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	border-bottom: 1px solid black;
}
p.testimonialauthor{
	text-align: right;
}
p.satisfiedcustomerpara{
	margin: 0px 0px 100px 0px;
}
p.satisfiedcustomerpara a.additionallink{
	display: block;
	margin: 0px 0px -13px 0px;
	color: blue;
	text-decoration: none;
}
p.testimonialspara a:hover.additionallink{
	text-decoration: underline;
}
img.imgcenter{
	margin: 0px 0px 0px 95px;
}
a.zerobtmmargin{
	display: block;
	color: blue;
	text-decoration: none;
	text-align: center;
	margin: 0px 0px 100px 0px;
}
/* -----------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	clear: both;
	display: block;
	background: url(images/footerbg.png) bottom left no-repeat;
	height: 78px;
	color: #5D0804;
	width: 100%;
}
#footer a{
	color: #5D0804;
}
#footer ul{
	float: right;
	list-style-type: none;
	width: 48%;
	padding-top: 25px;
}
#footer li{
	float: left;
	width: 32%;
	text-align: center;
}
#footer p{
	float: left;
	width: 48%;
	padding-top: 25px;
	padding-left: 9px;
}