/* @override http://192.168.0.2/~brianm/indelible_branding/css/styles.css */
/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body, div, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
body { text-align: center; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: .85em; color: #333; padding-bottom: 10px; }
ul, li { list-style: none; }
img { border: 0; }
h1, h2, h3 {  }
h1 {  }
h2 {  }
p { margin: 1em 0; line-height: 1.3; }

a { color: #cc092f; }
a:visited {  }
a:hover {  }
a:focus, a:hover, a:active { outline:none }

.right { float: right; margin: 0 0 10px 10px; }
.enlarge { text-align: right; }
.enlarge a { color: #666; }
.bio_photo { padding: 1px; border: 1px solid #999; }
.disclaimer { font-size: 90%; font-style: italic; color: #666; }
.skip { text-align: center; margin-top: 3em; }
.skip a { color: #999; text-decoration: none; }
.skip a:hover { text-decoration: underline; }


/* Wrapper [#wrapper]
----------------------------------------- */

#wrapper { width: 914px; text-align: left; margin: 0 auto; position: relative; }
#intro #wrapper { text-align: center; }


/* Header [#header]
----------------------------------------- */

#header { width: 914px; height: 140px; background: url(../images/bkgd_nav.jpg) no-repeat 0 -20px; position: relative; }
#header p { margin: 0; padding: 0; }

#header .logo { position: absolute; top: 15px; left: 40px; }
#icons {
  list-style: none;
}

#icons li {
  float: left;
}

#icons a * {
  display: none;
}

#icons a,
#icons a .hover {
  height: 24px;
  width: 185px;
	position: relative;
	display: block;
	background: url(../new-stuff/twitter-facebook.jpg) 0 0 no-repeat;
}

/* individual navigation items */

#icons {
  list-style: none;
  position: absolute;
  top: 105px;
  right: 10px;
}

#icons li {
  float: left;
}

#icons a * {
  display: none;
}

	#icons a,
#icons a .hover {
 	height: 17px;
	position: relative;
	display: block;
	background: url(../new-stuff/twitter-facebook.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#icons a.home {
  background-position: 0 0;
  width:84px;
}
#icons .highlight a{
	vertical-align:text-bottom;
	}

#icons .highlight a.home:hover,
#icons a.home .hover {
  background-position: 0 -18px;
  width: 84px;
}

#icons a.services {
  background-position: -87px 0px;
  width:74px;
  margin-left: 0px;
}

#icons .highlight a.services:hover,
#icons a.services .hover {
  background-position: -87px -18px;
}

#icons a.portfolio {
  background-position: -167px 0;
  width: 25px; margin-right: 7px;
}

#icons .highlight a.portfolio:hover,
#icons a.portfolio .hover {
  background-position: -167px -18px;
}



 


/* Navigation [#main_nav] */

#main_nav { margin: 0 0 0 250px; }
#main_nav li { float: left; }
#main_nav li a { height: 100px; display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 -198px; }
#main_nav li a:hover { background-position: 0 -99px; }
#main_nav li#nwork a { width: 94px; background-image: url(../images/nav_work.jpg); }
#main_nav li#nmethod a { width: 109px; background-image: url(../images/nav_method.jpg); }
#main_nav li#nbios a { width: 90px; background-image: url(../images/nav_bios.jpg); }
#main_nav li#ncomments a { width: 163px; background-image: url(../images/nav_comments.jpg); }
#main_nav li#ncontact a { width: 137px; background-image: url(../images/nav_contact.jpg); }

/* Puts nav in selected state to show what section you are in. Activated by the body id */
#work #main_nav li#nwork a,
#method #main_nav li#nmethod a,
#bios #main_nav li#nbios a,
#contact #main_nav li#ncontact a,
#comments #main_nav li#ncomments a { background-position: 0 0; }


/* Content [#content]
----------------------------------------- */

#content { margin: 60px 0; }


/* Side Navigation [#side_nav]
----------------------------------------- */

/* Work Section */

#work #side_nav { background: url(../images/bkgd_side_nav.gif) repeat-y 0 0; padding: 7px 0 0 25px; margin: 0 0 0 15px; float: left; width: 150px; }
#work #side_nav a { color: #333; text-decoration: none; }
#work #side_nav a:hover { color: #cc092f; }
#work #side_nav li { font-weight: bold; text-transform: uppercase; margin-bottom: 7px; }
#work #side_nav li ul { margin-top: 4px; margin-left: 12px; display: none; }
#work #side_nav li ul li { font-weight: normal; text-transform: none; margin-bottom: 4px }

.print #side_nav li#nprint a,
.online #side_nav li#nonline a,
.tv #side_nav li#ntv a,
.radio #side_nav li#nradio a { color: #cc092f; }

.print #side_nav li#nprint ul li a,
.online #side_nav  li#nonline ul li a,
.tv #side_nav li#ntv ul li a,
.radio #side_nav li#nradio ul li a { color: #333; }

.print #side_nav li#nprint ul li a:hover,
.online #side_nav  li#nonline ul li a:hover,
.tv #side_nav li#ntv ul li a:hover,
.radio #side_nav li#nradio ul li a:hover { color: #cc092f; }

/* Shows sub menus when you are on the specified sections page. Activated by the body class. */
.online #side_nav li#nonline ul,
.print #side_nav li#nprint ul,
.tv #side_nav li#ntv ul,
.radio #side_nav li#nradio ul { display: block; }

/* Marks links as active showing what page you are on. Activated by the class on the body class. */
.mat li#nonline ul li#nmat a,
.starmont li#nonline ul li#nstarmont a,
.clover li#nonline ul li#nclover a,
.merryvale li#nprint ul li#nmerryvale a,
.robert_half li#nprint ul li#nrobert_half a,
.dux li#nprint ul li#ndux a,
.sftourism li#nprint ul li#nsftourism a,
.estancia li#nprint ul li#nestancia a,
.grgich li#nprint ul li#ngrgich a,
.expression li#nprint ul li#nexpression a,
.expression li#nprint ul li#nexpression2 a,
.logitech li#nonline ul li#nlogitech a,
.cherrypal li#nonline ul li#ncherrypal a,
.swatch li#nonline ul li#nswatch a,
.hobart li#nonline ul li#nhobart a,
.state_street li#nonline ul li#nstate_street a,
.critical_logic li#nonline ul li#ncritical a,
.merryvale li#nonline ul li#nmerryvale_online a,
.sportsmith li#nonline ul li#nsportsmith a,
.accounttemps li#ntv ul li#naccounttemps a,
.virgin li#ntv ul li#nvirgin a,
.salon li#ntv ul li#nsalon a,
.whiskas li#ntv ul li#nwhiskas a,
.gm li#ntv ul li#ngm a,
.expression li#ntv ul li#nexpression a,
.expression li#ntv ul li#nexpression2 a,
.lawonline li#nradio ul li#nlawonline a,
.dennys li#nradio ul li#ndennys a,
.sea_world li#nradio ul li#nseaworld a,
.exchoice li#nradio ul li#nexchoice a,
.exwoody li#nradio ul li#nexwoody a,
.exnigel li#nradio ul li#nexnigel a { font-weight: bold; color: #cc092f ; }

/* Text-based Sections */

.text #side_nav { background: url(../images/bkgd_side_nav.gif) repeat-y 0 0; padding: 0 0 0 25px; margin: 0 0 0 15px; float: left; width: 170px; }
.text #side_nav a { color: #333; text-decoration: none; }
.text #side_nav a:hover { color: #cc092f; }
.text #side_nav li { margin: 8px 0; }

/* Method Section */

#method.method1 li#method1 a,
#method.method2 li#method2 a,
#method.method3 li#method3 a,
#method.method4 li#method4 a { font-weight: bold; color: #cc092f; }

/* Bios Section */

#bios.bios_james li#james a,
#bios.bios_rocky li#rocky a,
#bios.bios_karen li#karen a,
#bios.bios_paschal li#paschal a,
#bios.bios_brianw li#brianw a,
#bios.bios_sara li#sara a,
#bios.bios_brianm li#brianm a,
#bios.bios_walt li#walt a,
#bios.bios_kurt li#kurt a { color: #cc092f; }


/* Body [#content_body]
----------------------------------------- */

#content_body .keys { float: left; margin: 0 auto; width: 500px; }
#content_body { float: left; margin-left: 66px; width: 500px; }
.intro #content_body { margin-left: 0; margin-top: 4em; width: 650px; }
#contact #content_body { margin-left: 272px; }

/* Home */

#home #content_body { float: none; margin: 0 auto; width: 600px; }
#home #content_body h1 { margin: 0 0 1.5em 0; }
#home #content_body p { margin: 0 0 1em 60px; width: 500px; }
#home #content_body .enter { text-align: right; font-weight: bold; }

/* Work Section */

#work_name { border-bottom: 1px solid #999; }
#work_name h1 { float: left; font-size: 100%; font-weight: bold; margin-bottom: .5em; }
#work_name ul { float: right; }
#work_name li { float: left; margin: 0 0 0 8px; }
#work_name li a { text-decoration: none; }
#work_name li a:hover { text-decoration: underline; }
#work_name li.active a { font-weight: bold; }
#work_name li.other { border-left: 1px solid #999; padding: 0 0 0 6px; }

p.piece { margin: 2em 0 0 0; text-align: center; }
#media { margin: 2em 0; text-align: center; }
#media p { margin-top: 2em; }
a.button { background: #EDEDED; padding: 5px 10px; text-decoration: none; font-weight: bold; border: 1px solid #999; }
a:hover.button { background: #cc092f; color: #fff; }

/* Radio Section */

.radio_entry { width: 300px; margin: 3em auto 3em; }
.radio_entry dt { float: right; font-size: 100%; font-weight: bold; width: 210px; margin: 0 0 1em 0; }
.radio_entry dd { margin-left: 90px; font-size: 95%; }
.radio_entry dd.photo { margin: 0; }
.radio_entry dd.photo img { float: left; margin: 0 10px 0 0; width: 80px; z-index: 0; }
.radio_entry dd.mp3 {  }

/* Other Sections */

.text h1 { color: #cc092f; font-size: 120%; font-weight: bold; border-bottom: 1px solid #999; margin: 0 0 1.3em 0; padding: 8px 0 6px 10px; background: url(../images/bkgd_headline.gif) no-repeat 0 0; }
.text h1 em { font-size: 80%; color: #333; font-weight: normal; }
.text p { padding: 0 0 0 10px; }


/* Self-Clearing Floats
----------------------------------------------------- */

#work_name:after,
#content:after,
.line:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

/* Trigger hasLayout and target ie5+6/win only */
* html #work_name,
* html #content,
* html .line  { height: 1%; }

/* Trigger hasLayout and target ie7/win only */
*:first-child+html #work_name,
*:first-child+html #content,
*:first-child+html .line { min-height: 1px; }