@charset "UTF-8";
/* CSS Document */

body { margin:0; padding:0; font:12px arial,sans-serif; } /* removed: overflow:hidden; */
#background { width:100%; position:fixed; z-index:-1; top: 0; left:0; } /* removed: height:100%; so as not to stretch the image disproportionatel. changed: position:absolute; to fixed */
#logo { background:url(../images/logo10_wrapper.png) top left no-repeat; width:100%; }
#wrapper { margin:0; padding:0; text-align:left; border-left:0px solid #999; border-right:0px solid #666; width:1000px; border-bottom:1px solid #999; background:#FFF; min-height:600px; }

h1 { background:url(../images/logo10_bkgd.png) top left no-repeat; margin:0; padding:5px 0 5px 5px; color:#000; font:36px georgia,serif; height:50px; }
h2 { margin:0; padding:5px; color:#FFF; text-align:center; font:18px arial,sans-serif; background:#600!important; }
#clientList h2.one { margin:0; padding:5px; color:#FFF; text-align:left; font:18px arial,sans-serif; background:#006!important; }
#clientList h2.two { margin:0; padding:5px; color:#FFF; text-align:left; font:18px arial,sans-serif; background:#600!important; }
h2.three { margin:0; padding:5px; color:#000; text-align:left; font:18px arial,sans-serif; background:#FF0!important; }
h2.four { margin:0; padding:5px; color:#FFF; text-align:left; font:18px arial,sans-serif; background:#060!important; }
h3 { margin:0; padding:5px 5px 5px 60px; color:#000; font-weight:normal; background:#DDD url(../images/social_bkgd_twitter.png) top left no-repeat; }
h4 { margin:0; padding:5px; color:#000; background:#DDD!important;  }
p { font:12px/150% arial,sans-serif; }
#copy p { margin:3px 0 3px 0; padding:0; text-indent:15px; font:12px/150% arial,sans-serif; }
.header { padding:0 0 0 120px; font:18px arial,sans-serif; vertical-align:middle; color:#666!important; }
.retired  { color:#990000; font-weight:normal; text-decoration:none; background-color:#CCC; border-bottom:1px dotted #000; }
.grey { color:#666; }
.small { font-size:14px; color:#ab4a4a; }
.tm { font-size:12px; vertical-align:top; }
#heros { margin:10px; padding:0; float:right; height:550px; width:700px; }
#copy { margin:10px 5px 10px 0; padding:0; float:right; height:550px; width:275px; }
#middle { margin:40px 0 0 0; padding:10px; }
#middleLeft { margin:0 10px 0 0; padding:0; float:left; width:570px; }
#middleRight { margin:0; padding:0; float:right; width:400px; }
#clientList { margin:15px 0 0 0; }
#client { margin:5px 0 0 5px; padding:0; min-height:85px; width:326px; float:left; background:#DDD; }
#photo { margin:0 5px 0 0; padding:5px; height:60px; width:100px; float:left; }
#text { margin:0; padding:5px; line-height:150%; }
#text .title { margin:0; padding:0; font-weight:bold; }
#text .detail { margin:0; padding:0; color:#666; }
#left, #center, #right { margin:5px 0 0 5px; float:left; width:320px; background:#DDD; } 
#footer { margin:5px 0 0 0; padding:5px; background:#DDD!important; }
#social { margin:0 5px 0 0; padding:0; text-align:right; float:right; }
#social img { margin:0 3px 0 3px; padding:0; }

/* Links */

#client #text a, #client #text a:link, #client #text a:visited { color:#990000; font-weight:normal; text-decoration:none; background-color:#CCC; border-bottom:1px dotted #000; }
#client #text a:hover { color:#000; font-weight:normal; text-decoration:none; background-color:#DDD; border-bottom:1px solid #000; }

#client #photo img, #client #photo img:link, #client #photo img:visited { border:1px solid #FFF; }
#client #photo img:hover { border:1px solid #000; }

#copy a, #copy a:link, #copy a:visited { color:#990000; font-weight:normal; text-decoration:none; border-bottom:1px dotted #000; }
#copy a:hover { color:#000; font-weight:normal; text-decoration:none; background-color:#DDD; border-bottom:1px solid #000; }

#footer a, #footer a:link, #footer a:visited { color:#990000; font-weight:normal; text-decoration:none; background-color:#CCC; border-bottom:1px dotted #000; }
#footer a:hover { color:#000; font-weight:normal; text-decoration:none; background-color:#DDD; border-bottom:1px solid #000; }

#social a, #social a:link, #social a:visited, #social a:hover { background-color:#DDD; border:0; text-decoration:none; } 
#social .icon { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; } 
#social .icon:hover  { opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.50; border-bottom:2px solid #000; }

/* Apps */

#slider { position:relative; background:url(../images/loading.gif) no-repeat 50% 50%; }
#slider img {	position:absolute; top:0px; left:0px; display:none; }

#twitter_update_list { min-height:20px; list-style:none; }
#twitter_update_list a, #twitter_update_list a:link, #twitter_update_list a:visited { font-weight:normal; color:#990000; text-decoration:none; background-color:#CCC; border-bottom:1px dotted #000; }
#twitter_update_list a:hover { color:#000; text-decoration:none; background-color:#DDD; border-bottom:1px solid #000; }