/* BlackSpark CSS                 //
// Designed by Dace               //
// Website: blacksparkdesigns.com //
// Copyright 2009                 //
// All Rights Reserved            //
//////////////////////////////////*/

/* Link Colors and Styles */
	.flink	A:link {text-decoration: none; color: #ffffff;}
	.flink	A:visited {text-decoration: none; color: #ffffff;}
	.flink	A:active {text-decoration: none; color: #ffffff;}
	.flink	A:hover {text-decoration: underline; color: #ffffff;}

	.clink	A:link {text-decoration: none; color: #ffe13a;}
	.clink	A:visited {text-decoration: none; color: #ffe13a;}
	.clink	A:active {text-decoration: none; color: #ffe13a;}
	.clink	A:hover {text-decoration: underline; color: #fff2ad;}

body
{
	margin:			0px;
	padding:		0px;
	text-align:		center;
	background:		#ab0400;
}

div
{
	margin:			0px;
	padding:		0px;
}

div.BG
{
	background:		url(/siteimages/blackspark/bgtop.png);
	background-position:	top center;
	background-repeat:	repeat-x;
}

div.BG2
{
	background:		url(/siteimages/blackspark/footerbg.png);
	background-position:	bottom;
	background-repeat:	repeat-x;
}

div.Container
{
	height:			auto;
	width:			1000px;
	margin:			auto;
}

div.Banner
{
	height:			200px;
	width:			1000px;
	text-align:		left;
}

div.Logo
{
	height:			200px;
	width:			450px;
	margin-left:		80px;
	background:		url(/siteimages/blackspark/logo.png);
}

/*---- Navigation Section ----*/

div.NavBar
{
	height:			60px;
	width:			1000px;
	text-align:		left;
	color:			#ffffff;
	font:			15px Verdana;
}

/* navigation */

#NavButtons
{
	margin: 0;
	padding: 0px;
	font:	0px Veranda;
	text-align: center;
}

#NavButtons li
{
	list-style: none;
	height: 60px;
	float: left;
	position: relative;
}

#NavButtons li a
{
	height: 60px;
	text-decoration: none;
	display: block;
	color: #5a5b5b;
}

/* buttons */

a#home, about, services, portfolio, contact
{
	height: 60px;
}

a#home { background-image: url(/siteimages/blackspark/nav/home.png); width: 112px; margin-left: 163px; }
a#about { background-image: url(/siteimages/blackspark/nav/about.png); width: 118px; }
a#services { background-image: url(/siteimages/blackspark/nav/services.png); width: 152px; }
a#portfolio { background-image: url(/siteimages/blackspark/nav/portfolio.png); width: 152px; }
a#contact { background-image: url(/siteimages/blackspark/nav/contact.png); width: 141px; }

a#home:hover { background-position: 0 -60px; }
a#about:hover { background-position: 0 -60px; }
a#services:hover { background-position: 0 -60px; }
a#portfolio:hover { background-position: 0 -60px; }
a#contact:hover { background-position: 0 -60px; }



/*---- Main Content Section ----*/

div.BodyBG
{
	height:			auto;
	min-height:		800px;
	width:			1000px;
	background:		#ab0400;
}

div.MiddleContainer
{
	height:			auto;
	min-height:		800px;
	width:			1000px;
	background:		url(/siteimages/blackspark/mainbg.png);
	background-repeat:	repeat-x;
}

div.Content
{
	height:			auto;
	width:			1000px;
	padding-top:		50px;
}


/*---- Content ----*/

div.ContentContainer
{
	height:			auto;
	width:			910px;
	margin-left:		45px;
	margin-bottom:		20px;
	padding:		0;
	background:		url(/siteimages/blackspark/contentbg.png);
	background-position:	bottom;
}

div.ContentHead
{
	height:			55px;
	width:			910px;
	background:		url(/siteimages/blackspark/contenthead.png);
}

div.ContentBody
{
	height:			auto;
	width:			910px;
	min-height:		250px;
	padding-bottom:		30px;
	background:		url(/siteimages/blackspark/contentfoot.png);
	background-position:	bottom;
	background-repeat:	no-repeat;
}

div.ContentContent
{
	min-height:		280px;
	margin:			0px 5px;
	padding:		5px 15px;
	text-align:		left;
	font:			14px Verdana;
	color:			#ffffff;
	overflow:		hidden;
	background:		url(/siteimages/blackspark/contentgrad.png);
	background-repeat:	repeat-x;
}

div.HeadContent
{
	padding-top:		15px;
	text-align:		center;
	font:			20px Verdana;
	color:			#ffffff;
	overflow:		hidden;
}

/*----- Ads ----*/

div.GoogleAd
{
	height:			auto;
	width:			auto;
	margin:			15px;
	text-align:		center;
}

/*----- Footer ----*/

div.Footer
{
	height:			200px;
	width:			1000px;
	background:		url(/siteimages/blackspark/footerbg.png);
	text-align:		right;
	font:			12px Verdana;
	color:			#ffffff;
	overflow:		hidden;
}

div.FooterValidation
{
	height:			200px;
	width:			auto;
	text-align:		left;
	color:			#808080;
	float:			left;
}

div.FooterContent
{
	height:			200px;
	width:			auto;
	padding:		5px;
}