/*Fix z-index issue in 960 system which affects suckerfish menus in IE*/

.grid_1 {z-index: 1981;}
.grid_2 {z-index: 1982;}
.grid_3 {z-index: 1983;}
.grid_4 {z-index: 1984;}
.grid_5 {z-index: 1985;}
.grid_6 {z-index: 1986;}
.grid_7 {z-index: 1987;}
.grid_8 {z-index: 1988;}
.grid_9 {z-index: 1989;}
.grid_10 {z-index: 1990;}
.grid_11 {z-index: 1991;}
.grid_12 {z-index: 1992;}

/*End z-index fix */


html, body {
    height: 100%;
}
body {
	background: url(../images/bg-main.png) repeat-x #f2e8df;
	font-size: 14px;
	/*position: relative;*/
}

body, body p, body div, body li {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #402610;
	text-align:justify;
	/*line-height:24px;*/
}


body a {
	/*color: #c94e64;*/
	color: #da6f83;
	text-decoration: none;
}

body a:hover {
	color: #4f5181;
	text-decoration: underline;
}



body .content-area-bg {
	display: table;
	width: 100%;
	background: url(../images/bg-content.png) repeat-y center;
	margin-left: auto;
	margin-right: auto;
    height: 100%;
}

.header-container {
	width: 955px;
	background: url(../images/header-shadow.png) no-repeat right top;
}

#Header {
	position: absolute;
	z-index: 1000;
}
#Flash {
	width: 942px;
	height: 319px;
	padding-top: 108px;
	position: relative;
	overflow: hidden;
	background: url(../images/flash.jpg) no-repeat 0px 108px;
}

#Flash object, #Flash embed {
	position: relative;
	left: -0px;
	background: #8aa5b9;
}

#Menu {
	background: url(../images/menu.png) no-repeat;
	height:56px;
	margin-bottom: 10px;
}

.content-area-bg .content {
	position: relative;
}

.content h1.content-header {
	margin: 0;
}

.content .content-header img {
	margin-bottom: 10px;
}

.buttons-row {
	/*height: 161px;*/
	margin-bottom: 20px;
}

/* sidebar style based on http://www.schillmania.com/content/projects/even-more-rounded-corners*/

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.rounded {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.rounded .rounded-content,
.rounded .t,
.rounded .b,
.rounded .b div {
 background:transparent url(../images/sidebar-right-bg.png) no-repeat top right;
 _background-image:url(../images/sidebar-right-bg-ie6.gif) no-repeat top right;
}

.rounded .rounded-content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.rounded .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rounded .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rounded .b,
.rounded .b div {
 height:14px; /* height of bottom cap/shade */
 font-size:1px;
}

.rounded .b {
 background-position:bottom right;
}

.rounded .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.rounded .hd,
.rounded .bd,
.rounded .ft {
 position:relative;
}

.rounded .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.rounded h1,
.rounded p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 /*padding:0.5em 0px 0.5em 0px;*/
}

.rounded h1 {
 padding-bottom:0px;
}


/* end of code which does rounded corners */

.rounded h1 {
	left: -12px;
}


#sidebar ul h2 {
	display: none;
}

#sidebar h1 span {
	display: none;
}

#sidebar li {
	list-style: none;
	margin: 0 0 15px 0;
}

#sidebar li li {
	margin: 0;
}


li.widget {
	list-style: none;
}



div.hr {
  height: 15px;
  background: url(../images/form-divider.png) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

.button {
}
.form {
}

.blog h1 {
	width: 220px;
	height: 101px;
	background: url(../images/button-cosmetic-surgery-blog.png) no-repeat top left;
	position: relative;
	/*left: -10px;*/
	/*background: blue;*/
}

.blog {
	/*background: #6C9;
	font-size: 12px;
	margin-bottom: 4px;*/
}

.blog h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 6px 0;
	margin: 5px 0 0 0;
}

.blog ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/form-divider.png) no-repeat top;
}

.blog li {
	padding: 4px 0 6px 0;
	margin: 0;
	background: url(../images/form-divider.png) no-repeat bottom;
}

.blog li a {
	background-image: url(../images/blog-mini-button.png);
	background-repeat: no-repeat;
	background-position: left middle;
	line-height: 23px;
	padding: 0 0 0 18px;
}

.content-area-bg .content {
	/*margin-bottom: 20px;*/
}
.content-area-bg .content p.first {
	padding-top: 20px;
}
.content-area-bg .content .front-door {
	padding-top: 20px;
}

.float-left {
	float: left;
	margin-right: 10px;
}
.float-right {
	float: right;
	margin-left: 20px;
}

.no-margin {
	margin-bottom: 0 !important;
}

.top-gap {
	padding-top: 25px;
}

.content img.flow-close {
	margin-bottom: 0;
}

#Contact-bar {
	height: 75px;
	width: 100%;
	background: url(../images/bar-bg.gif) repeat-x;
	font-size: 13px;
	color: #5e3e23;
}
#Contact-bar .contact-details {
	padding-top: 17px;
}

#Contact-bar .phone-location {
	padding-top: 7px;
}

#Contact-bar .phone-location p img {
	padding-bottom: 2px;
}

#Contact-bar .phone-location p {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
}

#Contact-bar .phone-location span {
	display: none;
}

.blog {
	/*background: #6C9;*/
	font-size: 12px;
}

#bottom-lists {
	height: 350px;
	height: 380px;
	background: url(../images/bg-bottom.png) repeat-x #ecddcf;
	padding-top: 20px;
	margin-bottom: 0;
}

.list {
	background: url(../images/bottom-divider.png) no-repeat right top;
	height: 201px;
}

.last {
	background: none;
}

.list a h3 {
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #52412d;
}

.list a:hover h3 {
	color: #4f5181;
}

.list ul {
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	margin-bottom: 40px;
}

.list li {
	font-size: 12px;
	padding: 0 0 5px 12px;
	margin: 0;
	background-image: url(../images/bullet-mini.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	text-align: left;
}


/*Forms are styled in form.css*/