@charset "utf-8";
/* CSS Document */
img, div { behavior: url("/iepngfix.htc") }
img { border:0; }
body, div {
font:13px Helvetica Neue, Arial, Helvetica, sans-serif;
line-height:18px;
color:#333333;
margin:0;
padding:0;
}
input, textarea {
font:14px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
color:#000;
}
body.mceContentBody {
background:#fff;
color:#000;
}
body.mceContentBody a:link{
color: #333 !important;
font-weight:800;
text-decoration: underline;
}

a:link 			{ color: #333; font-weight:bold; text-decoration: underline; }
a:visited 		{ color: #333; font-weight:bold; text-decoration: underline; }
a:hover 		{ color: #000; font-weight:bold; text-decoration: underline; }
a:active 		{ color: #333; font-weight:bold; text-decoration: underline; }

#body {
background-color:#f3f2e6;
background-image:url("gui/background.png");
background-position:left top;
background-repeat:repeat-x;
overflow-y:scroll;
}
h1, h2 {
font:34px Futura, "Century Gothic", AppleGothic, sans-serif, "Trebuchet MS";
font-weight:200;
color:#7d3a00;
margin-top:15px;
margin-bottom:15px;
padding:0;
padding-bottom:9px;
line-height:34px;
}
#content h1 {
padding-bottom:0px;
margin-bottom:0px;
letter-spacing:-1.2px;
}
h2 {
font-size:15px;
font-weight:800;
}
h1 + h2 {
margin-top:-5px;
}
p {
margin-top:10px;
margin-bottom:19px;
}
p:first-child {
margin-top:0px;
}
form { 
margin:0; padding:0; 
}
.clear { 
clear:both;
height:0px;
font-size:1px;
line-height:0px;
}

#background {
position:relative;
width:1004px;
margin:auto;
background-image:url("gui/background-content.png");
background-position:left top;
background-repeat:repeat-y;
}
div#header {
position:relative;
height:406px;
width:1004px;
margin:0 auto;
text-align:left;
background-image:url("gui/background-top.png");
background-position:left top;
background-repeat:no-repeat;
}
	#news {
	position:absolute;
	top:197px;
	left:452px;
	}
	#news .article {
	width:195px;
	height:171px;
	overflow:hidden;
	float:left;
	margin-left:51px;
	font-size:19px;
	line-height:14px;
	}
	#news .article .jwplay {
	background-image:url("gui/background-image-testimonial.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	padding:5px;
	}
	#news .article p { margin:0px; padding:3px 0 0 5px; color:#fff; font-family:Futura, "Century Gothic", AppleGothic, sans-serif; }

	#news a:link, #news a:visited, #news a:active, #news a:hover	{ color: #fff; font-size:10px; text-decoration: none; font-family:Futura, "Century Gothic", AppleGothic, sans-serif; background-image:url("gui/button-green-small.png"); background-position:left top; background-repeat:no-repeat; width:86px; height:18px; display:block; text-transform:uppercase; padding:2px 0 0 15px; float:right; margin:8px -12px 0 0; font-weight:200; }
	.mac.browserFirefox #news a, .mac.browserFirefox #news a:link, .mac.browserSafari  #news a:link, .mac.browserSafari  #news a { margin-top:9px;  }

	#video {
	position:absolute;
	top:122px;
	left:73px;
	width:400px;
	height:225px;
	background-color:#000;
	}	
		#video p { margin:0; padding:0; }
	.logo {
	position:absolute;
	top:0px;
	left:0px;
	}
	.logo a { display:block; height:110px; width:370px;}
	.logo span { display:none; }
	
	div#menu {
	position:absolute;
	width:630px;
	height:110px;
	top:0px;
	right:30px;
	}
	div#reservations {
	position:absolute;
	width:254px;
	height:46px;
	top:13px;
	right:13px;
	background-image:url("gui/reservation.png");
	background-position:left top;
	background-repeat:no-repeat;
	z-index:100;
	}
	div#reservations a:active, div#reservations a:link, div#reservations a:hover, div#reservations a:visited{ color:#fff; text-decoration:none; font-weight:200; }
	div#reservations p { margin:0; padding:6px 0px 0px 29px; font-family:Futura, Century Gothic, AppleGothic, sans-serif; font-size:12px; font-weight:200; color:#fff; text-transform:uppercase; letter-spacing:0.8px; }
	.mac.browserFirefox div#reservations p, .mac.browserSafari  div#reservations p { font-weight:200; margin-top:1px; letter-spacing:0.9px; }
	
div.container {
position:relative;
width:881px;
color:#000;
margin:auto;
z-index:10;
}
	#leftcolumn {
	position:relative;
	width:206px;
	float:left;
	text-align:left;
	clear:left;
	margin-top:9px;
	margin-left:40px;
	margin-bottom:10px;
	}
	#leftcolumn div {	
	font-size:10px;
	color:#353434;
	line-height:13px;
	font-family:"Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	}
	#leftcolumnbottom {
	height:5px;
	}
		div.container #leftcolumn p { margin:0; padding:0; }
		#leftcolumn img { display:block; }
	div.container #headline {
	position:relative;
	width:671px;
	float:right;
	}
		div.container #headline img { display:block; }
	.rightcolumn {
	position:relative;
	color:#000;
	width:584px;
	float:right;
	margin-right:40px;
	margin-top:9px;
	text-align:left;
	}
#content {
color:#333333;
float:left;
margin-right:11px;
margin-top:0px;
margin-bottom:20px;
}
#content p { font-family:Helvetica Neue, Arial, Helvetica, sans-serif; line-height:18px; font-size:13px; }

.width, .narrowcolumn { width:434px; }
.widthwide { width:700px; }

.thincolumn {
width:241px;
font-size:12px;
padding-bottom:20px;
margin-top:16px;
margin-left:25px;
margin-right:12px;
float:left;

}
.learnmore {
float:right;
position:relative;
right:-9px;
}
.thincolumn img {
display:block;
margin:0;
padding:0;
float:right;
}
.thincolumn p { color:#333; line-height:18px; font:12px Helvetica Neue, Arial, Helvetica, sans-serif; }

.thincolumn h1, #request h1 {
font-size:18px;
color:#fff;
margin:0px;
padding:1px;
display:block;
line-height:20px;
font-weight:200;
letter-spacing:-1px;
background-color:#000;
}
#request h1 span { padding:2px 2px 4px 8px; margin:1px; border:1px solid #959594; display:block; }
#request h1 { background-image:url("gui/gradient-black.png"); background-position:left top; background-repeat:no-repeat;  }
.thincolumn h1 { margin-bottom:15px; background-image:url("gui/background-admin-h1.jpg"); background-position:left top; background-repeat:no-repeat; padding:6px 5px 8px 10px; }
.mac.browserFirefox .thincolumn h1, .mac.browserSafari .thincolumn h1 { padding-top:7px; }

#footer {
position:relative;
color:#999999;
width:1004px;
height:61px;
margin:0 auto;
clear:both;
padding-top:50px;
padding-bottom:18px;
line-height:11px;
z-index:8;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
text-align:left;
background-image:url("gui/background-footer.png");
background-position:left top;
background-repeat:no-repeat;
}
	.frontpage #footer { background-image:url("gui/background-admin.png"); height:135px; padding-top:0px; }
	#footer p { float:left; margin:0; padding:0; }
	#footer img { vertical-align:middle; margin-right:2px;}

	#footer a:link 			{ color: #578901; font-weight:200; text-decoration: none; }
	#footer a:visited 		{ color: #578901; font-weight:200; text-decoration: none; }
	#footer a:hover 		{ color: #578901; font-weight:200; text-decoration: underline; }
	#footer a:active 		{ color: #578901; font-weight:200; text-decoration: none; }

	div.container #rightcolumn .padding { padding:16px 19px 15px 19px; }
	div#rightcolumn h1:first-child {
	margin-top:0px;
	}

div#image {
position:relative;
margin-bottom:20px;
}
	div#imagetext {
	position:absolute;
	left:28px;
	color:#fff;
	top:62px;
	width:260px;
	margin-bottom:20px; font-style:italic;
	font-size:16px;
	line-height:22px;
	font-family:Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
	letter-spacing:-0.5px;
	}
	div#imagetext h1, div#imagetext h2 { 
	font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
	background-image:none; 
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	font-style:italic; 
	font-size:29px;
	text-transform:none;
	line-height:33px; }
div#request {
float:left;
width:226px;
margin-left:38px;
font-size:12px;
padding-bottom:20px;
margin-top:16px;
}
 	form {}
	div#request fieldset{ 
	border:none; 
	margin:0; 
	padding:0; 
	display:block;
	}
	#request h1 { color:#3376b6; }
	
	div#request legend { display:none;	}
	.required { color:#FF0000; }
	
	div#request textarea { width:224px; height:43px; margin-top:3px; }
	.browserChrome div#request textarea, .browserSafari div#request textarea { width:222px; height:37px; }
	div#request .input { width:104px; margin-top:2px; display:block; }
	div#request label { width:104px; display:block; float:left; margin-bottom:5px; }	
	div#request em { text-transform:none; color:#3a3b3b; font-style:normal; font:10px Arial, Tahoma, Verdana, "Trebuchet MS";  }
	div#request .submit { clear:both; margin-right:-1px; margin-top:5px; float:right; }



#submenu {
float:left;
width:190px;
margin-top:15px;
margin-left:28px;
margin-right:22px;
margin-bottom:20px;
padding-bottom:1px;
}
	
#submenu ul {
margin:0 4px 0 0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#submenu li {
margin:1px 0 0 0;
padding:0 0 2px 0;
border:0;
display:block;
position:relative;
z-index:5;
background-image:url("gui/submenu-split.png");
background-position:bottom left;
background-repeat:no-repeat;
}
#submenu li a, #submenu li a:link, #submenu li a:visited, #submenu li a:hover, #submenu li a:active {
	display:block;
	position:relative;
	text-decoration:none;
	padding:5px 8px 5px 0px;
	text-align:right;
	line-height:13px;
	color:#484e00;
	font-weight:200;
	font:14px Futura, "Century Gothic", AppleGothic, sans-serif;
}
#submenu li a:hover, #submenu .selected > a, #submenu .selected > a:link, #submenu .selected > a:visited, #submenu .selected > a:hover, #submenu .selected > a:active {
	color:#fff;
	background-color:#000;
}
#submenu ul li:first-child { 
	background-image:url("gui/submenu-title.png");
	background-position:bottom left;
	background-repeat:no-repeat;
}





#sidebar li, #sidebar ul li:first-child { background-image:none; }
#sidebar ul li {  }
#sidebar ul li:first-child a, #sidebar ul li:first-child a:visited, #sidebar ul li:first-child a:hover { background-image:none; color:#484e00; font-size:14px; background-color:transparent; }
#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li ahover { background-image:url("gui/submenu-split.png"); background-position:bottom left; background-repeat:no-repeat; }
#sidebar .selected > a:active, #sidebar ul li:first-child a:hover {
	color:#fff;
	background-color:#000;
}









a:focus { outline:#ccc dotted 1px; }
#content h1:first-child {
padding-top:0px;
padding-bottom:2px;
margin-top:11px;
}
#lightboxContainer img { padding:0; margin:0 1px 1px 0; border:0px; vertical-align:bottom; }








/**** MENU *************************************************************** */
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
#menu {
z-index:18;
}
#menu, #menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	float:right;
	list-style-type: none;
	display: block;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 15;		/* thus we need to apply explicit z-index here... */
}

#menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

#menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

#menu ul ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 20;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

#menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

#menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
#menu:after, #menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#menu, #menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the "#menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
#menu ul {
	background-image: url("/gui/blank.gif");	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
#menu ul ul {
	padding: 10px 20px 40px 10px;
	margin: 10px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
#menu, #menu ul li {
	color:#fff;
}
#menu ul {
	text-align:left;
}
#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active  {	
	display:block;
	position:relative;
	text-decoration:none;
	padding-top:64px;
	padding-bottom:9px;
	padding-left:6px;
	padding-right:14px;
	line-height:13px;
	color:#fff;
	font-weight:200;
	font-size:21px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	background-image:url("gui/menu-split.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#menu a:hover, #menu li:hover>a, #menu .selected > a, #menu .selected > a:link, #menu .selected > a:visited, #menu .selected > a:hover, #menu .selected > a:active {
	color:#c2ed48;
	background-image:url("gui/menu-split.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#menu a:hover, #menu .adxmhoverA {		/* FOR IE6! li:hover>a selector */
	color: #c2ed48;
}

#menu li li {	/* create borders around each item */
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	left:-1px;
	background-image:none;
	width:145px;
}
#menu .item5 li {
	width:117px;
}
#menu li li a, #menu li li a:link, #menu li li a:visited, #menu li li a:hover, #menu li li a:active  {
	text-decoration: none;
	color: #fff;
	padding: .4em .5em;
	letter-spacing:-0.6px;
	font-size:13px;
	font-family:Futura, "Century Gothic", AppleGothic, sans-serif;
	background-image:none;
	background-color:#848c02;
}
#menu li li a:hover {
	color:#fff;
	background-image:none;
	background-color:#727a00;
}
#menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top:0px;
}

#menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
#menu .toplevel {
	height:72px;
	text-align:center;
	border:0;
}



#uploadform label { clear:both; }
#uploadform label input { width:100%; }


/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts
#menu>li:first-child>a, #menu li + li + li li:first-child>a {
	color: #567;
}
 */
/* Fix for IE5/Mac \*//*/
#menu a {
	float: left;
}
/* End Fix */


/* ############
## WORDPRESS ##
############ */
.post { margin-bottom:20px; }
#sidebar h2 { padding:0; margin:0; text-align:left; color:#778200; text-transform:uppercase; font-size:20px; margin-top:10px; }
.post h2 {
font:34px "Times New Roman", Times, serif;
font-weight:200;
color:#7d3a00;
margin-top:20px;
margin-bottom:15px;
padding:0;
padding-bottom:9px;
line-height:34px;
}






#content h1:first-child {
padding-top:0px;
padding-bottom:2px;
margin-top:11px;
}
	.howwecanhelp { 
	background-image:url("gui/ultra-ivf.png");
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:96px;
	margin-top:38px;
	}
	.howwecanhelp h1, .viewgal { 
	color:#FFF;
	letter-spacing:-1px;
	padding:0 0 0 12px;
	font:20px Futura, "Century Gothic", AppleGothic, sans-serif;
	font-weight:200;
	}
	.mac.browserFirefox .howwecanhelp h1, .mac.browserSafari .howwecanhelp h1 { padding-top:2px;}
	.howwecanhelp p { 
	font-size:12px; line-height:18px; letter-spacing:-0.2px;
	}
	.howwecanhelp p a, .howwecanhelp p a:link, .howwecanhelp p a:visited, .howwecanhelp p a:hover, .howwecanhelp p a:active,
	a.blackbutton:hover, a.blackbutton:visited, a.blackbutton:link, a.blackbutton:active {
	display:block;
	text-align:left;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	padding:1px 0px 10px 18px;
	width:84px;
	float:right;
	line-height:13px;
	color:#fff;
	font-weight:200;
	font:11px Futura, "Century Gothic", AppleGothic, sans-serif;
	letter-spacing:0px;
	background-image:url("gui/button-black-small.png");
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	}
	a.blackbutton { margin-top:10px; }
	.mac.browserFirefox a.blackbutton, .mac.browserSafari a.blackbutton { padding-top:2px;}
	
.footerfront { position:relative; width:214px; float:left; margin:0px 10px 0px 100px; white-space:normal; display:block; cursor:pointer; }
.footerfront h2 { color:#f6ff02; margin:0; padding:15px 0 0 0; text-transform:uppercase; letter-spacing:-1.4px; font:18px Futura, "Century Gothic", AppleGothic, sans-serif; }
.footerfront p { width:auto; float:none; clear:both; margin:0; padding:0; color:#fff; font:12px Helvetica Neue, Arial, Helvetica, sans-serif; font-weight:800;  }
.browserIE .footerfront p { font-weight:200; }
.mac.browserFirefox .footerfront p, .mac.browserSafari .footerfront p { font-weight:200; }
.footerfront p:first-child > img { position:absolute; left:-100px; margin-top:0px; }
.footerfront img:last-child { position:relative; left:auto; margin-top:10px; }
.frontpage #bottomfooter { clear:both; position:absolute; top:118px; left:0px; width:1004px; }

#fertilitytext {
position:absolute;
top:117px;
left:500px;
width:475px;
height:90px;
font-family:Futura, "Century Gothic", AppleGothic, sans-serif;
color:#fff;
text-shadow:5px 5px 5px rgba(80,80,80,0.4);
letter-spacing:-2.0px;
}
	#fertilitytext p { margin:0; padding:0;  }
	.line1 { font-size:46px; line-height:20px; }
	.line2 { font-size:32px; line-height:47px; }

.viewgal { display:block; margin:3px 0px 0px 9px; text-align:left; color:#fff; padding:6px 0px 0px 7px; text-align:left; }

.mac.browserFirefox .viewgal, .mac.browserSafari .viewgal { padding:6px 0px 0px 10px; }

::-moz-selection{ background:#a0aa00; color:#fff; text-shadow: none; }
::selection { background:#a0aa00; color:#fff; text-shadow: none; }


#submenu ul li:first-child a, #submenu ul li:first-child a:visited, #submenu ul li:first-child a:hover { background-image:none; color:#fff; font-size:20px; background-color:transparent; font-weight:200; }

.ipad #submenu ul li:first-child a { padding-top:8px; padding-bottom:7px; line-height:17px; }

.ipad .thincolumn h1, .ipad #request h1 { }