/* ---- Global ------------ */
body{
background:#FEF2ED; 
margin:0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding:0px; 
text-align:left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color:#333333; 
font-size:12px}

p, h3, h4, i, em, a{
font-style:normal; 
font:100% Arial,Verdana,Helvetica,sans-serif; 
line-height:20px; 
padding-bottom:0px}

i, em{
font-style:italic}

h1{
font:100% Georgia,"Times New Roman",Times,serif; 
font-size:24px; 
line-height:1.2em; 
color:#333333; 
margin:0px; 
padding:0px; 
font-weight:normal}

h3{
font-weight:bold; 
margin:0px; 
padding:0px 0px 0px 2px}

h4{
font-weight:bold; 
margin:0px; 
padding:0px}

hr{
margin:2px 0px 0px 6px; 
padding:0px; 
width:866px; 
height:1px; 
color:#999999; 
background-color:#999999; 
border:none}

.caps{
font-size:0.9em; 
letter-spacing:0.1em}


/* ---- Links ------------ */
a, h1 a, h2 a, h3 a{
text-decoration:none; 
border:none; 
color:#333333}

/* ---- Layout ----------- */
#container{
margin:0px; 
padding:0px; 
width:886px}

#main{
margin:0px 0px 6px 0px; 
padding:0px; 
width:inherit; 
min-height:500px; 
background-image:url('http://ijustmight.com/images/8.gif'); 
background-position:80px 200px; 
background-repeat:repeat-y}

#head, #headHome{
margin:6px 0px 0px 6px; 
padding:0px; 
height:37px; 
max-height:37px; 
width:880px; 
font:100% Arial,Verdana,Helvetica,sans-serif}

#headHome{
position:absolute}

#headMR{
margin:0px; 
padding:0px; 
width:65px; 
max-height:37px; 
background:url(http://ijustmight.com/images/1.png) no-repeat; 
float:left}

#nav{
background:#000000; 
margin:0px; 
padding:0px; 
height:37px; 
width:815px; 
float:right; 
text-align:right}

#navText{
padding:10px 14px 0px 0px}

#navText li, #navText li p{
margin:0px; 
padding:0px 0px 0px 37px; 
list-style:none; 
display:inline; 
color:#FFFFFF; 
font-size:11px; 
letter-spacing:.1em; 
font-weight:bold; 
font:100% Georgia,"Times New Roman",Times,serif}

#navText li img{
vertical-align:middle}

#navText p, #navText a{
color:#FFFFFF; 
font-size:11px; 
letter-spacing:.1em; 
margin:0px; 
padding:0px; 
font-weight:bold; 
color:#FFFFFF; 
font:100% Georgia,"Times New Roman",Times,serif}

#content, #contentHome{
margin:0px; 
padding:0px; 
width:886px}

#content{
min-height:500px}

#foot{
margin:40px 0px 0px 6px}

#footBlack{
background:#000000}

#footBottom{
background:url(http://ijustmight.com/images/10.gif) no-repeat 820px 4px; 
padding:0px 6px 0px 0px}

#footBottom p{
padding:7px 0px 7px 3px; 
margin:0px 0px 0px 80px; 
font-size:9px; 
color:#B3B3B3}

#footBottom a{
font-size:9px; 
color:#B3B3B3; 
text-decoration:none}

#footBottom a:hover{
font-size:9px; 
color:#000000}

#footImage{
padding:0px; 
margin:0px; 
display:inline}

#vertical_slide{
width:880px; 
color:#000000; 
margin:0px; 
padding:40px 0px 4px 0px}

#vertical_slide hr{
margin:45px 0px 0px 6px}

/* ---- Home ------------ */
#homepagePhoto{
margin:0; 
padding:0}

#contentHome{
height:250px}

#homeRightBox{
background:url(http://ijustmight.com/images/45.png) no-repeat; 
float:right; 
width:306px; 
height:250px}

#homeLeftBox1, #homeLeftBox2{
width:580px; 
margin:0px; 
padding:0px; 
float:left}

#homeLeftBox1{
background:#000000}

#homeLeftBox2{}

.white{
color:#FFFFFF; 
line-height:1.4em; 
letter-spacing:1px; 
padding:25px 0px 25px 93px}

.red{
color:#990033; 
line-height:1.4em; 
margin:15px 0px 0px 93px}

#footHome{
margin:0px 0px 0px 6px}

/* ---- Projects ----------- */
#thumbnails{
margin:0px 0px 0px 86px; 
padding:0px}

#thumbnailsProjects{
margin:40px 0px 0px 86px; 
padding:0px}

.thumbnail{
margin:0px; 
padding:4px; 
border:none}

.thumbnailLeft{
margin:0px; 
padding:4px 4px 4px 2px; 
border:none}

#contentDescription{
width:792px; 
border:none; 
margin:0px 0px 0px 80px; 
padding:0; 
border-collapse:collapse}

#heading, #descriptionText{
border:none; 
margin:0px}

#heading{
width:593px; 
padding:7px 0px 4px 0px; 
border-bottom:solid #999999; 
border-bottom-width:1px}

#descriptionText{
padding:9px 193px 0px 0px; 
vertical-align:top}

#descriptionText a, #buttons a{
background:#FEF2ED}

#buttons{
width:200px; 
border:none; 
margin:0px; 
padding:12px 0px 0px 6px}

#buttons img{
vertical-align:text-bottom}

#buttons a{
margin:0px 0px 0px 6px; 
padding:0px; 
font-weight:bold}

.hearHereButtons{
vertical-align:middle}

.portfolioImage{
margin:40px 0px 7px 88px}

ul#imageFade, ul#imageFade li, ul#imageFade li img{
border:none; 
padding:0px; 
margin:0px}

#thumbnails hr, #thumbnailsProjects hr{
margin:2px 0px 4px 2px; 
padding:0px; 
width:784px; 
height:1px; 
color:#999999; 
background-color:#999999; 
border:none}

.vimeo{
margin:0px 0px 6px 155px; 
padding:0px}

/* ---- Resume ----------- */
#resume1, #resume2, #resume3, #resume4, #resume5, #resume6, #resume7{
width:793px; 
margin:6px 0px 0px 86px}

#resume1 hr, #resume2 hr, #resume3 hr, #resume4 hr, #resume5 hr, #resume6 hr, #resume7 hr{
margin:36px 0px 6px 200px; 
padding:0px; 
width:587px; 
height:1px; 
color:#999999; 
background-color:#999999; 
border:none}

.resumeTitle{
width:200px; 
height:100%; 
float:left}

.resumeText{
width:400px; 
margin:0px 0px 0px 200px}

.resumeLast{
width:400px; 
margin:0px 0px 60px 200px}

.resumeRight{
float:right;
width:100px; 
margin:2px 40px 0px 0px
}

/* ---- Misc ------------ */
#accessibility{
position:absolute; 
top:-10000px}

/* ---- Slideshow --------- */
p#cross-links{text-align:left}

p#cross-links{margin-bottom:30px; padding-bottom:30px}

noscript p, noscript ol{color:#999999; font-size:10px; line-height:1.4em; text-align:left}
noscript a{color:#a00; text-decoration:underline}
noscript ol{margin-left:25px}

img{border:0}

.stripViewer .panelContainer .panel ul{
text-align:left; 
margin:0px 15px 0px 30px; 
padding:0px}

.slider-wrap{/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin:40px 0px 0px 0px; 
padding:0px; 
position:relative; 
width:100%; 
height:495px}

/* These 2 lines specify style applied while slider is loading */
.csw{width:100%; height:488px; overflow:scroll}
.csw .loading{margin:200px 0 300px 0; text-align:center}

#slider1{
margin:0px; 
padding:0px 0px 0px 88px; 
height:488px; 
width:792px; 
z-index:5
}

.stripViewer{/* This is the viewing window */
position:relative; 
overflow:hidden; 
border:0px solid #000; /* this is the border. should have the same value for the links */
margin:0px; 
padding:0px; 
width:880px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height:488px; 
clear:both}

.stripViewer .panelContainer{/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position:relative; 
left:0; top:0; 
width:100%; 
height:488px; 
list-style-type:none; 
margin:0px; 
padding:0px; 
/* -moz-user-select:none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful,crazy fools. */
}

.stripViewer .panelContainer .panel{/* Each panel is arranged end-to-end */
margin:0px; 
padding:0px; 
left:0; top:0; 
float:left; 
height:100%; 
position:relative; 
width:880px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper{/* Wrapper to give some padding in the panels,without messing with existing panel width */
height:488px; 
margin:0px; 
padding:0px}

.stripNav{/* This is the div to hold your nav (the UL generated at run time) */
margin:22px 0px 0px 130px; 
width:130px}

.stripNav ul{/* The auto-generated set of links */
list-style:none; 
margin:0px; 
padding:0px}

.stripNav ul li{
float:left; 
margin-right:2px; /* If you change this,be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a{/* The nav links */
font:100% Arial,Verdana,Helvetica,sans-serif; 
font-size:10px; 
font-weight:bold; 
text-align:right; 
line-height:18px; 
color:#000000; 
text-decoration:none; 
display:block; 
padding:0px 5px; 
margin:0px}

.stripNav li.tab1 a{background:#FFFFFF}
.stripNav li.tab2 a{background:#FFFFFF}
.stripNav li.tab3 a{background:#FFFFFF}
.stripNav li.tab4 a{background:#FFFFFF}
.stripNav li.tab5 a{background:#FFFFFF}
.stripNav li.tab6 a{background:#FFFFFF}
.stripNav li.tab7 a{background:#FFFFFF}
.stripNav li.tab8 a{background:#FFFFFF}
.stripNav li.tab9 a{background:#FFFFFF}
.stripNav li.tab10 a{background:#FFFFFF}

.stripNav li a:hover{
background:#333; 
color:#FFFFFF}

.stripNav li a.current{
background:#FFF1ED; 
color:#000000}

.stripNavL, .stripNavR{/* The left and right arrows */
position:absolute; 
top:512px; 
text-indent:-9000em}

.stripNavL a, .stripNavR a{
display:block; 
height:15px; 
width:15px}

.stripNavL{
left:90px}

.stripNavR{
right:760px}

.stripNavL{
background:url("http://ijustmight.com/images/4.gif") no-repeat center}

.stripNavR{
background:url("http://ijustmight.com/images/5.gif") no-repeat center}