/*-----------------------------------------------
  Reset possibly active browser styles
  ---------------------------------------------*/
  
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: none;
}


body { line-height: 1.5; background: #fff; margin:0 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/*-----------------------------------------------
  Typography (from 'blueprint' css template).
  ---------------------------------------------*/
/* Size as percentage of 16px */

body { font-size: 75%; line-height: 1.8;}
   
body { 
  color: #ffffff; 
  font-family:   "Lucida Grande", "Helvetica Neue",Helvetica, Arial, sans-serif; 
}
h1,h2,h3,h4,h5,h6{ 
  color: #c5c8ff; 
  font-family: Arial, "Helvetica Neue", Helvetica,  sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

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

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
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; }

.flash-header { margin-bottom: 1em;}


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

p           { margin: 0 0 1.5em; }

p img       { width: 292px; border: 4px solid #939EAB;}
p img.left  { float: left; margin-right: 10px;}
p img.right { float: right; margin-left: 10px;}

a:focus, 
a:hover     { color: #fff; }
a           { color: #9ca7b5; text-decoration: underline; }

blockquote  { margin: 1.5em 1.5em 1.5em 3em; color: #eee; font-style: italic;}
quoteauthor { display:block; text-align: right; font-weight: bold;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  font-style: normal;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

h4.quote{
  color:white;
  font-family: Georgia;
  font-style: italic;
  font-size:2.5em;
}

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


/*-----------------------------------------------
  GRID
  ---------------------------------------------*/
  
  .first {margin-left:0;padding-left:0;}
  .last {margin-right:0;padding-right:0;}
  .top {margin-top:0;padding-top:0;}
  .bottom {margin-bottom:0;padding-bottom:0;}
  
  .container {width:940px;margin:0 auto;}
  div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 20px;}

  div.last {margin-right:0;}
  .span-1  { width: 20px;}
  .span-2  { width: 60px;}
  .span-3  { width: 100px;}
  .span-4  { width: 140px;}
  .span-5  { width: 180px;}
  .span-6  { width: 220px;}
  .span-7  { width: 260px;}
  .span-8  { width: 300px;}
  .span-9  { width: 340px;}
  .span-10 { width: 380px;}
  .span-11 { width: 420px;}
  .span-12 { width: 460px;}
  .span-13 { width: 500px;}
  .span-14 { width: 540px;}
  .span-15 { width: 580px;}
  .span-16 { width: 620px;}
  .span-17 { width: 660px;}
  .span-18 { width: 700px;}
  .span-19 { width: 740px;}
  .span-20 { width: 780px;}
  .span-21 { width: 820px;}
  .span-22 { width: 860px;}
  .span-23 { width: 900px;}
  .span-24, div.span-24 { width: 940px; margin: 0; }

  .append-1  { padding-right: 40px;}
  .append-2  { padding-right: 80px;}
  .append-3  { padding-right: 120px;}
  .append-4  { padding-right: 160px;}
  .append-5  { padding-right: 200px;}
  .append-6  { padding-right: 240px;}
  .append-7  { padding-right: 280px;}
  .append-8  { padding-right: 320px;}
  .append-9  { padding-right: 360px;}
  .append-10 { padding-right: 400px;}
  .append-11 { padding-right: 440px;}
  .append-12 { padding-right: 480px;}
  .append-13 { padding-right: 520px;}
  .append-14 { padding-right: 560px;}
  .append-15 { padding-right: 600px;}
  .append-16 { padding-right: 640px;}
  .append-17 { padding-right: 680px;}
  .append-18 { padding-right: 720px;}
  .append-19 { padding-right: 760px;}
  .append-20 { padding-right: 800px;}
  .append-21 { padding-right: 840px;}
  .append-22 { padding-right: 880px;}
  .append-23 { padding-right: 920px;}

  .prepend-1  { padding-left: 40px;}
  .prepend-2  { padding-left: 80px;}
  .prepend-3  { padding-left: 120px;}
  .prepend-4  { padding-left: 160px;}
  .prepend-5  { padding-left: 200px;}
  .prepend-6  { padding-left: 240px;}
  .prepend-7  { padding-left: 280px;}
  .prepend-8  { padding-left: 320px;}
  .prepend-9  { padding-left: 360px;}
  .prepend-10 { padding-left: 400px;}
  .prepend-11 { padding-left: 440px;}
  .prepend-12 { padding-left: 480px;}
  .prepend-13 { padding-left: 520px;}
  .prepend-14 { padding-left: 560px;}
  .prepend-15 { padding-left: 600px;}
  .prepend-16 { padding-left: 640px;}
  .prepend-17 { padding-left: 680px;}
  .prepend-18 { padding-left: 720px;}
  .prepend-19 { padding-left: 760px;}
  .prepend-20 { padding-left: 800px;}
  .prepend-21 { padding-left: 840px;}
  .prepend-22 { padding-left: 880px;}
  .prepend-23 { padding-left: 920px;}

  div.border{padding-right:9px;margin-right:10px;border-right:1px solid #eee;}
  div.colborder { padding-right:11px;margin-right:10px;border-right:1px solid #eee;}
  .pull-1 { margin-left: -40px;}
  .pull-2 { margin-left: -80px;}
  .pull-3 { margin-left: -120px;}
  .pull-4 { margin-left: -160px;}
  .pull-5 { margin-left: -200px;}
  .pull-6 { margin-left: -240px;}
  .pull-7 { margin-left: -280px;}
  .pull-8 { margin-left: -320px;}
  .pull-9 { margin-left: -360px;}
  .pull-10 { margin-left: -400px;}
  .pull-11 { margin-left: -440px;}
  .pull-12 { margin-left: -480px;}
  .pull-13 { margin-left: -520px;}
  .pull-14 { margin-left: -560px;}
  .pull-15 { margin-left: -600px;}
  .pull-16 { margin-left: -640px;}
  .pull-17 { margin-left: -680px;}
  .pull-18 { margin-left: -720px;}
  .pull-19 { margin-left: -760px;}
  .pull-20 { margin-left: -800px;}
  .pull-21 { margin-left: -840px;}
  .pull-22 { margin-left: -880px;}
  .pull-23 { margin-left: -920px;}
  .pull-24 { margin-left: -960px;}

  .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}

  .push-1 { margin: 0 -40px 1.5em 40px;}
  .push-2 { margin: 0 -80px 1.5em 80px;}
  .push-3 { margin: 0 -120px 1.5em 120px;}
  .push-4 { margin: 0 -160px 1.5em 160px;}
  .push-5 { margin: 0 -200px 1.5em 200px;}
  .push-6 { margin: 0 -240px 1.5em 240px;}
  .push-7 { margin: 0 -280px 1.5em 280px;}
  .push-8 { margin: 0 -320px 1.5em 320px;}
  .push-9 { margin: 0 -360px 1.5em 360px;}
  .push-10 { margin: 0 -400px 1.5em 400px;}
  .push-11 { margin: 0 -440px 1.5em 440px;}
  .push-12 { margin: 0 -480px 1.5em 480px;}
  .push-13 { margin: 0 -520px 1.5em 520px;}
  .push-14 { margin: 0 -560px 1.5em 560px;}
  .push-15 { margin: 0 -600px 1.5em 600px;}
  .push-16 { margin: 0 -640px 1.5em 640px;}
  .push-17 { margin: 0 -680px 1.5em 680px;}
  .push-18 { margin: 0 -720px 1.5em 720px;}
  .push-19 { margin: 0 -760px 1.5em 760px;}
  .push-20 { margin: 0 -800px 1.5em 800px;}
  .push-21 { margin: 0 -840px 1.5em 840px;}
  .push-22 { margin: 0 -880px 1.5em 880px;}
  .push-23 { margin: 0 -920px 1.5em 920px;}
  .push-24 { margin: 0 -960px 1.5em 960px;}

  .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}

  .box {padding:1.5em;margin-bottom:1.5em;background:#6c747d;}
  hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
  hr.space {background:#fff;color:#fff;}
  .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
  .clearfix, .container {display:inline-block;}
  * html .clearfix, * html .container {height:1%;}
  .clearfix, .container {display:block;}
  .clear {clear:both;}


/*-----------------------------------------------
  Layout
  ---------------------------------------------*/
body{
	background: url('images/background.png') #2c323f repeat-y center;
	margin: 1.5em 0;
}
#main{ text-align: center; }
#frame { margin: 1.5em;}

.wrapper{
	text-align: left;
	width: 940px;
	margin: 0 auto 30px;
}


#menu{ 
  margin:0; padding:0; 
  width: 940px; height: 50px;
  list-style-type:none; background: url('images/menu-background.png'); }
     
  #menu li{
	  float:left;
	  width: 310px; height: 40px;
	  text-indent: -9999px;
	  margin: 0 5px 0 0;
	}
	#menu li.last{margin-right: 0;}  
  #menu a{ display:block; width: 310px; height: 50px; background-position: 0 0;}
  #projects { background: url('images/button-projects.png');}
  #about {background: url('images/button-about.png');}
  #contact {background: url('images/button-contact.png');}
  #menu li a.current { background-position: 0 -50px;}
  #menu li a:hover { background-position: 0 -100px;}
  
.address p{
  margin-left: 10px;
}