/* CSS Document */

* {margin:0; padding:0;}

body {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; text-align:center; color:#000;}

body div {text-align:left;}
img {border:0;}
p {padding:0 0 0.5em 0;}

/* all generic styles */

.clear {clear:both; height:0px; overflow:hidden; font-size:1px; border:0px; padding:0px; margin:0px; line-height:0px; display:block;}
.hidden {display:none;}

/* classes */

img.borderBlack {border:1px solid #000;}

/* links */

a:link, a:visited {color:#000; text-decoration:underline;}
a:hover {color:#666; text-decoration:underline;}

/* tables */

table {padding:0; margin:0; border:0; border-collapse:collapse;}
table tr td {font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal;}
table tr td.top {vertical-align:top; font-size:0.9em;} 
table tr td.bottom {vertical-align:bottom; font-size:0.9em;} 

/* skip over navigation link */

a.skip, a.skip:active, a.skip:hover, a.skip:visited {display:none;}


/* BEGINNING OF LAYERS */

#wrapper {width:950px; margin-left:auto; margin-right:auto; margin-top:0;}
#wrapperFlash {width:750px; margin-left:auto; margin-right:auto; margin-top:0;}

/* banner */

#banner {width:950px; height:213px;}

/* nav */

#nav {width:950px;  height:30px;}

.menu {margin:0; padding:0; list-style:none;}
.menu li {padding:0; margin:0; height:30px; list-style:none; background-repeat:no-repeat;}
.menu li a, .menu li a:visited {display:block; text-decoration:none; text-indent:-5000px; height:30px; background-repeat:no-repeat;} 
.home {background-image:url(images/home_over.jpg); width:213px;}
.home a {background-image:url(images/home.jpg);}
.homeBig {background-image:url(images/home_over.jpg); width:213px;}
.homeBig a {background-image:url(images/home_over.jpg);}
.clients {background-image:url(images/clients_over.jpg); width:213px;}
.clients a {background-image:url(images/clients.jpg);}
.clientsBig {background-image:url(images/clients_over.jpg); width:213px;}
.clientsBig a {background-image:url(images/clients_over.jpg);}
.work {background-image:url(images/work_over.jpg); width:213px;}
.work a {background-image:url(images/work.jpg);}
.workBig {background-image:url(images/work_over.jpg); width:213px;}
.workBig a {background-image:url(images/work_over.jpg);}
.ideas {background-image:url(images/ideas.jpg); width:311px;}
.ideasBlank {background-image:url(images/ideas_over.jpg); width:311px;}
.ideas a {background-image:url(images/ideas.jpg);}
.web {background-image:url(images/web_over.jpg); width:213px;}
.web a {background-image:url(images/web.jpg);}
.webBig {background-image:url(images/web_over.jpg); width:213px;}
.webBig a {background-image:url(images/web_over.jpg);}

#nav ul.menu li.contact {margin-right:0;}

ul.menu li a:hover {background:none;}
.menu li {float:left;}
.menu:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}


/* content container */

#contentContainer {width:950px; margin:20px 0 0 0;}

/* left container */

#leftContainer {width:639px; float:left;}

/* right container */

#rightContainer {width:311px; float:left;}
#rightContainer img {margin:0;}
#rightContainer p.intro {font-size:0.8em; margin:7px 0 0 0;}

/* pdf examples */

div.examples {clear:both; padding:7px 0 0 0;}
div.box {width:77px; float:left; margin:0 25px 0 0;}
div.box h2 {font-weight:bold; font-size:0.8em; margin:0 0 5px 0;}
div.box p {font-size:0.7em; margin:2px 0 0 0;}
div.box a:link, div.box a:visited {color:#f17c1f;}
div.box a:hover {color:#666;}

/* info container */

#info {width:195px; float:left; padding:0 18px 0 0;}
* html #info
  {
  width: 213px;   /* for IE5.x/win */
  w\idth: 195px;  /* for other IE versions */
  }

#info p {font-size:0.8em;}
#info img {margin:0 0 7px 0;}
#info h2 {margin:8px 0 0 0; font-weight:bold; font-size:0.8em;}
#info h2.blue {margin:8px 0 0 0; font-weight:bold; font-size:0.8em; color:#33c2e0;}
#info h2.orange {margin:8px 0 0 0; font-weight:bold; font-size:0.8em; color:#f17c1f;}
#info h2.grey {margin:8px 0 0 0; font-weight:bold; font-size:0.8em; color:#727dbd;}
#info h3 {margin:7px 0 0 0; font-weight:bold; font-size:0.8em; color:#80c342;}
#info a {text-decoration:none;}
#info ul.clientlist {font-size:0.8em; margin:10px 0 0 12px; list-style-type:none;}
#info ul.clientlist li {padding:0 0 1px 0; margin:0; width:150px; list-style-image:none;}
#info ul.clientlist li a:hover {color:#727dbd;}
#info ul.clientlist li a.on {color:#727dbd;}
div.dot {background-image:url(images/dot.jpg); background-position:top left; background-repeat:no-repeat;}

/* content container */

#content {width:408px; float:left; padding:0 18px 0 0;}
* html #content
  {
  width: 426px;   /* for IE5.x/win */
  w\idth: 408px;  /* for other IE versions */
  }
  
#content h1 {font-size:1.5em; margin:0 0 36px 0;}
#content h2 {font-size:1.2em; margin:0 0 5px 0;}
#content h3.orange {font-size:1.1em; margin:0 0 5px 0; color:#f17c1f;}
#content h3.grey {font-size:1.1em; margin:0 0 5px 0; color:#727dbd;}
#content h4 {font-size:0.8em; margin:0;}
#content p {padding:0 0 1.4em 0; line-height:17px;}
#content p.clientintro {font-size:1.1em;}
#content p.quote {font-size:0.9em; font-weight:bold;}
#content p.small {font-size:0.8em;}
span.small {font-size:0.8em;}
#content p.smallbold {font-size:0.9em; font-weight:bold;}
#content p.bluetext {font-size:0.8em; color:#33c2e0; margin-top:-20px;}
#content p.blacktext {font-size:0.8em; color:#000; margin-top:-20px;}
#content p.orangetext {font-size:0.8em; color:#f17c1f; margin-top:-20px;}
span.orangetext {font-size:0.8em; color:#f17c1f;}
#content p.greytext {font-size:0.8em; color:#727dbd; margin-top:-20px;}
#content p.backtop {font-size:0.8em; text-align:right;}
#content p.orange a:link, #content p.orange a:visited {font-size:0.8em; color:#f17c1f;}
#content p.orange a:hover {color:#666;}
#content p.orangeBig a:link, #content p.orangeBig a:visited {font-size:0.9em; color:#f17c1f;}
#content p.orangeBig a:hover {color:#666;}
#content p.grey a:link, #content p.grey a:visited {font-size:0.8em; color:#727dbd;}
#content p.grey a:hover {color:#666;}

/* linkedin */

#linkedin {margin-top:3px;}
#linkedin p {padding-top:5px;}
#linkedin img {float:left;}