body{background:#FFF url(/images/body-bg.gif) repeat-x top left;color:#666;font:12.5px/1.5em Arial,Helvetica,"Liberation sans","Bitstream Vera Sans",sans-serif;position:relative;margin:0;padding:0}
#website{background:url(/images/subheader.jpg) no-repeat top center}
#container{margin:auto auto;max-width:1000px !important;width:1000px}
    #header{height:60px;padding-top:16px}
        #centation{float:left;padding-left:20px;}
        #header ul{float:right;list-style:none;margin-right:80px}
            #header li{float:left;display:inline}
            #header li a{display:block;margin:0 5px;padding:5px 8px;color:#FFF;text-decoration:none;font-size:1.1em}
            #header li a:hover,#header li a#active{text-decoration:none;background:url(/images/navigation-bg.png);-moz-border-radius:4px;-webkit-border-radius:4px}
    #subheader{position:relative;height:183px}
        #tagline{padding:40px 0 0 20px}
        #screenshot{position:absolute;top:30px;right:20px;background:url(/images/screenshot/browser-big.png) no-repeat;width:481px;height:598px}
            #screenshor-img,.screenshor-img{margin:23px 0 0 8px}
            #screenshot-title{float:left;margin:20px 0 0 15px}
            #screenshot-link{float:right;margin:20px 15px 0 0}
        #screenshot-image-supporting-secondary{position:absolute;top:220px;right:0}
        #screenshot-image-supporting-primary{position:absolute;top:440px;right:270px}
        #screenshot-portfolio{position:absolute;top:660px;right:50px}
        #screenshot-your-site-here{position:absolute;top:20px;right:10px;background:url(/images/screenshot/your-site-here.png) no-repeat;width:573px;height:215px}
        #quote{position:absolute;top:50px;right:20px;background:url(/images/quote-big.png) no-repeat;width:490px;height:201px}
			.large-quote blockquote{padding-top:17px}
    #content{clear:both;margin-left:20px;padding-top:50px}
        .col-half,.col-third,.col-twothirds,.col-fifth{float:left}
        .col-half{width:450px;margin-right:50px}
        .col-third{width:290px;margin-right:30px}
	.col-quarter{width:225px;margin-right:25px}
        .col-twothirds{width:613px;margin-right:33px}
        .col-fifth{width:174px;margin-right:20px}
        .last{margin-right:0}
        #introduction{margin-bottom:2em}
        #what-we-do{clear:both}
            #what-we-do .img-emphasis{margin:.1em 0 2em 0}
            .what-we-do-content{height:17em}
        .project-planner{background:#f8f4df url(/images/icon/project-planner.png) no-repeat 1em .6em;border:2px solid #f5edc4;margin-bottom:1.5em}
        .blog-subscribe{background:#f8f4df;border:2px solid #f5edc4;margin-bottom:1.75em}
            .project-planner p{margin:1em 0 1em 75px}
            .blog-subscribe form{padding:3px;text-align:left;margin:10px 0}
            .blog-subscribe p{margin:0;padding:0}
            .blog-subscribe form p .textbox{width:175px !important;margin:0 5px 0 5px !important}
            .blog-subscribe .textbox{with:200px !important;margin-right:10px}
        #profiles{padding-top:49px}
            .profile{padding-bottom:20px}
                .profile img{float:right;margin-left:20px}
        .screenshot{width:290px;height:314px;background:url(/images/screenshot/browser-small.png) no-repeat -4px 0;margin-bottom:1em}
            .screenshot img{margin:17px 0 0 4px}
            
#oliver-culverhouse{background:url(/images/employee/oliver-culverhouse.jpg) no-repeat top right}
    #oliver-culverhouse p{margin-right:125px}
#christopher-hill{background:url(/images/employee/christopher-hill.jpg) no-repeat top right}
    #christopher-hill p{margin-right:125px}

/*Typography */
h1,h2,h3{color:#3299cc;text-transform:uppercase;font-weight:bold;padding:0}
h1{font-size:2.25em;margin:0 0 1em;line-height:1.2em}
h2{font-size:1.5em;margin:0 0 1em}
h3{font-size:1.1em;margin:0 0 1.285em}
h4{font-size:1em;margin:0 0 1.5em}
img{display:inline-block;vertical-align:bottom}
p,ul,ol{margin: 0 0 2em 0} 
p.standalone{margin-bottom:0}
.h-emphasis{color:#9cc71e}
.h-light{font-weight:normal}
.h-about{font-size:1.475em}
a{color:#3299cc;text-decoration:underline}
a:hover{color:#3299cc;text-decoration:none;cursor:pointer}
body div a.unimportant{color:#78afd7}
a img{border:0}
#content a[href^="http"]{padding-right:12px;background:url(/images/icon/new-window.gif) no-repeat center right}
.img-emphasis{padding:2px;border:2px solid #E4E4E4}
.img-emphasis:hover{border:2px solid #CCC}
.emphasis{font-size:1.3em;line-height:1.6em}
.uninportant{color:#AAA}
a.unimportant{color:#61afd7}
a:focus,a:active{outline:none}
strong{color:#555}
blockquote{color:#555;font-family:Baskerville,Constantia,Palatino,'Times New Roman',Georgia,serif;font-style:italic;font-size:2em;line-height:1.2em;font-weight:normal;margin:0;padding:35px 30px 0 20px;text-align:right}
blockquote p{margin-bottom:0}
blockquote.inline{text-align:center;text-transform:uppercase;font-style:normal;padding:10px 0 0;font-size:1.4em}
blockquote.inline p{margin-bottom:30px}
blockquote cite{font-size:.6em}
blockquote.inline cite{font:12.5px/1.5em Arial,Helvetica,"Liberation sans","Bitstream Vera Sans",sans-serif;text-transform:none;font-style:normal}
blockquote.minor-emphasis{font:16px/1.5em Baskerville,Palatino,Georgia,serif;font-style:italic;text-align:left;padding:0;color:#777}
blockquote.minor-emphasis cite{font-style:normal;font-size:.8em}
blockquote.added-emphasis{font-size:1.5em;padding:0;color:#777;line-height:1.275em}
blockquote.added-emphasis cite{font-style:normal;font-size:.7em}
address{font-style:normal;margin-bottom:2em}
hr{clear:both;border:0;background:#FFF;color:#FFF;border-bottom:2px solid #e4e4e4;margin:3em 0}
hr.container-top{margin-bottom:1em}
hr.container-bottom{margin-top:1em}
.amp-inline{font-style:italic;font-size:1.1em;font-family:Constantia,'Times New Roman',Palatino,Georgia}
.hide{visibility:hidden}
.none{display:none}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}

/* Icons */
.hcard{background:#FFF url(/images/icon/hcard.jpg) no-repeat 5px 0;padding-left:40px}

/* Buttons */
a.button{display:block;float:left;background:url(/images/button_right.gif) no-repeat scroll top right;height:24px;margin-right:6px;padding-right:18px;color:#3299cc;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:.9em}
a.button span{display:block;background:url(/images/button_left.gif) no-repeat;padding:5px 0 5px 18px;line-height:14px}
a.button:active{background-position:bottom right;color:#3299cc;outline:none}
a.button:active span{background-position:bottom left;padding:6px 0 4px 18px}
#introduction a.button{float:left;margin-right:3em}
a.button:hover{cursor:pointer}
a.input:hover{cursor:default}

/* Forms */
label,.textbox{float:left}
label{font-size:1.3em;width:165px}
.textbox,.file,textarea{margin-bottom:.75em;border:1px solid #CCC;font-size:1.3em;padding:3px 5px;width:400px;color:#555}
.file{border:0}
textarea{overflow:auto}
.focus{border:1px solid #AAA}
textarea{font:17px/1.5em Arial,Helvetica,"Liberation sans","Bitstream Vera Sans",sans-serif;height:175px}
form br{clear:both}

#project-planner-completed{display:block;height:1.3em}

/* Portfolio page */
#client-list ul{border-left:3px solid #CCC;padding:0;margin:0 0 0 0;list-style:none}
    #client-list li{border-bottom:1px dotted #DDD;padding:3px 3px 3px 25px} 
        #client-list li:hover{background:#F6F6F6;border-bottom:1px dotted #BBB}
        #client-list li span{color:#AAA}

.portfolio-container{position:relative;height:119px;margin-bottom:20px}
.portfolio-overlay{display:none;position:absolute;z-index:5;width:274px;height:119px;margin:4px 0 0 4px;background:url(../images/portfolio/overlay.png) no-repeat;text-align:center}
.portfolio-overlay-wide{width:594px !important;background:url(../images/portfolio/overlay-wide.png) no-repeat !important}
    .portfolio-overlay a{display:block;width:270px;height:69px;padding-top:50px;text-decoration:none}
    .portfolio-overlay-wide a{width:590px}
    .portfolio-overlay h3 span.casestudy-title{color:#FFF}
    .portfolio-overlay h3 span.casestudy-read{color:#43CAEB}
.portfolio-view{position:absolute;z-index:4}

/* Plugins */
/* Cycle */
#portfolio-container{position:relative;height:580px}
    #slideshow-previous{position:absolute;display:block;height:29px;overflow:hidden;top:250px;left:-32px}
    #slideshow-next{position:absolute;display:block;height:29px;overflow:hidden;position:absolute;top:250px;right:-55px}
    
    #slideshow-home-previous{position:absolute;display:block;height:29px;overflow:hidden;top:555px;right:-30px}
    #slideshow-home-next{position:absolute;display:block;height:29px;overflow:hidden;position:absolute;top:520px;right:-30px}

/* Hacks */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0}
/* IE7 */
/* IE6 */
* html div{zoom:1}
* html #header ul{margin-right:55px}
* html #header li a{padding-right:7px}
* html #header li a:hover,#header li a#active{background:#567E93}
* html #introduction{margin-bottom:2.5em}
* html #what-we-do{margin-bottom:-2em}