/* v1.0 | 20080212 */

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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --- Typo --- */

body { color: #4c4c4c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 65%; line-height: 1.2; }

h1, h2 { color: #4c4c4c; font-size: 1.7em }

h2.light {font-style: normal; font-weight: normal;}

h3, h4, h5, h6 {font-size: 1.4em; font-weight: bold; }

p { font-size: 1.4em; margin-bottom: 1em;}

strong {font-weight: bold;}

a {text-decoration: none}

/* link colour v1 

a:link, a:visited {color: #00ccff;} 

a:hover {color: #336699;} */

a:link, a:visited {color: #aeb8bb;} 

a:hover {color: #6cfad7;}

#content a:link, #content a:visited {color: #9aa5a7;} 

#content a:hover {color: #4c4c4c;}

#mainnav h2 {letter-spacing: -0.02em; font-size: 3.4em; line-height: 1; }

#header p {margin-bottom: 0}

#content h4 {margin-bottom: 1em;}


/* --- Grid --- */

.grid-container { margin-right: 20px; min-width: 866px; max-width: 1100px; }

.grid-leftcolumn, .aboutpic { width: 275px; }

.grid-column { float: left; width: 275px; }

.grid-columnempty { float: left; width: 275px; height: 1px; }

.grid-gutter { float: left; width: 20px; height: 1px; }

.right {float: right; width: 590px}


/* --- Page structure --- */

body {background-color: #f2f2f2}

#header {background-color: #ffffff; padding: 20px 0 45px 54px}

#content {background-color: #f2f2f2; clear: both; padding: 0 0 30px 54px}

#footer {clear: both; padding: 90px 0 20px 54px; background-image: url(made-by-oli.gif); background-position: left 100px; background-repeat: no-repeat; }

#footer p {font-size: 1em;}


/* --- Layout --- */


#logo {position: absolute; left: 0; top: 180px;}

#mainnav, #secondnav {background-image: url(bar.gif); background-position: left top; background-repeat: no-repeat; padding-top: 15px; margin-top: 15px;}

#headerright {margin-top: 0em;}

#content .grid-leftcolumn, #footer .grid-container { padding-top: 20px;}

.aboutpic {padding-top: 0;}

#slideshow1 {height: 371px; }

#slideshow2 p {padding: 0;}

h1.homelink {padding-top: 25px;}

/* --- Misc --- */

.homelink a:link, .homelink a:visited  {color: #aeb8bb;}

.homelink a:hover {color: #6cfad7}

.homelink a .name {color: #333333;}

#content h4.newwork {margin-bottom: 0}

a.thumb {float: left; padding-bottom: 2em; font-size: 1.4em; width: 275px; display: block;}

a.thumb img {margin-bottom: 0.5em; width: 275px; }

a.thumb em {font-style: normal; font-weight: normal;}

.slides {float: right; width: 570px}

.textcol {padding-top: 20px;}

.margin {margin-bottom: 1em;}

.caption { margin-bottom: 2em; font-size: 1.2em; }


/* --- Contact Form --- */

#contactform {background-color: #f3f3f3; width: 570px; margin-bottom: 20px; }

#contactform form {padding: 20px; font-size: 1.4em;}

.formtitle {padding: 20px 0 0 20px;}

input.input-text, textarea { border-color: #e6e6e6; border-style: solid; border-width: 1px; font-family: 'helvetica neue', arial, helvetica, sans-serif; color: #3d3d3d; margin: 5px 0 10px 0; width: 510px; padding: 6px;}

select {font-size: 10pt; font-family: 'helvetica neue', arial, helvetica, sans-serif; color: #121212; margin: 5px 0 10px 0}

fieldset {margin-bottom: 10px;}

#sent {width: 570px; background-color: white; margin-bottom: 30px;}

#sent h4 {clear: none; margin-bottom: 6px;}

#sent img {float: left; margin-right: 10px;}

#sent .text {padding: 20px 20px 5px 20px;}

#sent .text p {text-indent: 25px;}

.aboutpic h4 { margin-top: 20px; }