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

/*---DEFAULT STYLES----*/

* {
	margin:0;
	padding:0;
}
body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
}
html {
	font:100%;
}
/*---WRAPPERS----*/

#wrapper {
	margin:0 auto;
	width:1000px;
}
#wrapperlight {
	width:100%;
	background-repeat:repeat-x;
}
#wrapperfooter{
	width: 100%;
	margin: 0px auto;
	background-color:#F5F6F6;
	border-top: 1px solid #C8C9C9;
	}
	
	#topbannerShowcase {
	width: 100%;
	height:118px;
	margin: 0px auto;
	background-color:#FFF;
	margin-bottom:20px;
	background-image:url(images/bg-top.png);
	background-repeat:repeat-x;
}
/*---MAIN DIV STYLES----*/

#topbanner {
	width: 1000px;
	margin: 0px auto;
	background-color:#FFF;
	margin-bottom:20px;
}
#studenttopbanner {
	width: 1000px;
	margin: 0px auto;
	paddung-top:10px;
}
#footer {
	width: 1000px;
	margin: 0px auto;
	height: 30px;
}
#intro {
	width: 1000px;
	margin: 0px auto;
	background-color:#ffffff;
}
#studentwork {
	width: 988px;
	margin: 0 auto;
	padding: 30px 7px 30px 0;
}
#name {
	float:left;
	padding-top:10px;
	margin-left:5px;
}
#name-btn {
	float:left;
	padding-left:10px;
}
#bio {
}
/*---CAROUSEL----*/

#carouseltext {
	width:200px;
	height:auto;
	float:right;
}
#carousel {
	width:994px;
	height:602px;
	margin:0 auto;
	background-image:url(images/bg-work.png);
	background-repeat:no-repeat;
	padding:12px;
	margin-left:-7px;
	overflow:hidden;
}
#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:968px;
	height:548px;
	margin-top:4px;
	margin-left:5px;
}
/* remove the list styles, width : item width * total items */ 
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
	width:2888px;
}
/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:968px;
	height:548px;
	float:left;
}
#slides li img {
	padding:0px;
}
/* Styling for prev and next buttons */
#buttons {
	padding-left:2px;
	float:right;
	margin-right:20px;
}
#buttons a {
	display:block;
	width:250px;
	height:35px;
	float:left;
	outline:0;
	padding-left:5px;
}
a#prev {
	width:116px;
	height:35px;
	background:url(images/prev-btn.png) no-repeat;
}
a#prev:hover {
	width:116px;
	height:35px;
	background:url(images/prev-btn.png) no-repeat;
}
a#next {
	width:116px;
	height:35px;
	background:url(images/next-btn.png) no-repeat;
}
a#next:hover {
	width:116px;
	height:35px;
	background:url(images/next-btn.png) no-repeat;
}

#mask-excerpt {
	/* Set the position */
	top:219px;
	left:767px;
	z-index:0;
	/* width should be lesser than #slider width */
	width:204px;
	overflow: visible;
	height: 477px;
}

#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	

	
	/* Set the style */
	width:230px;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#666;	
	margin-left: 830px;
}

	#excerpt li {
		padding:5px;
	}

/*---SECONDARY DIV STYLES----*/

#topbannerleft {
	float:left;
	width: 250px;
	padding: 150px 0 0 10px;
	margin-left:75px;
}
#topbannerright {
	float:left;
	width: 560px;
	padding: 200px 0 0 10px;
}
#introleft {
	float:left;
	width: 400px;
	padding: 100px 50px 10px 5px;
}
#bioright {
	float:left;
	width: 60%;
}
#bioleft {
	padding-top: 10px;
	float:left;
	width: 30#;
	margin-left:4px;
}
#introright {
	padding: 30px 10px 50px 0;
	float:left;
	width: 500px;
}
#footerleft {
	padding-top: 10px;
	float:left;
	width: 50%;
}
#footerright {
	padding-top: 10px;
	float:right;
}
/*---MAIN NAVIGATION---*/

/*---CLASSES----*/
.imgcircle{
	margin-left:25px;
}
.imglogo {
	padding-left:50px;
}
.imgwork {
	display: block;
	margin:0 auto;
	margin-top:150px;
	margin-bottom:300px;
}
.imgfloat {
	float:right;
	padding-right:5px;
}
.clearfloat {
	clear:both;
}
.c01 {
}
/*---TYPOGRAPHY STYLES---*/

#bio ul {
	list-style:none;
	padding-left:10px;
	padding-top:5px;
}
#bio li {
	padding-top:20px;
	font-size: 1.8em;
	color:#6c207f;
}
#bio p {
	padding-top:20px;
	font-size:12px;
	line-height:2.0em;
	color:#666;
}
#footer p {
	color: #999;
}
#topbanner h1 {
	color: #6c207f;
	text-transform:uppercase;
	font-size:  4.5em;
}
#intro h1 {
	color: #6c207f;
	text-transform:uppercase;
	font-size:  4.5em;
	float:left;
}
#intro p {
	padding-top:20px;
	font-size:12px;
	line-height:1.7em;
	color:#666;
}
#studentwork p {
	line-height: 20px;
	padding: 10px 10px 10px 5px;
	font-size: 1.2em;
	color: #999;
}
#studentwork h1 {
	color: #1ab7ea;
	padding-left: 5px;
	text-transform: uppercase;
}

.swork{
	font-size:4em;
	margin-bottom:15px;
	border-bottom: 1px dotted #CCC;
	padding-right: 600px;
}
/*---LINK STYLES---*/


#bio li a:link, #bio li a:visited {
	padding-top:20px;
	font-size: 1.0em;
	color:#666;
	text-decoration:none;
}

#bio li a:hover, #bio li a:active{
	color:#1ab7ea;

}
/*---STUDENT THUMBNAILS---*/


/* scott savarie */

.scott {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.scott {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/scott_savarie.jpg');
	background-position: center top;
}
a.scott:hover {
	background-position: center bottom;
}
/* courtney */

.courtney {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.courtney {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/courtney_kennedy.jpg');
	background-position: center top;
}
a.courtney:hover {
	background-position: center bottom;
}
/* steph */

.steph {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.steph {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/stephanie_aird.jpg');
	background-position: center top;
}
a.steph:hover {
	background-position: center bottom;
}
/* sedeyeh */

.sedeyeh {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.sedeyeh {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/yasamin_hosseini.jpg');
	background-position: center top;
}
a.sedeyeh:hover {
	background-position: center bottom;
}
/* keltie */

.keltie {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.keltie {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/keltie_town.jpg');
	background-position: center top;
}
a.keltie:hover {
	background-position: center bottom;
}
/* tiffany */

.tiffany {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.tiffany {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/tiffany_shewchuck.jpg');
	background-position: center top;
}
a.tiffany:hover {
	background-position: center bottom;
}
/* ally */

.ally {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.ally {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/alexandra_chapman.jpg');
	background-position: center top;
}
a.ally:hover {
	background-position: center bottom;
}
/* ellen */

.ellen {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.ellen {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/ellen_heise.jpg');
	background-position: center top;
}
a.ellen:hover {
	background-position: center bottom;
}
/* stacey */

.stacey {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.stacey {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/stacey_delaurier.jpg');
	background-position: center top;
}
a.stacey:hover {
	background-position: center bottom;
}
/* ashley */

.ashley {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.ashley {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/ashley_riles.jpg');
	background-position: center top;
}
a.ashley:hover {
	background-position: center bottom;
}
/* Preston */

.preston {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.preston {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/preston_racette.jpg');
	background-position: center top;
}
a.preston:hover {
	background-position: center bottom;
}
/* denver */

.denver {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.denver {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/denver_dewar.jpg');
	background-position: center top;
}
a.denver:hover {
	background-position: center bottom;
}
/* tyler */

.tyler {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.tyler {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/tyler_branch.jpg');
	background-position: center top;
}
a.tyler:hover {
	background-position: center bottom;
}
/* matthew */

.matt {
	margin: 2px;
	margin-top:2px;
	float: left;
}
a.matt {
	display: block;
	width: 242px;
	height: 150px;
	background-image: url('images/thumbnails/matthew_lehtela.jpg');
	background-position: center top;
}
a.matt:hover {
	background-position: center bottom;
}

.btmborder {
	width:1000px;
	margin:0 auto;
	border-top:1px dotted #CCC;
	margin-top:15px;
	margin-bottom:-10px;
}