/* WS Reset */
html { height:100%; }
body {
margin:0;
text-align:center;
font:62.5%/1em normal Helvetica, Arial, sans-serif;
color:#333;
background:#f3f3e6;
}
h1, h2, h3, h4 { margin:0 0 5px; line-height:1em; font-weight:normal; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.2em; }
p { margin:0 0 15px; }
a { color:#333; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
ul { margin:0; padding:0; }
li { margin-left:15px; }
img { border:none; vertical-align:top; }
blockquote { padding:0; margin:5px 10px; }
form { margin:0; padding:0; }
textarea { font-size:100%; font-family:Helvetica, Arial, sans-serif; }
td, th { vertical-align:top; }
/* WS Reset */
/* advanced clear */
.clearit:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearit-ie6 { clear:both; height:0; font-size:0; line-height:0; }
/* advanced clear */
/* basic clear */
.clear { clear:both; }
.clear.left { clear:left; }
.clear.right { clear:right; }
/* basic clear */
/* align styles */
.alignleft {
float: left;
}
.aligncenter,
.aligncentre {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
}
/* align styles */
/* Lean, Mean Accessible Forms (adapted from http://www.alistapart.com/articles/prettyaccessibleforms) */
form.lmaform fieldset { margin-bottom:10px; }
form.lmaform legend { padding:0 2px; font-weight:bold; #margin:0 -7px; }
form.lmaform label { display:-moz-inline-box; display:inline-block; line-height:1.8; vertical-align:top; }
form.lmaform fieldset li { margin:0; padding:5px; list-style:none; }
form.lmaform fieldset fieldset { margin:3px 0 0; border:none; }
form.lmaform fieldset fieldset legend { padding:0 0 5px; font-weight:normal; }
form.lmaform fieldset fieldset label { display:block; width:auto; }
form.lmaform em { font-weight:bold; font-style:normal; color:#f00; }
/* End L.M.A. Forms */
div#container {
text-align:left;
font-size:1.2em;
}
div#header-wrapper,
div#content-wrapper,
div#footer { position:relative; margin:0 auto; }
div#header { background:#333 url(../images/header-bg.jpg) top left repeat-x; }
div#header-wrapper {
width:1000px;
height:140px;
background:url(../images/header-bg2.jpg) top left no-repeat;
}
a#logo {
position:absolute;
display:block;
top:56px;
left:78px;
line-height:49px;
font-size:3.3333em;
text-transform:uppercase;
color:#fff;
}
a#logo:link,
a#logo:visited { text-decoration:none; }
div#content { line-height:1.5em; background:url(../images/body-shadow.jpg) top left repeat-x; }
div#content-wrapper { width:1016px; background:url(../images/content-bg-l.jpg) top left repeat-y; }
div#content-wrapper2 { padding:0 8px; background:url(../images/content-bg-r.jpg) top right repeat-y; }
div#content-wrapper3 { position:relative; padding-left:200px; background:#f0f0dd url(../images/nav-shadow.jpg) top left repeat-x; }
div#nav {
position:absolute;
width:200px;
top:33px;
left:0;
}
div#nav ul {
border-top:1px solid #dbdbc9;
border-bottom:1px solid #fff;
list-style:none;
}
div#nav li {
margin:0;
}
div#nav a {
display:block;
height:30px;
border-width:1px 0;
border-style:solid;
padding-left:22px;
font-size:1.0833em;
line-height:30px;
}
div#nav a:link,
div#nav a:visited {
border-top-color:#fff;
border-bottom-color:#dbdbc9;
text-decoration:none;
color:#333;
background:none;
}
div#nav a:active,
div#nav a:focus,
div#nav a:hover,
div#nav li.current a:link,
div#nav li.current a:visited,
div#nav li.current a:active,
div#nav li.current a:focus,
div#nav li.current a:hover {
border-top-color:#686868;
border-bottom-color:#202020;
color:#fff;
background:#333 url(../images/nav-hilite.jpg) top left repeat-x;
}
div#nav div#newsletter {
margin-top: 30px;
padding: 10px;
}
div#main {
min-height:540px;
border-left:1px solid #dbdbc9;
line-height: 2em;
padding:30px;
background:#fff url(../images/content-shadow.jpg) top left repeat-x;
}
body.home div#main { padding:0 0 30px; }
body.home div.leftcol,
body.home div.rightcol {
margin-top: 20px;
padding-left: 30px;
}
body.home div.leftcol {
float: left;
width: 64%;
}
body.home div.rightcol {
float: right;
width: 200px;
text-align: center;
}
body.home div.col1,
body.home div.col2,
body.home div.col3 {
float: left;
margin-top: 20px;
padding-left: 30px;
width: 29%;
}
div#main h1 {
margin:0 0 15px;
font:2.0833em/1em Verdana, Tahoma, Geneva, sans-serif;
color:#333;
}
div#main h2 {
color: #064C8C;
}
div#home-title {
position:relative;
height:163px;
border-bottom:7px solid #333;
background:#333 url(../images/home-title-bg.jpg) top left no-repeat;
}
div#home-title h1 {
position:absolute;
left:28px;
bottom:21px;
margin:0;
color:#fff;
}
div.leftcol {
clear: left;
float: left;
padding-right: 10px;
}
div.rightcol {
clear: right;
float: right;
}
div.rightcol.divider {
border-left: 1px solid #ccc;
padding-left: 15px;
}
div.leftcol,
div.rightcol { width: 48%; margin-bottom: 30px; }
ul.stats {
list-style: none;
margin-left: -15px;
}
p.subtitle { color: #064C8C; }
div#call-us {
position:absolute;
bottom:30px;
left:22px;
font:1.0833em/1em Verdana, Tahoma, Geneva, sans-serif;
color:#064C8C;
}
div#call-us div { margin:7px 0 0; font-size:1.8333em; }
img.shadow { position:absolute; top:0; }
img.shadow.left { left:0; }
img.shadow.right { right:0; }
div#footer {
width:1000px;
padding:10px 8px;
text-align:right;
font-size:0.9167em;
line-height:1.5em;
background:url(../images/footer-shadow.jpg) top left no-repeat;
}
div#footer, div#footer a { color:#bababa; }
div#footer p { margin:10px 0 0; }
/* Hacks */
* html div#main { height:540px; }
* html .alignleft,
* html .alignright,
* html body.home div.col1,
* html body.home div.col2,
* html body.home div.col3,
* html div.leftcol,
* html div.rightcol { display:inline; }
* html div#header-wrapper,
* html div#content-wrapper,
* html div#footer,
* html div#content-wrapper3,
* html div#home-title { zoom:1; }
div#home-title h1,
div#call-us { #line-height:normal; }
div#call-us div { #margin:0; }