/* CSS Document */


/* Reset */
p, ol, dl, ul, p, h1, h2, h3, h4, h5, h6, form, .radio {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	border: none;
	font-weight: normal;
	font-size: 100%;
	clear: both;
}

ul.olist
{
	list-style:outside;
    	list-style:url(../images/bullet_arrow.png) outside;
    	line-height:110%;
}
ul.olist li
{
	line-height:120%;
	margin:3px 0px;
}
ul.olist li ul.sublist
{
	list-style:url(../images/bullet_plus.png) outside;
     	clear:none;
     	margin:3px 0px 10px 15px;
        line-height:110%;
}
ul.olist li ul.sublist li
{
	 list-style:url(../images/bullet_plus.png) outside;
     	margin:0px 0px 3px 0px;
}
ul.olist li ul.sublist li a
{
	border-bottom-width:0px;
}

img
{
	border: none;
}
.radio
{
	display: inline;
}


/* General */
html,body {
	margin:0;
	padding:0;
	font-family: Calibri, Arial,  Verdana, Tahoma, sans-serif;
	font-size:12px;
	line-height:110%;
	height:100%;
	color:#3f4350;
	width:100%;
	background:#b4c7e3 url(../images/page_bg.png) repeat-x top center;
}
td, th {
	font-size:12px;
}
sup {
	font-size:80%;
}
a:active, a:focus, area:focus
{
  outline: none;
}
a
{
	color: #005fad;
	text-decoration: none;
	border-bottom:1px dotted #b9c1d9;
}

a:hover
{
	color: #437902;
	text-decoration: none;
	border-bottom:1px solid #b9c1d9;
}

/* headers */

h1, h2, h3 {
	padding:0px;
	margin:0px;
}

h1 {

}

h2 {

}

h3 {

}

.text_bg
{
	overflow:hidden;
}
.text_bg span
{
	display:none;
}
.clear
{
	float:none;
	clear:both;
	height:1px; overflow:hidden;
}


/* +++++ DEBUGGER +++++ */
div#debugFrame
{
	position:absolute;
	right:0px; top:0px;
	z-index:1001;
	display:;
}

/* +++++ PAGE +++++ */

.page_wrapper
{
	position:relative;
	height:99%;
	overflow:visible;
	width:900px;
    min-height:400px;
    background:url(../images/page_bg_circles.jpg) no-repeat left top;
    margin:auto;
}

.page_wrapper[class]
{
	height:auto;
	min-width:900px;
	min-height:99%;
}

.page_content, .page_header, .page_footer
{
	margin:auto;
    width:800px;
    overflow:visible;
}

/* +++++ HEADER +++++ */
.page_header 
{
	position:relative;
    height:100px;
    z-index:30;
    cursor:default;
}
.page_header .logo
{
    width:205px;
    height:86px;
    position:absolute;
    overflow:hidden;
    background:url(../images/logo_ophtamax.png) no-repeat left top;
    top:14px;
    left:-50px;    
}
.page_header .logo a,
.page_header .logo a:hover
{
	display:block;
	width:205px;
	height:80px;
	overflow:hidden;
    border:0px none;
}
.page_header .logo a:hover
{
	background-image:url(../images/logo_ophtamax_hover.png);
}
.page_header .logo a span
{
	padding-left:300px;
}


/* +++++ MENU +++++ */

.page_header .header_menu
{
	position:absolute;
	z-index:35;
	right:-10px;
	top:44px;
	list-style:none;
	display:block;
	margin:0px; padding:0px;
	min-width:385px;
    height:40px;
    white-space:nowrap;
}
.page_header .header_menu li
{
	list-style:none;
	float:left;
	display:inline;
	background: transparent;    
    height:40px;
    margin:0px 10px;
}
.page_header .header_menu li a
{
	font-size:18px;
    background:no-repeat center top;
	padding:0px 0px 2px 0px;
	text-align:center;
	color:#296c9f;
	border-bottom:1px none;
    letter-spacing:-1px;
    display:block;
    position:relative;
    line-height:22px;
}
.page_header .header_menu li a span
{
	visibility:hidden;
}

.page_header .header_menu li a:hover
{
    border-bottom:2px solid #FFF;
}

.page_header .header_menu li a.selected,
.page_header .header_menu li a.selected:hover
{
	border-bottom:2px solid #a0c4fb;
}

.page_header .header_menu li #lnkMenuHome
{
	background-image:url(../images/menu_home.png);
    visibility:hidden;
	width:60px;
}
.page_header .header_menu li #lnkMenuHome:hover
{
	border-bottom:0px none;
}

.page_header .header_menu li a#lnkMenuServices
{
	background-image:url(../images/menu_services.png);
	width:52px;
}
.page_header .header_menu li a#lnkMenuDoctors
{
	background-image:url(../images/menu_doctors.png);
	width:47px;
}
.page_header .header_menu li a#lnkMenuPricelist
{
	background-image:url(../images/menu_pricelist.png);
	width:47px;
}

.page_header .header_menu li a#lnkMenuContact
{
	background-image:url(../images/menu_contact.png);
	width:56px;
}
.page_header .header_menu li a#lnkMenuPhoto
{
	background-image:url(../images/menu_photo.png);
	width:86px;
}

a.link_home, a.link_home:link, a.link_home:visited, a.link_home:active, a.link_home:hover
{
	border-bottom:0px none;
}


/* +++++ PAGE MIDDLE +++++ */

.page_content .content_north
{
	height:232px;
    position:relative;
    overflow:visible;
    z-index:10;
    text-align:left;
    background:url(../images/page_middle.jpg) no-repeat left top;
}
.page_content .content_north .cn_text
{
	text-align:left;
    position:absolute;
    top:11px;
    left:11px;
    width:385px;
    height:210px;
    z-index:19;
    color:#fff;
    background:no-repeat left top;
}
.page_content .content_north h2.cn_title
{
	font-size:27px;
}
.page_content .content_north .cn_paragraph
{
	font-size:18px;
}
#content_index .content_north .cn_text
{
	background-image:url(../images/page_middle_text_index.png);
}
#content_index .cn_title,
#content_index .cn_paragraph
{
	display:none;
}

.cn_image
{
	position:absolute;
    z-index:15;
    right:0px;
    bottom:0px;
    width:550px;
    height:260px;
    background:no-repeat right bottom;
}

#content_index  .cn_image
{
	background-image:url(../images/page_middle_pic_index.jpg);
}



/* +++++ FOOTER +++++ */

.page_footer
{
	position:relative;
    color:#596d89;
    text-align:left;
    min-height:135px;
}

.page_footer .footer_west
{
	width:420px;
	min-height:50px;
	position:relative;
}
.footer_west .footer_logo
{
	position:absolute;
    left:-40px;
	display:block;
	width:180px;
	height:40px;
	overflow:hidden;
	background:url(../images/logo_ophtamax_footer.png) no-repeat left top;
	text-decoration:none;
	border-bottom:0px none;
}
.footer_west a.footer_logo:hover
{
	border-bottom:0px solid none;
}
.footer_west .footer_logo span
{
	margin-left:250px;
	display:block;
}
.footer_west #copyright
{
	position:absolute;
    top:34px;
    left:20px;
    width:180px;
    text-align:left;
    font-size:90%;
}
.footer_west .address_text
{
	position:absolute;
    left:130px;
    top:10px;
    border-left:1px solid #cfdef5;
    padding-top:11px;
    padding-left:15px;
}


.footer_east {
	position:absolute;
	right:0px;
	top:20px;
	color:#ebf3ff;
    width:390px;
    white-space:nowrap;
    text-align:right;
}

.footer_east a
{
	text-decoration:none;
	color:#596d89;
	border-bottom:1px none;
	display:inline;
    font-size:110%;
    padding:0px 10px 0px 10px;
    text-transform:uppercase;
}
.footer_east a:hover
{
	color:#23426e;
	border-bottom:1px none;
}

.clear_bottom 
{
	clear:both;
	float:none;
	height:70px;
}
.clear_bottom[class] 
{
	clear:both;
	height:58px;
}


/* +++++ FOOTER ADS +++++ */

.page_footer_ads
{
	position:relative;
    color:#596d89;
    text-align:left;
    height:1%;
}

.page_footer_ads .ads_wrapper
{
	position:absolute;
    bottom:0px;
    width:100%;
    height:53px;
    background:#9fb4d3 url(../images/footer_ads_bg.png) repeat-x left top;
}

.page_footer_ads .ads_wrapper .ads_content
{
	width:800px;
    margin:0px auto;
    text-align:center;
    margin-top:12px;
}

.page_footer_ads .ads_wrapper .ads_content span.ad_item
{
	padding:0px 10px 0px 10px;
}