/* CSS Document */

body { margin:0; padding:0; background-image:url(../images/backgrounds/background_chrome.png); background-repeat:repeat-x; background-position:top left; background-color:#FFF; }
body { font-size:67%; font-family:Verdana, Arial, Helvetica, sans-serif; }

.clear { clear:both; }

h2 { margin:0 0 1em 0; font-family:Arial, Helvetica, sans-serif; color:#191947; font-size:1.2em; }
h3 { margin:0 0 0.75em 0; font-family:Arial, Helvetica, sans-serif; color:#191947; font-size:1.1em; }
p, li { font-size:1em; line-height:160%; color:#444; }
a:link, a:visited { color:#006699; }
a:hover, a:focus { color:#444; }

.active { display:block; }
.inactive { display:none; }


#toolbar { background-color:#000; position:absolute; top:0; left:0; width:100%; background-image:url(../images/backgrounds/background_toolbar.png); background-repeat:repeat-x; border-bottom:2px solid #CC9900; }
#toolbar div.container { width:660px; margin:0 auto; padding:0; }
#toolbar p { margin:0; padding:2px 0 0 0; }

#toolbar .contact { float:right; }
#toolbar ul { list-style-type:none; margin:0; padding:0;  }
#toolbar ul li { float:left; margin:0; padding:4px 0 0 25px; height:19px; }
#toolbar ul li.email { margin-right:30px; background-image:url(../images/icons/mail.png); background-repeat:no-repeat; }
#toolbar ul li.phone { background-image:url(../images/icons/phone.png); background-repeat:no-repeat; color:#BFBFBF; }
#toolbar a:link, #toolbar a:visited { color:#BFBFBF; text-decoration:none; }
#toolbar a:hover, #toolbar a:focus { color:#BFBFBF; text-decoration:underline; }

#header { position:absolute; top:50px; left:0; margin:0 auto; padding:0; width:100%; text-align:center; }
#header h1 { margin:0 auto; padding:0; display:block; height:55px; width:271px; background-image:url(../images/header/jc_digital_logo.png); }
#header h1 span { display:none; }
#header p { margin:8px auto; padding:0; display:block; width:271px; height:14px; background-image:url(../images/header/tagline.png); background-position:top left; background-repeat:no-repeat; }
#header p span { display:none; }

#content { position:relative; width:760px; margin:0 auto; padding:180px 0 0 0; border:1px solid #CCC; background-color:#FFF; background-image:url(../images/backgrounds/background_content.png); background-position:bottom left; background-repeat:repeat-x; }

#column { width:440px; float:left; margin:0px 25px 50px 30px; background-color:#FFF; }
#services { margin-bottom:3.5em; margin-left:10px; margin-right:10px; }

#services dt { line-height:160%; font-weight:bold; color:#666; }
#services dd { display:none; }
#services ul { margin-left:0; }
#services li { list-style-type:none; }

#testimonials { margin-left:10px; margin-right:10px; }
#testimonials p.source { margin-bottom:2em; font-style:italic; }

#about { width:225px; float:left; border:1px solid #CCC; background-color:#FFF; position:relative; }
#about h2 { margin:15px 10px 0.75em 15px; }
#about p { margin-left:15px; margin-right:15px; }
#about #identity { height:113px; margin-left:15px; margin-right:15px; position:relative; width:195px; text-align:right; }
#about #identity p.caption { font-style:italic; position:absolute; bottom:0; right:85px; text-align:right; margin:0; padding:0; }
#about #identity img { border:1px solid #CCC; float:right; width:75px; margin:0; }
#about p.contact { clear:both; }

#footer { margin:0 auto; padding:25px 0; width:760px; text-align:center; }
#footer p { margin:0; padding:0; text-align:left; color:#999; font-size:0.9em; }