/* Begin structure */
    
    h5 {
    margin:-15px 0 5px;
    }
    
    a.left {
    float:left;
    margin:8px 0 0;
    }
    
    a.right {
    float:right;
    margin:8px 0 0;
    }
    
    img {
    border:0;
    }
    
    div#content div.left_align p {
    margin:0 0 20px 0;
    }
    
    body#portfolio div#container div#content {
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    }
    
    ul.benefits {
    list-style:none;
    }
    
    body#portfolio div#container {
    overflow:hidden;
    }
    
    div#clients {
    width:600px;
    float:left;
    position:relative;
    overflow:hidden;
    }
    
    div.overlay {
    display:inline-block;
    position:absolute;
    top:0;
    background:url(../images/overlay.png) no-repeat;
    width:100%;
    height:340px;
    }
    
    div#fixwidth {
    width:699px;
    height:340px;
    position:relative;
    overflow:hidden;
    }
    
    div#screenshots {
    width:10134px;
    margin:0 0 10px 0;
    }
    
    p#screenshot {filter:Alpha(opacity=0);}
    
    div#screenshots img {
    float:left;
    width:560px;
    display:block;
    margin:0 15px 0 0;
    }
    
    h4 {
    float:left;
    margin:0 10px 0 0;
    }
    
    ul.benefits li {
    margin:0 0 10px 0;
    }
    
    ul.services li {
    display:block;
    list-style:none;
    padding:8px 0 8px 15px;
    margin:5px 0;
    width:46.5%;
    }
    
    img.left {
    float:left;
    padding:7px 0 0;
    }
    
    div#clients ul{
    width:1280px;
    height:30px;
    }
    
    div#clients ul li {
    display:inline-block;
    list-style:none;
    list-style:none;
    margin:10px 2px 0 4px;
    padding:0 5px 0 2px;
    overflow:hidden;
    width:140px;
    }
	
	div#clients ul li a {
	display:inline-block;	
	}
    
    div#clients ul li.last {
    margin:10px 0 0 0;
    padding:0;
    }
    
    ul.services li.left {
    float:left;
    }
    
    ul.services li.right {
    float:right;
    }

    div#container div.left div#content div.padding big {
    display:block;
    margin:10px 0;
    padding:5px 0;
    }
    
    body#portfolio div#container div.left div#content div.right {
    margin:30px 0 0 0;
    width:47.5%;
    }
    
    div.bio p {
    width:480px;
    }
    
    div#info {
    margin:15px 0 0;
    }
    
    div#info a {
    font-weight:700;
    }
    
    p.port_nav a {
    display:inline-block;
    padding:3px 7px;
    margin:0 5px 0 0;
    }
    
    p strong em {
    display:block;
    padding:10px;
    margin:10px 0;
    }
    
    div#container div#content p.projects {
    float:left;
    margin:15px 0 0 0;
    padding:3px 0;
    width:160px;
    }
    
    p.projects a {
    display:block;
    padding:3px 0 0;
    margin:0;
    }
    
    h6 {
    width:160px;
    }
    
    h6 span {
    display:block;
    padding:2px 0;
    margin:2px 0;
    }
    
    body#portfolio div#container div#content div#info ul {
    margin:0 0 20px;
    list-style:disc;
    padding:0 0 0 15px;
    }
    
    body#portfolio div#container div#content div#info ul li {
    margin:0 0 5px;
    }

/* End structure */

/* Begin typography */

    div#content p {
    font-size:0.75em;
    }

    div#container div.left div#content p.question {
    font-size:1.4em;
    letter-spacing:-1px;
    line-height:1.2;
    }
    
    h4 {
    font-size:1.5em;
    letter-spacing:-2px;
    }
    
    body#portfolio div#container div#content h4 a {
    font-weight:700;
    }

    div#container div.left div#content div.padding h5 big {
    display:inline;
    font-size:2em;
    }
    
    h5 {
    font-size:0.85em;
    font-weight:700;
    text-transform:uppercase;
    }

    div#container div.left div#content div.padding big {
    font-size:3em;
    font-weight:700;
    letter-spacing:-3px;
    }
    
    ul.benefits {
    font-size:0.8em;
    font-weight:700;
    }
    
    body#portfolio div#container div#content div#info a {
    font-weight:700;
    }
    
    ul.services {
    font-size:0.95em;
    font-weight:700;
    text-transform:lowercase;
    }
    
    body#portfolio div#container div.left div#content div.right {
    font-size:1em;
    text-align:left;
    }
    
    h5 em {
    font-style:normal;
    }
    
    div#clients ul li {
    font-size:0.9em;
    }
    
    h6 {
    font-size:0.85em;
    font-weight:700;
    text-transform:uppercase;
    }
    
    p.projects a {
    font-size:1.25em;
    font-weight:400;
    letter-spacing:-1px;
    }
    
    div#container div#content div.padding a {
    font-weight:400;
    }
    
    body#portfolio div#container div.left div#content div.right {
    text-transform:none;
    }
    
    body#portfolio div#container div#content ul {
    font-size:0.75em;
    }
    
    body#portfolio div#container div#content p.port_nav a {
    font-weight:700;
    }
    
    img.supplementary {
    height:133px;
    width:185px;
    }
    
    img.grid {
    height:155px;
    width:265px;
    }
    
    p.snapshot {
    float:left;
    padding:0 20px 10px 0;
    width:260px;
    }
    
    p.snapshot img {
    padding:5px 0;
    }

/* End typography */

/* Begin color */
    
    body#portfolio div#container div#content div.left_align {
    border-top:#666 5px solid;
    }

    div#content p.first {
    color:#666;
    }
    
    ul.benefits {
    color:#27386e;
    }
    
    ul.services li {
    border-top:#333 1px dotted;
    border-bottom:#333 1px dotted;
    }
    
    ul.services li.top {
    color:#33ccff;
    }
    
    ul.services li.bottom {
    color:#0099cc;
    }
    
    p strong {
    color:#33ccff;
    }
    
    span.highlight {
    color:#99cc00;
    }
    
    h4 {
    color:#6A6DDA;
    }
    
    body#portfolio div#container div#content h4 a {
    color:#6A6DDA;
    text-decoration:none;
    }
    
    div#clients ul li {
    color:#9999FF;
    border-right:#9999FF 1px solid;
    }
    
    div#clients ul li.last {
    border:0;
    }
    
    body#portfolio div#container div#content div#clients ul li a {
    color:#9999FF;
    font-weight:700;
    }
    
    body#portfolio div#container div#content p.port_nav a {
    color:#fff;
    background:#B2CC46;
    }
    
    h5 {
    color:#27386e;
    }
    
    h5 em {
    color:#33ccff;
    }
    
    h6 {
    border-top:#27386e 1px dotted;
    color:#27386e;
    }
    
    h6 span {
    border-top:#27386e 3px solid;
    }
    
    p.projects {
    border-top:#6666cc 1px dotted;
    }
    
    div#container div#content p.projects a {
    border-top:#6666cc 3px solid;
    color:#6666cc;
    }
    
    div#container div#content div.padding a {
    color:#33ccff;
    }

/* End color */

/* Begin images */
    
    div#container_all {
    background:url(../images/portfolio_background.png) top right no-repeat;
    }

/* End images */