/* Normalization Code - borrowed from Jeffrey Zeldman */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
font-size : 100%; }

/* removes list-style from lists */
ol, ul{
list-style : none;}

/* normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal; font-weight : normal;}

/* Removes borders and spacing from tables */
table {
border-collapse : collapse; border-spacing : 0 }

/* Removes border from fieldset and img */
fieldset, img {
border : 0 }

/* Left aligns text in caption and th */
caption, th {
text-align : left; }

/* Removes quotation marks from quote */
q:before, q:after {
content : ''; }

/* Underlines Links */
a {
text-decoration:underline; }





/*layout.css  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*Author - Daniel Lamb */


/*Colours
bg--- color:#f7f4f1;
green--- color:#a1c55f;
headline,p--- color:#40311a:
links--- color:#7a6341;;
*/

html {text-align : center; }

body { 
text-align: left; 
width: 720px;
margin: 0 auto;
padding-bottom: 50px;
background-color: #f7f4f1; }

h1, h2, h3, h4, h5, h6 {
color: #40311a;
font-family: "Adobe Garamond Pro", "Adobe Garamond", Garamond, Times, serif; 
font-weight: normal;
}

h1 { 
font-size: 300%;
line-height: 1;
padding: 0 0 0 0; }

h2 { 
font-size: 250%;
line-height: 1;
padding: 1em 0 0.5em 0; }

h3 { 
font-size: 220%;
line-height: 1;
padding: 3em 0 0 0;
margin-left: -40px; }

h4 {
font-size: 180%;
line-height: 1;
padding: 2em 0 0 0;
 } 

h5 {
font-variant: small-caps;
font-size: 130%;
font-weight: bold;
line-height: 1;
padding: 1.5em 0 0.5em 0; }

h6 {
font-size: 130%;
line-height: 1;
padding: 1em 0 0.1em 0; }

p {
font: 100%/1.3 baskerville, 'palatino linotype', 'times new roman', serif;
color: #40311a; 
padding: 0.25em 0;}

span.lgdc{
font: 80%/1.3 baskerville, 'palatino linotype', 'times new roman', serif;
color: #40311a; 
padding: 0.25em 0;}

p.intro {
font : 100%/1.3 baskerville, 'palatino linotype', 'times new roman', serif;
padding-top : .5em; }

p.medium { 
font : 85%/1.5 small-caps helvetica, arial, sans-serif;
font-variant: small-caps;
color: #403019; 
padding-top: .25em; }

p.awesome { /*validation icons*/
margin: 0;
position: relative;
top: 160px; }

p.awesome img { /*validation icons*/
margin-right: 1em;
border: solid 1px #f7f4f1;
outline: solid 7px #f7f4f1;
 }

em {font-style: italic; }

blockquote {
font: 105%/1.5 baskerville, 'palatino linotype', 'times new roman', serif;
font-style: italic;
color: #7a6341; 
padding: 1em 0 1em 1em;}

blockquote p{
font: 105%/1.5 baskerville, 'palatino linotype', 'times new roman', serif;
font-style: italic;
color: #7a6341; 
}

a:link, a:visited {color:#7a6341;}      /* unvisited, visited link */
a:hover, active {color:#a1c55f;}  /* mouse over, selected link */

a img:hover {
border: solid 1px #a1c55f;
outline: solid 7px #a1c55f;
}

hr {
border: solid 1px #40311a;
}

img {
border: solid 1px #3c3533; 
padding: 5px;}

img.banner {
border: 0; 
padding: 5px;}

ul,ol,li {
font-family: baskerville, 'palatino linotype', 'times new roman', serif }


ul#menu_main li {
display:inline;
margin-right: 30px;
font-size: 110%;
line-height: 1;
}

ul#menu_main li a{
color: #40311a;
text-decoration: none;
}

ul.portfolio_pieces li { 
padding: 2em 0; 
position: relative; }

ul.portfolio_pieces li > p {
padding-right: 150px; }

ul.bullets {
list-style: disc;
list-style-position: inside;
padding-left: 20px;
padding-bottom: 10px; }

ul.bullets li {padding : 0.25em; }

ul.resources {padding-top : 1em; }

ul.resources li{padding : .25em; }

ul.portfolio_pieces {position: relative; }

div.video {
width: 720px;
border: solid 1px #3c3533; 
padding: 5px; }

/* positioning the linkpins graphics xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
ul.portfolio_pieces li#lp {padding-top: 520px;}

img#lp1 { 
position: absolute;
top: 32px; 
left: 0; }

img#lp2 { 
position: absolute; 
width: 390px;
top: 32px; 
left: 330px; }
 
img#lp3 { 
position: absolute; 
width: 390px;
top: 277px; 
left: 330px; }
 
/* positioning the linkpins graphics xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
ul.portfolio_pieces li#zoozie {padding-top: 520px;}

img#z1 { 
position: absolute;
top: 32px; 
left: 0;  }

img#z2 { 
position: absolute; 
top: 32px; 
left: 488px; }
 
/* positioning the YZF graphics xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
ul.portfolio_pieces li#YZF img {
display : inline;
padding : 5px;
margin: 10px 10px 0 0; } 

img#yzf1 { width: 160px; }

img#yzf2 { width: 160px; }
 
img#yzf3 { width: 160px; }
 
img#yzf4 { 
position: absolute;
width: 160px;
top: 469px; 
left: 560px; }
 
 /* positioning the birdbust graphics xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
ul.portfolio_pieces li#birdbust img {
display : inline;
padding : 5px;
margin: 10px 10px 0 0;  } 

img#bb1 { width: 160px; }

img#bb2 { width: 160px; }

img#bb3 { width: 160px; }

img#bb4 { 
position: absolute;
width: 160px;
top: 470px; 
left: 560px; } 

/* positioning the projection mapping graphics xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
ul.portfolio_pieces li#projection_mapping img {
display : inline;
padding : 5px;
margin: 10px 10px 0 0;  } 

img#pm1 { width: 160px; }

img#pm2 { width: 160px; }
 
img#pm3 { width: 160px; }
 
/* positioning the crankworxgraphics xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
ul.portfolio_pieces li#crankworx {
padding-top: 675px;}

img#cw1 { 
position: absolute;
width: 301px;
top: 32px; 
left: 0;  }

img#cw2 { 
position: absolute; 
width: 390px;
top: 32px; 
left: 330px; }
 
img#cw3 { 
position: absolute; 
width: 390px;
top: 363px; 
left: 330px;  }