/* Primal Media CSS */

body                 { color: #626262; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.65em; background: #575757 url("images/background/bg2.gif") repeat-x; text-align: center; margin: 0; padding: 0 }

#elephant         { background: white url(images/background/bg.gif) repeat-y;  text-align: left; margin: 10px auto 15px; padding: 4px 0 1px; position: relative; width: 720px; voice-family: inherit        }
html>body #primal     { width: 720px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6 }
#essays  { padding: 0 4px }

a    { color: #0066FF; font-weight: normal; text-decoration: underline }
a:hover    { color: #0000FF; text-decoration: none }
a.back { color: #797d74; text-decoration: underline }
a.back:hover { color: #3c382f; text-decoration: none }
a.mango   { color: #0066FF; text-decoration: underline }
a.mango:hover   { color: #0000FF; text-decoration: none }
a.light    { color: #000000; font-weight: normal; text-decoration: none }
a.light:hover    { color: #0000FF; text-decoration: none }
a.basic    { color: #0066FF; font-size: 11px; font-family: Arial; font-weight: normal; text-decoration: underline }
a.basic:hover    { color: #0000FF; text-decoration: none }

img.wrap 	 { display: block; margin: 4px 10px 5px 8px; border: 0 }

#header         { background-color: transparent; background-image: url("images/header.jpg"); text-align: center; margin: 0 0 5px; padding: 0; width: 712px; height: 65px }
#header img { border: 0 }
/* Overcome margin bug in IE/Win floats, 
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #header   { margin-bottom: 3px }

#footer         { color: #DBDBDB; background-color: #595959; text-align: center; margin-bottom: 4px; padding: 4px 0 2px; }  
#footer img { border: 0 }
#footer a { border: 0 }
#footer p  { line-height: 1em; padding-bottom: 0; border: 0 }

#website2          { text-align: left; margin-top: 0; width: 712px; height: 148px ; margin-bottom: -2px; }
html>body #website2 { text-align: left; margin-top: 0; width: 712px; height: 150px ; margin-bottom: -6px; }
#website2 img { border: 0 }
#website2 a { border: 0 }

#website          { text-align: left; margin-top: 0; width: 712px; height: 150px }
#website img { border: 0 }
#website a { border: 0 }

#photoholder  { background: #fff url("images/loading.gif") no-repeat; margin-top: 0; margin-bottom: 0; width: 712px; height: 150px }

#website3   { text-align: left; margin-top: 0; width: 712px; height: 50px }
#website3 img { border: 0 }
#website3 a { border: 0 }
*html #website3  { margin-top: -4px }

#photoholder3   { background: #fff url("http://www.primalmedia.com/images/news/loading.gif") no-repeat 50% 50%; margin-top: 0; margin-bottom: 0; width: 712px; height: 50px }
span.quiet { display: none }

#web       { background-color: transparent; margin: 0; width: 712px; height: auto; float: left }
#web p     { margin-top: 10px; margin-right: 15px }
#web h2  { margin-bottom: 10px; padding-bottom: 0 }
#screen  { background-color: transparent; margin-left: 1px; padding: 0; width: 225px; height: 137px; float: left ; }
html>body #screen { margin-top: 6px; margin-left: 2px; }
#screen1  { background-color: transparent; margin-left: 1px; padding: 0; width: 225px; height: 137px; float: left ; }
html>body #screen1  { margin-left: 2px; }
#blurb     { margin-top: 0; width: 484px; float: left }
#blurb p     { margin-top: 0; margin-bottom: 10px; padding: 0 }
#blurb h2 { margin-bottom: 5px }
#breadcrumbs    { background-color: white; margin: 0; width: 508px; float: left }
#quote    { margin-top: -4px; padding-top: 8px; width: 465px; border-top: 1px dotted #dadbd6 }
#quote p     { margin-top: 0; padding-top: 0 }
blockquote     { color: #4e4e4e; font-size: 14px; font-family: Georgia, Serif; font-style: italic; line-height: 20px; background: #fff url("images/blockquote.gif") no-repeat; text-indent: 0; margin-top: 0; margin-right: 0; margin-left: 0; padding-top: 10px; padding-bottom: 0; padding-left: 15px }
#description      { padding-left: 20px; width: 220px; float: left }
#description h3 { font-size: 9pt;font-variant: small-caps; padding-left: 3pt }
.name { color: #6e7373 }

#main                { background-color: white; background-image: url("images/content_back.gif"); background-repeat: repeat; margin: 4px 0; padding: 0 0 4px; width: 712px; float: left }
#content1          { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; margin: 0; padding: 0; width: 288px; float: left }
/* Overcome margin bug in IE/Win floats, 
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content1     { margin-right: 5px; width: 280px }
#content1 p        { padding-right: 15px; padding-left: 15px; width: 252px }
#content1 h2     { color: #37332a; font-size: 16px; font-family: Georgia, Serif; font-variant: small-caps; font-weight: normal; line-height: 30px; text-decoration: none; background: #dadbd6; margin: 0 0 10px; padding: 0 0 0 15px; width: 268px; height: 30px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6 }
#content1 h3  { line-height: 1em; padding-top: 0; padding-left: 15px }
#content1 h4        { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0 0 0 15px }

#sidebar1   { color: #777; background-color: transparent; text-align: center; margin: 0; padding: 0; width: 424px; float: left }
/* Overcome margin bug in IE/Win floats, 
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #sidebar1     { padding-bottom: 3px; width: 421px; float: left }
  * html #sidebar1 h2  { width: 409px }
 
#sidebar1 img { border: 0 }
#sidebar1 a { border: 0 }
#sidebar1 p     { color: #595959; text-align: left; margin-right: 15px; margin-left: 15px; padding-top: 5px }
#sidebar1 h2     { color: #DBDBDB; font-size: 16px; font-family: Georgia, Serif; font-variant: small-caps; font-weight: normal; line-height: 30px; text-decoration: none; background: #595959; text-align: left; margin: 0 0 5px 0; padding-top: 0; padding-bottom: 0; padding-left: 15px; height: 30px; border-top: 1px solid #606060; border-bottom: 1px solid #6b675c }

#design   { background-color: transparent; text-align: center; margin: 10px 0 0 10px; width: 400px; height: auto }
/* Hide from IE-Mac \*/
  * html #design      { margin: 10px 0 0 4px }
/* End hide */
#main2    { background-color: white; background-image: url("images/content_back2.gif"); background-repeat: repeat; margin: 4px 0; padding: 0 0 4px; width: 712px; float: left }
#content2       { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; margin: 0 5px 0 0; padding-right: 0; padding-bottom: 0; width: 444px; float: left }
/* Overcome margin bug in IE/Win floats, 
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content     { width: 428px }
#content2 p       { padding-top: 0; padding-bottom: 5px; padding-left: 15px; width: 413px }
#content2 h2      { color: #37332a; font-size: 16px; font-family: Georgia, Serif; font-variant: small-caps; font-weight: normal; line-height: 30px; text-decoration: none; background: #dadbd6; margin: 0 0 10px; padding: 0 0 0 15px; width: 430px; height: 30px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6 }
#content2 h3  { line-height: 1em; padding-top: 0; padding-left: 15px }
#content2 h4         { color: #474747; font-size: 14px; font-family: Georgia, Serif; font-variant: normal; font-weight: normal; line-height: 1.25; text-transform: none; margin: 15px 15px 10px; padding-top: 0; padding-bottom: 4px; border-bottom: 1px dotted #626259 }

.people { width: 100px; margin-right: 10px; margin-bottom: 10px; margin-left: 15px; border: solid 1px #7a7a6e; }

.newsByte   { margin-bottom: 15px }
.newsByte p { margin-bottom: 0 }
.web_design       { color: #62625d; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase !important; margin-right: 20px; margin-bottom: 0; margin-left: 0; padding-bottom: 0 }

.projects { color: #626262; text-align: center; margin-right: 6px; margin-left: 6px; padding-right: 3px; padding-left: 5px; border-right: 1px solid #dadbd6; border-left: 1px solid #dadbd6 }
.projects_left { color: #626262; text-align: center; margin-right: 6px; margin-left: 0px; padding-right: 3px; padding-left: 5px; border-right: 1px solid #dadbd6 }
.projects_right { color: #626262; text-align: center; margin-right: 6px; margin-left: 6px; padding-right: 3px; padding-left: 5px; border-left: 1px solid #dadbd6 }

#sidebar2    { color: #777; background-color: transparent; margin: 0; padding: 0; width: 263px; float: left }
/* To surmount margin bug in IE/Win floats, 
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #sidebar2     { width: 259px; float: left }
  * html #sidebar2 h2   { width: 247px }

#sidebar2 a { border: 0 }
#sidebar2 p  { color: #595959; padding-top: 5px; padding-right: 15px; padding-left: 15px }

#sidebar2 h2     { color: #DBDBDB; font-size: 16px; font-family: Georgia, Serif; font-variant: small-caps; font-weight: normal; line-height: 30px; text-decoration: none; background: #595959; text-align: left; margin: 0 0 5px 0; padding-top: 0; padding-bottom: 0; padding-left: 15px; height: 30px; border-top: 1px solid #606060; border-bottom: 1px solid #606060 }
#sidebar2 h3 {color: #0066FF; font-size: 22px; font-family: Arial, Serif; background-color: transparent; padding-top: 5px; padding-right: 15px; padding-left: 15px}

a.permalink     { background-color: transparent; background-image: url("images/page_icon2.gif"); background-repeat: no-repeat; background-attachment: scroll; text-indent: -10000px; display: block; margin: 0.3em 5px 0 0; width: 9px; height: 10px; float: left; border-width: 0 }
a.permalink2     { background-color: transparent; background-image: url(images/page_icon.gif); background-repeat: no-repeat; background-attachment: scroll; text-indent: -10000px; display: block; margin: 0.3em 5px 0 0; width: 9px; height: 10px; float: left; border-width: 0 }

.news dt a    { color: #f58539; font-family: Georgia, Serif; font-style: normal; font-variant: normal; font-weight: normal; margin-bottom: 0; padding-bottom: 0 }
.news dt a:hover  { color: #dadbd6; text-decoration: none }
.news dd  { margin-top: 0; margin-bottom: 1em }
.news dd.posted  { margin-bottom: 10px }
.posted   { background-color: transparent; padding-top: 0.25em; clear: both }
.posted, .posted a   { color: #a29a8b; text-decoration: none }
#content1 .posted, #content1 .posted a, #content2 .posted, #content2 .posted a    { color: #6b6a61; text-decoration: none }
dd.posted { margin-top: 0; margin-bottom: 10px; padding-top: 0 }
dt   { color: #dadbd6; font-size: 14px; font-family: Georgia, Serif; font-style: normal; font-variant: normal; font-weight: normal; margin-left: 15px }
dd  { margin: 0 0 0 15px; padding: 0 }

#featuredProjects    { margin-left: 2px; padding-left: 0; width: 420px }
  * html #featuredProjects  { margin-left: 4px}
/* Hide from IE-Mac \*/
  * html #featuredProjects  { margin-left: 2px}
/* End hide */
#pix { margin-left: 10px; width: 175px; height: 101px; float: left; border-top: 0; border-right: 0; border-bottom: 40px solid #626262; border-left: 0 }
#break        { padding: 0 0 5px; border-bottom: 1px solid #d6d6d6 }
#breakdown        { margin-bottom: 10px; padding: 10px 0 5px; border-bottom: 1px solid #d6d6d6 }
#cs img    { margin-bottom: 7px; border: solid 1px #969696 }
#cs img:hover  { border: solid 1px #f28006 }
#cs a { border: 0 }

ul       { font-size: 110%; list-style-image: url("images/arrow.gif"); list-style-position: outside; margin: 0 0 10px 30px; padding: 0 }
p      { font-size: 110%; margin: 0 0 15px }
h2         { color: #444; font-size: 200%; font-family: Georgia, Serif; font-weight: normal; margin: 15px 0 10px }
h3             { color: #6b6a61; font-size: 115%; font-family: Georgia, Serif; line-height: 1em; margin: 0 0 4px }
h3 a         { color: #626259; font-size: 135%; line-height: 1.25em; text-decoration: underline; margin-bottom: 0 }
h4           { color: #878787; font-size: 100%; font-weight: normal; text-transform: uppercase; margin: 0 }
.bold { font-weight: bold }
.bold2  { font-weight: bold; margin-right: 5px }
.italic { font-size: 110%; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic }
#menu              { line-height: 32px; background-color: #e8e8e1; text-align: center; margin: 4px 0 -12px; padding: 0; position: relative; height: 32px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6 }
  * html #menu  { margin-top: 4px }
/* Hide from IE-Mac */
  * html #menu {margin-bottom: -13px}
/* End hide */

#menu ul    { text-align: center; margin: 0; padding: 0 }
#menu ul li { display: inline; margin: 0; padding: 0 }
#menu ul li a       { color: #6F6F6F; font-size: 16px; font-family: Georgia, Serif; font-variant: small-caps; font-weight: normal; line-height: 32px; text-decoration: none; margin: 0; padding: 0 15px; width: auto; height: 32px }
#menu ul li a:hover, #menu ul li a:hover.selected       { color: #0066FF; text-decoration: none; padding-top: 7px; padding-bottom: 7px; height: 18px }
#menu ul li a.selected     { color: #0066FF; background: #dadbd6; padding-top: 7px; padding-bottom: 7px; height: 50px }

#minimenu              { line-height: 16px; background-color: #8E8E8E; text-align: center; margin: -4px 0 -12px; padding: 0; position: relative; height: 16px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6 }
  * html #minimenu  { margin-top: 0px }
/* Hide from IE-Mac */
  * html #minimenu {margin-bottom: -9px}
/* End hide */
#minimenu ul    { text-align: center; margin: 0; padding: 0 }
#minimenu ul li { display: inline; margin: 0; padding: 0 }
#minimenu ul li a       { color: #C9C9C9; font-size: 9px; font-family: Arial; font-weight: normal; line-height: 16px; text-decoration: none; margin: 0; padding: 0 7px; width: auto; height: 16px }
#minimenu ul li a:hover, #minimenu ul li a:hover.selected       { color: #C2C2C2; text-decoration: none; padding-top: 4px; padding-bottom: 2px; height: 9px }
#minimenu ul li a.selected     { color: #C2C2C2; padding-top: 4px; padding-bottom: 2px; height: 16px }