#container {
	/* width: 90%;*/
	/* margin: 10px auto; */
	background-color:#fff;
	color:#333;
	line-height:130%;
}

#top {
	padding:1em;
	background-color:#B22222;  
}

#top h1 {
	padding:0;
	margin:0;
}

h1 {
	height: 36px;
	font: bold 36px Arial;
	color: #FFFFFF;
}

.white_header {
	font: bold 18px Arial;
	color: #FFFFFF;
}

.red_header {
	font: bold 18px Arial;
	color: #B22222;
}

.red_header_center {
	font: bold 18px Arial;
	color: #B22222;
	text-align:center;
}

p {	
	font: 12px Arial;
	color: gray;
	text-align:justify;
}

img.floatLeft { 
    float: left;
    margin-right: 10px; 
	margin-bottom: 10px;
}

img.floatRight { 
    float: right; 
    margin-left: 10px;
	margin-bottom: 10px; 
}


img.center {
  	display: block;
  	margin-left: auto;
  	margin-right: auto;  
}


#menubar {
	margin:0;
	padding:0;
	background:#B22222 subnav_bg.jpg 0 0 repeat-x;
	width:100%;
	float:left;
	border-left:1px solid #FFFFFF;
/*	border-right:1px solid #FFFFFF; */
	border-width:1px 0;
}

	
#menubar li {
	display:inline;
	padding:0;
	margin:0;
}
	
#menubar a:link,
#menubar a:visited {
	color:#fff;  /* white  */
	background:#B22222;  /* FireRed  */
	padding:10px 40px 4px 10px;
	float:left;
	width:auto;
	border-left:1px solid #FFFFFF;
	text-decoration:none;
	font: bold 12px/12px Arial, Helvetica, sans-serif;	
	text-transform:uppercase;
}
	
#menubar a:hover {
	color:#FFFFFF;  /* white  */
	background:red;  /*light pink */
}
	
#menubar li:first-child a {
	border-left:1px solid #FFFFFF;
}

#home #menubar-home a,
#tabledecor #menubar-tabledecor a,
#mehndistages #menubar-mehndistages a,
#flowers #menubar-flowers a,
#testimonials #menubar-testimonials a,
#contact #menubar-contact a {
	color:#FFFFFF;  /* white  */
	background: red;  /* Red  */
/*	text-shadow:none; */
}

#home #menubar-home a:hover,
#tabledecor #menubar-tabledecor a:hover,
#mehndistages #menubar-mehndistages a:hover,
#flowers #menubar-flowers a:hover,
#testimonials #menubar-testimonials a:hover,
#contact #menubar-contact a:hover {
	background: red;  /*Brown  */
}

#menubar a:active {
	color:#FFFFFF;  /* white  */
	background: red;  /* brown  */
}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}

.colmask {		/* column container */
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}

.content,
.leftnav,
.rightnav {
	float:left;
	position:relative;
	padding:1em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/* 3 Column settings */
.threecol {
}

.threecol .colmid {
	right:22%;				/* width of the right column */
}

.threecol .colleft {
	right:56%;				/* width of the middle column */
}

.threecol .content {
	width:52%;				/* width of center column content (column width minus padding on either side) */
	left:102%;				/* 100% plus left padding of center column */
}

.threecol .leftnav {
	width:18%;				/* Width of left column content (column width minus padding on either side) */
	left:28%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .rightnav {
	width:18%;				/* Width of right column content (column width minus padding on either side) */
	left:88%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) 
								plus (left column left and right padding) plus (right column left padding) */
}

#footer {
	font: 12px Arial;
	clear: both;
	margin: 0;
	padding: .5em;
	color: #FFFFFF;
	background-color: #B22222;  /* FireRed  */
}

#links {
	font: 10px Arial;
	color: gray;
	text-align:center;
	margin: 2px;
}