/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#6d6d6d; font:10px/14px Tahoma, sans-serif; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

/* HEADER */

#header{width:775px; height:110px; background:url(../images/b_header.jpg) 0 0 no-repeat; position:relative; margin: 0 auto 5px auto;}
#logo{position:absolute; top:18px; left:54px}

/* MAIN */
#main{width:775px; height:225px; background:url(../images/b_main.jpg) 0 0 no-repeat; position:relative; margin: 0 auto 13px auto; clear:both}
#slogan{position:absolute; top:74px; left:24px}
#resume{position:absolute; top:163px; left:496px}

#main ul.mleft{position:absolute; top:24px; left:501px;}
#main ul.mright{position:absolute; top:24px; left:638px;}
#main ul li{margin-bottom:4px}
#main ul li a{width:121px; height:27px; display:block; text-indent:-20000px; }
#main ul li a:hover{width:121px; height:27px; }

#main ul.mleft li.home a{background:url(../images/btn_home.jpg) 0 0 no-repeat; }
#main ul.mleft li.home a:hover{background:url(../images/btn_home_over.jpg) 0 0 no-repeat;}

#main ul.mleft li.about a{background:url(../images/btn_about.jpg) 0 0 no-repeat; }
#main ul.mleft li.about a:hover{background:url(../images/btn_about_over.jpg) 0 0 no-repeat;}

#main ul.mleft li.staff a{background:url(../images/btn_staff.jpg) 0 0 no-repeat; }
#main ul.mleft li.staff a:hover{background:url(../images/btn_staff_over.jpg) 0 0 no-repeat;}

#main ul.mright li.services a{background:url(../images/btn_services.jpg) 0 0 no-repeat; }
#main ul.mright li.services a:hover{background:url(../images/btn_services_over.jpg) 0 0 no-repeat;}

#main ul.mright li.prices a{background:url(../images/btn_prices.jpg) 0 0 no-repeat; }
#main ul.mright li.prices a:hover{background:url(../images/btn_prices_over.jpg) 0 0 no-repeat;}

#main ul.mright li.contacts a{background:url(../images/btn_contacts.jpg) 0 0 no-repeat; }
#main ul.mright li.contacts a:hover{background:url(../images/btn_contacts_over.jpg) 0 0 no-repeat;}

/* CONTENT */
#content{width:775px; background:#daf0fe; position:relative; margin: 0 auto; clear:both}
#why{width:381px; height:245px; position:absolute; top:160px; left:0px; background:url(../images/b_why.gif) 0 0 no-repeat; z-index:1}
#why h2{position: absolute; top:44px; left:183px; width:174px; height:42px; background:url(../images/h_why.gif) 0 0 no-repeat;}
#why ul{position:absolute; top:117px; left:54px;}
#why ul li{background:url(../images/arrow.gif) 1px 2px no-repeat; padding-left:23px; height:23px; margin-bottom:5px; border-bottom:#d3d3d3 1px dashed; width:272px; display:block}
#why ul li.noborder{background:url(../images/arrow.gif) 1px 2px no-repeat; padding-left:23px; height:23px; margin-bottom:5px; border-bottom:none; width:272px; display:block}
#why ul li a{font:10px/14px Tahoma, sans-serif; color:#ff8800; font-weight:normal; text-decoration:none}
#why ul li a:hover{color:#fff; font-weight:normal; text-decoration:none; background:#43bcd9;}
 

#content a{font:10px/14px Tahoma, sans-serif; color:#3e6199; font-weight:bold; text-decoration:none }
#content a:hover{color:#cb0f2e; text-decoration:none}

p span.headline{font:12px/14px Trebuchet MS, sans-serif; color:#ff2d55; font-weight:bold;}

#welcome{width:335px; margin:24px 71px 0 38px; float:left; display:inline; position:relative; padding-bottom:30px}
#welcome h2{height:27px; background:url(../images/h_welcome.gif) 0 0 no-repeat; position:relative; margin-bottom:15px;}
#welcome p span.headline{display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:#b6c7d3 1px dashed}

#services{width:275px; margin:24px 0 0 0; float:left; position:relative;  padding-bottom:30px}
#services h2{height:27px; background:url(../images/h_services.gif) 0 0 no-repeat; position:relative; margin-bottom:15px;}
#services p span.headline{display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:#b6c7d3 1px dashed}


#parents{width:775px; position:relative; clear:both; background:#FFFFFF;}
#inparents{width:300px; position:relative; top:11px; left:444px; margin-bottom:20px}
#inparents h2{width:101px; height:27px; background:url(../images/h_parents.gif) 0 0 no-repeat; position:relative; margin-top:5px; margin-bottom:15px;}
#inparents img{position:absolute; top:0; left:200px;}
#inparents p{width: 200px; display:block; padding-bottom:30px}

/* FOOTER */
#footer{width:775px; height:61px; background:#43bcd9; position:relative; margin: 0 auto; clear:both}
#footer p{padding: 13px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}
