@charset "utf-8";
/* CSS fay builders 
	www.martinhughesportfolio.com
*/


/* v1.0 | 20080212 
http://meyerweb.com/eric/tools/css/reset/
*/

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;
}


	/*body{ font-size:62.5%; background:#eee; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }*/
	
	/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #eee;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

	
	#container{ background:#fff; width:500px; margin:20px auto; text-align:left; padding:20px; 
	border:10px solid #ccc; border-right:0; border-left:0; }
	
	#webdesign { width:500px; margin:0 auto; }
	#webdesign a{ color:#555; text-decoration:none; font-size:75%; }
	#webdesign a:hover{ text-decoration: underline;}
	
/*	h1, h2{ font-family:Arial, Helvetica, sans-serif; text-transform: capitalize; }*/


h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; /*margin-top: 0.5em;*/  text-transform: capitalize;  }
h2 { font-size: 2em; margin-bottom: 0.75em;   text-transform: capitalize; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

	.alt { 

 color:#333;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}

	
	
	/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height:2; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

	
	/*.center{ text-align:center;}*/
	
	
	a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

	
	
	p{ /*line-height:1.5em;*/ /*font-size:120%;*/ /*color:#333;*/}
	.intro{ text-align:justify; }
	/*li{font-size:120%; color:#333; }*/
	.right{ text-align:right;}
	strong{ color:#111;}
	
	
	
	/*

	image alignments

	*/

	/* Begin Images */

		p img{padding:0;max-width:100%; border:0;}
		img.centered{display:block;margin-left:auto;margin-right:auto;}
		img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
		img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
		.alignright{float:right;}
		.alignleft{float:left;}

	/* End Images */

#recent-work{ width:640px; }
#recent-work span{ clear:both; }

.center{ text-align:center;}