/*********************************************************************
 * GlobalGlamour Website CSS
 *********************************************************************/


/* default attributes for the page's body */ 
body 
{	
	text-align: center;								/* the page will be displayed in the center 	*/
	font-size: 16px;								/* default font size 							*/
	font-family: Arial, Helvetica, sans-serif;		/* we'll use sans-serif fonts for the most part */
	background-color: #333333;
}
 
/* wrapper for the entire page */
#wrapper
{
	width: 960px;						  			/* designed for 1024x768 resolution */
	height: auto;
	margin: 0 auto;
	text-align: left;
	background-color: #000000;
	border: solid medium #000000;
	color: #ffffff;	
}

/************************************************************************************/
/* Header */
#header
{
	width: 100%;
	height: 240px;						
	text-align: right;	
}

#banner
{
	width: 100%;
	height: 200px;
	background-image: url('StyleImages/Banner.jpg'); 			/* banner */
	background-repeat: no-repeat;
}

/************************************************************************************/
/* Navigation */
#mainNav
{
	width: 100%;
	height: 40px;
	background-image: url('StyleImages/MainNavBk.png');
	background-repeat: repeat-x;
	text-align: center;
}

#mainNav ul
{
	list-style-image: none;
	display: inline;
	margin: 0 auto;
}

#mainNav li
{
	display: inline;	
	margin: 50px;	
}

#mainNav #currentPage a 
{
	color: #b71cab;
}


/************************************************************************************/
/* Content */
#content
{
	width: 100%;
	height: auto;
	min-height: 550px;	
}

#mainContent
{
	margin-left: 10px;
	margin-top: 10px;
	width: 700px;
	height: auto;
	text-align: left;
}

#mainContent img
{
	border: 3px solid #ffffff;
}

#mainContent a
{
	color: #b71cab;	
	text-decoration: underline;
}


.mainLeft
{
	width: 220px; 
	float: left; 
	padding-left: 10px; 
	padding-bottom: 10px;
}

.mainRight
{
	width: 380px; 
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*******************************************************/
/* main content box									   */
/* oval box to hold the main content's text and images */

.mainContentBox
{
	width: 680px;	
	background: #2c2727 url('StyleImages/MainContentBottom.png') no-repeat left bottom;
}

.mainContentBox h2
{
	background: url('StyleImages/MainContentTop.png') no-repeat left top;
	padding: 10px 20px 10px 20px;
	font-family: "Monotype Corsiva", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	
	margin-top: 0;
}

.mainContentBox p
{
	padding: 0 20px 15px 20px;
}

/* left floating image inside mainContentBox */
.mainContentBox .leftImage
{
	float: left; 
	margin: 0 10px 0px 20px;	
}

.mainContentBox .centerImage
{
	margin: 20px 0 15px 275px;
}

/***************************************************/
/* secondary content */
#secondaryContent 
{
	margin-top: 13px;
	width: 210px;
	height: auto;
	float: right;
	display: inline;
}

.vertNavBox
{
	width: 200px;
	height: auto;
	background: #2c2727 url('StyleImages/VertNavBottom.png') no-repeat left bottom;
}

.vertNavBox h3
{
	background: url('StyleImages/VertNavTop.png') no-repeat left top;
	padding: 10px 20px 0px 20px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-family: "Monotype Corsiva", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.vertNavBox ul
{
	list-style-image: url('StyleImages/lipurple.gif');
	padding: 20px 0 20px 30px;
}

.vertNavBox li
{
	margin-bottom: 15px;	
}


.vertNavTop
{
	width: 200px;
	height: 40px;
	background-image: url('StyleImages/VertNavTop.png');
	background-repeat: no-repeat;
	
}


.vertNavBottom
{
	width: 200px;
	height: 40px;
	background-image: url('StyleImages/VertNavBottom.png');
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

.vertNavBox .currentPage a 
{
	color: #b71cab;
}

.vertNavBox .currentPage li
{
	list-style-image: url('StyleImages/lipurplebright.png');
}


/************************************************************************************/
/* footer */
#footer
{

	width: 100%;
	height: 40px;
	background-image: url('StyleImages/FooterBk.png');
	text-align: center;
	font-size: 12px;
}
#footer a
{
	color: #b71cab;
	text-decoration: underline;
}

/************************************************************************************/
/* miscellaneous */
.clear
{
	clear: both;
}


a
{
	color: #ffffff;	
	text-decoration: none;
}

a:visited
{

}

a:hover
{
	color: #b71cab;
}