body {
  background:#2b313e;
  margin: 0px; 
  font-family: "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  text-align:center;
  color:#999999;
  font-size/* */:/**/small;
  font-size: /**/small;
  line-height:1.4em;
  }

P, DIV, SPAN, TD, TH { 
	 font-family: "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
     text-align: justify;
}

IMG { border: 0; }
  
h1 {
  margin:.75em 0 .75em;
  font:bold 150%/1.4em "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:.2em;
  color:#ff9900;
  text-transform:uppercase;
  text-align:center;
  }
h2 {
  margin:.75em 0 .75em;
  font:bold 120% "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:.2em;
  color:#ff9900;
  text-transform:uppercase;
  text-align:center;
  }
h2.left {
  margin:1.5em 0 .75em;
  font:bold 120% "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:.2em;
  color:#ff9900;
  text-transform: none;
  text-align:left;
  }
h2.leftcaps {
  margin:1.5em 0 .75em;
  font:bold 120% "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:.2em;
  color:#ff9900;
  text-transform: uppercase;
  text-align:left;
  }
h3 {
  margin:.75em 0 .75em;
  font:bold 100%/1.4em "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:.2em;
  color:#ff9900;
  text-transform:uppercase;
  text-align:center;
  }
h3.left {
  margin:1.5em 0 .75em;
  font:bold 100% "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:0em;
  color:#ff9900;
  text-transform: none;
  text-align:left;
  }
h4 {
  margin:.75em 0 .75em;
  font:bold 78%/1.4em "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:.2em;
  color:#ff9900;
  text-transform:uppercase;
  text-align:center;
  }
h4.left {
  margin:.75em 0 .75em;
  font:bold 78%/1.4em "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  letter-spacing:.2em;
  color:#ff9900;
  text-transform:uppercase;
  text-align:left;
  }

a:link {
  color:#999999;
  text-decoration:underline;
  }
a:visited {
  color:#999999;
  text-decoration:underline;
  }
a:hover {
  color:#ff0000;
  text-decoration:underline;
  }
a:img {
  border-width:0;
  }

#header, #main, #footer { 
        margin: 0 auto; 
}

#header {
        background-image: url(http://www.joshmcculloch.com/media/headers/jm_header.gif);
        height: 50px;
        width: 960px;
        margin-top: 10px;
}
#nav {
        text-align: right;
        padding-top: 25px;
        font-size: 13px;
        font-weight: normal;
        text-transform: uppercase;
        padding-bottom: 10px;
}

#nav a { padding: 0 5px;
		 text-decoration: none;
}

#nav a:link {color: #ff9900;}
#nav a:visited {color: #ff9900;}
#nav a:hover {color: #ff0000;}

#content {
    width:960px;
    margin:0 auto;
    padding-top: 5px;
    text-align:center;
    }
#main {
        width: 960px;
        padding-top: 0px;
}
#main #content {
        margin: 0 auto;
        width: 960px;
        min-height: 400px;
        height: auto !important;
        height: 400px;
}
#portfolionav {
        text-align: center;
        text-transform: none;
        width: 350px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 2px;
        padding-top: 2px;
        font-size: 13px;
        font-weight: normal;
        border-style: solid;
		border-width: 1px;
		border-color: #ff9900;
}

#portfolionav a {
		padding: 0 5px;
		text-decoration: none;
}
				
}

  #left {
    width:470px;
    float:left;
  }
  #left p {
    line-height:1.5em;
    text-align:justify;
    }
  #left div {
    line-height:1.5em;
    text-align:center;
    }  
  #right {
    width:470px;
    float:right;
    }
  #right p {
    line-height:1.5em;
    text-align:justify;
    }
  #right div {
    line-height:1.5em;
    text-align:center;
    }  
  #leftwide {
    width:750px;
    float:left;
    text-align: center;
  }
  #leftwide p {
    line-height:1.5em;
    text-align:justify;
    }
  #leftwide div {
    line-height:1.5em;
    text-align:center;
    }
  #rightwide {
    width:190px;
    float:right;
    }
  #rightwide p {
    line-height:1.5em;
    text-align:justify;
    }
  #rightwide div {
    line-height:1.5em;
    text-align:center;
    } 
hr.c5 {width: 100%; height: 3px; color: #999999; background-color: #999999}
  
#main ul {
  margin:0 0 1.5em;
  padding:0 20px 0em;
  }
#main li {
  margin:0 0 0 15px;
  padding:0 0 .25em 0px;
  text-indent:0px;
  line-height:1.2em;
  }
  
div.list ul {
  margin:0 0 0em;
  padding:0 0 0em;
  list-style:none;
  }
div.list li {
  margin:0 0 0 0px;
  padding:0 0 .25em 0px;
  text-indent:0px;
  line-height:1.0em;
  }
div.floatright { float: right;
  margin: 0 0 20px 20px;
  }
div.leftlist ul {
  margin:0 0 1.5em;
  padding:0 0 0em;
  list-style:none;
  text-align: left;
  }
div.leftlist li {
  margin:0 0 0 15px;
  padding:0 0 .25em 0px;
  text-indent:0px;
  line-height:1.0em;
}
div.cardnav {
  text-align: justify;
  }
div.cardnav ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #444;
  list-style:none;
  }
div.cardnav li {
  margin:0;
  padding:0 0 .25em 0px;
  text-indent:0px;
  line-height:1.5em;
  text-align:left;
  }
td.cardnav {
        text-align: center;
        font-size: 13px;
        border:1px dotted #444;
}
td.cardnav a { padding: 0 5px;
}
img.floatLeft { 
    float: left; 
    margin: 8px; 
}
img.floatRight { 
    float: right; 
    margin: 8px; 
}
table {
	margin-left: auto;
	margin-right: auto;
}

#footer {
        height: 31px;
        width: 960px;
        clear:both;
        margin:0 auto;
}

#footer hr {
  display:none;
  }
  
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }