/* fonts
----------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Vollkorn);
@import url(http://fonts.googleapis.com/css?family=Nobile);
@import url(http://fonts.googleapis.com/css?family=Cardo);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);



/* frames
----------------------------------------------- */

FRAMESET									{}

FRAME										{}

									 
									 
/* titles
----------------------------------------------- */

.title 										{display:block; font-family:Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; 
									 		 font-size:13pt; font-weight:600; color:#666666; letter-spacing: -0.5px;
									 		 position:relative; overflow: visible; left: 0px; top: 0px}

.titlesub1 									{display:block; font-family:Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; 
									 		 font-size:8pt; font-weight:400; color:#666666;
									 		 position:absolute; overflow: visible; left: 0px; top: 40px}

.titlesub2 									{display:block; font-family:Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; 
									 		 font-size:8pt; font-weight:400; color:#666666;
									 		 position:absolute; overflow: visible; left: 0px; top: 56px}	
									 		 						 		 
.titlesub3 									{display:block; font-family:Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; 
									 		 font-size:8pt; font-weight:400; color:#666666;
									 		 position:absolute; overflow: visible; left: 0px; top: 72px}	
									 		 
.titlebar 									{display:block; background-color:#999999;
									 		 position:absolute; overflow: visible; left: 0px; top: 105px; width: 100%; height: 3px}	
									 		 
									 		 
/* body
----------------------------------------------- */


BODY 										{display:block; background-color:#ffffff; margin:0px; padding:0px;
									 		 font-family:Georgia, serif; font-size:9pt; line-height:14pt; color:#333333}
									 
.bodylarge 									{display:block; 
											 font-family:Georgia, serif; font-size:14pt; line-height:18pt; color:#666666}
											 
.homelarge 									{display:block; 
											 font-family:Georgia, serif; font-size:10pt; line-height:14pt; color:#333333}

.typeface									{display:block; margin:0px; padding:0px;
											 font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:7.5pt; line-height:15pt; color:#666666}

.quote 										{display:block; background-color:#ffffff; margin:0px; padding:0px;
									 		 font-family:Georgia, serif; font-size:12pt; line-height:15pt; color:#999999; text-decoration:italic}

TABLE 										{font-family:Georgia, serif; font-size:9pt; line-height:14pt; color:#333333}

.smalltable 								{font-family:Georgia, serif; font-size:7pt; line-height:12pt; color:#333333}
											 
.smalltablecell								{border-bottom: 1px #cccccc dashed; padding-top:5px; padding-bottom:5px}




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


HR											{width:100%; height:1px; border: 0px; color:#cccccc; background-color:#cccccc; clear:both}


input										{background-color:#e3e3e3; border-width:0px;
									 		 font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:9pt; line-height:15pt; color:#333333}
							


/* resume
----------------------------------------------- */

.client										{display:block; margin:0px; padding:0px;
											 font-family:Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:8pt; line-height:15pt; color:#cc0000}
									 
.subtitle1 									{display:inline; margin:0px; padding-left:4px; padding-right:8px; padding-top:3px; padding-bottom:3px; 
											 font-family:Georgia, serif; font-weight:300; font-size:16pt; line-height:30pt; 
											 color:#333333; background-color:#bfe767}

.subtitle2 									{display:block; margin:0px; 
											 font-family:Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:400; font-size:8pt; line-height:15pt; 
											 color:#000000}
									 



/* nav
-----------------------------------------------*/



.categoryBlock								{display:block;
											 margin-left:0px; margin-top:0px; margin-bottom:2px; }

.categoryText								{display:inline; text-align:left; 
											 padding-left:6px; padding-right:12px; padding-top:2px; padding-bottom:3px; 
											 background-color:#999999;
											 font-family:Helvetica Neue, Helvetica, Arial, sans-serif; line-height:16pt; 
									 		 font-size:8pt; font-weight:600; color:#ffffff}


.navBlock									{display:block;
											 position:relative; left: 0px; top: 0px;
											 margin-left:7px; margin-top:0px; margin-bottom:2px; }
											 
.navText									{display:inline; text-align:left; 
											 position:relative; left: 0px; top: 0px;
											 padding-left:6px; padding-right:12px; padding-top:2px; padding-bottom:3px; 
											 background-color:#999999;
											 font-family: Helvetica Neue, Helvetica, Arial, sans-serif; line-height:16pt; 
									 		 font-size:8pt; font-weight:600; color:#ffffff}

.arrows										{display:none;
											 position:absolute; left:-9px; top:2px}
											 
											 
.general20									{display:block; width:130px; height:20px; color:#333333}

.general24									{display:block; width:130px; height:24px; color:#333333}

.highlight									{display:block; width:130px; height:20px; color:#cc0000}

.category									{display:block; background-color:transparent; 
											 border-style:dotted; border-color:#cccccc; 
											 border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0}
									 
.resumenav									{display:block; width:220; background-color:transparent; 
											 border-style:dotted; border-color:#cccccc; 
											 border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0}



/* nav - general
-----------------------------------------------*/


#backImageNav								{display:block; position:fixed; z-index:-7; overflow: visible; left: 0px; top: 5px}

#idContainer								{display:block; position:absolute; width:140px; z-index:1; overflow: visible; left: 40px; top: 45px}

#sectionContainer							{display:block; position:absolute; width:140px; z-index:1; overflow: visible; left: 200px; top: 45px}

#navContainer								{display:block; position:absolute; width:300px; z-index:1; overflow: visible; left: 40px; top: 180px}

#c_Categories								{display:block; position:relative; width:300px; z-index:1; overflow: visible; top: 0px}



#c_Disc_Systems		 						{display:none; position:relative; width:300px; z-index:1; overflow: visible; top:0px}

#c_Disc_Communications	 					{display:none; position:relative; width:300px; z-index:1; overflow: visible; top:0px}

#c_Disc_Typography	 						{display:none; position:relative; width:300px; z-index:1; overflow: visible; top:0px}

#c_Disc_Identity	 						{display:none; position:relative; width:300px; z-index:1; overflow: visible; top:0px}

#c_Disc_Computational	 					{display:none; position:relative; width:300px; z-index:1; overflow: visible; top:0px}

#c_Disc_ObjectsSpaces	 					{display:none; position:relative; width:300px; z-index:1; overflow: visible; top:0px}



#leftArrow									{display:inline; position:relative; width:9px; z-index:1; overflow: visible; top:0px; left:-15px}


#freestyle									{display:none}




/* projects - general
-----------------------------------------------*/

#backImageProject							{display:block; position:fixed; z-index:-7; overflow: visible; left: -350px; top: 5px}

#project				 					{position:absolute; width:630; height:auto; z-index:1; overflow: visible; left: 0px; top: 0px}

#proj_Title									{position:absolute; width:630; z-index:1; overflow: visible; left: 0px; top: 45px}

#proj_Content								{position:absolute; width:640; z-index:1; overflow: visible; left: 0px; top: 180px; 
											 padding-left:10px; padding-right:0px; padding-top:10px; padding-bottom:50px; 
											 background-color:#ffffff}

#proj_Left_Column							{position:absolute; width:300; z-index:1; overflow: visible; left: 0px; top: 180px}

#proj_Right_Column							{position:absolute; width:300; z-index:1; overflow: visible; left: 320px; top: 180px}

#proj_2_Column								{position:absolute; width:630; z-index:1; overflow: visible; left: 0px; top:180px}



/* resume - general
-----------------------------------------------*/

#resume_Title								{position:absolute; width:630; z-index:1; overflow: visible; left: 360px; top: 45px}

#resume_Left_Column							{position:absolute; width:300; z-index:1; overflow: visible; left: 40px; top: 180px}

#resume_Right_Column						{position:absolute; width:630; z-index:1; overflow: visible; left: 360px; top:180px}





/* links
-----------------------------------------------*/






A.lightlink									{}

A.lightlink:link							{text-decoration:none; color:#666666}

A.lightlink:visited							{text-decoration:none; color:#666666}

A.lightlink:hover 							{text-decoration:none; color:#cc0000}

A.lightlink:active							{text-decoration:none; color:#990000}


A.highlightlink								{}

A.highlightlink:link						{text-decoration:none; color:#cc0000}

A.highlightlink:visited						{text-decoration:none; color:#cc0000}

A.highlightlink:hover 						{text-decoration:none; color:#333333}

A.highlightlink:active						{text-decoration:none; color:#000000}


A.darklink									{}

A.darklink:link								{text-decoration:none; color:#666666}

A.darklink:visited							{text-decoration:none; color:#666666}

A.darklink:hover 							{text-decoration:none; color:#999999}

A.darklink:active							{text-decoration:none; color:#666666}


A.whitelink									{}

A.whitelink:link							{text-decoration:none; color:#ffffff}

A.whitelink:visited							{text-decoration:none; color:#ffffff}

A.whitelink:hover 							{text-decoration:none; color:#cccccc}

A.whitelink:active							{text-decoration:none; color:#ffffff}


A.Unselected								{}

A.Unselected:link							{text-decoration:none; color:#333333}

A.Unselected:visited						{text-decoration:none; color:#333333}

A.Unselected:hover 							{text-decoration:none; color:#999999}

A.Unselected:active							{text-decoration:none; color:#333333}


A.Selected									{}

A.Selected:link								{text-decoration:none; color:#333333}

A.Selected:visited							{text-decoration:none; color:#333333}

A.Selected:hover 							{text-decoration:none; color:#333333}

A.Selected:active							{text-decoration:none; color:#333333}


A.navlink									{}

A.navlink:link								{text-decoration:none; color:#333333}

A.navlink:visited							{text-decoration:none; color:#333333}

A.navlink:hover 							{text-decoration:none; color:#999999}

A.navlink:active							{text-decoration:none; color:#333333}