/*******************************************************
TITLE: Fixed Box Layout V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/
/*******************************************************
General Properties
*******************************************************/
body {
margin:0;
padding:0;
height:auto;
background-color:#fff;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
position:relative;
color:#333;
}
a {
color:#0033cc;
text-decoration:underline;
}
a:hover {
color:#006699;
text-decoration:underline;
}
a:visited {
color:#0033cc;
}
ul{
margin:0;
padding:0;
list-style:none;
list-style-type:none;
}
li{
line-height:18px;
}
/*******************************************************
Main Column Properties
*******************************************************/
#centerColumn {
margin:0px auto 40px auto;
padding:0;
width:1000px;
text-align:left;
vertical-align: middle;
background-color:#fff;
border:1px solid #ccc;
-moz-box-shadow: 0px 0px 15px #666;
-webkit-box-shadow: 0px 0px 15px #666;
box-shadow: 0px 0px 15px #666;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
color:#0033cc;
font-size:1.1em;
font-weight:lighter;
letter-spacing:.1em;
}
#centerColumn h2.loaded {
margin:0 0 -.5em 0;
padding:.75em 0 15px 50px;
background-position:0 0;
background-repeat:no-repeat;
color:#0033cc;
font-size:1.1em;
letter-spacing:.1em;
}
#centerColumn h2.medium {
margin:0 0 -.7em 0 !important; /* Mozilla specific style */
margin:0 0 -1em 0; /* IE specific style */
padding:.75em 0 .2em 0;
color:#0033cc;
font-size:1em;
letter-spacing:.1em;
border-bottom:1px solid #EBF3E4;
}
#centerColumn h2.boxes {
margin:0 0 -.5em 0 !important; /* Mozilla specific style */
margin:0 0 -1em 0; /* IE specific style */
padding:.5em 0 5px 25px;
font-size:.9em;
font-weight:lighter;
letter-spacing:.1em;
background-position:0 5px;
background-repeat:no-repeat;
}
#centerColumn h3 {
margin:0 0 -10px 0;
padding:0;
color:#0033cc;
font-size:28px;
font-weight:lighter;
letter-spacing:-.05em;
}
#centerColumn p {
font-size:.9em;
color:#333;
}
.column{
width:250px;
float:left;
border:0px solid #333;
}
.columnWide{
width:650px;
float:left;
border:0px solid #333;
margin-right:40px;
}
#content {
margin:1em 1em 1em 1em;
padding:0 10px 0 10px;
font-size:.95em;
color:#0033cc;
}
#content li {
padding:5px;
font-size:13px;
color:#3B3B3B;
}
#content ul {
color:#333;
font-size:.9em;
}
.small {
margin-top:-.8em;
color:#86A1C0;
}
/*******************************************************
Header Properties
*******************************************************/
#header {
margin:0 0 0 0;
padding:0;
background-color:#fff;
width:100%;
background-repeat:no-repeat;
text-align:left;
}
#header h1 {
margin:0 0 -.5em 0;
padding:2.2em 0 0 1em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#336666;
font-size:1.5em;
font-weight:lighter;
letter-spacing:.1em;
}
#header h1 a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#ffffff;
text-decoration:none;
}
#header h2 {
margin:0;
padding:1em 0 0 1.9em;
color:#336666;
font-size:.85em;
font-weight:lighter;
letter-spacing:.1em;
text-transform:lowercase;
}
#header h3 {
margin:0;
padding:1em 0 0 1.8em;
color:#006699;
font-size:.95em;
letter-spacing:.1em;
text-transform:lowercase;
}
#logo{
background:#000;
padding:0;
}
#hero{
width:100%;
height:250px;
border:1px solid #333;
background:#666;
}
a img{border:0;
}
#whatWeDo ul{
margin:20px 0;
padding:0;
font-weight:normal;
line-height:24px;
}
#whatWeDo li{
font-size:18px;
margin:0;
padding:0;
font-weight:normal;
line-height:24px;
}
/*******************************************************
Top Navigation Properties
*******************************************************/
#navbar {
background:#4c7ad6;
padding:14px 0 14px 34px;
z-index:2;
}
#navbar ul {
list-style-type:none;
bor}
#navbar li {
padding:0 40px 0 0;
list-style-type:none;
display:inline;
}
#navbar a {
padding:5px;
font-size:1.0em;
color:#ffffff;
letter-spacing:.1em;
text-decoration:none;
font-weight:bold;
}
#navbar a:hover {
color:#333333;
text-decoration:none;
background-color:#ffffff;
}
/*******************************************************
Footer Properties
*******************************************************/
#footer {
position:relative;
text-align:center;
clear:both;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
font-size:.7em;
background-color:#ffffff;
border-top:1px solid #eeeeee;
}
#footer a {
color:#575757;
text-decoration:underline;
}
#footer a:hover {
color:#cccccc;
text-decoration:none;
}