/* TEXT (general) */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; margin-top: 1em; }
li, dd { margin-left: 5%; }
fieldset { padding: .5em; }
body { font: 70% sans-serif; }
.narrow { line-height: 1.3em; }
address { font-style: normal; line-height: normal; }
abbr, acronym { cursor: help; font-style: normal; }
dl, dt, dd { font-size: 1em; line-height: 1.3em; }
dt { font-size: 1.2em; }
label { cursor: pointer; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.15em; }
h6 { font-size: 1.1em; }
a img { border: 0; }
ol, ul, li { font-size: 1em; line-height: 1.3em; }
p { font-size: 1em; line-height: 1.4em; }
li > p { margin-top: 0.2em; }
pre, code, kbd { font: 11px "Courier New", Courier, mono; }
strong, b { font-weight: bold; }
td { font-size: 100%; }
br.bottom { clear: both; }
div.left50 { float: left; text-align: left; width: 49%; }
div.right50 { float: right; text-align: right; width: 49%; }
span.highlight { background: #ffffde; }
th { text-align: left; }

body { font: 75% 'Lucida Grande', verdana, arial, helvetica, sans-serif; }

/* CONTAINER */
#container { width: 770px; margin: 10px auto 0;}

/* HEADER */
#header { position: relative; padding:50px 0 0 0;margin: 0 0 25px 0; height:92px;}

    /* logo */
    #header .logo { background: url(../../images/getsignage-logo.gif) no-repeat 5px 0px; position:absolute; top:0; left:15px;margin: 0; padding: 0; font: bold 1.8em "Trebuchet MS", Verdana, Arial, sans-serif; }
    #header .logo a { padding: 22px 0 0 110px; display: block; text-decoration: none; height: 78px;color: #000; }

    /* nav */
    #header .nav { width: 558px;background: url(../../images/nav-bg.gif) no-repeat bottom left;padding: 70px 0 0 8px;height: 23px; margin: 0;  }
	#header .nav li {display: inline; margin: 0; padding: 0; list-style-type: none;}
	#header .nav li { font: bold 16px 'trebuchet ms', arial, helvetica, sans-serif;margin: 0 0 0 12px;}
	#header .nav a { padding: 0; margin:0; font-weight: bold; text-decoration: none; }
    #header .nav a:link, #header .nav a:visited { color: #6b6c6f; }
    #header .nav a:hover, #header .nav a:active, #header .nav a.selected { color: #000;	 }

    /* tour */
    #header .tour {position:absolute; top:44px; right:212px; }
    #header .tour a { background:#00c0f3 url(../../images/tourLink-bg.gif) no-repeat top left; display:block; width: 285px;height:38px;padding:20px 0 0 8px;text-decoration:none;}
	#header .tour a {font: bold italic 18px 'trebuchet ms', arial, helvetica, sans-serif;letter-spacing: -1px;}
    #header .tour a:link, #header .tour a:visited { color: #fff; }
    #header .tour a:hover, #header .tour a:active { color: #ffee00; background-position:bottom left;text-decoration:none;}
    #header .tour a em {text-decoration:underline;font-size: 17px}

    /* login */
    #header .login { margin:0;padding:0;position:absolute; top:52px; right:0;width:203px;height:92px;}
    #header .login a {display:block;width:203px;height:92px;text-indent:-3000em;overflow:hidden;}
    #header .login a:link, .login a:visited {background: url(../../images/loginLink-bg.gif) no-repeat bottom left;} 
    #header .login a:hover, .login a:active {background: url(../../images/loginLink-bg.gif) no-repeat bottom right;}    

/* PAGE */
#page { clear:both; float: left; width: 770px; margin: 0 0 35px 0; position:relative;}
    
    /* GENERAL */
    #page a:link, #page a:visited { color: #222; }
    #page a:hover, #page a:active { color: #fff; background: #222; }
    #page h1 {display:none;}
    #page h2.splash {text-indent:-3000em;margin:0;padding:0;line-height:0;}

    /* GENERAL - CONTENT */
    #page #content { float: right; width: 520px; margin: 0 40px 20px 0;font: 12px Arial, helvetica, sans-serif; }  
	#page #content p {font-size:14px;line-height: 18px;margin-top:0;}   

    /* GENERAL - SIDEBAR */
    #page #sidebar { float: left; width: 180px; margin: 0 0 0 15px;}
	#page #sidebar h2 {display:block;text-align:center;margin: 0 0 20px 0!important; padding: 0; }
	#page #sidebar h2 {font: bold italic 18px 'trebuchet ms', arial, helvetica, sans-serif;letter-spacing:-1px; }

    /* HOME / WHAT */
    #page.what {padding-top:224px;background: url(../../images/banner-its-true.jpg) no-repeat top center; }
    #page.what #content { width: 559px; margin-right: 0;}

    #page.what #sidebar { margin-top: 40px; }
    #page.what #sidebar h2 {color:#9f0E90;}

    /* INVENTORY */
    #page.inventory {padding-top:224px; background: url(../../images/banner-honestly.jpg) no-repeat top center;}
	#page.inventory #content { width: 540px;margin: 0 35px 20px 0;}
    #page.inventory #sidebar h2 {color:#00980E;line-height:21px;}

    /* ABOUT */
    #page.about .biolinks {list-style-type: none; margin:0 0 35px 0; padding:0 0px 0 40px;height:190px;}
    #page.about .biolinks li {margin:0 0 0 40px; padding:0;float:left;}
    #page.about .biolinks li a{float:left;  margin:0; overflow:hidden; width: 150px; text-decoration: none;text-align:center;}
    #page.about .biolinks li.signguy a {background:url(../../images/bioLink-signguy-bg.jpg) no-repeat top left;}
    #page.about .biolinks li.computerguy a {background:url(../../images/bioLink-computerguy-bg.jpg) no-repeat top left;}
    #page.about .biolinks li.artist a {background:url(../../images/bioLink-artist-bg.jpg) no-repeat top left;}
    #page.about .biolinks li a em{display:block; font-size: 11px;letter-spacing:normal;font-style:normal;font-weight:normal; border-top:1px solid #666; margin:5px 0 0 0;padding:5px 0 0 0;}
    #page.about .biolinks li a:link, 
    #page.about .biolinks li a:visited {color:#000;height: 20px; padding:195px 10px 0;}
    #page.about .biolinks li a:hover,
    #page.about .biolinks li a:active {cursor:default;text-align:left;font-weight:bold;color:#000;letter-spacing:-0.09em;height: 205px; padding:10px 10px 0;background-position:top right; }
   	#page.about .biolinks li a span {display:block; color:blue; font-weight:bold; text-decoration:underline;}
 	#page.about #sidebar { margin-top: 40px;}
    #page.about #sidebar h2 {color:#001FC3;}

	#page.about .bio {background:#ccc; height:210px; width:650px; overflow:auto;position:absolute; top:-10px; left:40px;padding:10px 15px; }
	#page.about .bio h3 {margin:0; padding:0 0 5px 0;font-size: 13px;border-bottom:1px solid #aaa;}
	#page.about .bio p {margin:5px 0; padding:0;font-size: 11px;}
	#page.about .bio .hidelink { margin:0; padding:0; position:absolute; top:12px; right:15px;}
	#page.about .bio .hidelink a:link,
	#page.about .bio .hidelink a:visited {color: red;background:#fff;  }
	#page.about .bio .hidelink a:hover,
	#page.about .bio .hidelink a:active {color: white; background:#000; }
	#page.about .bio#signguy {background: #fff url(../../images/bio-signguy-bg.gif) no-repeat top right;}
	#page.about .bio#computerguy {background: #fff url(../../images/bio-compguy-bg.gif) no-repeat top right;}
	#page.about .bio#artist {background: #fff url(../../images/bio-artist-bg.gif) no-repeat top right;}	

    /* CASE-STUDIES */
    #page.casestudies .nav { padding: 0; margin: 0 0 25px 60px; list-style-type: none; }
    #page.casestudies .nav li { padding: 0; margin: 20px 35px 0 0;float:left; }
    #page.casestudies .nav li a { margin-bottom: 24px; float:left;text-decoration: none; height: 71px; overflow:hidden; text-indent:-3000em;}
    #page.casestudies .nav li a.beer { width: 240px; background: url(../../images/beerstore-logo.gif) no-repeat center left!important; }
    #page.casestudies .nav li a.hmv { width: 125px; background: url(../../images/hmv-logo.gif) no-repeat center left!important;  }
    #page.casestudies .nav li a.ici { width: 190px; background: url(../../images/ici-logo.gif) no-repeat center left!important;  }
    #page.case_study #content { position:relative; width: 330px; padding: 0 230px 0 0;margin-right: 0; }
    #page.case_study #content .photos { position:absolute; top:0;right:0; width: 169px; margin: 10px 30px 0 0; }
    #page.case_study #content .photos a { background: transparent; }
    #page.case_study #content .photos a img { margin-bottom: 20px; }
    #page.case_study #content .photos p { color: #222; font-size: 9px; text-align: center; }
    #page.case_study.tbs #sidebar { margin-top: 110px;}
    #page.case_study.tbs #sidebar h2 {color:#F26721;}
    #page.case_study.hmv #sidebar { margin-top: 115px;}
    #page.case_study.hmv #sidebar h2 {color:#EE3C96;}
    #page.case_study.ici #sidebar { margin-top: 25px;}
    #page.case_study.ici #sidebar h2 {color:#CA992C;}

    /* NEWS */
    #page.news #content { float:left; margin:0 0 0 18px;width:730px;}
    #page.news #content .post { border-bottom: 1px solid #ccc;margin: 0 0 25px 0; padding: 0 0 10px 0; }
    #page.news #content .post .title { font:bold 19px/19px "trebuchet ms", arial, helvetica, sans-serif;margin: 0 0 2px 0; padding: 0;}
    #page.news #content .post .date { font: normal 11px verdana, arial, sans-serif;color: #666; margin: 0 0 5px 0; padding: 0;}
    #page.news #content .pagination { font-size: 11px; }
    #page.news #content .pagination p { color: #666; float: left; font-size: 11px; font-weight: bold; margin: 0;padding: 0; line-height:normal;}
    #page.news #content .pagination ul {float: right; text-align: right;list-style-type:none; margin: 0; padding: 0;line-height:normal;}
    #page.news #content .pagination ul li {color: #999; display:inline;margin: 0; padding: 0;line-height:normal;}

/* FOOTER */
#footer { clear: both; width:650px; background: #fff url(../../images/footer-bg.gif) no-repeat top center; height: 31px; padding: 8px 0 0 0;margin: 0 auto 20px;text-align: center; }
#footer h4 { font: bold italic 20px "trebuchet ms", arial, helvetica, sans-serif;color: #6b6c6f;letter-spacing: -1px; padding: 0; margin: 0 0 15px 0;text-align: center;}
#footer h4 em { font: normal normal 14px arial;color: #000;letter-spacing: 0;}
#footer a:link,#footer a:visited { color: #0055E0; }
#footer a:hover,#footer a:active { color: #fff; background: #0055E0; text-decoration:none; }
#footer p { font: normal 11px verdana, arial, sans-serif;color: #666;padding: 0; margin: 20px 0;}

/* PRINT (over-rides above) */
@media print {
}