html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
outline-color: invert;
outline-style: none;
outline-width: 0pt;
font-size: 100%;
vertical-align: baseline;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0px 0px;
}
body {
background: #fff url(../images/body_background_2.jpg) top left repeat-x;
font-family: Arial,"Helvetica Neue", Helvetica, Verdana, sans-serif;
color: #333;
font-size: 62.5%;
}
#outerwrapper {
width: 1000px;
height: 100%;
margin: 0px auto;
}
/* Banner
*************************************************************************/
#banner {
float: left;
width: 956px;
height: 141px;
margin: 0px 0px 0px 22px;
}
h1 {
font-size: .75em;
text-indent: -2000px;
}
.logo {
background: url(../images/logo_big.gif) no-repeat top left;
float: left;
height: 116px;
width: 333px;
margin: 0px 0px 0px 15px;
}
/****** Contact ******/
#getintouch {
float: right;
text-decoration: none;
text-align: right;
margin: 65px 10px 0px 0px;
border: 0px solid red;
}
#getintouch p {
font-size: 2em;
color: #e3181e;
line-height: 130%;
font-weight: bold;
text-decoration: none;
margin: 0px;
}
#getintouch a, #getintouch a:visited {
font-size: 1.8em;
color: #2e3a6a;
font-weight: bold;
text-decoration: none;
margin: 0px;
}
#getintouch a:hover {
color: #2e3a6a;
text-decoration: none;
border-bottom: 1px solid #2e3a6a;
padding-bottom: 0px;
cursor: pointer;
}
#getintouch span.number {
background: url(../images/phone.gif) no-repeat left center;
font-size: 2.2em;
font-style: normal;
font-weight: bold;
/*letter-spacing: -0.04em;*/
color: #2e3a6a;
padding: 0px 0px 0px 40px;
}
/* Nav
*************************************************************************/
#Navigation {
background: url(../images/nav.gif) top left no-repeat;
width: 956px;
height: 40px;
padding: 0px;
margin: 0px 0px 0px 22px;
float: left;
position: relative;
}
#Navigation li {
margin: 0px;
padding: 0px;
list-style: none;
position: absolute; top: 0px;
text-indent: -5000px;
}
#Navigation li, #Navigation a {
height: 40px;
display: block;
}
#link1 {
left: 0; width: 73px;
}
#link2 {
left: 75px; width: 98px;
}
#link3 {
left: 173px; width: 119px;
}
#link4 {
left: 294px; width: 107px;
}
#link5 {
left: 684px; width: 67px;
}
#link6 {
left: 753px; width: 86px;
}
#link7 {
left: 840px; width: 116px;
}
#aboutus {
background: transparent url(../images/nav.gif) -75px -80px no-repeat;
left: 75px; width: 98px;
}
#ourcourses {
background: transparent url(../images/nav.gif) -173px -80px no-repeat;
left: 173px; width: 120px;
}
#contactus {
background: transparent url(../images/nav.gif) -294px -80px no-repeat;
left: 294px; width: 108px;
}
#IPAF {
background: transparent url(../images/nav.gif) -684px -80px no-repeat;
left: 684px; width: 67px;
}
#PASMA {
background: transparent url(../images/nav.gif) -753px -80px no-repeat;
left: 753px; width: 86px;
}
#ITSSAR {
background: transparent url(../images/nav.gif) -840px -80px no-repeat;
left: 840px; width: 116px;
}
#link1 a:hover {
background: transparent url(../images/nav.gif) 0 -40px no-repeat;
}
#link2 a:hover {
background: transparent url(../images/nav.gif) -75px -40px no-repeat;
}
#link3 a:hover {
background: transparent url(../images/nav.gif) -173px -40px no-repeat;
}
#link4 a:hover {
background: transparent url(../images/nav.gif) -294px -40px no-repeat;
}
#link5 a:hover {
background: transparent url(../images/nav.gif) -684px -40px no-repeat;
}
#link6 a:hover {
background: transparent url(../images/nav.gif) -753px -40px no-repeat;
}
#link7 a:hover {
background: transparent url(../images/nav.gif) -840px -40px no-repeat;
}
/* Typography
*************************************************************************/
#contentleft p {
font-size: 1.3em;
color: #333;
font-weight: normal;
line-height: 160%;
margin: 0px 0px 16px 16px;
}
#contentleftsub p {
font-size: 1.3em;
color: #333;
font-weight: normal;
line-height: 160%;
margin: 0px 0px 16px 34px;
}
.bold {
font-weight: bold;
}
#contentleftsub p.meetteam {
font-size: 1.3em;
color: #333;
font-weight: normal;
line-height: 160%;
margin: 0px 322px 16px 34px;
}
#contentleft h2 {
font-size: 2em;
color: #333;
font-weight: bold;
margin: 0px 0px 10px 16px;
}
#contentleftsub h2 {
font-size: 2em;
color: #333;
font-weight: bold;
margin: 0px 0px 10px 34px;
}
h3.red {
background: #e3181e url(../images/red_panel_header.jpg) left top repeat-x;
font-size: 1.75em;
color: #fff;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 9px 0px 7px 16px;
}
h3.blue {
background: #37457f url(../images/blue_panel_header.jpg) left top repeat-x;
font-size: 1.75em;
color: #fff;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 9px 0px 7px 16px;
}
#contentleftsub h3.testimonial {
font-size: 1.8em;
color: #999;
font-weight: bold;
margin: 0px 0px 6px 34px;
}
#contentleftsub h3.courses {
font-size: 1.8em;
color: #666;
font-weight: bold;
margin: 0px 0px 3px 34px;
}
#contentleft #contactbox h3 {
background: url(../images/arrow_contact.png) right center no-repeat;
display: inline;
font-size: 2.1em;
color: #2e3a6a;
font-weight: 600;
margin: 0px 0px 0px 16px;
padding: 0px 23px 0px 0px;
}
#contactboxsub h3 {
background: url(../images/arrow_contact.png) right center no-repeat;
display: inline;
font-size: 2.1em;
color: #2e3a6a;
font-weight: 600;
margin: 0px 0px 0px 16px;
padding: 0px 23px 0px 0px;
}
#contentleft #contactbox p, #orderbox p {
font-size: 1.15em;
color: #000;
line-height: 145%;
margin: 0px;
padding: 5px 35px 0px 16px;
}
#contentleft #orderbox h3 {
background: url(../images/arrow_order.png) right center no-repeat;
display: inline;
font-size: 2.1em;
color: #e3181e;
font-weight: 600;
margin: 0px 0px 0px 16px;
padding: 0px 23px 0px 0px;
}
#orderboxsub h3 {
background: url(../images/arrow_order.png) right center no-repeat;
display: inline;
font-size: 2.1em;
color: #e3181e;
font-weight: 600;
margin: 0px 0px 0px 16px;
padding: 0px 23px 0px 0px;
}
#isoboxsub h3 {
display: inline;
font-size: 1.6em;
color: #000;
font-weight: 600;
margin: 0px;
padding: 0px;
}
#contactboxsub p, #orderboxsub p {
font-size: 1.15em;
color: #000;
line-height: 145%;
margin: 0px;
padding: 5px 35px 0px 16px;
}
#isoboxsub p {
font-size: 1.15em;
color: #000;
line-height: 145%;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#panelwrapper #box p {
font-size: 1.15em;
color: #000;
line-height: 145%;
margin: 10px 14px 0px 24px;
padding: 0px 0px 20px 0px;
border: 0px solid green;
}
#contentleftsub .hours {
color: #e3181e;
font-weight: bold;
}
#contentleftsub blockquote p {
font-size: 1.3em;
color: #e3181e;
font-weight: normal;
line-height: 160%;
margin: 0px 10px 0px 25px;
padding: 0px 0px 8px 0px;
}
blockquote h3 {
font-size: 1.8em;
color: #e3181e;
font-weight: bold;
margin: 0px 0px 0px 25px;
}
/* Content
*************************************************************************/
#content {
background: url(../images/homepage_masthead.jpg) top left no-repeat;
width: 956px;
height: 100%;
float: left;
clear: left;
margin-left: 22px;
}
#contentleft {
width: 634px;
float: left;
clear: all;
margin: 0px;
}
#contentleft img {
float: right;
margin: -30px 0px 0px 2px;
}
#flash {
width: 956px;
height: 191px;
margin: 0px;
padding: 0px;
}
/****** right panel ******/
#contentright {
background: url(../images/sidebar_shadow_top.png) left top no-repeat;
width: 320px;
height: 100%;
float: left;
margin: 11px 0px 10px 2px;
border: 0px solid green;
}
#panelwrapper {
background: url(../images/sidebar_box_shadow.jpg) left top repeat-y;
position: relative;
float: right;
width: 311px;
height: 100%;
margin: 7px 9px 0px 0px;
border: 0px solid green;
}
#contentright #box {
background: url(../images/sidebar_box_gradient.jpg) bottom left repeat-x;
width: 311px;
min-height: 130px;
margin: 0px 0px 0px 9px;
padding: 0px 0px 0px 0px;
border: 0px solid green;
}
#panelwrapper #box p img {
float: right;
margin: 0px 0px 0px 0px;
padding: 5px 0px 10px 5px;
border: none;
}
#panelwrapper #box a, #panelwrapper #box a:visited {
color: #e3181e;
font-weight: bold;
text-decoration: none;
}
#panelwrapper #box a:hover {
border-bottom: 1px solid #e3181e;
font-weight: bold;
}
/****** order/contact boxes ******/
#contentleft #orderbox {
background: url(../images/gradient.jpg) top left repeat-x;
float: left;
width: 312px;
min-height: 140px;
margin: 10px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: 10px solid #e3181e;
}
#contentleft #contactbox {
background: url(../images/gradient.jpg) top left repeat-x;
float: left;
clear: right;
width: 312px;
min-height: 140px;
margin: 10px 0px 0px 10px;
padding: 15px 0px 0px 0px;
border-top: 10px solid #2e3a6a;
}
#contentleft #contactbox a, #contactbox a:visited {
font-size: inherit;
text-align: left;
color: #000;
font-weight: normal;
text-decoration: none;
line-height: normal;
}
#contentleft #contactbox a:hover {
color: #000;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #666;
padding-bottom: 0px;
cursor: pointer;
}
.contactbox {
font-size: 1.3em;
font-weight: bold;
color: #000;
padding: 0px 0px 0px 0px;
}
/****** Speechbubble ******/
#speechbox {
background: #e3181e url(../images/speech_box_top.gif) no-repeat left top;
width: 586px;
margin: 18px 0px 0px 10px;
padding: 36px 0px 0px 0px;
}
#speechbox p {
background: url(../images/speech_box_bottom.gif) no-repeat left bottom;
font-size: 1.85em;
color: #fff;
font-weight: 500;
text-decoration: none;
text-align: center;
line-height: 155%;
padding: 0px 55px 40px 55px;
margin: -15px 0px 0px 0px;
}
/* Content sub pages
*************************************************************************/
#contentsub {
background: url(../images/gradient.jpg) top left repeat-x;
width: 956px;
height: 100%;
float: left;
margin-left: 22px;
border: 0px solid green;
}
#contentrightsub {
background: #fff url(../images/subnav_shadow2.jpg) left top no-repeat;
width: 130px;
height: 320px;
float: left;
margin: 0px 0px 10px 0px;
border: 0px solid green;
}
#contentleftsub {
width: 826px;
float: left;
clear: both;
margin: 46px 0px 35px 0px;
}
img.submain {
float: right;
margin: 0px 40px 0px 30px;
padding: 10px;
border: 1px solid #ccc;
}
img.testimonials {
float: right;
margin: 0px 40px 20px 30px;
padding: 5px;
border: 1px solid #ccc;
}
img.robert_irvine_list {
margin: 0px 300px 4px 34px;
}
img.test_signatures {
margin: 0px 300px 50px 34px;
}
#portraitswrap {
width: 826px;
height: 100%;
margin: 30px 0px 30px 0px;
padding: 0px 0px 0px 34px;
overflow: hidden;
border: 0px solid green;
}
img.portraits {
float: left;
margin: 0px 40px 0px 0px;
padding: 5px;
border: 1px solid #ccc;
}
#portraitswrap #labelname h3.bill {
float: left;
font-size: 1.5em;
color: #000;
font-weight: bold;
margin: 0px;
padding: 10px 123px 0px 6px;
}
#portraitswrap #labelname h3.mark {
float: left;
font-size: 1.5em;
color: #000;
font-weight: bold;
margin: 0px;
padding: 10px 105px 0px 0px;
}
#portraitswrap #labelname h3.simon {
float: left;
font-size: 1.5em;
color: #000;
font-weight: bold;
margin: 0px;
padding: 10px 94px 0px 0px;
}
#portraitswrap #labelname h3.john {
float: left;
font-size: 1.5em;
color: #000;
font-weight: bold;
margin: 0px;
padding: 10px 120px 0px 0px;
}
#contentleftsub #courselisting, ul {
width: 260px;
margin: 0px 0px 0px 34px;
padding: 0px;
border: 0px;
}
#contentsub #contentleftsub #courselisting li {
background: none;
font-size: 1.4em;
font-weight: bold;
list-style: none;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}
#courselisting a, #courselisting a:visited {
background: url(../images/gradient_courselist.jpg) left bottom no-repeat;
text-decoration: none;
display: block;
color: #e3181e;
margin: 0p;
padding: 0px 0px 5px 12px;
}
#courselisting a:hover {
background: url(../images/gradient_courselist_hover.jpg) left bottom no-repeat;
display: block;
color: #2e3a6a;
text-decoration: none;
padding: 0px 0px 5px 12px;
}
#contentleftsub p a, #contentleftsub p a:visited {
color: #999;
text-decoration: none;
}
#contentleftsub p a:hover {
color: #333;
text-decoration: none;
border-bottom: 1px solid #333;
}
#contentleftsub ul {
width: 100%;
list-style: none;
margin: 14px 0px 14px 34px;
}
#contentleftsub li {
background: url(../images/square_bullet.gif) 0px 4px no-repeat;
font-size: 1.3em;
text-align: justify;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 21px;
}
/****** course table ******/
table {
border-collapse: collapse;
width: 450px;
border: 1px solid #ccc;
font-size: 1.4em;
margin: 0px 0px 22px 34px;
}
th, td {
padding: 8px 10px;
border-right: 1px solid #ccc;
font-weight: normal;
text-align: left;
}
caption {
font-size: 1.4em;
font-weight: bold;
color: #333;
margin: 20px 0px 12px 0px;
text-align: left;
}
thead {
background-color: #999;
color: #fff;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}
.oddrow {
background-color: #f6f6f6;
}
tr:hover {
background-color: #e3181e;
color: #fff;
}
thead tr:hover {
background-color: transparent;
color: #fff;
}
/****** table end ******/
blockquote {
background: url(../images/commatop.gif) top left no-repeat;
width: 280px;
height: 100%;
float: right;
clear: right;
margin: 19px 26px 20px 30px;
}
#contentleftsub blockquote a, #contentleftsub blockquote a:visited {
color: #333;
text-decoration: none;
}
#contentleftsub blockquote a:hover {
color: #333;
text-decoration: none;
border-bottom: 1px solid #333;
}
.last {
background: url(../images/commabottom.gif) bottom right no-repeat;
padding: 0px 25px 0px 0px;
}
/****** order/contact etc boxes ******/
#boxeswrapper {
width: 956px;
height: 100%;
float: left;
margin: 0px 0px 0px 22px;
}
#orderboxsub {
background: url(../images/gradient.jpg) top left repeat-x;
float: left;
width: 408px;
min-height: 140px;
margin: 10px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: 10px solid #e3181e;
}
#contactboxsub {
background: url(../images/gradient.jpg) top left repeat-x;
float: left;
clear: right;
width: 329px;
min-height: 140px;
margin: 10px 0px 0px 10px;
padding: 15px 0px 0px 0px;
border-top: 10px solid #2e3a6a;
}
#contactboxsub a, #contactboxsub a:visited {
font-size: inherit;
text-align: left;
color: #000;
font-weight: normal;
text-decoration: none;
line-height: normal;
}
#contactboxsub a:hover {
color: #000;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #666;
padding-bottom: 0px;
cursor: pointer;
}
#isoboxsub {
background: url(../images/gradient.jpg) top left repeat-x;
float: left;
width: 199px;
min-height: 140px;
margin: 10px 0px 0px 10px;
padding: 15px 0px 0px 0px;
border-top: 10px solid #e3181e;
}
img.isoboxsub {
float: left;
margin: 0px 6px 6px 14px;
padding: 0px;
border: 0px solid #ccc;
}
/****** sub nav ******/
#contentrightsub ul {
list-style: none;
margin: 50px 0px 0px 15px;
}
#contentrightsub li {
background: url(../images/subnav_arrow.gif) 0px 2px no-repeat;
margin: 0px 0px 14px 0px;
padding: 0px 0px 0px 20px;
}
#contentrightsub a, #contentrightsub a:visited {
font-size: 1.4em;
color: #999;
text-decoration: none;
margin: 0p;
padding: 0px;
}
#contentrightsub a:hover {
color: #666;
text-decoration: none;
}
#contentrightsub a.current, #contentrightsub a:visited.current {
font-size: 1.4em;
color: #000;
text-decoration: none;
margin: 0p;
padding: 0px;
}
#contentrightsub a:hover.current {
color: #000;
text-decoration: none;
}
#contentrightsub li.subnavheader {
background: none;
font-size: 1.4em;
margin: 0px 0px 14px 0px;
list-style-image: none;
font-weight: bold;
font-color: #333;
}
address {
float: left;
font-size: 1.4em;
color: #333;
font-weight: normal;
line-height: 160%;
margin: 0px 0px 16px 34px;
}
address a, address a:visited {
color: #999;
text-decoration: none;
}
address a:hover {
border-bottom: 1px solid #999;
}
address img {
margin: 10px 0px 0px 0px;
padding: 5px;
border: 1px solid #ccc;
}
#googlemap {
float: right;
clear: right;
margin: -31px 40px 50px 30px;
padding: 10px;
border: 1px solid #ccc;
}
/* Footer
*************************************************************************/
#footer {
width: 956px;
height: 100%;
clear: both;
border-top: 1px solid #d6d6d6;
border-bottom: 5px solid #e3181e;
margin: 0px 0px 20px 0px;
overflow: hidden;
}
#footer ul {
width: 100%;
list-style: none;
margin: 30px 0px 0px 8px;
}
#footer li {
float: left;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#footer a, #footer a:visited {
font-size: 1.1em;
color: #999;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 8px 0px 8px;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
}
#footer p {
float: left;
clear: both;
color: #999;
margin: 0px 0px 10px 16px;
padding: 4px 0px 0px 0px;
}