/* CSS Document */

html		{margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background-color: #FFFFFF;}
			
body		{margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background-image: url(../images/backgroundimage.png);
			background-position: top left;
			background-repeat: no-repeat;
			background-attachment: fixed;}
			
#mainwrapper
		{margin: 0;
		padding: 0;
		height: auto;
		clear: both;
		font-family: 'Play', sans-serif;
		width: 100%;
		display: table;
			background-image: url(../images/backgroundimage.png);
			background-position: top left;
			background-repeat: no-repeat;
			background-attachment: fixed;}
		
#logowrapper
		{margin: 20px;
		padding: 0;
		width: 181px;
		height: auto;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 10;
		float: left;}
		
#logowrapper img
		{border: none;}
		
#davidchan
		{margin: 0;
		padding: 0;
		height: 47px;}
		
#logo
		{margin: 0;
		padding: 20px 0 0 0;
		height: auto;
		background-color: rgb(101,74,186);
		background-color: rgba(38,0,158, 0.6);}
		
#menu
		{margin: 0;
		padding: 0 20px 20px 20px;
		font-size: 18px;
		font-weight: normal;
		text-align: right;
		color: #fff;}
		
#menu ul
		{margin: 20px 0 0 0;
		padding: 0;
		list-style-type: none;}
		
#menu li
		{margin: 0;
		padding: 0;
		list-style-type: none;}
		
#menu a:link
		{color: #fff;
		text-decoration: none;}
		
#menu a:visited
		{color: #fff;
		text-decoration: none;}
		
#menu a:hover
		{color: #FFFC00;
		text-decoration: none;}
		
#content
		{margin:  68px 0 0 220px;
		padding: 0 30px 0 0;
		width: 770px;
		height: auto;
		color: #464646;
		display: table;
		text-align: justify;
		float: left;
		clear: right;}
		
#content .storycontent
		{margin: 0;
		padding: 0;}
		
#content h1
		{margin: 0;
		padding: 10px 0 0 0;
		font-family: 'Play', sans-serif;
		font-size: 50px;
		font-weight: normal;}
		
#photocontent
		{margin:  0 30px 0 220px;
		padding: 15px 60px 20px 0;
		width: 770px;
		height: auto;
		color: #464646;
		display: table;
		text-align: justify;
		float: left;
		clear: right;}
		
#photocontent .storycontent
		{margin: 0;
		padding: 0;}
		
#photocontent h1
		{margin: 0;
		padding: 10px 0 0 0;
		font-family: 'Play', sans-serif;
		font-size: 50px;
		font-weight: normal;}

		
#webcontent
		{margin:  68px 0 0 220px;
		padding: 0;
		width: 800px;
		height: auto;
		color: #464646;
		display: table;
		text-align: justify;
		float: left;
		clear: right;}
		
#webcontent .storycontent
		{margin: 0;
		padding: 0;}
		
#webcontent h1
		{margin: 0;
		padding: 10px 0 0 0;
		font-family: 'Play', sans-serif;
		font-size: 50px;
		font-weight: normal;}

		
		
		
#webcontent img
		{border: 10px solid rgba(0,0,0,.2);}
		
#webcontent img:hover
		{border: 10px solid rgba(0,108,191,.6);}
		
#webcontent .webtitles
		{font-size: 20px;
		font-weight: bold;}		

		
#websitewrap .webdescription
		{margin: 0;
		padding: 0;
		font-size: 12px;
		width: 200px;
		float: left;
		font-weight: none;}
		

		
#websitewrap
		{margin: 0 0 50px 0;
		padding: 0 0 50px 0;
		clear:both;
		display: table;
		border-bottom: 1px dotted #666666;}
		
#websitewrap .mainimg
		{margin: 0 20px 0 0;
		padding: 0;
		float: left;}
		
#footer
		{margin: 30px auto 0 auto;
		padding: 0 0 10px 0;
		width: 100%;
		height: 150px;
		font-size: 12px;
		color: #999999;
		text-align: center;
		clear: both;}
		
#footlogo
		{margin: 0;
		padding: 0 30px 0 0;
		height: 40px;
		width: 150px;
		background-image: url(../images/dcplogosmall.png);;
		background-repeat: no-repeat;
		background-position: right;}