body{
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #f2ce9d;
	background: #d54709 url(../images/bg.jpg) top center;
	}
#body-header{
	background: url(../images/bg-work.jpg) no-repeat top center;
	width: 100%;
	margin: auto;
	padding: 50px 0 30px 0;
	}
img, div, li, ul, input, a { 
	_behavior: url(css/iepngfix.htc); 
	}
.wrapper{
	width: 960px;
	margin: auto;
	}
ul{
	color: #f2ce9d;
	}	
h1{
	padding-left: 10px;
	display: inline-block;
	float: left;
	padding-bottom: 30px;
	}
h2{
	margin-bottom: 20px;
	clear: both;
	}	
h3{
	padding: 0 0 7px 10px;
	}



/* NAV */

ul#nav{
	float: right;
}
ul#nav li{
	float: left;
	margin-left: 10px;
}

ul#nav li a:hover{
	cursor: pointer;
}

li#work a{
	background: url(../images/nav-work.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 87px;
	text-indent: -100000px;	
   }
li#work a:hover{
	background: url(../images/nav-work.png) 0 -50px no-repeat;
   }
   
li#about a{
	background: url(../images/nav-about.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 100px;
	text-indent: -100000px;	
   }
li#about a:hover{
	background: url(../images/nav-about.png) 0 -50px no-repeat;
   }

li#blog a{
	background: url(../images/nav-blog.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 83px;
	text-indent: -100000px;	
   }
li#blog a:hover{
	background: url(../images/nav-blog.png) 0 -50px no-repeat;
   }
   
li#contact a{
	background: url(../images/nav-contact.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 117px;
	text-indent: -100000px;	
   }
li#contact a:hover{
	background: url(../images/nav-contact.png) 0 -50px no-repeat;
   }

li#twitter a{
	background: url(../images/nav-twitter.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 55px;
	text-indent: -100000px;	
   }
li#twitter a:hover{
	background: url(../images/nav-twitter.png) 0 -50px no-repeat;
   }   
   
/* HEADER */

#header{	
	height: 275px;
	padding-bottom: 25px;
	_margin-bottom: -50px;
	width: 100%;
	float: left;
	clear: both;
}


/* WEB & PRINT SWITCHER */

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	width: 960px;
	height: 275px;
	clear: both;
	}		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	overflow: hidden; 
	}		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 960px; /* Also specified in  .stripViewer  above */
	overflow: hidden; 
	}		
.stripNav2 {
	_position: relative;
	_left: -12px;
	margin-left: -12px;
	_margin-left: 0;
	overflow: hidden; 
	}		
.stripNav2 ul {
	list-style: none;
	overflow: hidden; 
	}		
.stripNav2 ul li {
	float: left;
	margin-right: 2px;
	cursor: pointer;
	}		
.stripNav2 li.tab1 a.current, .stripNav2 li.tab1 a.current:hover, .stripNav2 li.tab1 a { 
	background: url(../images/workoptions-web.png) no-repeat;
	display: block;
	height: 50px;
	width: 89px;
	text-indent: -100000px;
	}
.stripNav2 li.tab1 a {
	background: url(../images/workoptions-web.png) 0 -100px no-repeat;
	}
.stripNav2 li.tab1 a:hover { 
	background: url(../images/workoptions-web.png) 0 -50px no-repeat;
	cursor: pointer;	
	}
.stripNav2 li.tab2 a.current, .stripNav2 li.tab2 a.current:hover, .stripNav2 li.tab2 a { 
	background: url(../images/workoptions-print.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 89px;
	text-indent: -100000px;
	}
.stripNav2 li.tab2 a {
	background: url(../images/workoptions-print.png) 0 -100px no-repeat;	
	}
.stripNav2 li.tab2 a:hover { 
	background: url(../images/workoptions-print.png) 0 -50px no-repeat;	
	cursor: pointer;
	}
.stripNav2L, .stripNav2R { /* The left and right arrows */
	display: none;
	}
	
	
/* HEADER PROJECT OPTIONS */	
   
   
a.clicked {background-color:red} 
   
   
ul.projects{
	display: block;
	clear: left;
	padding-top: 30px;
	*padding-left: 10px;
	}
ul.projects li{
	float: left;
	width: 300px;
	padding: 10px;
	padding-bottom: 15px;
	*margin: 0;
	*padding: 0;
	}
ul.projects li a{
	height: 20px;
	width: 264px;
	display: block;
	text-indent: -100000px;	
	}
ul.projects li a:hover{
	cursor: pointer;
	}
li#project-link-kinggroup a{
	background: url(../images/work-kinggroup.png) 0 0 no-repeat;
	}
li#project-link-kinggroup a:hover{
	background: url(../images/work-kinggroup.png) 0 -20px no-repeat;
	}
li#project-link-cognitiveleadership a{
	background: url(../images/work-cognitiveleadership.png) 0 0 no-repeat;
	}
li#project-link-cognitiveleadership a:hover{
	background: url(../images/work-cognitiveleadership.png) 0 -20px no-repeat;
	}
li#project-link-ksbright a{
	background: url(../images/work-ksbright.png) 0 0 no-repeat;
	}
li#project-link-ksbright a:hover{
	background: url(../images/work-ksbright.png) 0 -20px no-repeat;
	}
li#project-link-rockemmusic a{
	background: url(../images/work-rockemmusic.png) 0 0 no-repeat;
	}
li#project-link-rockemmusic a:hover{
	background: url(../images/work-rockemmusic.png) 0 -20px no-repeat;
	}
li#project-link-freelancesuite a{
	background: url(../images/work-freelancesuite.png) 0 0 no-repeat;
	}
li#project-link-freelancesuite a:hover{
	background: url(../images/work-freelancesuite.png) 0 -20px no-repeat;
	}
li#project-link-arborlights a{
	background: url(../images/work-arborlights.png) 0 0 no-repeat;
	}
li#project-link-arborlights a:hover{
	background: url(../images/work-arborlights.png) 0 -20px no-repeat;
	}
li#project-link-socialgamer a{
	background: url(../images/work-socialgamer.png) 0 0 no-repeat;
	}
li#project-link-socialgamer a:hover{
	background: url(../images/work-socialgamer.png) 0 -20px no-repeat;
	}
li#project-link-ourcowmolly a{
	background: url(../images/work-ourcowmolly.png) 0 0 no-repeat;
	}
li#project-link-ourcowmolly a:hover{
	background: url(../images/work-ourcowmolly.png) 0 -20px no-repeat;
	}
li#project-link-tenporium a{
	background: url(../images/work-tenporium.png) 0 0 no-repeat;
	}
li#project-link-tenporium a:hover{
	background: url(../images/work-tenporium.png) 0 -20px no-repeat;
	}

li#project-link-cocacola a{
	background: url(../images/work-cocacola.png) 0 0 no-repeat;
	}
li#project-link-cocacola a:hover{
	background: url(../images/work-cocacola.png) 0 -20px no-repeat;
	}
li#project-link-ministryofsound a{
	background: url(../images/work-ministryofsound.png) 0 0 no-repeat;
	}
li#project-link-ministryofsound a:hover{
	background: url(../images/work-ministryofsound.png) 0 -20px no-repeat;
	}
li#project-link-karenrichardson a{
	background: url(../images/work-karenrichardson.png) 0 0 no-repeat;
	}
li#project-link-karenrichardson a:hover{
	background: url(../images/work-karenrichardson.png) 0 -20px no-repeat;
	}
li#project-link-richardsoncalder a{
	background: url(../images/work-richardsoncalder.png) 0 0 no-repeat;
	}
li#project-link-richardsoncalder a:hover{
	background: url(../images/work-richardsoncalder.png) 0 -20px no-repeat;
	}
li#project-link-cultureshock a{
	background: url(../images/work-cultureshock.png) 0 0 no-repeat;
	}
li#project-link-cultureshock a:hover{
	background: url(../images/work-cultureshock.png) 0 -20px no-repeat;
	}
li#project-link-summerslam a{
	background: url(../images/work-summerslam.png) 0 0 no-repeat;
	}
li#project-link-summerslam a:hover{
	background: url(../images/work-summerslam.png) 0 -20px no-repeat;
	}
li#project-link-ohwhatalovelywar a{
	background: url(../images/work-ohwhatalovelywar.png) 0 0 no-repeat;
	}
li#project-link-ohwhatalovelywar a:hover{
	background: url(../images/work-ohwhatalovelywar.png) 0 -20px no-repeat;
	}
li#project-link-cleanerandgreener a{
	background: url(../images/work-cleanerandgreener.png) 0 0 no-repeat;
	}
li#project-link-cleanerandgreener a:hover{
	background: url(../images/work-cleanerandgreener.png) 0 -20px no-repeat;
	}
	
	
/* PROJECT INFO */

#project-info{
	padding-top: 10px;
	clear: left;
	}
#project-info img.viewmorework{
	margin: 5px 0 10px 4px;
	}
.project-image-middle img{
	_border: 10px solid #371009;
	margin: auto;
	text-align: center;
	}
.project-image-top{
	height:29px;
	background: url(../images/workpresent-top.png) top center no-repeat;
	_background: none;
	overflow: hidden;
	width: 100%;
	}	
.project-image-middle{
	background: url(../images/workpresent-middle.png) top center repeat-y;
	_background: none;
	overflow: hidden;
	width: 100%;
	text-align: center;
	}
.project-image-middle p{
	width: 960px; 
	text-align: center;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	}
.project-image-bottom{
	height:29px;
	background: url(../images/workpresent-bottom.png) top center no-repeat;
	_background: none;
	overflow: hidden;
	width: 100%;
	}	
	
#project-print-info{
	padding-top: 10px;
	clear: left;
	padding-left: 120px;
	}
#project-print-info a{
	padding-right: 4px;
	}	
.project-print-image-middle img{
	_border: 10px solid #371009;
	margin: auto;
	text-align: center;
	}
.project-print-image-top{
	height:29px;
	background: url(../images/workpresent-print-top.png) top center no-repeat;
	_background: none;
	overflow: hidden;
	width: 100%;
	}	
.project-print-image-middle{
	background: url(../images/workpresent-print-middle.png) top center repeat-y;
	_background: none;
	overflow: hidden;
	width: 100%;
	text-align: center;
	}
.project-print-image-middle p{
	width: 720px; 
	text-align: center;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	}
.project-print-image-bottom{
	height:29px;
	background: url(../images/workpresent-print-bottom.png) top center no-repeat;
	_background: none;
	overflow: hidden;
	width: 100%;
	}

	
/* FOOTER */

#footer{
	border-top: 10px solid #a52d08;
	background-color: #370f03;
	padding: 50px 0 0 0;
	*padding-bottom: 50px;
	display: inline-block;
	width: 100%;
	}
#footer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


/* ABOUT ME */

#aboutme{
	margin-left: 10px;
	width: 440px;
	float: left;
	}
#aboutme p{
	line-height: 20px;
	margin-bottom: 20px;
	}
	

/* CONTACT */

#contactme{
	width: 480px;
	float: right;
	color: #fff;
	overflow: hidden;
	}
#contactme ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contactme h2{
	margin-left: 60px;
	}
#contactme ul{
	margin-bottom: 40px;
	clear: left;
	}
li.contact-text-input{
	background: url(../images/contact-input.png);
	width: 295px;
	height: 56px;
	margin-left: 30px;
	}
li.contact-text-textarea{
	background: url(../images/contact-textarea.png);
	width: 480px;
	height: 267px;
	overflow: hidden;
	}
input.contact-form {
	background: none;
	border: 0;
	width: 250px;
	margin: 15px 0 15px 15px;
	padding: 7px 0 10px 15px;
	*margin-left: 0;
	*padding-left: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #371009;
	font-weight: bold;
	}
textarea.contact-textarea{
	background: none;
	border: 0;
	width: 465px;
	height: 190px;
	padding-left: 15px;
	padding-top: 20px;
	margin: 15px 0 15px 45px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #371009;
	overflow: auto;
	font-weight: bold;
	}
.contact-checkbox{
	margin: 0 0 10px 60px;
	}
input.submit{
	display: inline;
	margin-left: 40px;
	*margin-top: 10px;
	float: left;
	}

li#loadBar, li#emailSuccess{
	float: left;
	display: inline;
	padding: 13px 0 5px 15px;
}	
#loadBar img{
	margin-right: 8px;
}


/* ALTERNATIVELY */	

ul#contact-alternatively{
	margin-left: 30px;
	}
ul#contact-alternatively li{
	width: 160px;
	margin: 0 0 10px 0;
	padding-left: 30px;
	line-height: 26px;
	height: 26px;
	float: left;
	}
#contact-email{
	background: url(../images/contacticon-email.png) left no-repeat;
	}
#contact-skype{
	background: url(../images/contacticon-skype.png) left no-repeat;
	}
#contact-msn{
	background: url(../images/contacticon-msn.png) left no-repeat;
	}
#contact-aim{
	background: url(../images/contacticon-aim.png) left no-repeat;
	}
	
/* COPYRIGHT */
	
#copyright{
	background-color: #a32d09;
	width: 100%;
	}
#copyright p{
	line-height: 50px;
	text-align: center;
	}
.easyclear:after{
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
	}	
#load {  
    display: none;  
    position: absolute;  
    rightright: 10px;  
    top: 10px;  
    background: url(images/ajax-loader.gif);  
    width: 43px;  
    height: 11px;  
    text-indent: -9999em;  
}



/* HOME */

#home-body-header{
	width: 100%;
	margin: auto;
	background: #d54709 url(../images/bg-ie-home.jpg) top center;
	padding: 50px 0 30px 0;
	}
#home-header{	
	height: 190px;
	padding-bottom: 75px;
	width: 920px;
	margin-left: 10px;
	margin-top: 50px;
	float: left;
	clear: both;
	position: relative;
	display: block;
}
#home-header p{	
	display: none;
}
a#home-header-work{
	float: left;
	position:absolute;
	width : 117px;
	height: 50px;
	margin-left: 60px;
	text-indent: -99999px;
	}
a#home-header-aboutme{
	float: left;
	position:absolute;
	margin-left: 742px;
	margin-top: 90px;
	width : 170px;
	height: 50px;
	text-indent: -99999px;
	}
a#home-header-contactme{
	float: left;
	position:absolute;
	width : 205px;
	height: 53px;
	margin-left: 130px;
	margin-top: 134px;
	text-indent: -99999px;
	}