/**
 *	Admedia
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <http://www.imagin8.com>
 *	@date:		06/06/2007	
 *
 *	Table of Contents:
 *		layout
 *		typography
 *		breadcrumbs
 *		lists
 *      links
 *		tables
 *		forms
 *		images
 *
 */

html {
	overflow:					hidden;
}

html,body {
	height:						100%;
}

body {
	background:					#000;
	color:						#bbbbbb;
	font-family:				Helvetica, Arial, sans-serif;
	font-size:					62.5%;
}

/** layout
--------------------------------------- */
#page-funkah {
	background:					url(../images/bg-page-funkah.jpg) left bottom repeat-x;
	height:						100%;
	overflow:					hidden;
	width:						1000%;
}

#page-content-container {
	background:					url(../images/bg-page-content-container.jpg) left bottom repeat-x;
	bottom:						71px;
	position:					absolute;
	width:						1000%;
}

#home,
#about,
#services,
#media,
#portfolio,
#dimages,
#contact-us {
	float:						left;
	height:						839px;
	width:						10%;
}

div.content {
	height:						839px;
	margin:						0 auto;
	width:						1000px;
	font-size:					1.1em;
	line-height:				1.5em;
}

#content-home-flash {
	width:						750px;
	height:						839px;
	float:						left;
}

#content-home-text {
	height:						280px;
	margin:						390px 40px 0 20px;
	width:						175px;
	float:						right;
}

#content-about-text {
	height:						250px;
	margin:						420px 50px 0 20px;
	width:						340px;
	float:						left;
}

#content-about-text-right {
	height:						250px;
	margin:						420px 30px 0 20px;
	width:						185px;
	float:						right;
}

#content-about-flash {
	width:						330px;
	float: 						left;
}

#content-about-bullets {
	bottom:						0;
	margin:						0 0 195px 20px;
	position:					absolute;
	width: 						210px;
	color:						#6f6f6f;
}

#content-services-text {
	height:						250px;
	margin:						380px 20px 0 10px;
	width:						180px;
	float:						left;
}

#content-services-text-middle {
	height:						250px;
	margin:						407px 20px 0 0;
	width:						180px;
	float:						left;
}

#content-services-text-right {
	height:						250px;
	margin:						407px 35px 0 0;
	width:						180px;
	float:						left;
}

#content-services-flash {
	width:						355px;
	float:						left;
	margin:						0;
	overflow:					hidden;
}

#content-portfolio-text {
	height:						250px;
	margin:						420px 30px 0 20px;
	width:						110px;
	float:						left;
}

#content-portfolio-flash {
	margin:						265px 0 0 10px;
	width:						748px;
	float:						left;
}

#content-dimages-text {
	height:						250px;
	margin:						420px 30px 0 20px;
	width:						110px;
	float:						left;
}

#content-dimages-flash {
	margin:						265px 0 0 10px;
	width:						748px;
	float:						left;
}

#content-media-text {
	height:						250px;
	margin:						320px 0px 0 90px;
	width:						600px;
	float:						left;
}

#content-media-flash {
	width:						132px;
	float:						right;
	margin:						0;
	overflow:					hidden;
}

#content-contact-flash {
	width:						700px;
	margin:						0 0 0 15px;
	float:						left;
	overflow:					hidden;
}

#content-contact-text {
	height:						250px;
	margin:						420px 0 0 20px;
	width:						200px;
	float:						left;
}

#page-navigation-wrapper {
	bottom:						0px;
	position:					fixed;
	width:						1000%;
}

#page-navigation-container {
	width:						10%;
}

#page-navigation {
	height:						71px;
	margin:						0 auto;
	width:						1000px;
}

#login {
	margin:						auto; 
	padding-top:				60px;	
}

#login input {
	font-size:					1.1em;
}

.login-border {
	padding-top: 				10px;
}
	

/** breadcrumbs
--------------------------------------- */
/** typography
--------------------------------------- */
strong {
	font-weight:				bold;
}

.content h2 {
	color:						#FFF;
	font-size:					1.1em;
	padding-bottom:				1em;
}

.qanda {
	font-weight:				bold;
	color:						#999048;
}

div.content p {
	margin-bottom:				1.25em;
}

/** links
--------------------------------------- */
div.content a, a:link, a:active, a:visited {
	color:						#999048;
	text-decoration:			none;
}

div.content a:hover {
	color:						#898141;
	text-decoration:			none;
}

/** lists
--------------------------------------- */
ul#content-button {
	margin-left:				0px;
	padding:					0;
}

ul#content-button li {
	background:					url(../images/icons/icon-logo.gif) 0 50% no-repeat;
	padding-left:				28px;
}

ul#content-button li a,
ul#content-button li a:link,
ul#content-button li a:active,
ul#content-button li a:visited {
	color:						#999048;
	text-decoration:			none;
}

ul#content-button li a:hover {
	color:						#898141;
	text-decoration:			none;
}

ul#content-bullets {
	margin-left:				0px;
	padding:					0;
}

ul#content-bullets li {
	background:					url(../images/icons/icon-logo-grey.gif) 0 4px no-repeat;
	padding-left:				28px;
	margin-bottom:				1.5em;
}

ul#content-bullets li a,
ul#content-bullets li a:link,
ul#content-bullets li a:active,
ul#content-bullets li a:visited {
	color:						#999048;
	text-decoration:			none;
}

ul#content-bullets li a:hover {
	color:						#898141;
	text-decoration:			none;
}
/** tables
--------------------------------------- */
/** forms
--------------------------------------- */
/** images
--------------------------------------- */