/*	Fused Creative | www.teamfused.com | Author: Brian Brua	*/


/* body content */
div#main	{
			width: 900px;
			height: 375px;
			background: #000;
			margin: 0px auto 15px auto;
			clear: both;
			}
			
			
			
/* sub body */
div#sub		{
			width: 100%;
			background: #000;
			padding: 28px 0px 24px 0px;
			}
			
		#sub .container	{
						position: relative;
						margin: auto;
						overflow: auto;
						width: 870px;
						padding: 0px 15px 0px 15px;
						}
						
			#sub .container .left	{
									position: relative;
									width: 415px;
									padding: 1px 20px 1px 0px;
									float: left;
									}
			#sub .container .right	{
									position: relative;
									width: 412px;
									padding: 1px 0px 1px 17px;
									float: left;
									}
		
		/* sub container text formatting */
		
		#sub .container h1	{
							display: block;
							clear: both;
							padding: 0 0 0px 0;
							font-family: "Trebuchet MS", Helvetica, Sans-Serif;
							font-size: 29px;
							font-weight: bold;
							color: #d5704b;
							letter-spacing: -.1em;
							}
		#sub .container p	{
							width: 385px;
							text-align: justify;
							font-family: "Trebuchet MS", Helvetica, Sans-serif;
							font-size: 15px;
							color: #c4c4c4;
							line-height: 19px;
							letter-spacing: -1px;
							padding: 15px 0px 0px 0px;
							}
							
		/* service list */
		#sub .container ul.services	{								
									overflow: auto;
									width: 345px;
									padding: 4px 0px 4px 40px;
									}
		#sub .container ul.services li	{						
										float: left;
										list-style-image: url('http://www.teamfused.com/gfx/index-list-bullet.jpg');								
										width: 170px;
										font-family: "Trebuchet MS", Helvetica, Sans-serif;
										font-size: 15px;
										color: #c4c4c4;
										line-height: 19px;
										letter-spacing: -1px;
										}
		
		/* portfolio */
		#sub .container .right	ul	{
									width: 415px;
									margin: 0;									
									}
		#sub .container .right ul li	{
										width: 100px;
										height: 100px;
										overflow: hidden;
										padding-right: 3px;
										padding-bottom: 3px;
										float: left;
										font-family: Helvetica;
										font-size: 9px;
										color: #000;
										}
			
			#sub .container .right ul li a	{
											display: block;
											width: 100px;
											height: 100px;
											padding: 0px;
											background-position: top;
											}
			
		
			
			#sub .container .right ul li a.brandonTrueValue	{
															background: url('http://www.teamfused.com/gfx/index/portfolio/brandon-true-value.jpg') no-repeat;
															}
			#sub .container .right ul li a.hpe	{
												background: url('http://www.teamfused.com/gfx/index/portfolio/hpe.jpg') no-repeat;
												}
			#sub .container .right ul li a.mwf	{
												background: url('http://www.teamfused.com/gfx/index/portfolio/midwest-fire.jpg') no-repeat;
												}
			#sub .container .right ul li a.mikenHockey	{
													background: url('http://www.teamfused.com/gfx/index/portfolio/miken-hockey.jpg') no-repeat;
													}
			#sub .container .right ul li a.pccs	{
												background: url('http://www.teamfused.com/gfx/index/portfolio/pccs.jpg') no-repeat;
												}
			#sub .container .right ul li a.sdmetlab	{
													background: url('http://www.teamfused.com/gfx/index/portfolio/sd-metlab.jpg') no-repeat;
													}
			#sub .container .right ul li a.wellerBrothers	{
															background: url('http://www.teamfused.com/gfx/index/portfolio/weller-brothers.jpg') no-repeat;
															}

			#sub .container .right ul li a:hover	{
												background-position: bottom;
												}

/* lower body */
		
div#lower		{
			width: 100%;
			background: url('http://www.teamfused.com/gfx/trans-colors/black-80percent.png') repeat;
			padding: 28px 0px 24px 0px;
			}
			
		#lower .container	{
						position: relative;
						margin: auto;
						overflow: auto;
						width: 870px;
						padding: 0px 15px 0px 15px;
						}
						
			#lower .container .left	{
									width: 415px;
									padding: 1px 20px 1px 0px;
									float: left;
									}
			#lower .container .right	{
									width: 415px;
									padding: 1px 0px 1px 20px;
									float: left;
									}
		
		/* lower body text formatting */
		
		#lower .container h2	{
							display: block;
							clear: both;
							padding: 0 0 0px 0;
							margin: 0 0 15px 0;
							font-family: "Trebuchet MS", Helvetica, Sans-Serif;
							font-size: 16px;
							font-weight: bold;
							color: #d5704b;
							letter-spacing: -1px;
							}
		
			/* twitter */
			#lower .container .left p	{
								display: block;
								width: 385px;
								text-align: left;
								font-family: "Trebuchet MS", Helvetica, Sans-serif;
								font-size: 13px;
								color: #c4c4c4;
								line-height: 19px;
								letter-spacing: -1px;
								padding: 0px 0px 16px 10px;
								overflow: auto;
								
								}
				#lower .container .left p img	{
										width: 55px;
										height: 55px;
										float: left;}
				#lower .container .left p span {
								background: url('http://www.teamfused.com/gfx/trans-colors/17151a-70percent.png') repeat;
								width: 300px;
								float: left;
								padding: 5px 14px 5px 8px;
								}
				#lower .container .left p span a 	{
											color: #d5704b;
											text-decoration: none;
											}
				#lower .container .left p span a:hover 	{
											color: #c4c4c4;
											background: #d5704b;
											}
			/* wordpress */
			#lower .container .right ul.blog	{
										margin: 0px 0px 0px 0px;
										}
			#lower .container .right ul.blog li		{
													display: block;
													margin-bottom: 15px;
													width: 380px;
													text-align: left;
													font-family: "Trebuchet MS", Helvetica, Sans-serif;
													font-size: 13px;
													color: #c4c4c4;
													padding: 5px;
													line-height: 19px;
													letter-spacing: -1px;
													background: url('http://www.teamfused.com/gfx/trans-colors/17151a-70percent.png') repeat;
													}
		
													
			#lower .container .right ul.blog li p	{
													color: #6d6d6d;
													padding-left: 5px;
													}
		
												
			#lower .container .right a 	{
										color: #d5704b;
										text-decoration: none;
										}
			#lower .container .right a:hover 	{
												color: #c4c4c4;
												background: #d5704b;
												}