@import url("reset.css");

body { font-family:"Myriad Pro"; font-size:13px; color:#5a5a5a; line-height:1.3em;}
p { padding:3px 0;}
#header { background:url(../images/header-bg.png) repeat-x; width:100%; height:82px;}
#center { background:#ebeaea url(../images/center-bg.png) repeat-x top; width:100%; min-height:912px; margin-top:1px; margin-bottom:1px; }
#footer { background:url(../images/footer-bg.png) repeat-x; width:100%; height:104px; position:relative; margin-top:-50px; z-index:1}

.header { width:950px; margin:auto; position:relative}
.center { width:950px; margin:auto; position:relative}
.footer { width:950px; margin:auto; position:relative}


h1.title { font-size:26px; color:#1877ab; font-weight:normal; float:left;}
p.subtitle { clear:both; float:left; width:100%; font-size:15px; padding:10px 0 0 0; line-height:1.5em;}

.logo { width:380px; height:90px; position:absolute; top:0px; left:-55px;}
.top-menu { position:absolute; right:0px; top:45px; font-family:Arial; font-size:14px; color:#fff;}
.top-menu a { color:#fff; text-decoration:none; padding:25px 15px; background:url(../images/separator.png) no-repeat left center; }
.top-menu ul li { display:inline; float:left; line-height:28px;  }
.top-menu ul li.separator { padding:0} 
.top-menu a#home { padding:25px}
.top-menu a#home .active { background:url(../images/home-hover.png) no-repeat; position:relative; padding:25px}
.top-menu a#home:hover {  background:url(../images/home-hover.png) no-repeat; position:relative; padding:25px}
.top-menu a#planning:hover {  background:url(../images/planning-hover.png) no-repeat; position:relative; padding:25px 15px}

.center-heading { width:100%; height:300px;}
.center-heading .desc { width:350px; float:left; padding:100px 0 0 0;}
.center-heading .steps { float:right; width:600px; padding:24px 0 0 0;}
.center-heading .steps div { float:left}

.main { background: url(../images/main.png) no-repeat; width:966px; min-height:645px; margin:auto; position:relative; z-index:2;}
.main h1 { font-size:22px; color:#787878; font-weight:normal; padding:10px 0;}
.main h1 span { color:#13659a;}
.main .content { width:900px; margin:auto; padding:70px 0 0 0; font-size:13px; }
.main .content .desc { width:580px; float:left; padding:0 10px 0 0;}
.main .content .image { width:303px; height:211px; background:url(../images/picture-bg.png) no-repeat; float:left }
.main .content .image div { width:287px; height:194px; margin:auto; padding:8px 0 0 0;}
.main .content .desc ul { padding-left:40px;}
.main .content .desc li { list-style-type:disc;}

/* ----------- Home Modules -------------- */
.module { width:270px; height:auto; float:left; position:relative; margin: 50px 40px 0 0;}
.module h1 { font-size:17px; color:#fff; padding:7px 0 0 20px}
.module p { padding:5px 5px 0 10px}
.module p.find-us  span { color:#156ea3; font-weight:bold}
.module .plic { position:absolute; right:10px;}
.module .ico { position:absolute; right:20px; top:-15px}
.module .module-header { width:270px; height:45px;}
.module .module-center { width:268px; min-height:148px; background:#dddee0 url(../images/module-center.png) repeat-x top; border-left:solid 1px #bfc1c3; border-right:solid 1px #bfc1c3 }
.module .module-footer { width:270px; height:7px; background:url(../images/module-footer.png) no-repeat}
.module .module-center ul { padding:5px 0 0 30px}
.module .module-center ul li { list-style-image:url(../images/list-image.png)}
.module .blue { background:url(../images/module-blue-top.png) no-repeat;}
.module .orange { background:url(../images/module-orange-top.png) no-repeat;}
.module .green { background:url(../images/module-green-top.png) no-repeat;}

/* ----------- Footer -------------- */
.logo-footer { float:left; padding:38px 0 0 21px}
.footer-menu { float:right; text-align:right; padding:38px 0 0 0; color:#cce7e9}
.footer-menu ul li { display:inline; padding:0 3px;}
.footer-menu a {color:#cce7e9; text-decoration:none}

/* ----------- Planning Page -------------- */
h1.blue {color:#13659a;}
#tabs { padding: 0; }
#tabs li { display: inline; }
#tabs li a { background: #fff; padding: 10px; float:left; border: 1px solid #ccc; border-bottom: none; text-decoration: none; color: #000; font-size:14px; font-weight: bold;}
#tabs li.active a { background: #d7d6d6; }
.tabscontent { float: left; clear: both; padding: 10px 20px 20px; width: 540px; border: 1px solid #ccc;  }
.content h2 { text-decoration:underline; color:#13659a}