@charset "UTF-8";
/* CSS Document */

a.class1:link {
    text-decoration: none;
    color: #cccccc;
}

a.class1:visited {
    text-decoration: none;
    color: #cccccc;
}

a.class1:active {
    text-decoration: none;
    color: #F36;
}

a.class1:hover {
  text-decoration: none;	
  color:#09F
}

a.class2:link {
    text-decoration: none;
    color: #000;
}

a.class2:visited {
    text-decoration: none;
    color: #000;
}

a.class2:active {
    text-decoration: none;
    color:#000;
}

a.class2:hover {
  text-decoration: none;	
  color: #000;
}
a.class3:link {
    text-decoration: none;
    color:#999;
}

a.class3:visited {
    text-decoration: none;
    color: #999;
}

a.class3:active {
    text-decoration: none;
    color:#999;
}

a.class3:hover {
  text-decoration: none;	
  color: #999;
}

/* Projects Rollover Menu*/

/*
*	Setup

ul.cssmenu {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 980px;
	height: 551px;
	background:url(../assets/buttonsHOMEsmall.png); 
	}
*/
/*
*	Normal Links

ul.cssmenu li.projects a {
	background-position: 0 0;
	margin-top: -30px;
	margin-bottom: 30px;
	margin-left: -12px;
	}

ul.cssmenu li.juggle a {
	background-position: 0 0px;
	margin-top: -30px;
	margin-bottom: 30px;
	margin-left: -12px;
	}

ul.cssmenu li.backdrops a {
	background-position: 0 0px;
	margin-top: -30px;
	margin-bottom: 30px;
	margin-left: -12px;
	}
	
ul.cssmenu li.studies a {
	background-position: 0 0px;
	margin-top: -30px;
	margin-bottom: 30px;
	margin-left: -12px;
	}
*/
/*
*	Hover Links 

ul.cssmenu li.projects a:hover {
	background-position: 177px 0;
	}

ul.cssmenu li.juggle a:hover {
	background-position: 177px -53px;
	}

ul.cssmenu li.backdrops a:hover {
	background-position: 177px -102px;
	}

ul.cssmenu li.studies a:hover {
	background-position: 177px -152px;
	}
*/
/*
*	Clicked Links

ul.cssmenu li.projects a:active {
	background-position: 177px 0;
	}

ul.cssmenu li.juggle a:active {
	background-position: 177px -53px;
	}

ul.cssmenu li.backdrops a:active {
	background-position: 177px -102px;
	}

ul.cssmenu li.studies a:active {
	background-position: 177px -152px;
	}
*/
/*
*	Selected/Active Links

ul.cssmenu li.projects a.selected {
	background-position: 177px 0;
	}

ul.cssmenu li.juggle a.selected {
	background-position: 177px -53px;
	}

ul.cssmenu li.backdrops a.selected {
	background-position: 177px -102;
	}

ul.cssmenu li.studies a.selected {
	background-position: 177px -152;
	}
  End Projects Menu */


#container {

width: 950

}

#header {
	
width:950px;
height: 100;
position:center;

}

#leftNav {

float:left;
width:20 px;
height: 400;

}

#rightNav {

float:right;
width:50 px;
height: 400;

}

#body {

margin:180px;
width:850px;
margin-top: 160px;
padding: 10px 0px 0px 10px;

}

#footer {
	
clear:both;
text-align:left;
margin-left: -300px;

}

#footer2 {
	
clear:both;
text-align:left;
margin-left: -500px;;

}

/* CSS for Home Page*/

#indexImage {
	position:absolute;
	left:441px;
	top:178px;
	width:404px;
	height:479px;
	z-index:1;
}

#indexText {
	position:absolute;
	text-align:center;
	left:357px;
	top:636px;
	width:541px;
	height:44px;
	z-index:1;
}

#indexProjects {
	position:absolute;
	left:66px;
	top:352px;
	width:100px;
	height:80px;
	z-index:1;
}
#indexAbout {
	position:absolute;
	left:162px;
	top:143px;
	width:100px;
	height:80px;
	z-index:1;
}
#indexContact {
	position:absolute;
	left:504px;
	top:-8px;
	width:100px;
	height:80px;
	z-index:1;
}
#indexBlog {
	position:absolute;
	left:802px;
	top:119px;
	width:141px;
	height:241px;
	z-index:1;
}

#indexStore {
	position:absolute;
	left:842px;
	top:349px;
	width:100px;
	height:80px;
	z-index:1;
}
#navFade {
	position:absolute;
	left:161px;
	top:139px;
	width:772px;
	height:46px;
	z-index:1;
}
#footText {
	position:absolute;
	left:3px;
	top:-8px;
	width:394px;
	height:30px;
	z-index:1;
}
#indexProjectsLink {
	position:absolute;
	left:270px;
	top:448px;
	width:88px;
	height:26px;
	z-index:1;
}
#indexAboutLink {
	position:absolute;
	left:303px;
	top:179px;
	width:66px;
	height:22px;
	z-index:1;
}
#indexContactLink {
	position:absolute;
	left:559px;
	top:60px;
	width:87px;
	height:24px;
	z-index:1;
}
#indexBlogLink {
	position:absolute;
	left:875px;
	top:209px;
	width:51px;
	height:27px;
	z-index:1;
}

#indexStoreLink {
	position:absolute;
	left:898px;
	top:394px;
	width:64px;
	height:25px;
	z-index:1;
}

/* CSS for Template Page*/

#navLogo {
	position:absolute;
	left:-53px;
	top:-38px;
	width:289px;
	height:348px;
	z-index:1;
}

#navName {
	position:absolute;
	left:199px;
	top:58px;
	width:583px;
	height:69px;
	z-index:1;
}

#navTitle {
	position:absolute;
	left:534px;
	top:-5px;
	width:616px;
	height:92px;
	z-index:1;
}

#navProjects {
	position:absolute;
	left:197px;
	top:88px;
	width:186px;
	height:55px;
	z-index:1;
}

#navAbout {
	position:absolute;
	left:397px;
	top:88px;
	width:131px;
	height:55px;
	z-index:1;
}

#navContact {
	position:absolute;
	left:538px;
	top:88px;
	width:175px;
	height:55px;
	z-index:1;
}

#navBlog {
	position:absolute;
	left:716px;
	top:88px;
	width:114px;
	height:55px;
	z-index:1;
}

#navStore {
	position:absolute;
	left:835px;
	top:88px;
	width:134px;
	height:55px;
	z-index:1;
}

#navIcon {
	position:absolute;
	left:982px;
	top:108px;
	width:167px;
	height:40px;
	z-index:1;
}

#body1 {
	position:absolute;
	left:195px;
	top:165px;
	width:827px;
	height:259px;
	z-index:1;
}

/* Nav Projects*/

#navProProjects {
	position:absolute;
	left:201px;
	top:170px;
	width:186px;
	height:55px;
	z-index:1;
}

#navProBackdrops {
	position:absolute;
	left:380px;
	top:170px;
	width:131px;
	height:55px;
	z-index:1;
}

#navProJuggle {
	position:absolute;
	left:580px;
	top:170px;
	width:150px;
	height:55px;
	z-index:1;
}

#navProStudies {
	position:absolute;
	left:717px;
	top:170px;
	width:114px;
	height:55px;
	z-index:1;
}

/* IMAGE CAPTIONS*/

#captionVert {
	position:absolute;
	left:717px;
	top:170px;
	width:114px;
	height:55px;
	z-index:1;
}

#captionVert {
	position:absolute;
	left:17px;
	top:170px;
	width:114px;
	height:55px;
	z-index:1;
}

.remove-margin1  {margin-top: -10px;}
.remove-margin2  {margin-top: -70px;}
.remove-margin3  {margin-top: -20px;}
.remove-margin4  {margin-top: 90px; margin-left:0px;}
.remove-margin5  {margin-top: 110px; margin-left:340px;}
.remove-margin6  {margin-top: 250px;}
.remove-margin7  {margin-top: 390px;}
.remove-margin8  {margin-top: -270px;}

.remove-margin-L1  {margin-left: 150px;}
.remove-margin-L2  {margin-left: 430px;}
.remove-margin-L3  {margin-left: 40px;}

.remove-marginLeft1  {margin-left: -60px;}

.top-1 {padding-top:35px;}
.top-2 {padding-top:180px;}
.top-3 {padding-top:7px;}
.top-4 {padding-top:20px;}
.top-5 {padding-top:0px;}
.top-6 {padding-top:1800px;}


.locator1 { position:absolute; visibility:show; left: 20px; top: 300px; z-index:200; } 

h1 { font-family: 'Electrolize', sans-serif;font-weight:100; font-size:30px;}
h2 { font-family: Verdana, Geneva, sans-serif, sans-serif; color: #000; font-weight: 700; font-size:60px;}
h3 { font-family: 'Quantico', sans-serif; color:#CCC; font-weight: 100; font-size:18px;}
h4 { font-family: 'Quantico', sans-serif; color:#000; font-weight:10; font-weight:0; font-size:32px;}
h5 { font-family: 'Electrolize', sans-serif;font-weight:100; color:#09F; margin-top: 0px; letter-spacing: 0.2em; font-size:42px;}
h6 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#000; font-weight: -10; letter-spacing: 0.4em; margin-top: 0px; margin-bottom: 0px; font-size:36px;}
h7 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#000; font-weight: 500; font-size:large;}
h8 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#000; font-weight: -10; margin-top: 0px; margin-bottom: 0px; font-size:36px;}
h9 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#000; font-weight: 500; letter-spacing: 0.4em; font-size:large;}
h10 { font-family: 'Quantico', sans-serif; color:#333; font-weight:bold; font-size:medium;}
h11 { font-family: Verdana, Geneva, sans-serif, sans-serif; color: #000; font-weight: 700; font-size:30px;}
h12 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#FFF; font-weight: 700; font-size:12px;}

t1 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#000; font-weight: -10; letter-spacing: 0.2em; margin-top: 0px; margin-bottom: 0px; font-size:28px;}
t2 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#999; font-weight: -10; letter-spacing: 0.4em; font-size:24px; margin-top:0px;}

l1 { font-family: Verdana, Geneva, sans-serif, sans-serif; color:#000; font-weight: 500; letter-spacing: 0.01em; font-size:large;}


b1 { font-family: 'Quantico', sans-serif; color:#333; font-weight: -10; font-size:medium;}
b2 { font-family: 'Quantico', sans-serif; color:#333; margin-bottom: 0px; font-weight: -10; font-size:medium;}
b3 { font-family: 'Quantico', sans-serif; color:#333; margin-bottom: -10px; font-weight: -10; font-size:medium;}
b4 { font-family: 'Quantico', sans-serif; color:#333; font-weight: 600; font-size:medium;}

.style1 { 
color: #000000; 
font-weight: bold; 
width: 150px; 
} 

.prepend-1 {padding-left:0px;}
.prepend-2 {padding-left:200px;}
.prepend-3 {padding-left:450px;}
.prepend-4 {padding-left:10px;}
.prepend-backdrops {padding-left:150px;}
.prepend-studies {padding-left:250px;}
.prepend-about {padding-left:350px;}
.prepend-contact {padding-left:450px;}
.prepend-blog {padding-left:550px;}
.prepend-silly {padding-left:0px;}
.prepend-copyright {padding-left:736px;}

p.tall {line-height:150%;}


.column, .span-444, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-178, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-25, .span-24 {float:left;margin-right:10px;}

.span-1 {width:80px;}
.span-2 {width:210px;}
.span-3 {width:100px;}
.span-4 {width:120px;}
.span-5 {width:160px;}
.span-6 {width:350px;}
.span-7 {width:500px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
.span-25 {width:892px;}


p1 {text-indent: 3em;}

f1 {font-family: 'Quantico', sans-serif; margin-left: 350px;color:#CCC; font-weight: 100; font-size:16px;}
f2 {font-family: 'Quantico', sans-serif; margin-right: 50px; color:#CCC; font-weight: 100; font-size:16px;}

homeText {font-family: 'Quantico', sans-serif; color:#66666; font-weight: 700;/* 16 * 0.0625 = 1px */
    letter-spacing: 0.4em; font-size:24px;}
.space {line-height: .1 em;}