@charset "UTF-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	border:0px;
}

body {	background:url(images/Background.jpg) no-repeat;

	}
	
	body.index{background:none;
		}

/*CSS for front apple page*/

.applegallery {
	position:absolute;
	top:450px;
	right:20px;
	width:200px;
	height:200px;
	
	
}


/* Setting the width and height of your link is super important
/  for getting this example to work.
*/
.gallery a div {
		width:200px;
	height:200px;
	background:no-repeat;
	
	margin: 5px;
}







/*
/
/ Making backgrounds show up behind list items using CSS hovers
/
*/

.gallery list{

	top:200px;
	left:500px;

	
}


.gallery-list a:hover {
	background:transparent url(../../../Users/risd/Desktop/web/images/menu-on.gif) no-repeat right;
}


/*Main index CSS*/

	.background {
	background:url(../../../Users/risd/Desktop/web/images/Background.jpg) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	border:0px;
	
}



. brickcontainer{
	position:absolute;
	border:#999 thin solid;
	width:auto;

	top:193px;
	left:110px;
	z-index:-5;
	}

	
	
	

	
	.menu {
		
	font-family:"Helvetica Neue", "American Typewriter", "Times New Roman";
    font-size:11px;
	left: 200px;
	top:150px;
	height:20px;
	width:800px;
	position:absolute;
	z-index:30;
	

	}
	
	.menu a{
		width:18px;
		padding-right:8px;
		white-space:nowrap;
		}
		
		.submenu {
			z-index:200;
			border:#999 thin solid;
			padding:8px;
			display:none;
			width:108px;
			float:left;
			background:white;
			
			
			
		}
		.submenu ul {margin:0px;
		padding:0px;
		}
		.menu div {
			float:left;
		}
		.menu .showsubmenu{ float:left;
		
		margin-right:20px;
		}
		.submenu ul li{list-style-type:none;
		
		}
	.menubottom {
	font-family:"Helvetica Neue", "American Typewriter",  "Times New Roman";
	font-size:11px;
	width: 700px;
	height:20px;
	top: 596px;
	left: 180px;
	position:absolute;
	
	    
	}
	.menubottom a{
		width:18px;
		padding-right:19px;
		white-space:nowrap;
		
		}
	
	
	

   
	.spider {
	float:left;
    margin: 100px top;
	margin: 100px left;
	margin:0px;
	}
	
	
h1
	{
	font-family:"Helvetica Neue", "American Typewriter", "Times New Roman";
	font-size:10px;
	text-decoration:none;
	}

	
	h2,h3
	{
	font-family:"Helvetica Neue", "American Typewriter", "Times New Roman";
	font-size:11px;
	
	}
p
{
	font-family:"Helvetica Neue", "American Typewriter",  "Times New Roman";
    font-size: 10px;
	
	
}


.welcomepage{  
background:url(../../../Users/risd/Desktop/web/images/Trialbackground.png) no-repeat;
background-position:left-top;

}

	a{
		color:#999;
		font-size:1em;
		text-decoration:none;
	}
	a:hover {
		color:#600;
		font-size:1.3em;
	}
	
	

/* Styles front page picture transition */
.brickcontainer {
	z-index:-5;
	border:#999 thin solid;
	width: 800px;
	float:left;
	margin-top: 193px;
    margin-left:110px;
	margin-right: auto;
	
}	
	
	
	
	
/*bled to life css code*/

.container {
	
	width: 430px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}

.container .left-arrow {
	font-family:"Helvetica Neue", "American Typewriter",  "Times New Roman";
	font-size:11px;
	color:#999;
	float: right;
	width: 20px;
	height: 20;
	left:600px;
	margin-top: 460px;
	
}
.container .right-arrow {
	font-family:"Helvetica Neue", "American Typewriter", "Times New Roman";
	font-size:11px;
	color:#999;
	float: right;
	width: 36px;
	height: 49px;
	margin-top: 460px;
	
	
}

.container .gallery {
	z-index:-10;
	position:absolute;
	top:215px;
	border:#999 thin solid;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}



/* Styles for the small navigation, if you're using it */
.small-images { 
	width: 300px;
	margin-top: 10px;
}

.small-images a { 
	width: 50px; 
	padding: 3px; 
	display: block; 
	border: 1px solid #fff;
	float: left;
	margin-right:5px; 
}

.small-images a.activeSlide { 
	border: 1px solid #CCCCCC; 
}
.small-images a:focus { 
	outline: none; 
}
.small-images img { 
	border: none; 
	display: block;
	width: 50px;
	height: 50px;
}

.containerparagraph {
	 
	margin-top:35px;
	overflow:auto;
	
	position:absolute;
	top:500px;
	left:80px;
	height:300px;
width: 200px;
}

p{
	font:"Helvetica Neue", "American Typewriter", "Times New Roman";
	color:#666;
	font-size:10px;
	
	
	
	
	}









/* Styles for the small navigation, if you're using it */
.small-images { 
	width: 300px;
	margin-top: 10px;
}

.small-images a { 
	width: 50px; 
	padding: 3px; 
	display: block; 
	border: 1px solid #fff;
	float: left;
	margin-right:5px; 
}

.small-images a.activeSlide { 
	border: 1px solid #CCCCCC; 
}
.small-images a:focus { 
	outline: none; 
}
.small-images img { 
	border: none; 
	display: block;
	width: 50px;
	height: 50px;
}

.containerparagraph {
	
	position:absolute;
	top:182px;
	left:80px;
	height:300px;
width: 200px;
}

p{
	font:"Helvetica Neue", "American Typewriter", "Times New Roman";
	color:#666;
	font-size:10px;
	
	border:#999 thin ; 
	
	
	}
	
	
	/* poetry container in the middle */
	
	.poetrycontainer {
	
	width: 630px;
	margin-top: 220px;
	margin-left: auto;
	margin-right: auto;
}

.poetrycontainer .left-arrow {
	font-family:"Helvetica Neue", "American Typewriter",  "Times New Roman";
	font-size:11px;
	color:#999;
	float: right;
	width: 20px;
	height: 20;
	left:600px;
	margin-top: 300px;
	
}
.poetrycontainer .right-arrow {
	font-family:"Helvetica Neue", "American Typewriter", "Times New Roman";
	font-size:11px;
	color:#999;
	float: right;
	width: 36px;
	height: 49px;
	margin-top: 300px;
	
	
}

.poetrycontainer .gallery {
	position:absolute;
	top:215px;
	
	
	
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

/*contatc css*/

.contactcontainer {
	top:215px;
	width: 500px;
	border:#999 thin solid;
	margin-top: 220px;
	margin-left: auto;
	margin-right: auto;
	}


/*poetic css*/



.sectioncontainer {
	
	width: 900px;
	margin-top: 210px;
	margin-left: 46px;
	border:#999 thin solid;
	margin-right: auto;
}

.sectioncontainer .left-arrow {
	font-family:"Helvetica Neue", "American Typewriter",  "Times New Roman";
	font-size:11px;
	color:#999;
	float:right;
	width: 20px;
	height: 20;
	left:580px;
	margin-top: 350px;
	
}
.sectioncontainer .right-arrow {
	font-family:"Helvetica Neue", "American Typewriter", "Times New Roman";
	font-size:11px;
	color:#999;
	float: right;
	width: 36px;
	height: 49px;
	margin-top: 350px;
	
	
	
}

/* CV */

.cvcontainer {
	 
	margin-top:35px;
	overflow:auto;
	border:#999 thin solid;
	padding:8px;
	position:absolute;
	top:160px;
	left:80px;
	height:350px;
width: 700px;
}


.arrow {
	font-family:"Helvetica Neue", "American Typewriter",  "Times New Roman";
	font-size:11px;
	color:#999;
	position:absolute;
	top: 500px;
	
left:810px;
	
	width: 20px;
	height: 20px;
	
	
	
	
	}