@charset "utf-8";
/* CSS Document  Uses the * hack for IE 7, therefore it won't validate, MS made me do it!, just remember..."everytime some uses IE7 a kitten is killed"*/
/* CSS Document */
/* CSS created by Fernando Pizzani - August 2009 - fernando@pizzani.com*/
/*Design by Keyframe Cops - All content Copyright Keyframe Cops */





html {
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#2C2215;
	font-size:1em;
	border:0;
	margin:0;
}
a, a:link, a:active {
	color:#316598;
}
a:hover {
	color:#AF170F;
}
body {
	border:0;
	margin:10px 0 0 0;/*controls the position of the shell 10px from the top*/
}
img {
	border:none;/*eliminates the blue border in linked images*/
}
#shell {
	width:900px;
	height:800px;
	margin:0 auto 0 auto;/*centers the div*/
}
#stripMenu {
	background:url(../images/Strip_Menu.png);
	background-repeat:no-repeat;
	width:900px;
	height:135px;
}
#logo {
	width:65px;
	height:135px;
	float:left;
}
/*___________________________ H O M E_____*/
#content {
	background:url(../images/Bground_MidStrip.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:550px;
	font-weight:bold;
}
#leftColumn {
	float:left;
	width:400px;
	height:550px;
}
#rightColumn {
	float:right;
	width:495px;
	height:550px;
}
#welcome {
	width:400px;
	height:386px;
	margin:0;
}
#welcomeCopy {
	width:400px;
	height:225px;
	margin:0;
	overflow:hidden;
}
#welcomeImg {
	width:400px;
	height:191px;
	text-align:right;
}
#welcome h1 {
	height:42px;
	font-size:1.5em;
	margin:20px 0 -10px 30px;
	text-indent:-5000em;
	background:url(../images/Title_WelcomeToKeyframeCops.png) top left no-repeat;
}
#welcome p {
	padding:0 2px 0 33px;
	font-weight:bold;
	font-size:.7em;
	line-height:1.2em;
 *margin-top:1em;/*______*for IE7*/
}
#services {
	width:400px;
	height:164px;
	margin:0;
}
#services h1 {
	height:23px;
	font-size:1.5em;
	margin:25px 0 -2px 50px;
	text-indent:-5000em;
	background:url(../images/Title_OurServices.png) top left no-repeat;
}
#services ul {
	padding:0 25px 0 55px;
	font-weight:bold;
	font-size:.7em;
	list-style:none;
	width:30em;
 *margin-top:1em;/*______*for IE7*/
}
#services li {
	float:left;
	width:15em;
	margin:0;
	line-height:1.2em;
 *text-indent:-40px;/*______*for IE7*/
}
#services br {
	clear:left;
}
#contactKC {
	width:495px;
	height:164px;
	margin:0;
}
#contactKC h1 {
	height:35px;
	font-size:1.5em;
	margin:9px 0 -3px 88px!important;/*because graphics are different height to align both bottom headers*/
	text-indent:-5000em;
	background:url(../images/Title_ContactKeyframeCops.png) top left no-repeat;
}
#contactKC p {
	font-weight:bold;
	font-size:.7em;
	line-height:1.2em;
	padding:0 25px 0 88px;
}
#richMediaHome {
	width:495px;
	height:386px;
	margin:0;
	text-align:right;
}
#stripBottom {
	background:url(../images/Strip_Bottom.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:115px;
}
/*__________________________________________D E M O   R E E L___________*/
#contentDemoReel {
	background:url(../images/Bground_DemoReel.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:550px;
	font-weight:bold;
}
#copyDemoReel {
	height:550px;
	width:250px;
	float:left;
}
#copyDemoReel h1 {
	height:42px;
	font-size:1.5em;
	margin:210px 0 0 30px;
	text-indent:-5000em;
	background:url(../images/Title_Demo_DownloadOptions.png) top left no-repeat;
}
#copyDemoReel p {
	font-size:.7em;
	margin:0 0 5px 30px;
	color:#FFF;
	line-height:1.4em;
}
#copyDemoReel a, #copyDemoReel a:link {
	color:#316598;
	
}
#copyDemoReel a:hover {
	color:#AF170F;
	text-decoration:underline;
}
#richMediaDemoReel {
	width:646px;
	height:340px;
	padding:100px 0 0 0;
	margin:0;
	text-align:left;
	float:right;
}
/*______________________________________C O N T A C T S__________*/
#contentContact {
	background:url(../images/Bground_Contacts.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:550px;
	font-weight:bold;
}

#contentShowcase {
	background:url(../images/Bground_MidStrip_Showcase.jpg);
	/*	background:url(../images/Bground_Contacts.jpg);*/
	background-repeat:no-repeat;
	width:900px;
	height:550px;
}