/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	letter-spacing: 0.1em;
	color: #FFF;
	background-color: #000;
	font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	font-size: 17px;
	line-height: 1.5;
}

hr {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #39F;
	margin-top: 0px;
	color: #39F;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p {	
	color:#999;
	letter-spacing:.1em;
	font-style:normal;
	font-size:11px;
	margin-right: 5px;
	padding-right: 5px;
	margin-top:-3px;
}

a:link{
	color:#39F;
	text-decoration: none;
}

a:hover{
	color:#3FF;
	text-decoration: none;
}

a:visited{
	color:#39F;
	text-decoration: none;
}

a:visited:hover{	
	color:#3FF;
	text-decoration: none;
}

a:focus {
	outline: 0px dotted;
}

a:active {
	text-decoration:none;
}


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

h1 {
	font-size: 19px;
	letter-spacing:.9em;
}

h2 {
	font-size: 17px;
	letter-spacing:.22em;
	color:#FFF;
	padding-bottom:3px;
}

h3 {
	font-size: 15px;
	color: #FFF;
	font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}

h4 {
	font-size: 13px;
	font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	padding-bottom:5px;
}

h5 {
	font-size:11px;
}

h6 {
	font-size: 9px;
	font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	letter-spacing:.15em
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: none;
}

li {
	margin-left: 0px;
}


/* MENU Generated via www.cssmenubuilder.com 
------------------------------------------------------------------------------*/

.menu{
	margin:0 auto; 
	padding:0; 
	height:30px; 
	width:100%; 
	display:block; 
	background:url(../images/topMenuImages_color.png) repeat-x;
}
.menu li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}
.menu li a{
	float:left;
	padding-left:15px;
	margin-right:15px;
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	letter-spacing: 0.1em;
	cursor:pointer;
	background-image: url(../images/topMenuImages_color.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 12px;
	padding-bottom:2px;
}
.menu li a span{
	line-height:28px;
	float:left;
	display:block;
	padding-right:15px;
	background-image: url(../images/topMenuImages_color.png);
	background-repeat: no-repeat;
	background-position: 100% -30px;
}
.menu li a:hover{
	background-position:0px -60px; 
	color:#39F;
}
.menu li a:hover span{
	background-position:100% -60px;
}
.menu li a.active, .menu li a.active:hover{
	line-height:28px;
	font:12px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:rgb(255,255,255);
	background-image: url(../images/topMenuImages_color.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;
}
.menu li a.active span, .menu li a.active:hover span{
	background-image: url(../images/topMenuImages_color.png);
	background-repeat: no-repeat;
	background-position: 100% -90px;
}

/*  UPDATES
------------------------------------------------------------------------*/
.blogdate {
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.blogdate li{
	color:#999;
	font-size:x-small;
	list-style:none;
	margin-left:0;
	padding-bottom:2px;
	padding-top:3px;
}

.blogentry {
	letter-spacing:.1em;
	font-style:normal;
	font-size:10px;
	margin-right: 5px;
	padding-right: 5px;
	padding-top:2px;
}


/*  IMAGE FRAME
------------------------------------------------------------------------*/
#imageframe {
	height:350px;
	width:940px;
	margin-left:10px;	
}

.transparent_class {
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-khtml-opacity: 0;
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;
	visibility:hidden;
}

/*---------------GRAPHIC DESIGN---------------*/
.imageframe_alvin {
	height:350px;
	width:940px;
	margin-left:10px;
	background-image:url(../images/Graphic/frames/alvinailey.jpg);
}

.imageframe_mojo {
	background-image:url(../images/Graphic/frames/mojo.jpg);
}

.imageframe_timeline {
	background-image:url(../images/Graphic/frames/timeline.jpg);
}
.imageframe_sfanw {
	background-image:url(../images/Graphic/frames/sfanw.jpg);
}
.imageframe_angels {
	background-image:url(../images/Graphic/frames/angels.jpg);
}
.imageframe_yamo {
	background-image:url(../images/Graphic/frames/yamo.jpg);
}
.imageframe_lesmis {
	background-image:url(../images/Graphic/frames/lesmis.jpg);
}
.imageframe_baskerville {
	background-image:url(../images/Graphic/frames/baskerville.jpg);
}
.imageframe_tantra {
	background-image:url(../images/Graphic/frames/tantra.jpg);
}
.imageframe_helvetica {
	background-image:url(../images/Graphic/frames/helvetica.jpg);
}
.imageframe_democratica {
	background-image:url(../images/Graphic/frames/democratica.jpg);
}
.imageframe_spies {
	background-image:url(../images/Graphic/frames/spies.jpg);
}
.imageframe_surprise {
	background-image:url(../images/Graphic/frames/surpriseposters.jpg);
}
.imageframe_preventionkit {
	background-image:url(../images/Graphic/frames/preventionkit.jpg);
}
.imageframe_westing {
	background-image:url(../images/Graphic/frames/westing.jpg);
}
.imageframe_gap {
	background-image:url(../images/Graphic/frames/gap.jpg);
}
.imageframe_purelyacoustik {
	background-image:url(../images/Graphic/frames/purelyacoustik.jpg);
}
.imageframe_guitar {
	background-image:url(../images/Graphic/frames/guitar.jpg);
}
.imageframe_subway01 {
	background-image:url(../images/Graphic/frames/subway01.jpg);
}
.imageframe_subway02 {
	background-image:url(../images/Graphic/frames/subway02.jpg);
}


/*---------------END GRAPHIC DESIGN---------------*/

/*---------------2D DESIGN---------------*/
.imageframe_obama {
	background-image:url(../images/2d/frames/obama.jpg);
}
.imageframe_selfportrait {
	background-image:url(../images/2d/frames/selfportrait.jpg);
}
.imageframe_coloremphasis {
	background-image:url(../images/2d/frames/coloremphasis.jpg);
}
.imageframe_lilies {
	background-image:url(../images/2d/frames/lilies.jpg);
}
.imageframe_crazylines {
	background-image:url(../images/2d/frames/crazylines.jpg);
}
.imageframe_hands {
	background-image:url(../images/2d/frames/hands.jpg);
}
.imageframe_yellowpurple {
	background-image:url(../images/2d/frames/yellowpurple.jpg);
}
.imageframe_feelgood {
	background-image:url(../images/2d/frames/feelgood.jpg);
}
.imageframe_abstractleaf {
	background-image:url(../images/2d/frames/abstractleaf.jpg);
}
.imageframe_portraits {
	background-image:url(../images/2d/frames/portraits.jpg);
}

/*---------------END 2D DESIGN---------------*/

/*---------------3D DESIGN---------------*/
.imageframe_monkeysticks {
	background-image:url(../images/3d/frames/monkeysticks.jpg);
}
.imageframe_monkeyplanes {
	background-image:url(../images/3d/frames/monkeyplanes.jpg);
}
.imageframe_cards {
	background-image:url(../images/3d/frames/cards.jpg);
}
.imageframe_abstractmaya {
	background-image:url(../images/3d/frames/abstractmaya.jpg);
}

/*---------------END 3D DESIGN---------------*/


/*  INFO PANEL
------------------------------------------------------------------------*/
#infopanel{
}

.title{
	letter-spacing:.22em;
	color:#FFF;
}

.info {
	color:#999;
	letter-spacing:.1em;
	font-style:normal;
	font-size:11px;
	margin-right: 5px;
	padding-right: 5px;
	margin-top:-3px;
}

.resumedate {
	color:#999;
	letter-spacing:.1em;
	font-style:italic;
	font-weight:bold;
	font-size:11px;
	margin-right: 5px;
	padding-right: 5px;
	margin-top:-3px;
	padding-bottom:3px;
}

.resumeinfo {
	color:#fff;
	letter-spacing:.1em;
	font-style:normal;
	font-weight:300;
	font-size:11px;
	margin-left:3px;
	margin-right: 8px;
	margin-top:-3px;
	padding-right: 5px;
}

.info ul{
	list-style:none;
}

.info li{
	padding-bottom:3px;	
}


/*  FIND ME ON... LINKS (NOTE IF CHANGING THE ORDER, SWITCH THE TOPMOST MARGIN-TOP TO 0px)
------------------------------------------------------------------------*/
.vimeo {
	display:block;
	background:url(../images/vimeobg.png);
	background-position: 0 0px;
	background-repeat:no-repeat;
	height:32px;
	width:121px;
	float:right;
	margin-bottom:5px;
	margin-top:0px;
}

.vimeo:hover {
	background-position:0 -32px;
}

.facebook {
	display:block;
	background:url(../images/facebookbg.png);
	background-position: 0 0px;
	background-repeat:no-repeat;
	height:32px;
	width:121px;
	float:right;
	margin-bottom:5px;
	margin-top:5px;
}

.facebook:hover {
	background-position:0 -32px;
}

.linkedin {
	display:block;
	background:url(../images/linkedinbg.png);
	background-position: 0 0px;
	background-repeat:no-repeat;
	height:32px;
	width:121px;
	float:right;
	margin-bottom:5px;
	margin-top:5px;
}

.linkedin:hover {
	background-position:0 -32px;
}

/*  KWICKS THUMBNAIL STUFF
------------------------------------------------------------------------*/
#kwicks_container { 
	background-color: violet;
	height: 100px;
}

#kwicks_motion {
	background-image:url(../images/make_your_selection.png);
	background-repeat:no-repeat;
	background-position:right;
	overflow:hidden;
	height:350px;
}

#kwicks {
	position: relative;
	margin-left:0px;
	overflow: hidden;	
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 25px;
	height: 100px;
	overflow:hidden;
}

#kwicks .kwickmotion {
	float: left;
	display: block;
	width: 67px;
	height: 350px;
	overflow:hidden;
}

#kwick_red {
	background-color:red;
	margin-right:5px;
}


/*--------MOTION----------*/
#kwick_perfectgirl {
	background-image: url(../images/Motion/perfectgirl.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_metamorphosis {
	background-image: url(../images/Motion/metamorphosis.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_favoritethings {
	background-image: url(../images/Motion/favoritethings.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_foodnetwork {
	background-image: url(../images/Motion/foodnetwork.jpg);
	background-repeat:no-repeat;
}

#kwick_altoids {
	background-image: url(../images/Motion/altoids.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_everybodysfree {
	background-image: url(../images/Motion/everybodysfree.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_fourseasons {
	background-image: url(../images/Motion/fourseasons.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_humanesociety {
	background-image: url(../images/Motion/humanesociety.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_neuraljourney {
	background-image: url(../images/Motion/neuraljourney.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_nike {
	background-image: url(../images/Motion/nike.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_supernatural {
	background-image: url(../images/Motion/supernatural.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_princessbride {
	background-image: url(../images/Motion/princessbride.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_sparky {
	background-image: url(../images/Motion/sparky.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_wavee {
	background-image: url(../images/Motion/wavee.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_filmfest {
	background-image: url(../images/Motion/2010filmfest.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_mdco {
	background-image: url(../images/Motion/mdco.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

#kwick_wof {
	background-image: url(../images/Motion/wof.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
	
}/*--------END MOTION----------*/


/*--------GRAPHIC DESIGN----------*/
#kwick_alvinailey {
	background-image: url(../images/Graphic/thumbs/alvinailey.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_mojo {
	background-image: url(../images/Graphic/thumbs/mojo.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_timeline {
	background-image: url(../images/Graphic/thumbs/timeline.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_sfanw {
	background-image: url(../images/Graphic/thumbs/sfanw.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_angels {
	background-image: url(../images/Graphic/thumbs/angels.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_yamo {
	background-image: url(../images/Graphic/thumbs/yamo.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_lesmis {
	background-image: url(../images/Graphic/thumbs/lesmis.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_baskerville {
	background-image: url(../images/Graphic/thumbs/baskerville.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_tantra {
	background-image: url(../images/Graphic/thumbs/tantra.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_helvetica {
	background-image: url(../images/Graphic/thumbs/helvetica.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_democratica {
	background-image: url(../images/Graphic/thumbs/democratica.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_spies {
	background-image: url(../images/Graphic/thumbs/spies.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_surprise {
	background-image: url(../images/Graphic/thumbs/surpriseposters.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_preventionkit {
	background-image: url(../images/Graphic/thumbs/preventionkit.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_gap {
	background-image: url(../images/Graphic/thumbs/gap.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_westing {
	background-image: url(../images/Graphic/thumbs/westing.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_purelyacoustik {
	background-image: url(../images/Graphic/thumbs/purelyacoustik.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_guitar {
	background-image: url(../images/Graphic/thumbs/guitar.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_subway01 {
	background-image: url(../images/Graphic/thumbs/subway01.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_subway02 {
	background-image: url(../images/Graphic/thumbs/subway02.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

/*--------END GRAPHIC DESIGN----------*/

/*--------2D DESIGN----------*/
#kwick_obama {
	background-image: url(../images/2d/thumbs/obama.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_selfportrait {
	background-image: url(../images/2d/thumbs/selfportrait.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_coloremphasis {
	background-image: url(../images/2d/thumbs/coloremphasis.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_lilies {
	background-image: url(../images/2d/thumbs/lilies.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_crazylines {
	background-image: url(../images/2d/thumbs/crazylines.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_hands {
	background-image: url(../images/2d/thumbs/hands.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_yellowpurple {
	background-image: url(../images/2d/thumbs/yellowpurple.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_feelgood {
	background-image: url(../images/2d/thumbs/feelgood.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_abstractleaf {
	background-image: url(../images/2d/thumbs/abstractleaf.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_portraits {
	background-image: url(../images/2d/thumbs/portraits.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
/*--------END 2D DESIGN----------*/

/*--------3D DESIGN----------*/
#kwick_monkeysticks {
	background-image: url(../images/3d/thumbs/monkeysticks.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_monkeyplanes {
	background-image: url(../images/3d/thumbs/monkeyplanes.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_cards {
	background-image: url(../images/3d/thumbs/cards.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_abstractmaya {
	background-image: url(../images/3d/thumbs/abstractmaya.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_chandeliers {
	background-image: url(../images/3d/thumbs/chandeliers.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
#kwick_blackhawk {
	background-image: url(../images/3d/thumbs/blackhawk.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}
/*--------END 3D DESIGN----------*/


/*  FOOTER
------------------------------------------------------------------------*/
#footer {
	margin:0 auto;
	margin-left:10px;
	padding-top:15px;
	height:30px;
	width:940px;
	display:block;
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
	background-position: 100% 0px;
	
	}

#footer img{
	position:absolute;
	top: 12px;
	width: 25px;
	height: 17px;
	left: 563px;
}