/*=====================================================================
 *
 * Filename: Style.css
 * Website: Fertility Unit
 * Author: Anvil Studios
 * Date Started: September 2009

 *=====================================================================*/

 html {
   overflow-y:scroll;
 }
 body {
     font-family:georgia, verdana, arial;
     font-size:12px;
     color:#202125;
     line-height:18px;
     background:#fff url(../images/tile_back.jpg) repeat-x 0 0;
     width:100%;
 }
 #box {
	width:950px;
	margin:0 auto;
	position:relative;
	background:#fff url(../images/s.html) repeat-y 0 0;
	padding-bottom:5px;
	background-color: #FFFFFF;
	background-image: url(/images/s.html);
 }
 #page {
     width:100%;
 }

 #logo { padding:15px 0 15px 30px; }
 #contact {
    float:right;
    padding:40px 45px 0 0;
 }
 #contact p {
    padding-bottom:3px;
 }
 #contact img {
    vertical-align:middle;
 }
 #contact a {
    color:#202125;
 }
 #contact a:hover {
    color:#aaa;
 }

 #nav {
    width:90%;
    margin:0px 0 7px 10px;
    color:#073f8c;
    font-size:13px;
    background:#fff;
 }
 #nav li {
    background-color:#fff;
    border-right:1px dotted #b7cfe5;
    line-height:18px;
    float:left;
 }
 #nav a {
    display:block;
    padding:5px 25px;
    color:#073f8c;
 }
 #nav span {
    color:#666666;
    font-style:italic;
    font-size:90%;
 }
 #nav a:hover {
    background-color:#f1f6fa;
 }
 .on {
    background-color:#cfe3f6;
 }
 #nav a.on:hover{
    background-color:#cfe3f6;
 }

 #banner {
    width:932px;
    height:244px;
    background:#f2f2f2 url(../images/banner_pic.jpg) no-repeat 0 0;
    margin-left:10px;
 }
 #banner2 {
    width:932px;
    height:161px;
    background:#f2f2f2 url(../images/banner2_pic.jpg) no-repeat 0 0;
    margin-left:10px;
 }
 #panel {
    color:#fff;
    font-size:16px;
    width:480px;
    height:205px;
    margin:0px 0 0 25px;
 }
 #panel p {
    padding:40px 0 0 20px;
    line-height:26px;
 }
 #big {
    font-size:30px;
    line-height:30px;
 }
 #med {
    font-size:24px;
    line-height:26px;
 }


 #content_home {
    margin:10px 9px 0 9px;
 }

 #footer {
    width:932px;
    height:60px;
    background-color:#3e7bb8;
    position:relative;
    color:#fff;
    font-size:11px;
    margin:0 auto;
 }
 #footbot {
    width:932px;
    height:2px;
    border-bottom:1px solid #3e7bb8;
    margin:0 auto;
 }

 #copy {width:100%; text-align:center; padding-top:20px;}
 #copy a { color:#fff;}

 /* home */

 #p1 {
    width:219px;
    height:172px;
    background:#fff url(../images/p1.jpg) no-repeat 0 0;
    padding-top:135px
 }
 #p2 {
    width:219px;
    height:145px;
    background:#fff url(../images/p2.jpg) no-repeat 0 0;
 }
 #p3 {
    width:694px;
    height:309px;
    background:#fff url(../images/p3.jpg) no-repeat 0 0;
    margin-top:0px;
    font-size:11px;
    padding-bottom:5px;
 }
 #p4 {
    width:219px;
    height:145px;
    background:#fff url(../images/p4.jpg) no-repeat 0 0;
    margin-top:17px;
 }
 h3 {
    color:#3e7bb8;
    font-size:18px;
 }
 .pxp {
    padding:10px 10px 5px 10px;
 }
 #p2 .pxp2, #p4 .pxp2 {
    padding:10px 90px 5px 10px;
 }
 #p4 a, #p4 a:active, #p4 a:visited {
    color:#073f8c;
 }
 #p4 a:hover {
    color:#000;
 }
 #p1 p.pxp {
    padding:0px 10px 5px 10px;
 }
 #p3info {
    padding:5px 5px 0 240px;
    line-height:1.5em;
 }

 #p3info p{
    padding:10px 0 10px 10px;
 }

 #content_home h2 {
    font-size:26px;
    color:#3e7bb8;
 }
 .pm {  /* panel margin */
    margin-top:15px;
 }

 /* What is infertility + other pages */
 #content {
   margin:20px 9px 0 9px;
   background:#fff url(../images/butterflies.gif) no-repeat 0 100%;
 }

 #content h1 {
    font-size:26px;
    color:#3e7bb8;
 }
 #content h2 {
    font-size:18px;
    color:#3e7bb8;
 }
 #content h3 {
    font-size:15px;
    color:#3e7bb8;
 }
 #content h4 {
    font-size:15px;
    /* color:#3e7bb8; */
 }

 #content p,h1,h2,h3,h4, form {
    padding:0px 50px 10px 10px;
 }
 .end {
    margin-bottom:70px;
 }

 #cp {
    width:220px;
    background:#fff url(../images/tile_nav.gif) repeat-x 0 100%;
    margin-top:15px;
    border:1px solid #d0d0c5;
    position:relative;
 }
 #cptl {
    position:absolute;
    top:-1px;
    right:-1px;
 }

 #panelmain {
    width:692px;
    background:#;
    position:relative;
    height:100%;
 }
 #pctr {
    position:absolute;
    top:0;
    right:0;
 }

 /* contact us */

 #map img {
    border:1px solid #d0d0c5;
    margin-left:10px;
 }
 #map p {
    color:#858585;
 }

 /* Nav UL */
 #navul {
    line-height:15px;
 }
 #navul li {
    padding:5px 5px 2px 10px;
 }
 #navul a {
    color:#073f8c;
 }
 #navul a:hover {
    text-decoration:underline;
 }
 .sub_on {
    text-decoration:underline;
    font-weight:bold;
 }

 /* PAGE STYLES */
 .clrr {
    clear:right;
 }
 em {
   font-weight:bold;
 }
 h1 {
    font-weight:normal;
    padding-bottom:15px;
 }

 h3 {
    font-weight:normal;
 }


 /* COMMON STYLES */
 .ln {
    text-decoration:underline;
 }
 .bold {
    font-weight:bold;
 }
  .unbold {
    font-weight:normal;
 }
 .fll {
    float:left;
 }
 .flr {
    float:right;
 }
 .clr {
    clear:both;
 }
 .cll {
    clear:left;
 }
 .fix {
    font-size:0;
    line-height:0;
 }

 /*  CONTACT FORM */

 .contactform
 {
     border:1px dotted #666666;
     padding:0px 10px 10px 10px;
 }

 .contactform legend
 {
     font-size:15px;
     color:#3e7bb8;
 }

 #myform h3
 {
     color:green;
 }
 .contactform textarea {
     height:100px;
     width:400px;
 }
 .contactform fieldset {
	margin-bottom:15px;
	padding:5px;	
 }
 .contactform .form-error {
	color:red;
	font-weight:bold;
 }
 .contactform fieldset.form-error {
	margin-top:15px;
	border:1px solid red;
	background:#fee;
 }

 /* TEAM */

 #team-img-div {
     width:220px;
     padding:5px 10px;
 }

 #team-img-div img {
     border:1px solid #d3dae2;
 }

 #team-txt-div {
     width:450px;
 }

 #cp #pseudo_link {
    color:#3E7BB8;
 }
 #cp #pseudo_link a:hover {
    color:black;
 }
 
 #contactform {
	width:607px;
 }
 .contact-content {
	width:650px; 
 }
 #error {
	color:red !important;
 }