html, body {
margin:0;
padding:0;
height:100%;
}
a:link {
color: #666666; text-decoration:none;
}
a:visited {
color: #666666;text-decoration:none;
}
a:hover {
color: #666666;text-decoration:underline;
}
a:active {
color: #666666;text-decoration:none;
}
#wrapper {
min-height:90%;
height:auto;
margin-left:auto;/* centre for compliant browsers */
margin-right:auto;/* centre for compliant browsers */
width: 1000px;
background-color:#FFFFFF;
border-bottom:#636567 solid 1px;
}
* html #wrapper {
height: 90%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.left {
width:210px;
height:auto;
float:left;
margin-top:20px;
}
#main {
background-color:#FFFFFF;
width:780px;
padding-top:5px;
}
#mainTextArea {
text-align:left;
margin:20px 20px 10px 20px;
width:481px;
float:left;
}
.maintext {
font: 14px Helvetica;
text-align:left;
color:#636567;
}
.maintext ul li{
list-style: disk;
margin-left:20px;
line-height: 20px;
}
.maintextBold {
font-weight: bold ;
}
.maintext_small_italic {
font: 12px Helvetica;
text-align:left;
color:#636567;
font-style:italic;
line-height: 20px;
}
p {
line-height: 20px;
}
a.maintextBlue_italic{
font: 13px Helvetica ;
font-weight:bold;
color:#0099cc;
font-style:italic;
}
a.maintextBlue_italic:hover {
text-decoration:underline;
color:#0099cc;
}
H3 {
font: 17px Helvetica ;
}
.red {
font: 13px Helvetica;
text-align:left;
color:#C1272D;
font-weight: bold;
}
.yellow {
font: 13px Helvetica;
text-align:left;
color:#FFC20E;
font-weight: bold;
}
.signup {
font: 13px Helvetica;
text-align:left;
color:#E25B3F;
font-weight: bold;
}
.orange {
font: 13px Helvetica;
text-align:left;
color: #ED9127;
font-weight: bold;
}
.pink {
font: 13px Helvetica;
text-align:left;
color:#EC008C;
font-weight: bold;
}
.brown {
font: 13px Helvetica;
text-align:left;
color:#8A6B4F;
font-weight: bold;
}
.green {
font: 13px Helvetica;
text-align:left;
color:#28903A;
font-weight: bold;
}
.blue {
font: 13px Helvetica;
text-align:left;
color:#0071BC;
font-weight: bold;
}
.purple {
font: 13px Helvetica;
text-align:left;
color:#662D91;
font-weight: bold;
}
.black {
font: 13px Helvetica;
text-align:left;
color:#000;
font-weight: bold;
}
.pdf a {
color:#000;
line-height:12px;
font: 13px Helvetica;
}
/*- Top Header --------------------------- */
.phone {
float:left;
background:url(../images/phone.gif) no-repeat;
width:122px;
height: 22px;
margin-top:-38px;
margin-left:10px;
}
.email {
float:right;
background:url(../images/email.gif) no-repeat;
width:35px;
height: 18px;
margin-top:-33px;
margin-right:35px;
clear:right;
}
#header {
position: relative;
margin: 0;
width: 1000px;
padding-top: 19px;
}
.headerImage1 {
float:left;
background: url(../images/header1.gif) no-repeat;
height:138px;
width:418px;
}
.headerImage2 {
float:left;
background: url(../images/header2.gif) no-repeat;
height:204px;
width:380px;
margin-top:-66px;
}
.headerImage3{
float:right;
background: url(../images/header3.gif) no-repeat;
height:124px;
width:202px;
margin-top:14px;
}
.logo {
background:url(../images/logo.gif) no-repeat;
width:377px;
height: 57px;
margin-left:41px;
display:block;
}
/*- End Top Header --------------------------- */
/*- Text Headers --------------------------- */
.header_home {
background:url(../images/header_home.gif) no-repeat;
height:34px;
}
.header_about {
background:url(../images/header_about.gif) no-repeat;
height:34px;
}
.header_portfolio {
background:url(../images/header_portfolio.gif) no-repeat;
height:34px;
}
.header_services {
background:url(../images/header_services.gif) no-repeat;
height:34px;
}
.header_contact {
background:url(../images/header_contact.gif) no-repeat;
height:34px;
}
.header_links {
background:url(../images/header_links.gif) no-repeat;
height:34px;
}
.header_thanks {
background:url(../images/header_thanks.gif) no-repeat center;
height:58px;
margin-top:75px;
}
/*- End Text Headers --------------------------- */
/*- Top Navigation --------------------------- */
#vdividermenu {
height:29px;
font: bold 15px Helvetica;
width: 942px;
background-color: #ffffff;
float:right;
margin: 4px auto;
letter-spacing:.01em;
}
#vdividermenu li{
display: inline;
}
#vdividermenu li a{
float: left;
color: #636567;
padding: 5px 33px 5px 33px;
text-decoration: none;
border-right: #000000 solid 1px;
}
#vdividermenu li a:hover {
color: #000000;
}
#vdividermenu li a.print{
color: #f47321;
border-right: none;
padding: 5px 33px 5px 33px;
}
#vdividermenu li a:hover.print{
color: #000000;
}
/*-End Top Navigation --------------------------- */
/*-Left Images --------------------------- */
.home {
background :url(../images/home_left.gif) no-repeat center ;
height:159px;
width: 99%;
padding:10px 0 10px 0;
}
.about {
background :url(../images/about_left.gif) no-repeat center ;
height:159px;
width: 100%;
padding:10px 0 10px 0;
}
.contact {
background :url(../images/contact_left.gif) no-repeat center ;
height:159px;
width: 100%;
padding:10px 0 10px 0;
}
.links {
background :url(../images/links_left.gif) no-repeat center ;
height:159px;
width: 100%;
padding:10px 0 10px 0;
}
.portfolio {
background :url(../images/portfolio_left.gif) no-repeat center ;
height:159px;
width: 100%;
padding:10px 0 10px 0;
}
.logo_left {
background :url(../images/logo_left.gif) no-repeat right top;
height:100px;
width: 100%;
margin:0px 0 5px 0px;
}
.bright_left {
background :url(../images/bright_left.gif) no-repeat right top;
height:100px;
width: 100%;
margin:0px 0 5px 0px;
}
.checklist_left {
background :url(../images/checklist_left.gif) no-repeat right top;
height:100px;
width: 100%;
margin:0px 0 5px 0px;
}
.color_left {
background :url(../images/color_left.gif) no-repeat right top;
height:100px;
width: 100%;
margin:0px 0 5px 0px;
}
.pdf {
height:100px;
width: 195px;
padding:30px 3px 5px 13px;
text-align:right;
color:#0099cc;
}
.services{
font: .80em Helvetica;
font-weight:bold;
text-align:left;
margin:20px 0 50px 0;
letter-spacing:-.01em;
}
.services ul li {
margin:5px 0 0 0px;
border-bottom:#636567 solid 1px;
list-style:none;
padding-bottom:5px;
}
.services a{
color:#636567;
line-height:18px;
padding-bottom: 4px;
text-decoration:none;
}
.services a:hover{
color:#DF4426;
text-decoration:none;
}
a.servicesRed {
color:#DF4426;
font-weight:bold;
}
.redbkgrd {
background-color:#fff;
padding:2px;
}
.formSmall {
width:175px;
height:162px;
margin-top:15px;
background:url(../images/sign_up.gif) no-repeat;
padding-top:25px;
}
.smallwhiteText {
color:#fff;
}
.form {
margin:5px 0 10px 0;
padding:10px;
}
.formSmallBlack {
font: 11px Helvetica ;
letter-spacing:-.01em ;
color:#000;
font-weight:bold;
}
.formSmallBlue {
font: 11px Helvetica ;
letter-spacing:-.01em ;
color:#0099cc;
font-weight:bold;
}
input,textarea .formSmall{
background: #fff;
border: 1px solid #636567;
width:95%;
margin:4px;
}
input,textarea {
background: #fff;
border: 1px solid #EAEAEA;
width:95%;
margin:4px;
}
input.submitBtn {
width: 71px;
height: 25px;
border:none;
margin:10px 0 0px 10px;
cursor:pointer;
}
input.contactSubmitBtn {
width: 71px;
height: 25px;
border:none;
margin-right:16px;
float:right;
}
input.contactClearBtn {
width: 71px;
height: 25px;
border:none;
margin-left:255px;
cursor:pointer;
}
/* End Left Images --------------------------- */
/*Begin Right Menu --------------------------- */
.right {
float: left;
width: 269px;
margin:20px 0px 0px 0;
height:auto;
}
.topLeft {
height: 96px;
float:left;
width:132px;
margin-right:4px;
margin-bottom: 4px;
background:url(../images/right_lt.gif) no-repeat;
display: block;
}
.topLeft:hover {
height: 96px;
float:left;
width:132px;
margin-right:4px;
margin-bottom: 4px;
background:url(../images/right_lt_over.gif) no-repeat;
display: block;
}
.topRight {
height: 96px;
float:left;
width:132px;
margin-bottom: 4px;
background:url(../images/right_rt.gif) no-repeat;
display: block;
}
.topRight:hover {
height: 96px;
float:left;
width:132px;
margin-bottom: 4px;
background:url(../images/right_rt_over.gif) no-repeat;
display: block;
}
.middleLeft {
height: 96px;
float:left;
width:132px;
margin-right:4px;
margin-bottom: 4px;
background:url(../images/middle_l.gif) no-repeat;
display: block;
}
.middleLeft:hover {
height: 96px;
float:left;
margin-right:4px;
width:132px;
margin-bottom: 4px;
background:url(../images/middle_l_over.gif) no-repeat;
display: block;
}
.middleRight {
height: 96px;
float:left;
width:132px;
margin-bottom: 4px;
background:url(../images/middle_r.gif) no-repeat;
display: block;
}
.middleRight:hover {
height: 96px;
float:left;
width:132px;
margin-bottom: 4px;
background:url(../images/middle_r_over.gif) no-repeat;
display: block;
}
.Bottom {
height: 191px;
float:left;
width:268px;
background:url(../images/bottom.gif) no-repeat;
display: block;
}
.Bottom:hover {
height: 191px;
float:left;
width:268px;
background:url(../images/bottom_over.gif) no-repeat;
display: block;
}
/*-End RightMenu --------------------------- */
/*- Footer --------------------------- */
#clearfooter{clear:both;height:15px;}/*needed to make room for footer*/
* html #clearfooter {width:1000px; margin:0 auto;}/* ie mac styles */
#footer {
clear: both;
margin:0 auto;
position:relative;
width: 1000px;
padding-bottom:3px;
text-align: center;
margin-top:10px;
}
#footer li {
display:inline; /* gets the list items showing horizontally */
letter-spacing:.01em;
font: 13px Helvetica ;
text-align:left;
color:#636567;
list-style-type:none; /* removes the bullets */
padding:0 5px 0 5px; /* some space between each item */
border-right: 1px solid #aaa; /* a little bit of shadow on the bar */
}
#footer li.first {
border-left:0; /* no bar required before first item */
}
#footer li.last {
border-right:0; /* no bar required after last item */
}
#footer li.none {
border-right:0; /* no bar required after last item */
border-left:0; /* no bar required before first item */
}
#footer li a {
text-decoration:none; /* removes the underline from links */
}
#footer li a:hover {
text-decoration:underline; /* adds the underline back on mouseover */
}
/*- End footer --------------------------- */
.maintext_small {
font: 12px Helvetica;
text-align:left;
color:#636567;
font-style:normal;
line-height: 20px;
}