@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

html { -webkit-font-smoothing: antialiased; }

* { margin:0; padding:0; }
body { background:url(images/bg/bodybg-slice.png) repeat; margin:auto auto; color:#666666; }
p { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-weight: 300; font-size:0.85em; line-height:1.42em; margin:0 0 10px 0; color:#4D4E53; text-shadow: 1px 2px 3px #FFF; }
li { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-weight: 300; font-size:0.71em; line-height:2.6em; color:#333333; list-style-type:none; }
#col-one li { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-size: 0.85em; line-height: 1.7em; font-weight: 300; color:#0099CC; list-style-type:none; display:block; }
h1 { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-size: 1.15em; line-height: 1.3em; font-weight:300; color:#000000; }
h2 { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-size:0.85em; line-height:1.3em; font-weight:300; margin:0 0 8px 0; font-style:normal; color:#CC3399; text-shadow: 1px 2px 3px #FFF; }
h3 { font-family: "museo-sans-2",sans-serif; font-size:0.9em; line-height:1.1em; font-weight:700; color:#333333; margin:0 0 15px 0; padding: 0 0 5px 0; border-bottom:1px dotted #CCCCCC; }
h3 a:visited {color:#3399CC; text-decoration:none;}
h4 { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-weight:300; font-size:0.85em; line-height:1.5em; color:#3a7dda; }
blockquote { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-weight: 300; font-size:0.85em; line-height:1.42em; padding: 0 0 1.4em 0; color:#4D4E53; text-shadow: 1px 2px 3px #FFF; text-indent:-5px; }


a:link {color:#3399CC; text-decoration:none;}      /* unvisited link */
a:visited {color:#99CCE5; text-decoration:none;}  /* visited link */
a:hover {color:#CC3399; text-decoration:none;}  /* mouse over link */
a:active {color:#3399CC; text-decoration:none;}  /* selected link */


#feedback { top: 195px; right: 0; width: 40px; height: 93px; color: #FFF; cursor:pointer; overflow:hidden; position: fixed; z-index: 100000; margin-right: -7px; }
#feedback:hover { margin-right: -4px; }


/*#header { background:url(images/bg/bg-slice.png) repeat-x; width:100%; position:fixed; z-index:1100; height: 47px; display:block; } */

#header { width:100%; background:#F1F1F1; position:fixed; z-index:1100; height: 58px; display:block; }

     /* webkit example
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)), to(rgba(255, 255, 255, 0.5)));

        mozilla example - FF3.6+
        background-image: -moz-linear-gradient( top, rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 0.5) 95%);

        IE 5.5 - 7
        filter: progid:DXImageTransform.Microsoft.gradient(startColor='#EDEDED', endColoStr='#FFFFFF');

        IE8 uses -ms-filter for whatever reason...
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColor='#EDEDED', endColoStr='#FFFFFF'); }  */

#top-section { width:960px; position:relative; padding:120px 0 40px 0;  }
#logo { width: 617px; margin:0; padding: 19px 20px 20px 0; float:left; }

/* wallchart page – now defunct 
#wallchart a { display:block; width:140px; height:140px; background:url(images/wc-planner/wc-planner-sprite.gif) no-repeat; padding: 0 0 0 0; float:left; text-indent:-10000px; }
#wallchart a:hover { background:url(images/wc-planner/wc-planner-sprite.gif) no-repeat 0 -150px; float:left; }
#wallchart-page { width: 800px; padding: 20px 50px 20px 50px; margin: 20px auto; min-height: 500px; height: auto !important; height: 500px; }
#wallchart-page p { font:1em/1.5em Georgia, Times, "Times New Roman", serif; color:#4D4E53; margin: 0; width: 600px; }
#wallchart-page p#a2 { padding:20px 0 30px 0; }
#wallchart-page img { padding: 0 0 55px 0; }
#wallchart-page img#wallchart { padding: 0 0 10px 0; }
#wallchart-page h3 { padding: 50px 0 0 0; font:0.8em/1.1em; font-weight:normal; margin: 0; border:none; }
*/

#intro-sentence { width:600px; padding:0 0 100px 0; }
#container { width: 960px; margin:0px auto; position:relative; }
#col-one, #col-two { width: 240px; float:left; padding:0 90px 0 0; }
#col-three { width: 240px; float:left; padding:0; }

#icons { width: 960px; margin:0px auto; position:relative; float: center; }
#icons ul li { display:inline; }
#icons ul li a { padding: 30px 32px 0; float: left; color:#333; }
#icons ul li.phone_icon { float: left; padding: 30px 32px 0 0; margin: 0; color:#333; background:url(images/icons/phone.png) 30px 8px no-repeat; }

#icons ul li.email_icon a { background:url(images/icons/email.png) center 17px no-repeat; }
#icons ul li.email_icon a:hover { background:url(images/icons/email.png) #EBEBEB center -31px no-repeat; }

#icons ul li.b-card_icon a { background:url(images/icons/v-card.png) center 11px no-repeat;  }
#icons ul li.b-card_icon a:hover { background:url(images/icons/v-card.png) #EBEBEB center -43px no-repeat; }

#icons ul li.cv_icon a { background:url(images/icons/cv.png) center 12px no-repeat; }
#icons ul li.cv_icon a:hover { background:url(images/icons/cv.png) #EBEBEB center -41px no-repeat; }

#icons ul li.twitter_icon a { background:url(images/icons/twitter.png) center 12px no-repeat; }
#icons ul li.twitter_icon a:hover { background:url(images/icons/twitter.png) #EBEBEB center -42px no-repeat; }

#icons ul li.linked_icon a { background:url(images/icons/linkedin.png) center 9px no-repeat; }
#icons ul li.linked_icon a:hover { background:url(images/icons/linkedin.png) #EBEBEB center -47px no-repeat; }

#quick-nav li a { background:url(images/misc/blue-arrow.gif) left 4px no-repeat; padding: 0 0 0 10px; } 
#quick-nav li a:hover { background:url(images/misc/blue-arrow.gif) left -14px no-repeat; height: 10px; } 

#work { padding:50px 0 0 0; }
#work img { position:absolute; border: 1px solid #CCC; }
#work h3#my-work { width:240px; padding:0 0 5px 0; margin: 0 0 24px 0; }
#work div.images { width: 622px; position:relative; -moz-user-select:none; background:none repeat scroll 0 0 #FFFFFF; cursor:pointer; float:left; overflow:hidden; border: 5px solid #DEDEDE; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; }
#work div.images a { height:74px; width:74px; position:absolute; }
#work div.images a.prev { background:url("images/icons/previousImage.png") no-repeat; position:absolute; left:2px; }
#work div.images a.next { background:url("images/icons/nextImage.png") no-repeat; position:absolute; right:4px; }

#scooot { padding: 0; }
#work #scooot div.images { height:402px; }
#work #scooot div.images a { top:163px; }

#skygo { padding: 100px 0 0 0; }
#work #skygo div.images { height:402px; }
#work #skygo div.images a { top:163px; }

#badges { padding: 100px 0 0 0; }
#work #badges div.images { height:402px; }
#work #badges div.images a { top:163px; }

/*
#vic { padding: 100px 0 0 0; }
#work #vic div.images { height:402px; }
#work #vic div.images a { top:163px; }
*/


#js { padding: 100px 0 0 0; }
#work #js div.images { height:402px; }
#work #js div.images a { top:163px; }

#ts { padding: 100px 0 0 0; }
#work #ts div.images { height:402px; }
#work #ts div.images a { top:163px; }

#wc { padding: 100px 0 0 0; }
#work #wc div.images { height:440px; }
#work #wc div.images a { top:182px; }

#mba { padding: 100px 0 0 0; }
#work #mba div.images { height:402px; }
#work #mba div.images a { top:163px; }

#atd { padding: 100px 0 0 0; }
#work #atd div.images { height:402px; }
#work #atd div.images a { top:163px; }

/*
#pp { padding: 100px 0 0 0; }
#work #pp div.images { height:402px; }
#work #pp div.images a { top:163px; }
*/

#emails { padding: 100px 0 0 0; }
#work #emails div.images { height:402px; }
#work #emails div.images a { top:163px; }

/*
#pullups { padding: 100px 0 0 0; }
#work #pullups div.images { height:494px; }
#work #pullups div.images a { top:210px; }
*/

/*
#ful { padding: 100px 0 0 0; }
#work #ful div.images { height:496px; }
#work #ful div.images a { top:210px; }
*/

#camden { padding: 100px 0 0 0; }
#work #camden div.images { height:402px; }
#work #camden div.images a { top:163px; }

#tesco { padding: 100px 0 0 0; }
#work #tesco div.images { height:402px; }
#work #tesco div.images a { top:163px; }

/*
#woolys { padding: 100px 0 0 0; }
#work #woolys div.images { height:402px; }
#work #woolys div.images a { top:163px; }
*/

/*
#tyrwhitt { padding: 100px 0 0 0; }
#work #tyrwhitt div.images { height:402px; }
#work #tyrwhitt div.images a { top:163px; }
*/

/*
#hull { padding: 100px 0 0 0; }
#work #hull div.images { height:252px; }
#work #hull div.images a { top:88px; }
*/

#iwmn { padding: 100px 0 0 0; }
#work #iwmn div.images { height:496px; }
#work #iwmn div.images a { top:210px; }

/*
#cooper { padding: 100px 0 0 0; }
#work #cooper div.images { height:400px; }
#work #cooper div.images a { top:163px; }
*/

.description { width:240px; height:250px; padding: 0 0 0 27px; margin:0; float:left; }
.content { width:244px; margin:0; }
.pageTop { width:800px; padding: 13px 0 100px 0; margin:0; float:left; }
.pageTop a:visited {color:#3399CC; text-decoration:none;}  /* visited link */


/* Feedback Section */

#page-wrap { width: 660px; padding: 20px 50px 20px 50px; margin: 19px auto; min-height: 500px; height: auto !important; height: 500px; }
#page-wrap p { font:1em/1.5em Georgia, Times, “Times New Roman”, serif; color:#4D4E53; margin: 30px 0 70px 0; width: 600px; }
#page-wrap h1 { color:#4D4E53; margin: 50px 0 7px 0; }
#page-wrap h3 { font:0.8em/1.1em; font-weight:normal; margin: 0; border:none; }
#contact-area { width: 600px; margin: 40px 0 70px 0; }
#contact-area input, #contact-area textarea { padding: 5px; width: 471px; font:1.2em/1.3em 'Helvetica Neue', 'Helvetica', Arial, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #ccc; }
#contact-area textarea { height: 190px; }
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #CC3399; }
#contact-area input.submit-button { font:1em/1.1em 'Helvetica Neue', 'Helvetica', Arial, sans-serif; background-color:#3399CC; border:none; height: 40px; color:#FFFFFF; width: 130px; float: right; }
#contact-area input.submit-button:hover { color:#FFFFFF; cursor:pointer; text-decoration:underline; }

label { font:0.94em/1.1em 'Helvetica Neue', 'Helvetica', Arial, sans-serif; color:#333333; float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 12px; }

/* End of Feedback */

/* Footer */

#footer { border-top: 1px solid #CCC; margin: 70px 0 0 0; }
#footer p { padding: 5px 0 5px 5px; margin:0; }

.cleaner { /* This cleans the floating divs */ clear:both; height:1px; line-height:0; }