body {  
background-image : url("graphics/gradiant.png"); 
 } 
 
.box { float: left; }

#root {
	max-width: 910px;
	margin: 10px auto; 
	text-align : left; 
	background : #fff;  
}

#header {
	width: 100%;
	background-color: #fff;
	/*background-image:url('../graphics/header_background.png');*/
	background-repeat:no-repeat;
	border : solid 1px #fd0398;
	border-bottom: 0;
	}

/*Navigationhttp://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support*/	
#centeredmenu
{
	background:#FFC0CB;
	float:left;
	overflow:hidden;
	position:relative;
	width:100%;
	border-left : solid 1px #fd0398;
	border-right : solid 1px #fd0398;
}

#centeredmenu ul
{
	clear:left;
	float:left;
	font:normal 1em Verdana, sans-serif;
	left:50%;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}

#centeredmenu ul li
{
	border-right:1px solid #fff;
	display:block;
	float:left;
	list-style:none;
	margin:5px 0;
	padding:0;
	position:relative;
	right:50%;
}

#centeredmenu ul li a
{
	background:#FFC0CB;
	border-left:1px solid #fff;
	color:#036;
	display:block;
	line-height:1.5em;
	margin:0;
	padding:3px 15px;
	text-decoration:none;
}

#centeredmenu ul li a:link
{
	background:#fd0398;
	color:#fff;
	font:normal 1.3em Verdana, sans-serif;
}

#centeredmenu ul li a:hover
{
	background:#fd0398;
	color:#fff;
	font:normal 1.3em Verdana, sans-serif;
}

#centeredmenu ul li a.active,#centeredmenu ul li a.active:hover
{
	background:#fd0398;
	color:#fff;
}


/*Buttons*/

#navcontainer_b { 
	width: 100%;
	float:left;
	overflow:hidden;
	position:relative;
	font : normal 0.9em Verdana, sans-serif; 
 } 

#navcontainer_b ul { 
	list-style-type : none; 
	text-align : center; 
	padding : 0; 
	position : relative; 
	font : normal 0.9em Verdana, sans-serif; 
 } 

#navcontainer_b li { 
	display: inline-block;
	text-align : center; 
	margin : 8px; 
 } 

#navcontainer_b li a { 
	padding : 2px 7px; 
	color : #036; 
	background-color : pink; 
	border : 1px solid #036; 
	text-decoration : none; 
 } 

#navcontainer_b li a:hover { 
	color : #fff; 
	border : 1px solid #036; 
	background-color : #fd0398; 
 } 

#navcontainer_b li a#current { 
	color : #fff; 
	border : 1px solid #036; 
	background-color : #fd0398; 
 } 


#content {
	float:left;
    width:96.7%;
	min-height: 599px; /* This may cause problems? if the background is the same as the sidebar remove it? */
	background-color: #fff;
	font : normal 1.3em Verdana, sans-serif; 
	text-align : left; 
	padding : 0 10px 20px 20px; 
	color : #036;
	border : solid 1px #fd0398;
	border-top: 0;	
}

#footer {
	width: 100%;
	background-color: none;
	text-align: center;	
	padding : 10px 0px 0px 0px; 
	font : normal 1.3em Verdana, sans-serif; 
	color: #036;
	}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#header { width: 100%; }
	#centeredmenu { width: 100%; }
	#content { width:96.7%; }
	#navcontainer_b { width: 100%; }
	#footer { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#header { width: 100%; }
	#centeredmenu { width: 100%; }
	#content { width:96.7%; }
	#navcontainer_b { width: 100%; }
	#footer { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#header { width: 100%; }
	#centeredmenu { width: 100%; }
	#content { width:93%; }
	#navcontainer_b { width: 100%; }
	#footer { width: 100%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#header { width: 100%; }
	#centeredmenu { width: 100%; }
	#content { width:93%; font-size: 1.1em;}
	#navcontainer_b { width: 100%; }
	#footer { width: 100%; 
}

h1 { 
	font:normal 1.6em Verdana, sans-serif; 
	Color : #036; 
	Text-decoration : Underline; 
 } 

 h2 { 
	font : normal 1.3em Verdana, sans-serif; 
	Color : #036; 
	Text-decoration : Underline; 
 } 
 
h3 { 
	font : normal 1.2em Verdana, sans-serif; 
	Color : #036; 
	Text-decoration : Underline; 
 } 

.psmall { 
	font : normal 0.9em Verdana, sans-serif; 
	Color : #036; 
 } 

.center { 
	padding-top : 10px; 
	text-align : center;
 } 

.border {
	border : 2px solid pink;
	margin: 0px 0px 5px 0px;
	}

/*Align images*/

.floatright { 
	float : right; 
	width : 56%; 
	margin : 0 0 10px 10px; 
	padding : 2px; 
	text-align : left; 
 } 

.floatleft { 
	float : left; 
	margin : 0 0 30px 30px; 
	border : 2px solid pink; 
 } 

/*Other links*/

a.nav:link { 
	Color : #036; 
	text-decoration : none; 
	font : bold 1.3em Verdana, sans-serif; 
 } 

a.nav:visited { 
	Color : #036; 
	text-decoration : none; 
	font : bold 1.3em Verdana, sans-serif; 
 } 

a.nav:hover { 
	color : #60a64b; 
	text-decoration : underline; 
	font : bold 1.3em Verdana, sans-serif; 
 } 

a.nav:active { 
	color : #60a64b; 
	font : bold 1.3em Verdana, sans-serif; 
 } 


/*Contact page*/

td { 
	padding : 5px 0 5px 0; 
 } 

textarea { 
	background-color : #ffe1e7; 
	border : pink 1px solid; 
	color : #036; 
	font : normal 1em Verdana, sans-serif; 
 } 

input { 
	background-color : #ffe1e7; 
	border : pink 1px solid; 
	color : #036; 
	font : normal 1em Verdana, sans-serif; 
 } 

.formerror { 
	color : #ff714a; 
	font : normal 1.3em Verdana, sans-serif; 
 } 

div.left { 
	width: 600px;
	padding-top : 10px; 
	text-align : left; 
 } 

div.aligncontact { 
	width: 70%;
	padding-top : 10px; 
	text-align : left; 
 } 

.floatcontact { 
	float : left; 
	width : 30%; 
	margin : 215px 0 10px 10px; 
	text-align : left;
 } 

.required{ 
	color : #036; 
	font : normal 1em Verdana, sans-serif; 
 } 

/*Treatment price table*/

.odd { 
	background : #ffe1e7; 
 } 

.even { 
	background : #fff; 
 } 

.cell { 
	padding : 3px 10px 3px 10px;
 } 

 /* Model table */

table.model{
	width: 85%;
	padding: 0px;
	border: none;
	/* border: 1px solid #789DB3; */
	}

table.model td {
	font-size:1.3em;
	border: none;
	/* background-color: #F4F4F4;*/
	vertical-align: middle;
	padding: 0;
	font-weight: normal;
	}

.privacy{
	list-style:disc;
	margin-left: 20px;
	font-size: 1em;
}

.privacy_font{
	font-size:1em;
}