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

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			/* These have no effect on the functionality */
			width: 1000px;
			/*height:1140px;*/
			margin: 0 auto;
			/*background:#036;*/
			/*border:1px solid #000;*/
			/*padding: 5px;*/
			font-family: arial, arial, sans-serif;
			font-size: 10pt;
			font-weight:bold;
			line-height: 16pt;
			/*-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;
			color:#FFF;*/
		}
		.menu{
			width:1000px;
			height:100px;
			background:#000;	
			/*-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;*/
		}
		.animation{
			width:1000px;
			height:400px;
			background-image:url(portPics/2xd.png);
			/*-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;
			margin-top:15px;*/
		}
		/*.animation2{
			width:900px;
			height:300px;
			background:#FFF;
			-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;
			margin-top:15px;
		}*/
		.morecontent{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			height:500px;
			background:#fff;
			-webkit-box-shadow: #000 0px 10px 20px;
			/*-moz-box-shadow: #000 4px 4px 10px;*/

		}
		.portfolio{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			height:700px;
			background:#fff;
			-webkit-box-shadow: #000 0px 10px 20px;
			/*-moz-box-shadow: #000 4px 4px 10px;*/
			text-align:center;
			font-size:14px;
		}
		.strategies{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			height:700px;
			background:#fff;
			-webkit-box-shadow: #000 0px 10px 20px;
		}
		.left{
			width:570px;					
			float:left;
			padding:10px;
			margin:10px;
		}
		.right{
			width:249px;
			height:450px;
			float:right;
			padding:10px;
			margin:10px;
			border-left: 1px solid #abbed4;
			}
		#straleft{
			width:399px;					
			float:left;
			padding:25px;

		}
		#straright{
			width:399px;
			float:left;
			padding:25px;
			border-left: 1px solid #abbed4;
			}
			
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 0 0 0 0;
		}
		.foot{
			width:1000px;
			height:50px;
		}
		#table a{
			color:#000;
		}
		#table a:hover{
			text-decoration: underline;
			color: #ff7c07;
		}
		#table{
			text-align:center;
			font-size:16px;
			width:600px;
			font-family: arial, arial, sans-serif;
			font-weight:bold;
		}