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

#wrapper {
	width: 800px;
	left: auto;
	margin: 10 0 0 10;
}

#page-wrapper {
	width: 1000px;
	margin: 10 0 0 10;
}

#home-nav {
	width: 770px;
	height: 110px;
	left: auto;
}

#home-text {
	width: 770px;
	height: 110px;
	left: auto;
	padding-top: 10px;
}

#whole-column {
	width: 1000px;
	left: auto;
	float: left;
}

#left-column {
	width: 775px;
	left: auto;
	float: left;
	clear: right;
}

#project-text{
	width: 225px;
	float: right;
	padding-top: 30px;
	clear: right;
}

#header {
	height: 110px;
	width: 1000px;
	left: auto;
}

#footer {
	height: 50px;
	width: 1000px;
	clear: both;
}

#nav {
	height: 21px;
	width: 1000px;
}

#page-title {
	width: 765px;
	padding-top: 75px;
	padding-left: 10px;
	float: left;
}

#next-project {
	width: 225px;
	padding-top: 75px;
	float: right;
}

#image-row-top {
	width: 765px;
	padding-top: 40px;
	padding-left: 10px;
}

#image-rows {
	width: 765px;
	padding: 30px 0 0 10px;
	margin: 0;
}

#row-one, #row-two, #row-three {
	width: 152px;
	padding-right: 20px;
	padding-top: 25px;
}

#row-one.first, #row-two.first, #row-three.first {
	width: 152px;
	padding-left: 10px;
}

#caption {
	height: 25px;
	width: 775px;
	padding: 0px;
}

#links-type {
	width: 175px;
	float: left;
	display: inline;
}

#resume-education {
	width: 300px;
	float: left;
	display: inline;
	clear: right;
}

#resume-experience {
	width: 425px;
	float: left;
	display: inline;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	margin: 0;
	float: left;
}

img {
	border: 0;
}

.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding-left: 10px;
}

.blue-highlight{
	color: #76b4cf;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding-left: 10px;
	margin-top: 10px;
}

a:link {
	color: #76b4cf;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #76b4cf;
}

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

a:active {
	text-decoration: none;
	color: #76b4cf;
}



/* Splash Page Nav */

a.newwork { display:block; background-position:top left; width:770px; height:110px; background-image: url(http://www.cassiematias.com/images/srollover_newwork.jpg);}
a.newwork:hover { background-position: top right;}

a.projects { display:block; background-position:top left; width:660px; height:110px; background-image: url(http://www.cassiematias.com/images/srollover_projects.jpg);}
a.projects:hover { background-position: top right;}

a.contact { display:block; background-position:top left; width:630px; height:110px; background-image: url(http://www.cassiematias.com/images/srollover_contact.jpg);}
a.contact:hover { background-position: top right;}

a.links { display:block; background-position:top left; width:380px; height:110px; background-image: url(http://www.cassiematias.com/images/srollover_links.jpg);}
a.links:hover { background-position: top right;}

a.about { display:block; background-position:top left; width:510px; height:110px; background-image: url(http://www.cassiematias.com/images/srollover_about.jpg);}
a.about:hover { background-position: top right;}

a.drawings { display:block; background-position:top left; width:720px; height:110px; background-image: url(http://www.cassiematias.com/images/srollover_drawings.jpg);}
a.drawings:hover { background-position: top right;}

a.resume { display:block; background-position:top left; width:513px; height:110px; background-image: url(http://www.cassiematias.com/images/srollover_resume.jpg);}
a.resume:hover { background-position: top right;}


/* Menu Nav */

a.newwork_menu { display:block; background-position:top left; width:100px; height:21px; background-image: url(http://www.cassiematias.com/images/menu_nw.jpg);}
a.newwork_menu:hover { background-position: top right;}

a.projects_menu { display:block; background-position:top left; width:90px; height:21px; background-image: url(http://www.cassiematias.com/images/menu_projects.jpg);}
a.projects_menu:hover { background-position: top right;}

a.contact_menu { display:block; background-position:top left; width:81px; height:21px; background-image: url(http://www.cassiematias.com/images/menu_contact.jpg);}
a.contact_menu:hover { background-position: top right;}

a.links_menu { display:block; background-position:top left; width:59px; height:21px; background-image: url(http://www.cassiematias.com/images/menu_links.jpg);}
a.links_menu:hover { background-position: top right;}

a.about_menu { display:block; background-position:top left; width:70px; height:21px; background-image: url(http://www.cassiematias.com/images/menu_about.jpg);}
a.about_menu:hover { background-position: top right;}

a.drawings_menu { display:block; background-position:top left; width:90px; height:21px; background-image: url(http://www.cassiematias.com/images/menu_drawings.jpg);}
a.drawings_menu:hover { background-position: top right;}

a.resume_menu { display:block; background-position:top left; width:73px; height:21px; background-image: url(http://www.cassiematias.com/images/menu_resume.jpg);}
a.resume_menu:hover { background-position: top right;}


/* Project Rollovers */

a.bcb { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_bcb.jpg);}
a.bcb:hover { background-position: top right;}

a.carson { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_carson.jpg);}
a.carson:hover { background-position: top right;}

a.ceblue { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_ceblue.jpg);}
a.ceblue:hover { background-position: top right;}

a.de { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_de.jpg);}
a.de:hover { background-position: top right;}

a.draw { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_draw.jpg);}
a.draw:hover { background-position: top right;}

a.jordan { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_jb.jpg);}
a.jordan:hover { background-position: top right;}

a.kef { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_kef.jpg);}
a.kef:hover { background-position: top right;}

a.levin { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_levin.jpg);}
a.levin:hover { background-position: top right;}

a.london { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_london.jpg);}
a.london:hover { background-position: top right;}

a.notations { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_notations.jpg);}
a.notations:hover { background-position: top right;}

a.oh { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_oh.jpg);}
a.oh:hover { background-position: top right;}

a.pdc { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_pdc.jpg);}
a.pdc:hover { background-position: top right;}

a.process { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_vangogh.jpg);}
a.process:hover { background-position: top right;}

a.vangogh { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/projectbox_madness.jpg);}
a.vangogh:hover { background-position: top right;}


/* Drawings Rollovers */

a.circles { display:block; background-position:top left; width:152px; height:152px; background-image: url(images/drawings_box1.jpg);}
a.circles:hover { background-position: top right;}