/* CSS Document */
body {
	margin:0;
	padding:0;
	color:#999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#wrapper {	
	width:1000px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid #FF0000;*/
	}
	
#main {
	position:relative;
	top:0;
	left:0;
	width:100%;
	}
	
/*----styles for menu start here---*/
	
#menu {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	border-right:1px dotted #BBB;
	}
	
#listings {
	margin:112px 0 0 0;
	}
	
#listings ul {
	margin:0;
	list-style:none;
	}
	
#listings li {
	text-align:right;
	padding:0 5px 0 0;
	}

/*----styles for menu END here---*/
	
/*----styles for secondary menus start here---*/
	
#submenu {
	margin:0 600px 0 200px; /*allows space for main content of each section*/
	border-top:#990000 5px solid;
	/*border:1px #99FF00 solid;*/
	}
	
#workcats {
	margin:0 0 0 0;
	}
	
#workcats ul {
	margin:0;
	padding:190px 0 0 0;
	list-style:none;
	}
	
#workcats li {
	text-align:left;
	padding:0 0 0 5px;
	}
	
.bordertop {
	border-top:#DDD dashed 1px;
	width:100px;
	padding:5px;
	}
	
.borderend {
	border-bottom:#DDD dashed 1px;
	padding:5px;
	}


/*----styles for secondary menus END here---*/

/*----styles for main content starts here---*/

#portfolio {
	position:absolute;
	top:45px;
	right:0;
	width:550px;
	color:#999;
	margin:0;
	padding:0;
	/*border:#FF0000 1px solid;*/
	}
	
#portfolio a:link {
	text-decoration:none;
	color:#990000;	
	}

#portfolio a:hover {
	color:#333;	
	}
	
	/*-------------------------------------slideshow for Plymouth styles START HERE ---------------*/
		
		#close {
		margin:60px auto 0 auto;
		width:60px;
		text-align:center;
		font-size:10px;
		color:#FFF;
		text-decoration:none;
		border:#CC9933 1px solid;
		clear:both;
		}
		
		/* Safari */
       @media screen and (-webkit-min-device-pixel-ratio:0) 
       { 
       #close { margin:50px auto 0 auto; }
       }
		
		#close a {
		color:#FFFFFF;
		text-decoration:none;
		}
		
		#close a:hover {
		color:#AAA;
		text-decoration:none;
		}
		
		/*----------- stills portfolio for Plymouth ------*/
		#flash {
		width:960px;
		margin:50px auto 0 auto;
		}
		
	
/*----styles for main content END here---*/

/*----styles for FLASH page starts here---*/

#movie {
	margin:200px 0 0 0;
	}
	
#movie2 {
	margin:10px 0 0 0;
	}
	
#closemovie {
		margin:0 0 0 0;
		width:60px;
		font-size:10px;
		color:#FFF;
		text-decoration:none;
		/*border:#CC9933 1px solid;
		clear:both;*/
		}
		
		/* Safari */
       @media screen and (-webkit-min-device-pixel-ratio:0) 
       { 
       #closemovie  { margin:50px auto 0 auto; }
       }
		
		#closemovie  a {
		color:#FFFFFF;
		text-decoration:none;
		margin:-20px 0 0 470px;
		#margin:-20px 0 0 900px;
		_margin:-20px 0 0 900px;
		}
		
		#closemovie  a:hover {
		color:#AAA;
		text-decoration:none;
		}

/*----styles for FLASH page starts here---*/

/*----styles for WORK page starts here---*/
#worktext {
	width:300px;
	margin:80px 0 0 0;
	text-align:left;
	font-size:0.7em;
	color:#DDD;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#worktext {
	/*line-height:20px;*/
	}
	
#worktext a {
	color:#222;
	text-decoration:none;
	}
	
#worktext a:hover {
	color:#FF3300;
	}
	
.quote {
	color:#999;
	font-size:10px;
	margin:0 0 0 20px;
	}
	
.indent {
	width:200px;
	padding:200px 0 0 45px;
	color:#BBB;
	border:1px solid dashed;
	}
	
.title2 {
	font-weight:bold;
	font-variant:small-caps;
	font-size:11px;
	color:#BBB;
	}
	
/*----styles for WORK page ENDS here---*/

/*----styles for CURRENT page STARTS here---*/

#currentone {
	margin:150px 0 0 30px;
	}
	
#currentone p{
	width:200px;
	font-size:11px;
	color:#BBB;
	}
	
#currenttwo {
	margin:50px 0 0 30px;
	}
	
#currenttwo p{
	width:200px;
	font-size:11px;
	color:#BBB;
	}

.title {
	font-weight:bold;
	font-style:italic;
	font-size:10px;
	}
/*----styles for CURRENT page ENDS here---*/

/*----styles for WEB BOOK page STARTS here---*/

#booktext {
	margin:350px 0 0 0;
	}
	
#booktext p{
	width:245px;
	font-size:10px;
	color:#333;
	text-align:justify;
	}
	
#booktext a {
	text-decoration:none;
	color:#CC0000;
	}
	
#booktext a:hover {
	text-decoration:none;
	color:#999;
	}

.title {
	width:200px;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
	}
/*----styles for WEB BOOK page ENDS here---*/


/*----styles for BIOG page starts here---*/
#biog {
	width:350px;
	margin:120px 0 0 0;
	text-align:justify;
	font-size:0.7em;
	color:#666;
	}
	
#biog {
	/*line-height:20px;*/
	}
	
#biog a {
	color:#222;
	text-decoration:none;
	}
	
#biog a:hover {
	color:#FF3300;
	}
	
.quote {
	color:#999;
	font-size:10px;
	margin:0 0 0 20px;
	}
	
.right {
	color:#999;
	font-size:10px;
	float:right;
	}
	
	
/*----styles for BIOG page ENDS here---*/

/*----styles for CONTACT page starts here---*/

#mail {
	width:215px;
	color:#CCC;
	font-size:10px;
	margin:320px 0 0 0;
	text-align:right;
	}
	
.mail a {
	font-size:10px;
	text-decoration:none;
	}
	
.mail a:hover {
	color:#990000;	
	}
	
/*----styles for CONTACT page ENDS here---*/

/*----styles for Sound-work page begins here---*/

#sound {
	margin:180px 0 0 -50px;
	}
	
#xmp3Player-mini {
	margin:10px 0 0 0;
	padding:10px 0 2px 100px;
	width:300px;
	border:1px dotted #708090;
	font-size:10px;
	color:#CCC;
	}
	
	#xmp3Player-mini2 {
	margin:10px 0 0 0;
	padding:10px 0 2px 100px;
	width:300px;
	border:1px dotted #708090;
	font-size:10px;
	color:#CCC;
	}
	

/*----styles for Sound-work page ENDS here---*/

/*----------------------------Letter Pages BEGIN HERE --------------*/



/*----------------------------Letter Pages END HERE --------------*/