html, body {
height: 100%;
padding: 0;
margin: 0;
font-size: 11px;
}
div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, select {
margin: 0;
padding: 0;
}
img {border: 0;}
a {outline: none;}
#landing-page {
width: 100%;
height: 100%;
display: table;
margin: 0 auto;
vertical-align: middle;
background: #ffffff url("../images/landing-bg.jpg") no-repeat center center;
}
#landing-page .div-wrapper {
display: table-cell;
vertical-align: middle;
}
#landing-page .centered-block {
width: 680px;
position: relative;
margin: 0 auto;
}
#landing-page .main-block {
float: left;
width: 100%;
height: 305px;
position: relative;
}
#landing-page .welcome-text {
width: 325px;
position: absolute;
left: 0px; top: 126px;
font: bold 15px Arial;
color: #757575;
}
#landing-page .welcome-text h1 {
font: bold 18px 'Arial Narrow';
text-transform: uppercase;
color: #323232;
}
#landing-page .enter-here {
width: 315px;
height: 55px;
position: absolute;
right: 0px; top: 0px;
padding: 45px 20px 0px 20px;
background: url("../images/enter-bg.jpg") no-repeat 0 0;
}
#landing-page .enter-here a {font: normal 16px Arial; color: #ffffff; text-decoration: underline;}
#landing-page .enter-here a:hover {text-decoration: none;}
#landing-page .slideshow-1 {
left: 325px !important;
top: 202px !important;
}
#landing-page .slideshow-2 {
right: 0px !important;
top: 101px !important;
}
#main {
width: 950px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -127px auto;
}
#header {
float: left;
width: 100%;
height: 173px;
position: relative;
margin: 15px 0px 0px 0px;
overflow: hidden;
}
.logo {
position: absolute;
left: 0px; top: 0px;
}
.filial {
position: absolute;
left: 0px; top: 75px;
font: bold 17px 'Arial Narrow';
letter-spacing: 2px;
text-transform: uppercase;
color: #a00d4c;
}
.nav {
width: 710px;
height: 72px;
position: absolute;
top: 0px; right: 0px;
background: url("../images/nav-bg.jpg") no-repeat 0 0;
}
.nav ul {list-style: none;}
.nav ul li {
float: left;
/* height: 12px;*/
display: inline;
position: relative;
margin: 8px 0px 4px 15px;
overflow: hidden;
}
.nav ul li a{
color:#FFF;
font: bold 16px 'Arial Narrow';
text-decoration:none;
text-transform:uppercase;
}
.nav ul li a:hover{
color:#fddc34;
}
.nav ul li.active a{
color:#fddc34;
}
.nav ul li img {position: relative; top: 0px;}
.nav ul li:hover img, .nav ul li.over img {top: -17px;}
.nav ul .active img {top: -17px;}
.searchbox {
width: 230px;
position: absolute;
top: 105px; left: 0px;
}
.searchbox .title {
float: left;
margin: 0px 0px 4px 0px;
font: bold 14px 'Arial Narrow';
text-transform: uppercase;
color: #a00d4c;
}
.searchbox table {float: left; width: 100%;}
.searchbox table div {
padding: 4px 6px 4px 6px;
background: url("../images/search-bg.png") no-repeat 0 0;
}
.searchbox table div input {
width: 161px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.slideshow-1 {
width: 355px;
height: 100px;
position: absolute;
left: 240px; top: 73px;
}
.slideshow-1 ul {
width: 355px;
height: 100px;
position: relative;
list-style: none;
}
.slideshow-1 ul li{
width: 355px;
height: 100px;
position: absolute;
overflow: hidden;
}
.slideshow-2 {
width: 355px;
height: 100px;
position: absolute;
right: -1px; top: 73px;
}
.slideshow-2 ul {
width: 355px;
height: 100px;
position: relative;
list-style: none;
}
.slideshow-2 ul li{
width: 355px;
height: 100px;
position: absolute;
overflow: hidden;
}
#content {
float: left;
width: 100%;
padding: 20px 0px 20px 0px;
font: normal 12px Arial;
color: #323232;
}
#content a {font: normal 12px Arial; color: #a40046; text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content h1 {
margin: 0px 0px 14px 0px;
font: bold 16px 'Arial Narrow';
text-transform: uppercase;
color: #A40046;
}
#content h2 {
margin: 0px 0px 14px 0px;
font: bold 16px 'Arial Narrow';
text-transform: uppercase;
color: #323232;
}
.push {height: 127px; clear: both;}
.left-column {
float: left;
width: 200px;
padding: 0px 40px 0px 0px;
}
.right-column {
float: left;
width: 710px;
padding: 0px 0px 0px 0px;
}
.left-panel {
float: left;
width: 335px;
padding: 0px 20px 0px 0px;
}
.right-panel {
float: right;
width: 354px;
display: inline;
position: relative;
margin: -19px 0px 0px 0px;
overflow: hidden;
}
.common-panel {
float: left;
width: 710px;
margin: 25px 0px 0px 0px;
}
.title {
float: left;
width: 100%;
margin: 0px 0px 12px 0px;
font: bold 12px Arial;
color: #a40046;
}
.headline {
float: left;
width: 100%;
margin: 0px 0px 12px 0px
}
.headline h1 {margin: 0px 0px 0px 0px !important;}
.text-block {
float: left;
width: 100%;
margin: 0px 0px 25px 0px;
}
/*.text-block ul {list-style: none;} */
.text-block ul li {
margin: 0 0 0 10px;
padding: 0;
/*background: url("../images/bullet.gif") no-repeat 0 7px;*/
}
.recent-news {
float: left;
width: 100%;
margin: 0px 0px 25px 0px;
}
.recent-news ul {
float: left;
width: 100%;
list-style: none;
margin: -20px 0px 20px 0px;
}
.recent-news ul li {
float: left;
width: 100%;
margin: 20px 0px 0px 0px;
font: normal 12px Arial;
color: #323232;
}
.recent-news ul li span {
display: block;
font: normal 11px Arial;
color: #a8a8a8;
}
.recent-news ul li div {margin: 0px 0px 5px 0px;}
.recent-news ul li a {font: normal 12px Arial !important; color: #323232 !important; text-decoration: none !important;}
.recent-news ul li a:hover {text-decoration: underline !important;}
.recent-news ul li div a {font: bold 12px Arial !important; color: #a40046 !important; text-decoration: underline !important;}
.recent-news ul li div a:hover {text-decoration: none !important;}
.recent-news .all-news a {font: bold 12px Arial !important; color: #a40046 !important; text-decoration: underline !important;}
.recent-news .all-news a:hover {text-decoration: none !important;}
.events {
float: left;
width: 100%;
margin: 0px 0px 25px 0px;
}
.events table {width: 100%; margin: -25px 0px 0px 0px;}
.events table td {padding: 25px 0px 0px 0px; vertical-align: top;}
.events img {width: 110px; height: auto;}
.resources-block {
float: left;
width: 335px;
}
.resources-block ul {
float: left;
width: 340px;
list-style: none;
display: inline;
margin: -20px -5px 0px 0px;
}
.resources-block ul li {
float: left;
width: 160px;
display: inline;
margin: 20px 10px 0px 0px;
font: normal 11px Arial;
color: #7b7b7b;
}
.resources-block ul li a {font: bold 12px Arial !important; color: #a40046 !important; text-decoration: underline !important;}
.resources-block ul li a:hover {text-decoration: none !important;}
.resources-block ul li .img {
float: left;
width: 100%;
height: 95px;
display: inline;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
.resources-block ul li .txt {
float: left;
width: 100%;
height: 70px;
margin: 6px 0px 0px 0px;
overflow: hidden;
}
.resources-block ul li .txt span {
display: block;
margin: 6px 0px 0px 0px;
}
.resources-block ul li .cell {
width: 100%;
height: 95px;
display: table-cell;
vertical-align: middle;
}
.banner {
float: left;
width: 100%;
font-size: 0px;
}
.menu {
float: left;
width: 355px;
display: inline;
margin: 0px 0px 25px 0px;
}
.menu ul {
float: left;
width: 355px;
list-style: none;
}
.menu ul li {
float: left;
width: 325px;
margin: 1px 0px 0px 0px;
padding: 10px 15px 10px 15px;
background: #a00d4c;
}
.menu ul li a {font: bold 16px 'Arial Narrow' !important; color: #ffffff !important; text-decoration: none !important;}
.menu ul li a:hover {text-decoration: underline !important;}
.menu ul li img {
vertical-align: middle;
margin: 0px 0px 0px 15px;
}
.shrink {
width: 230px !important;
margin: 0px -30px 0px 0px;
}
.shrink ul {width: 230px !important;}
.shrink ul li { width: 200px !important;}
.left-menu {
float: left;
width: 100%;
margin: 0px 0px 25px 0px;
}
.left-menu ul {
float: left;
width: 100%;
list-style: none;
margin: -18px 0px 0px 0px;
}
.left-menu ul li {
float: left;
width: 100%;
margin: 18px 0px 0px 0px;
}
.testimonials {
float: left;
width: 355px;
}
.testimonials ul {
float: left;
width: 355px;
list-style: none;
margin: -20px 0px 0px 0px;
}
.testimonials ul li {
float: left;
width: 355px;
margin: 20px 0px 0px 0px;
}
.testimonials ul li span {
display: block;
margin: 14px 0px 0px 0px;
font: normal 10px Arial;
color: #8f8f8f;
}
.resources-list {
float: left;
width: 710px;
border-top: 1px solid #d6d6d6;
padding: 10px 0px 0px 0px;
}
.resources-list ul {
float: left;
width: 730px;
list-style: none;
margin: -20px -20px 0px 0px;
}
.resources-list ul li {
float: left;
width: 345px;
display: inline;
margin: 20px 20px 0px 0px;
font: normal 11px Arial;
color: #7b7b7b;
}
.resources-list ul li a {font: bold 12px Arial !important; color: #a40046 !important; text-decoration: underline !important;}
.resources-list ul li a:hover {text-decoration: none !important;}
.resources-list ul li .img {
float: left;
width: 100px;
height: 95px;
display: inline;
margin: 0px 15px 0px 0px;
overflow: hidden;
}
.resources-list ul li .img .cell {width: 100px; text-align: center;}
.resources-list ul li .txt {
float: left;
width: 230px;
height: 95px;
overflow: hidden;
}
.resources-list ul li .txt span {
display: block;
margin: 6px 0px 0px 0px;
}
.resources-list ul li .optn {
float: left;
width: 100%;
margin: 6px 0px 0px 0px;
}
.resources-list ul li .optn table {width: 100%;}
.resources-list ul li .cell {
width: 100%;
height: 95px;
display: table-cell;
vertical-align: middle;
}
.contact-form {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
.contact-form .form-table {
margin: -8px 0px 0px 0px;
}
.contact-form .form-table td {
vertical-align: top;
padding: 8px 5px 0px 0px;
}
.contact-form .form-table td p {
margin: 2px 0px 0px 0px;
}
.contact-form .form-table td .textfield {
padding: 4px 6px 4px 6px;
background: url("../images/textfield-bg.png") no-repeat 0 0;
}
.contact-form .form-table td .textfield input {
width: 311px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.contact-form .form-table td .textarea{
padding: 6px 6px 6px 6px;
background: url("../images/textarea-bg.png") no-repeat 0 0;
}
.contact-form .form-table td .textarea textarea {
width: 311px;
height: 80px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.reg-form {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
.reg-form .form-table {
float: left;
margin: -8px 0px 0px 0px;
}
.reg-form .form-table td {
vertical-align: top;
padding: 8px 5px 0px 0px;
}
.reg-form .form-table td p {
margin: 2px 0px 0px 0px;
padding: 0px 5px 0px 0px;
text-align: right;
}
.reg-form .form-table td .select select {
width: 213px;
font: normal 12px Arial;
color: #323232;
}
.reg-form .form-table td .textfield {
padding: 4px 6px 4px 6px;
background: url("../images/textfield-bg-2.png") no-repeat 0 0;
}
.reg-form .form-table td .textfield input {
width: 201px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.reg-form .form-table td .textarea{
padding: 6px 6px 6px 6px;
background: url("../images/textarea-bg-2.png") no-repeat 0 0;
}
.reg-form .form-table td .textarea textarea {
width: 201px;
height: 70px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.reg-form .form-table-2 {
float: left;
width: 710px;
margin: -8px 0px 0px 0px;
}
.reg-form .form-table-2 td {
vertical-align: top;
padding: 8px 5px 0px 0px;
}
.reg-form .form-table-2 td p {
padding: 0px 0px 0px 10px;
}
.reg-form .form-table-2 td .textfield {
padding: 4px 6px 4px 6px;
background: url("../images/textfield-bg-2.png") no-repeat 0 0;
}
.reg-form .form-table-2 td .textfield input {
width: 201px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.reg-form .form-table-2 td .textfield-2 {
padding: 4px 6px 4px 6px;
background: url("../images/textfield-bg-3.png") no-repeat 0 0;
}
.reg-form .form-table-2 td .textfield-2 input {
width: 101px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.reg-form .form-table-2 td .textfield-3 {
padding: 4px 6px 4px 6px;
background: url("../images/textfield-bg-4.png") no-repeat 0 0;
}
.reg-form .form-table-2 td .textfield-3 input {
width: 141px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.reg-form .form-table-2 td .textfield-4 {
padding: 4px 6px 4px 6px;
background: url("../images/textfield-bg-5.png") no-repeat 0 0;
}
.reg-form .form-table-2 td .textfield-4 input {
width: 131px;
border-width: 0;
background: none;
font: normal 12px Arial;
color: #323232;
}
.reg-form .form-table-2 td .submit {
float: left;
width: 93px;
height: 22px;
display: inline;
border-width: 0;
overflow: visible;
background: url("../images/button-05.png") no-repeat 0 0;
}
.reg-form .form-table-2 td .reset {
float: left;
width: 73px;
height: 22px;
display: inline;
border-width: 0;
overflow: visible;
margin: 0px 0px 0px 25px;
background: url("../images/button-06.png") no-repeat 0 0;
}
.star, .view-profile {
margin: 0px 0px 0px 5px;
vertical-align: middle;
}
.red {color: #cc0033 !important;}
.no-offset {margin: 0px 0px 0px 0px;}
.accredited {
position: relative;
margin: 0px 0px -20px 0px;
text-indent: 145px;
z-index: 10;
}
.consultants-list {
float: left;
width: 710px;
}
.consultants-list ul {
float: left;
width: 710px;
margin: -16px 0px 0px 0px;
}
.consultants-list ul li {
float: left;
width: 330px;
margin: 16px 0px 0px 0px;
}
.consultants-list ul li .consultant-name {
margin: 0px 0px 14px 0px;
font: bold 16px Arial;
color: #323232;
}
.consultants-list ul li .consultant-name img {
margin: 0px 0px 0px 5px;
vertical-align: middle;
}
#footer {
width: 950px;
height: 72px;
margin: 0 auto;
padding: 0px 0px 15px 0px;
background: url("../images/footer-bg.jpg") no-repeat 0 0;
font: normal 12px Arial;
color: #ffffff;
}
#footer a {font: normal 12px Arial; color: #fdb5bf; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
.copyright {
float: left;
width: 400px;
display: inline;
margin: 20px 0px 0px 240px;
}
.copyright span {color: #fdb5bf;}