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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

span.label,span.spacer,span.multiple span {width:120px;float:left; padding-bottom: 12px;
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size:14px;
	text-indent:0px;
	font-weight:100;
	color:#f8f8f8;
	margin-top:0px;
	margin-bottom:0px;
	line-height:22px;
	text-shadow: 0px 1px #333;} 
span.multiple {float:left;} 
span.button {padding-bottom:12px; padding-top: 20px;} 
div.campaign {padding-top:20px;}
	
/* -------- TEXT -----------*/
a:link {text-decoration:none; color:#f8f8f8; font-weight:300; text-shadow: 0px 1px #504944;}
a:visited {text-decoration:none; color:#f8f8f8;  }
a:hover {text-shadow: 0px 1px #000; color:#b3b3b3;}
a:active {text-decoration:none; color:#adacac; }

h1 {
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight:300;
	color:#f8f8f8;
	margin-top:2px;
	margin-bottom:18px;
	line-height:38px;
	text-shadow: 0px 2px #787777;
	}

h1 span {
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight:300;
	text-indent: 0px;
	color:#f8f8f8;
	margin-top:2px;
	margin-bottom:18px;
	line-height:38px;
	text-shadow: 0px 2px #787777;
	}
	
h1 em {
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight:300;
	text-indent: 0px;
	color:#ff9933;
	margin-top:2px;
	margin-bottom:18px;
	line-height:38px;
	text-shadow: 0px 2px #787777;
	}
	
p span
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size:14px;
	text-indent:0px;
	font-weight:700;
	color:#f8f8f8;
	margin-top:12px;
	margin-bottom:0px;
	line-height:22px;
	text-shadow: 0px 1px #333;
	}

span.name
	{
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight:300;
	text-indent: 0px;
	color:#f8f8f8;
	margin-top:2px;
	margin-bottom:18px;
	line-height:38px;
	text-shadow: 0px 2px #787777;
	}
	
span.hello
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 88px;
	font-weight:700;
	letter-spacing:2px;
	color:#ff9933;
	margin-top:2px;
	margin-bottom:18px;
	line-height:83px;
	text-shadow: 0px 2px #787777;
	}

h2
	{
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 16px;
	font-weight:300;
	color:#252525;
	margin-top:0px;
	margin-bottom:0px;
	line-height:26px;
	text-shadow: 0px 1px #b2afaf;
	}

h2 em
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 16px;
	font-weight:700;
	color:#e0e0e0;
	margin-top:0px;
	margin-bottom:0px;
	line-height:26px;
	text-shadow: 0px 1px #252525;
	}
	
h2 span
	{
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 16px;
	font-weight:300;
	font-style: italic;
	color:#f8f8f8;
	margin-top:0px;
	margin-bottom:0px;
	line-height:11px;
	text-shadow: 0px 1px #666666;
	}
	
em
	{
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight:300;
	color:#f8f8f8;
	margin-top:10px;
	margin-bottom:0px;
	line-height:39px;
	text-shadow: 0px 1px #666666;
	}
	
h2 strong
	{
	font-family: 'brevia-1','brevia-2', sans-serif;
	font-size: 16px;
	font-weight:700;
	list-style-type:none;
	color:#f8f8f8;
	margin-top:0px;
	line-height:26px;
	text-shadow: 0px 1px #4a4a4a;
	}
	
h3
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 18px;
	font-weight:100;
	color:#f8f8f8;
	margin-top:0px;
	margin-bottom:2px;
	line-height:26px;
	text-shadow: 0px 1px #4a4a4a;
	border-bottom: 2px solid #ff6600;
	}

h4
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 18px;
	font-weight:700;
	color:#f8f8f8;
	margin-top:0px;
	margin-bottom:2px;
	line-height:26px;
	text-shadow: 0px 1px #4a4a4a;
	border-bottom: 1px solid #ff6600;
	}
	
h3 span
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 18px;
	font-weight:700;
	color:#353434;
	margin-top:0px;
	margin-bottom:2px;
	line-height:26px;
	text-shadow: 0px 1px #adacac;
	}
	
p
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 14px;
	font-weight:100;
	color:#252525;
	margin-top:0px;
	margin-bottom:2px;
	line-height:26px;
	text-shadow: 0px 1px #adacac;
	}

ul
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 13px;
	font-weight:300;
	list-style-type:none;
	text-indent:0px;
	color:#f8f8f8;
	margin-top:0px;
	line-height:22px;
	text-shadow: 0px 1px #4a4a4a;
	}
	
li
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 13px;
	font-weight:300;
	list-style-type:none;
	color:#f8f8f8;
	margin-top:0px;
	line-height:22px;
	text-shadow: 0px 1px #4a4a4a;
	}
	
li strong
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 13px;
	font-weight:300;
	color:#fabc95;
	margin-top:0px;
	margin-bottom:0px;
	line-height:22px;
	text-shadow: 0px 1px #4a4a4a;
	}
	
li span
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 13px;
	font-weight:300;
	color:#252525;
	margin-top:0px;
	margin-bottom:2px;
	line-height:22px;
	text-shadow: 0px 1px #4a4a4a;
	}

strong 
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 14px;
	font-weight:500;
	color:#ff9933;
	margin-top:0px;
	margin-bottom:2px;
	line-height:26px;
	text-shadow: 0px 1px #4a4a4a;
	}
	
strong span
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 14px;
	font-weight:700;
	color:#ff9933;
	margin-top:0px;
	margin-bottom:2px;
	line-height:26px;
	text-shadow: 0px 1px #4a4a4a;
	}
	
blockquote
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 14px;
	font-weight:100;
	color:#f8f8f8;
	margin-bottom:10px;
	padding: 20px;
	background-color: #252525;
	margin: 5px;
	-moz-border-radius: 20px;  /*Produces Fully Rounded Effect*/
  	text-shadow: 0px 1px #4a4a4a;
	}
	
h2 blockquote
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 18px;
	font-weight:100;
	color:#ff9933;
	padding: 20px;
	background-color: #252525;
	margin: 5px;
	-moz-border-radius: 20px;  /*Produces Fully Rounded Effect*/
  	text-shadow: 0px 1px #4a4a4a;
	}


   
h3 blockquote
	{
	font-family: 'urbana-1','urbana-2'; sans-serif;
	font-size: 18px;
	font-weight:100;
	color:#ff9933;
	padding: 20px;
	background-color: #545353;
	margin: 5px;
	-moz-border-radius: 20px;  /*Produces Fully Rounded Effect*/
  	text-shadow: 0px 1px #4a4a4a;
	}
   
img.floatLeft { 
    float: left; 
    margin-right: 20px;
    margin-left: 0px;
    margin-top: 8px; 
}

html{ font-size:100%; }

a img {border: none; }


html, body {height: 100%;
}



#main {overflow:auto;
	padding-bottom: 75px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -75px; /* negative value of footer height */
	background-color:#6f6d6d;
	width:100%; 
	height:40px;
	border-top: 1px solid #ff6600;
	padding-top:30px;
	text-align:center;
	margin-top:24px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

body
	{
	background-color:#8e8d8d;
	background-image:url(../includes/images/background.png);
	background-repeat:repeat-x;
	}
		
#container-outer
	{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:100%;
	}
	
#container
	{
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	width:1024px; 
	height:100%;
	}
	
a#logo {
	float: left;
    width: 111px;
    height: 120px;
    padding-right:111px;
    margin-left:30px;
	margin-top:24px;
    background-image: url(../includes/images/jim-graphic-design-tunbridge-wells.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#logo:hover {
    background-position: 0 -120px;
    border-style: none;

}

a .alt { display: none; }


a#work-illus {
	float: left;
    width:222px;
    height:122px;
	margin-right:24px;
    background-image: url(../includes/images/illustration-home.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#work-illus:hover {
    background-position: 0 -122px;
    border-style: none;
	}

a .alt { display: none; }

a#work-print {
	float: left;
    width:222px;
    height:122px;
    background-image: url(../includes/images/print-home.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#work-print:hover {
    background-position: 0 -122px;
    border-style: none;
	}

a .alt { display: none; }

a#work-logo {
	float: left;
    width:222px;
    height:122px;
	margin-right:24px;
    background-image: url(../includes/images/logo-home.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#work-logo:hover {
    background-position: 0 -122px;
    border-style: none;
	}

a .alt { display: none; }

a#work-web {
	float: left;
    width:222px;
    height:122px;
	margin-right:24px;
    background-image: url(../includes/images/web-home.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#work-web:hover {
    background-position: 0 -122px;
    border-style: none;
	}

a .alt { display: none; }

#intro-home
	{
	float: left;
	width:222px; 
	height:122px;
	text-align:left;
	margin-left:30px;
	padding-top:34px;
	padding-bottom:14px;
	border-bottom: 4px solid #ff9933;
	}
	
.image-home
	{
	/*--background-image: url(../includes/images/jim-graphic-design.png);--*/
    background-repeat:no-repeat;
	float: left;
	width:222px; 
	height:122px;
	text-align:left;
	margin-left:24px;
	padding-top:34px;
	padding-bottom:14px;
	border-bottom: 4px solid #ff9933;
	}
	
#image-end
	{
	/*--background-image: url(../includes/images/jim-graphic-design.png);--*/
    background-repeat:no-repeat;
	float: left;
	width:222px; 
	height:122px;
	text-align:left;
	margin-left:24px;
	padding-top:34px;
	padding-bottom:24px;
	border-bottom: 4px solid #ff9933;
	}

	
#intro-left-contact
	{
	float: left;
	width:222px; 
	height:120px;
	text-align:center;
	padding-left:30px;
	padding-top:34px;
	padding-bottom:24px;
	}
	
#intro-right
	{
	float: left;
	width:396px; 
	height:220px;
	padding-left:30px;
	padding-top:34px;
	padding-bottom:24px;
	}
	
.work-list
	{
	float: left;
	width:209px; 
	height:320px;
	padding-left:24px;
	margin-right:24px;
	padding-top:48px;
	background-colour:#ffffff;
	}
	
#work-holder
	{
	float: left;
	/*background-image:url(../includes/images/work-example.png);*/
	background-repeat:no-repeat;
	width:1024px; 
	height:160px;
	padding-top:36px;
	padding-left:30px;
	background-colour:#c6c5c5;
	}	
	
.work-example
	{
	float: left;
	width:222px; 
	height:122px;
	margin-right:24px;
	margin-top:48px;
	background-color:#f8f8f8;
	}

#work-title-holder
	{
	float: left;
	width:960px; 
	height:70px;
	padding-top:4px;
	text-align:center;
	padding-bottom: 12px;
	border-bottom: 4px solid #ff9933;
	}

.work-title
	{
	float: left;
	width:222px; 
	height:28px;
	background:#464544;
	padding-top: 12px;
	margin-top: 22px;
	margin-right:24px;
	-moz-border-radius-bottomright: 24px;
	-moz-border-radius-bottomleft: 24px;
	}
	
.work-title-end
	{
	float: left;
	width:222px; 
	height:28px;
	background:#464544;
	margin-top: 22px;
	padding-top: 12px;
	-moz-border-radius-bottomright: 24px;
	-moz-border-radius-bottomleft: 24px;
	}
	
.work-example-end
	{
	float: left;
	width:222px; 
	height:222px;
	}
	
.info-first
	{
	float: left;
	width:222px; 
	height:550px;
	margin-top:72px;
	padding-left:30px;
	padding-bottom:24px;
	}
	
.info
	{
	float: left;
	width:222px; 
	height:550px;
	margin-top:72px;
	padding-left:24px;
	padding-bottom:24px;
	}
	
.info-last
	{
	float: left;
	width:222px; 
	height:550px;
	margin-top:72px;
	padding-left:24px;
	padding-bottom:24px;
	}

.information
	{
	float:left;
	width:96px; 
	height:120px;
	margin-top:24px;
	margin-left:24px;
	margin-right:8px;
	padding-left:6px;
	}
	
.contact
	{
	float:left;
	width:106px; 
	height:120px;
	margin-top:24px;
	margin-right:24px;
	padding-left:6px;
	}

.social
	{
	float:left;
	text-align:left;
	/*clear:right;*/
	width:106px; 
	height:120px;
	margin-top:24px;
	margin-right:24px;
	padding-left:6px;
}
	
.useful
	{
	float:left;
	width:96px; 
	height:120px;
	margin-top:24px;
	margin-right:8px;
	padding-left:6px;
	}
	
.picture
	{
	float:left;
	width:222px; 
	height:144px;
	}
	
#inner-title
	{
	float:left;
	width:714px; 
	height:108px;
	padding-left:24px;
	margin-right:24px;
	margin-top:24px;
	background-colour:#ffffff;
	}
	
#inner-details
	{
	float: left;
	width:714px; 
	height:70px;
	margin-left:24px;
	}
	
#inner-details-long
	{
	float: left;
	width:714px; 
	height:800px;
	margin-left:24px;
	}
	
.project-link
	{
	float:left;
	/*--background-image: url(../includes/images/graphic-design-work-examples.png);
    background-repeat:no-repeat;--*/
	width:222px;
	height:440px;
	padding-left:30px;
	margin-top:24px;
	}
	
#project
	{
	float:left;
	width:714px; 
	padding-left:24px;
	margin-right:24px;
	margin-bottom:24px;
	/*margin-top:12px;*/
	background-colour:#ffffff;
	}
	
#project-long
	{
	float:left;
	width:714px; 
	height:900px;
	padding-left:24px;
	margin-right:24px;
	margin-bottom:24px;
	/*margin-top:12px;*/
	background-colour:#ffffff;
	}
	
.project-caption
	{
	float:left;
	width:600px; 
	height:300px;
	padding-left:276px;
	margin-right:24px;
	margin-top:12px;
	background-colour:#ffffff;
	clear:right;
	}
	
.text-link
	{
	float:left;
	width:466px;
	height:440px;
	padding-left:30px;
	margin-right:24px;
	margin-top:24px;
	}