#flickr a,
#freeDownload a,
#freeDownload span,
#screenShots a {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: left top;	
}


/* BRANDING */
#branding h3#companyName a {
	background-image:url(../img/brand_name.gif);
}

#branding h1 {
	margin-top: 29px;
	background-image:url(../img/product_name_bg.gif);
	height: 148px;
	/* This is needed to fix a small gap that IE/Win causes */
	font-family: Arial, Helvetica, sans-serif;

}
#branding h2 {
	background-image:url(../img/subtitle_bg.gif);
	height: 83px;
	/* This margin-top rule is for IE/Win only. See rule below for all other browsers */
	margin-top:-11px;
}
html>body #branding h2 {
	margin-top: 0;
}

/* Content */
#contentPrimary p {
	font-size: 1.1em;
	line-height: 1.5em;
}
#contentPrimary #capture,
#contentPrimary #portfolio,
#contentPrimary #framework,
#contentPrimary #saveFormat {
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 105px;
	padding-top: 5px;
	/*The width and height is for IE 5.5 only */
	width: 267px;
	height: 86px;
	font-size: 1em;
	line-height: 1.5em;
	voice-family: "\"}\"";   
 	voice-family: inherit;  
 	/*re-assign the property and value for all other browsers*/ 
	width: 162px;
	height: 81px;

}
html>#contentPrimary #capture,
html>#contentPrimary #portfolio,
html>#contentPrimary #framework,
html>#contentPrimary #saveFormat { 
/* So Opera 5 doesn't choke */
 	width: 162px;
	height: 81px;
}
#contentPrimary #capture,
#contentPrimary #framework {
	margin-right: 42px;
}
#contentPrimary #portfolio,
#contentPrimary #framework {
	width: 170px;
}
#contentPrimary #capture {
	background-image: url(../img/home/capture_bg.jpg);
}
#contentPrimary #portfolio {
	background-image: url(../img/home/portfolio_bg.jpg);
}
#contentPrimary #framework {
	background-image: url(../img/home/webkit_framework_bg.jpg);
}
#contentPrimary #saveFormat {
	background-image: url(../img/home/save_format_bg.jpg);
}


/* CONTENT BOTTOM */
#contentSecondary {
	background-image: url(../img/content_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: 79px;
	background-color: #fff;
	clear:both;
}
#contentSecondary * {
/*prevents IE/Mac from displaying #wrapper's background image underneath */
	margin-bottom: 0;
}
/* FLICKR */
#flickr {
	/*margin-left: -20px;*/
}
#flickr{
	float: left;
	background-image: url(../img/flickr_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	background-color :#fff;
}
/* IE/Win will ignore the following rule */

html>body #flickr {
	/*margin-left: -40px;*/
}

#flickr a {
	text-decoration: none;
	display: block;
	width: 257px;
	height: 79px;
}
/*FREE DOWNLOAD */
#freeDownload { 
	float: left;
}
#freeDownload a {
	text-decoration: none;
	display: block;
	background-image: url(../img/free_download_bg.gif);
	height: 44px;
	width: 187px;
}
#freeDownload span {
	text-indent: -9999px;
	display: block;
	background-image: url(../img/download_requirements_bg.gif);
	height: 35px;
	width: 187px;
	/*This margin-top is for IE/Win ONLY. See rule below for other browsers */
	margin-top: -5px;
}
html>body #freeDownload span  {
	margin-top: 0;
	/* for IE/Mac only */
	font-size: 1px;
	color: #f0f0f0;
}

/* SCREEN SHOTS */
#screenShots {
	background-color :#fff;
	float: left;
}
/* Hack for IE/MAC and IE/Win */
/* \ */
html>body #screenShots {
	margin-top: 13px;
}
/* */
#screenShots { 
	margin-top: 0px;
}

#screenShots a {
	text-decoration: none;
	display: block;
	background-image: url(../img/screen_shots_bg.gif);
	height: 79px;
	width: 256px;
}
#screenShots a {
/* For IE/Mac only */
	margin-top: -13px;
}
/* \ */
#screenShots a {
	margin-top: 0;
}
/* */

/* OVER RIDING */
#credits {
	padding-top: 20px;
	background-image: none;
}