/* 
Hollis Interactive :: Version 4
Author: Vinny Ngoc
Date: 12/18/2006
*/

body { background: #fff url(images/bodybg.gif) repeat-x top; margin:0; font-family:Geneva, Arial, Helvetica, sans-serif; }
#wrapper { width:760px; margin:0 auto; }

#quicktop { height: 31px; overflow: hidden; text-align: right }

#header { position: relative; height: 114px }
h1#logo { background: url(images/headlogo.gif); width: 261px; height: 114px; margin: 0; margin-left: -26px }
h1#logo a { position: absolute; left: 0px; bottom: 0px;display: block; margin-left: 15px; width: 134px; height: 102px }
h1#logoline { position: absolute; right: 20px; top: 20px; background: url(images/headhollis.gif); width: 216px; height: 37px; margin: 0 }
#topnav ul { position: absolute; bottom: 0; right: 0; list-style: none; margin: 0; padding: 0 }
#topnav li { float: left  }
#header h1 span, #topnav a span { display: none }

a#home0, a#company0, a#careers0, a#solutions0, a#case-studies0, a#contact-us0 { display: block; height: 33px }
a#home0 { background: url(images/topnav/home.gif); width: 76px }
a#company0 { background: url(images/topnav/company.gif); width: 96px }
a#careers0 { background: url(images/topnav/careers.gif); width: 96px }
a#solutions0 { background: url(images/topnav/services.gif); width: 90px }
a#case-studies0 { background: url(images/topnav/case_studies.gif); width: 116px }
a#contact-us0 { background: url(images/topnav/contact_us.gif); width: 104px }

a:hover#home0, a.on#home0  { background: url(images/topnav/home_on.gif); width: 76px }
a:hover#company0, a.on#company0 { background: url(images/topnav/company_on.gif); width: 96px }
a:hover#careers0, a.on#careers0 { background: url(images/topnav/careers_on.gif); width: 96px }
a:hover#solutions0, a.on#solutions0 { background: url(images/topnav/services_on.gif); width: 90px }
a:hover#case-studies0, a.on#case-studies0 { background: url(images/topnav/case_studies_on.gif); width: 116px }
a:hover#contact-us0,a.on#contact-us0 { background: url(images/topnav/contact_us_on.gif); width: 104px }

#container { margin: 15px 0; min-height: 500px }
#homeleft, #homeright, #mainleft, #mainright  { float: left; overflow: hidden; padding: 0 15px; color: #959595 }
#homeleft { width: 455px; background: url(images/homevertsepline.gif) no-repeat top right }
#homeright { width: 240px }
#mainleft { width: 220px; min-height: 200px; background: url(images/homevertsepline.gif) no-repeat top right }
#mainright { width: 475px }

#mainright p, #homeleft p, #mainright { font-size: .8em }
.sidecontent { font-size:.7em; }

#mainleft ul { margin: 0; padding: 0; list-style: none }
#mainleft li { font-size: 12px }
#mainleft li li { font-size: 11px }
#mainleft li a { display: block; background: #fcfcfc; padding: 5px; text-decoration: none; color: #666; border-top: 1px solid #FFF; border-bottom: 1px solid #ddd }
#mainleft li li a { padding: 2px 0; padding-left: 20px; background: #FFF }
#mainleft li a:hover {  background: #EEF9FC }
#mainleft li a.on { background: #EEF9FC; font-weight: bold }


/* Blog Styles */
#blogleft, #blogright { float:left; overflow:hidden; color:#959595; }
#blogleft, #content { width:535px; padding:0 10px 0 0; background:url(images/homevertsepline.gif) no-repeat top right }
#blogright { width:180px; padding:0 0 0 10px; }
#page { font-size:62.5%; padding: 10px; min-height: 500px; }

.post { float:left; clear:left; }
#blogleft .post { margin:0 0 18px 0; }
.post h2 { margin:0; padding:0; font-size:1.6em; }
.post h2 a, p.postmetadata a, .navigation div a { color:#06c; }
.post h2 a:hover, p.postmetadata a:hover, .navigation div a:hover { color:#059; }
h2.pagetitle { font-size:1.6em; color:#333; }
h3.post-title { margin:0; padding:0; font-size:1.6em; }
h3.post-title a { color:#06c; }
h3.post-title a:hover { color:#059; }

#blogleft p { font-size:1.2em; color:#333; }
#blogleft p.postmetadata { font-size:1.1em; color:#9f9f9f; }
#blogleft small { font-size:1.1em; color:#9f9f9f; }

#blogright ul { margin:0; padding: 0; list-style: none }
#blogright li { font-size:1.1em; }
#blogright ul li ul li:hover { background:#f8f8f8; }
#blogright ul li ul li { padding:2px; border-bottom:1px solid #ddd; }
#blogright ul li h2 { margin:16px 0 0 0; padding:0; font:normal 1.6em Geneva, Arial, Helvetica, sans-serif; color:#048; }
#blogright li a { text-decoration:none; color:#666; }
#blogright li a:hover { color:#06c; text-decoration:underline; }

#blogright form { margin:0; padding:0; text-align:right; }
#blogright form input { margin:0; padding:2px; border:1px solid #a8a8a8; }

h3#comments, h3#respond { font-size:1.6em; color:#333; }
.post .entry p { font-size:1.2em; color:#666; }
.post p.postmetadata { font-size:1.1em; }
.post small { font-size:.9em; color:#999; }
.post .entry small { font-size:1em; color:#999; }
.post small.category-metainfo { font-size:1.1em; color:#999; }
p.nocomments { font-size:1.1em; color:#999; }

ul.bb-list li { font-size: 12px; color: #446A8F }

.navigation div { margin:0 0 16px 0; font-size:1.2em; }

ol.commentlist { font-size:1.2em; color:#999; }
ol.commentlist li p { font-size:1.3em; color:#333; }
ol.commentlist li small.commentmetadata a, form#commentform p a { color:#06c; }
ol.commentlist li small.commentmetadata a:hover, form#commentform p a:hover { color:#059; }
.commentmetadata { font-size:1em; color:#9f9f9f; }
form#commentform p { font-size:1.2em; color:#999; }
form#commentform input, form#commentform textarea { padding:2px; border:1px solid #a8a8a8; }
form#commentform textarea { width:500px; font:1em Geneva, Arial, Helvetica, sans-serif; }



#blogfoot { margin-top: 10px; height: 33px; background: #242424 url(images/footbg.gif) repeat-x; }
#blogfootwrap { position: relative; width: 740px; margin: 0 auto; padding: 0 10px }

/* End Blog */


div.multilist ol { list-style: none; color: #5c86bf; font-size: .8em; padding: 5px 20px; margin: 0 0 20px 0; height: 1% } 
div.multilist li { float: left; width: 200px }
div.multilist br { clear: left }
div.multilist { margin-bottom: 10px }

h2.home_left { width: 423px; height: 25px; padding: 0 }
h2.maintitle { height: 25px; padding: 0; margin: 10px 0 }
h3.subtitle { height: 15px; margin-top: 5px; margin-bottom: 10px; border-bottom: 1px solid #dcdcdc }
h3.subnavtitle { height: 30px; margin: 5px 0 0 0; border-bottom: 1px solid #dcdcdc }

.proj_item, .press_item { clear: both }
.proj_image { float: left; width: 60px }
.proj_image a { display: block; width: 32px; height: 32px; border: 5px solid #dcdcdc }
.proj_image a:hover { border: 5px solid #5c86bf }
.proj_content { font-size: .7em; color: #959595; margin: 10px 0 20px 60px }
.proj_content a, .press_content a { color: #5c86bf; text-decoration: none }
.proj_content a:hover, .press_content a:hover { text-decoration: underline }
.proj_title { font-weight: bold; color: #666 }

.press_item { font-size: .7em; color: #959595; margin: 0px }
.press_item a { color: #5c86bf; text-decoration: none }
.press_item a:hover { text-decoration: underline;}


#footerwrap { position: relative; width: 740px; margin: 0 auto; padding: 0 10px }
#footer { margin-top: 10px; height: 33px; background: #242424 url(images/footbg.gif) repeat-x }
#safety { position: absolute; right: 0; top: 10px; font-size: .7em; color: #666 }
#safety a { color: #666; text-decoration: none }
#safety a:hover { color: #5c86bf }

/* LOCALIZE STYLES */
.locallinks a { font-size: 9px; color:#FEFEFE }
.locallinks { color: #FEFEFE; width: 720px; padding: 10px 20px; font-size: 9px; margin: 0 auto }
a.localsublinks { font-size: 11px }

#clear { clear: both; height: 0; line-height: 0; font-size: 0 }