* {
 font-family: Arial, Helvetica, Verdana, sans-serif;
}

html, body.portfolio {
 margin: 0;
 padding: 0;
 background-color: #000;
}

div.container {
 width: 695px;
 margin: 0 auto;
 padding: 20px 0;
 text-align: center;
}

ul {
 margin: 10px 10px 20px 10px;
 padding: 10px 10px 20px 10px;
}

ul li {
 list-style-type: none;
 background-image: url(/images/bullet.png);
 background-repeat: no-repeat;
 background-position: 0 7px;
 padding: 0 0 0 15px;
 line-height: 1.4em;
}

a {
 color: #f89520;
 text-decoration: none;
 font-weight: normal;
}
a:hover {
 text-decoration: underline;
}

small, .small {
 font-size: 10px;
}




.links {
 border-top: solid 1px #fff;
 padding: 10px 0 0 0;
 color: #fff;
 font-size: 14px;
}

.links a {
 color: #f89520;
 text-decoration: none;
 font-size: 16px;
 font-weight: normal;
 vertical-align: middle;
}

.links a:hover {
 text-decoration: underline;
}



div.bubble_650 {
 width: 650px;
 margin: 0 auto;
 padding: 0;
}
div.bubble_650 div.top {
 height: 8px;
 background-image: url(/images/bubble_650_top.gif);
 background-repeat: no-repeat;
}
div.bubble_650 div.mid {
 padding: 20px;
 background-color: #5f6060;
 color: #fff;
}
div.bubble_650 div.bot {
 height: 8px;
 background-image: url(/images/bubble_650_bot.gif);
 background-repeat: no-repeat;
}



div.bubble_436 {
 width: 436px;
 margin: 0 auto;
 padding: 0;
}
div.bubble_436 div.top {
 height: 8px;
 background-image: url(/images/bubble_436_top.gif);
 background-repeat: no-repeat;
}
div.bubble_436 div.mid {
 padding: 20px;
 background-color: #5f6060;
 color: #fff;
}
div.bubble_436 div.bot {
 height: 8px;
 background-image: url(/images/bubble_436_bot.gif);
 background-repeat: no-repeat;
}

div#whatpeoplearesaying {
 text-align: left;
 line-height: 30px;
 font-size: 14px;
}

div#quotes big {
 font-size: 20px;
 font-weight: bold;
 text-decoration: none;
}




div#skillsexperience {
 width: 600px;
 margin: 20px auto 0 auto;
 color: #fff;
 text-align: left;
}






div#contact_container {
 text-align: left;
}

div#contact_container ul li {
 line-height: 2em;
 background-position: 0px 11px;
}


div.invisible {
 display: none;
}

div.block {
 display: block;
}




ul.examples {
 margin: 20px 0;
 padding: 0;
 list-style-type: none;
}
 
ul.examples li {
 float: left;
 width: 190px;
 margin: 0 18px 18px 0;
 padding: 10px;

 text-align: center;
 background-color: #b3b3b3;
 background-image: url(/images/example_bg.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;

 border-style: inset;
 border-width: 4px;
 border-top-color: #cac9c9;
 border-right-color: #828384;
 border-bottom-color: #68696a;
 border-left-color: #bcbcbc;
}

ul.examples li.third {
 margin-right: 0;
}

ul.examples li ul li {
 float: none;
 width: auto;
 margin: 0;
 padding: 0;
 border: none;
 background: none;
 text-align: left;
}

ul.examples li a, ul.examples li a:hover {
 font-size: 14px;
 text-decoration: underline;
}

ul.examples li a, ul.examples li a:hover {
 font-weight:normal;
}

ul.examples li a.title, ul.examples li a.title:Hover {
 font-weight:bold;
 font-size: 11px;
}

ul.examples li a, ul.examples li a.title {
 color: #333333;
}

ul.examples li img {
 margin: 5px;
 border: solid 1px #444445;
}

ul.examples li div.links {
 font-size: 13px;
 text-decoration: none;
 font-weight: bold;
 text-align: left;
 background-color: #FFFFFF;
 color: #000000;

 line-height: 1.25em;
 padding: 3px;
 margin: 0;
 border: solid 1px #818181;
}

ul.examples li div.links a, ul.examples li div.links a:Hover {
 font-size: 12px;
 text-decoration: underline;
 text-align: left;
}

ul.examples li div.links a.live, ul.examples li div.links a.live:Hover {
 font-size: 10px;
}

ul.examples li a:hover {
 color: #000000;
}


div.graphicsdesign {
 display: block;
}

ul.examples li div.info, ul.examples li div.info_about, ul.examples li div.info_platforms, ul.examples li div.info_skills {
 font-size: 12px;
 text-decoration: none;
 text-align: left;
 background-color: #FFFFFF;
 color: #000000;

 line-height: 1.25em;

 overflow: auto;
 padding: 5px;
 margin: 0;
 margin-bottom: 5px;
 border: solid 1px #818181;
}

ul.examples li div.info ul, ul.examples li div.info_about ul, ul.examples li div.info_platforms ul, ul.examples li div.info_skills ul {
 margin: 0;
 padding: 0;
}
ul.examples li div.info ul li, ul.examples li div.info_about ul li, ul.examples li div.info_platforms ul li, ul.examples li div.info_skills ul li {
 list-style-type: none;
 background-image: url(/images/bullet.png);
 background-repeat: no-repeat;
 background-position: 0 2px;
 padding: 0 0 0 15px;

 line-height: 1.25em;
}

ul.examples li div.info_about a {
 font-size: 12px;
 text-decoration: underline;
 text-align: left;
 color: #000000;
}


ul.examples li div.info b, ul.examples li div.info_about b, ul.examples li div.info_platforms b, ul.examples li div.info_skills b {
 font-weight: bold;
 font-size: 11px;
}

ul.examples li div.info_about, ul.examples li div.info {
 height: 5.2em;
}

ul.examples li div.info_about big {
 font-size: 17px;
 font-weight: bold;
}

ul.examples li div.info_platforms {
 height: 4em;
}

ul.examples li div.info_skills {
 height: 4em;
}

ul.examples li div.date {
 font-size: 10px;
 text-decoration: none;
 color: #000000;

 padding: 0;
 margin: 0;
 margin-top: 5px;
 vertical-align: bottom;
 text-align: right;
}

ul.examples li div.barcode {
 font-size: 10px;
 text-decoration: none;
 color: #FFFFFF;

 padding: 0;
 margin: 0;
 margin-top: 5px;
 vertical-align: bottom;
 text-align: right;
}

div#rightarrow {
 text-align: right;
}

div.copyright {
 color: #CCCCCC;
 font-size: 11px;
}


#redesign {
 z-index: -1;
 position: fixed;
 top: 0;
 right: 20px;
 background-color: transparent;
 width: 328px; 
 height: 296px; 
 padding: 0;
 margin: 0;
}