@import url("cssReset.css");
@import url("aboutUs.css");
@import url("beforeAfter.css");

/******************************************************************
*																																	*	
*				autoautomotive.com																				*
*				aeauto.css																								*
*				Created: 				Monday, October 27th, 2008								*
*				Last Modified:	Sunday, November 2nd, 2008, 7:12pm				*
*																																	*
******************************************************************/

body
{
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #ffffff;
	background-color: #111111;
	margin: 0px 0px 0px 0px;
	background-image: url("../images/blackDiamond.jpg");
	background-repeat: repeat;
	background-position: 50% 50%;
}

img, div, a, ul, li
{
	behavior: url("javascript/iepngfix.htc")
}

/******************************************************************
*																																	*	
*				Container Styles:																					*
*													#mainContainer													*
*													#blackContainer													*
*													#mainContentContainer										*
*													#mainContentDiv													*
*													#blackBottomRounded											*	
*													#slideShowContainer											*													
*																																	*
******************************************************************/
#mainContainer
{
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
}

#blackContainer
{	
	background-color: #000000;
	padding-top: 20px;
	padding-left: 20px;
}

#mainContentContainer
{ 
	position: absolute;
	left: 50%;
	top: 264px;
	margin-left: -400px;
	width: 800px;
	background-color: #dedede;
	background-image: url("../images/mainContentBg.jpg");
}

#mainContentDiv
{
	width: 770px;
	height: 500px;
	margin: 15px 15px 10px 15px;
}

#blackBottomRounded
{
	background-image: url("../images/blackBottomRounded.png");
	background-repeat: no-repeat;
	width: 800px;
	height: 20px;
}

#slideShowContainer
{
	background-color: #ffffff;
	width: 400px;
	height: 300px;
	overflow: hidden;
	margin: 20px;
}

/******************************************************************
*																																	*	
*				Navigation Styles:																				*
*												#navContainer															*
*												#nav																			*
*												#navButtonName & a:hover states						*
*																																	*
******************************************************************/
#navContainer
{
	position: absolute;
	left: 50%;
	top: 214px;
	margin-left: -400px;
	background: url(../images/behindNav.png) no-repeat;
	width: 800px;
	height: 57px;
	z-index: 16;
	padding: 0px 34px;
}

    #nav
		{
    	margin: 0px;
    	padding: 0px;
    }

    #nav span
		{
    	display: none;
    }

    #nav li, #nav a
		{
    	height: 35px;
    	display: block;
    }

    #nav li
		{
    	float: left;
    	list-style: none;
    	display: inline;
			margin: 15px;
    }

    #navHome
		{
    	width: 65px;
			background: url("../images/spriteHome.png") 0px 0px no-repeat;
    }
    #navAboutUs
		{
			width: 99px;
			background: url("../images/spriteAboutUs.png") 0px 0px no-repeat;	
		}
    #navBeforeAndAfter
		{
			width: 161px;
			background: url("../images/spriteBeforeAndAfter.png") 0px 0px no-repeat;	
		}
    #navCarsForSale
		{
			width: 140px;
			background: url("../images/spriteCarsForSale.png") 0px 0px no-repeat;	
		}
		#navContactUs
		{
			width: 118px;
			background: url("../images/spriteContactUs.png") 0px 0px no-repeat;	
		}

    #navHome a:hover { background: url("../images/spriteHome.png") 0px -37px no-repeat; }
    #navAboutUs a:hover { background: url("../images/spriteAboutUs.png") 0px -38px no-repeat; }
    #navBeforeAndAfter a:hover { background: url("../images/spriteBeforeAndAfter.png") 0px -37px no-repeat; }
    #navCarsForSale a:hover { background: url("../images/spriteCarsForSale.png") 0px -38px no-repeat; }
		#navContactUs a:hover { background: url("../images/spriteContactUs.png") 0px -38px no-repeat; }

/******************************************************************
*																																	*	
*				Content Styles:																						*
*												#logo																			*
*												#welcomeBlurb															*
*												#homePageIntro														*
*												#slideShowContainer												*
*																																	*
******************************************************************/
#logo
{
	position: relative;
	left: 30px;
	top: 0px;
}

#welcomeBlurb
{
	position: absolute;
	top: 50px;
	left: 273px;
	width: 488px;
	color: #ffffff;
}

#homePageIntro
{
	background: url(../images/behindHomePageIntro.png) no-repeat;
	width: 770px;
	height: 273px;
}

#welcomeMessage
{
	float: left;
	margin: 10px;
	width: 344px;
}

#welcomeMessage li
{
	list-style-image: url(../images/bullet.png);
	margin: 12px 12px 12px 30px;
	font-variant: small-caps;
}

#welcomePhoto
{
	background-color: #000000;
	width: 353px;
	height: 223px;
	padding: 5px;
	float: right;
	font-style: italic;
	font-size: 9pt;
	margin: 15px;
}

#welcomeBlurb strong { color: #d5f6ff }

#triBoxContainer
{
	background: url(../images/behindHomePageTri.png) no-repeat;
	width: 770px;
	height: 273px;
	margin: 10px 0px 0px 0px;
}

#triBoxContainer input
{
	border: 2px solid #000000;
	background-color: #ffffff;
	color: #000000;
	margin-top: 4px;
	padding: 4px;
	margin-left: -8px;
}

#footerContainer
{
	background: url("../images/footerBg.png") no-repeat;
	height: 46px;
	z-index: 16;
	clear: both;
}

#footer
{
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	padding: 16px 0px;;
}

/******************************************************************
*																																	*	
*				Misc																											*
*																																	*
******************************************************************/


.triBox
{
	padding: 10px;
	width: 33%;
}

.triBoxText
{
	text-align: left;
	font-size: 10pt;
	letter-spacing: 0.9px;
	line-height: 20px;
	margin-top: 4px;
}

#rfqContainer
{
	margin: 20px;
	background-color: #ffffff;
	color: #000000;
	padding: 20px;
}

#rfqContainer td
{
	font-variant: small-caps;
	padding: 5px;
}