/*******************************************************************************************
ELEMENT SELECTORS
*******************************************************************************************/
body {
background-color:#000; 
margin:10px 0px; 
font:13px Arial, Helvetica, sans-serif;
}

img {
border:0;
}

a {
color:#000;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#20477b;
}

h1 {
color:#0a1e60;
font-size:21px;
margin:0;
padding:15px 0px;
}
h2 {
color:#96004B;
font-size:14px;
margin:0;
padding:20px 0px 5px 0px;
}
h3 {
color:#0a1e60;
font-size:18px;
margin:0;
padding:15px 0px 0px 80px;
text-align:left;
}

p {
padding:0;
margin:10px 0px;
}

/*******************************************************************************************
CLASS SELECTORS
*******************************************************************************************/
.img {
padding:0;
margin:0;
float:right;
}

.author {
font:bold 11px Arial, Helvetica, sans-serif;
padding-bottom:12px;
margin-top:1px;
line-height:normal;
}

.dates {
font-weight:bold;
color:#96004b;
}

.quote {
font:italic 16px 'Times New Roman', Times, serif;
}

.testimony {
font:italic 13px 'Clearface Regular Italic', Arial, Helvetica, sans-serif;
}

.slogan {
padding-right:5px;
}

/*******************************************************************************************
ID SELECTORS
*******************************************************************************************/
#container {
position:relative;
width:962px;
margin:0px auto;
background:#fff url("images/left-gears-tile.jpg") top left repeat-y;
overflow:hidden;
}

#nav, #content, #footer, #credit, #top {
margin-left:200px;
}

#nav {
position:absolute;
top:80px;
right:10px;
}

#content {
padding-left:45px;
width:425px;
height:expression(this.scrollHeight > 480 ? "auto":"480px"); /* for IE 6 and below */
min-height:480px; /* mozilla and IE 7 */
clear:both;
}

#gear {
position:absolute;
top:110px;
right:0px;
width:268px;
height:525px;
background:url("images/big-gear.jpg") top right no-repeat;
z-index:1;
}

#news {
position:absolute;
top:100px;
right:6px;
width:135px;
font:12px Arial, Helvetica, sans-serif;
text-align:right;
z-index:1;
}

#quotes {
position:absolute;
top:170px;
right:4px;
width:128px;
text-align:right;
}

#footer {
position:relative;
height:16px;
background-color:#999;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding:4px 8px;
z-index:2;
}
#footer a {
text-decoration:none;
color:#fff;
font-weight:normal;
}
#footer ul {
list-style:none;
margin:0;
padding:0px 55px;
}
#footer li {
float:left;
}
#footer div.left {
float:left;
text-align:left;
}
#footer div.right {
float:right;
text-align:right;
}

#credit {
width:962px;
margin:0px auto;
text-align:right;
background-color:#000; 
color:#ccc; 
font:11px Arial, Helvetica, sans-serif; 
}
#credit a {
color:#ccc;
}