/*
Theme Name: Spirit Custom Makeup Style Sheet
Author: Andy Mazur
Author URI: http://andrewmazur.com
*/

body {

    background-color: #d6df8c;
	color: black;
	font-size: 10pt;
	font-family: Century Gothic, Arial, Sans-Serif;
	background-image: url('../images/background.jpg');
	text-align: center;
	line-height: 1.2em;
	}

#centerwraper{
	position:relative;
	margin: 0 auto;
	text-align: center;
	width:970px;
	}
	
#contentwrapper
	{	
		text-align: left;
	}

/*=========================================================
White Transparent Bar for Header */
	
#titlebackground {
	margin-top: 64px;
	width: 100%;
	height: 114px;
	position:relative;
	overflow:hidden;
	}

#titlebackground .transparency
{
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	background-color: white;
	width:100%;
	height:114px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}


/*===========================================================================
Shart Header Content
============================================================================*/
/*========Header Box========================*/
#header {
margin-top: -127px;
position:relative;
font-size: 13pt;
height: 144px;
margin-bottom:30px;
}

#menulinks {
padding-top: 30px;
float: right;
padding-right: 120px;
}

#menutable {
	border: none;		
}

.firstcoloum {
height: 30px;
width: 160px;	
}

.secondcoloum {
height: 30px;
width: 200px;	
}

#headerlogo {
width: 420px;
position:relative;
z-index: 5;
}

/*===========================================================================
Shart Main Content
============================================================================*/
/*===Start Shadows=================
Used to create a shadow effect behind the maincontentbox */
.shadow1 {
	width: 100%;
	height: 572px;
	position:relative;
	overflow:hidden;
}
.shadow1 .transparency
{
	opacity:0.1;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	background-color: black;
	width:954px;
	height:572px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}
.shadow2 {
	margin-top: -572px;
	width: 100%;
	height: 570px;
	position:relative;
	overflow:hidden;
}
.shadow2 .transparency
{
	opacity:0.2;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	background-color: black;
	width:952px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}
.shadow3 {
	margin-top: -570px;
	width: 100%;
	height: 569px;
	position:relative;
	overflow:hidden;
	margin-bottom: -570px;
}
.shadow3 .transparency
{
	opacity:0.3;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	background-color: black;
	width:951px;
	height:569px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

#maincontentbox {
	position:relative;
	width: 950px;
	height: 568px;
	background-color: white;
	margin-bottom: 35px;
}

#textarea {
float: left;
position:relative;
width: 279px;
height: 500px;
top:50px;
padding-left: 44px;
}

#contactarea {
float: left;
position:relative;
width: 800px;
height: 500px;
top:10px;
padding-left: 24px;
}

#home {
float: left;
position:relative;
width: 900px;
height: 500px;
padding-left: 25px;
}

/*========Start Flash Image Holder Div===========
Used as a holder for future flash content. You may
Need to adjust width and height depending on flash movie. */

#flashimages {
float: right;
position:relative;
width: 580px;
height: 550px;
margin-top: 10px;
margin-right: 10px;
background-color: white;
}

/*===========================================================================
Shart Footer Content
============================================================================*/
#footer
{
	float:left;
	padding-top: 17px;
	padding-bottom: 17px;
	width:100%;
	color:#ed1c44;
	font-size: 10pt;
	position:relative;
	overflow: hidden;
}

#footer .transparency2
{
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	background-color: white;
	width:100%;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

#copyright
{
	position:relative;
}

/*===========================================================================
Various Content
============================================================================*/
/*=============Links================*/

a, a:visited {
text-decoration:none;
color: #ed1c44;
}

a:hover {
color: #f79826;
}