/*
Theme Name: 2009 Rebrand
Author: CameronBraun.com (design) and mPangoDev.com (development)
*/

html
{
	width: 100%;
}

body
{
	font-family: Arial;
}

#headerContentContainerGradient
{
	background-color: #717174;
	background-image: url(images/header-content-gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

	#headerContentContainer
	{
		background-image: url(images/header-content-texture.jpg);
		background-repeat: no-repeat;
		padding-top: 55px;
	}
		
		#header
		{
			width: 860px;
		}
		
			#logo
			{
				float: left;
			}
		
			#topNav
			{
				float: left;
				margin: 20px 0 0 37px;
				padding-bottom: 15px;
			}
		
				#topNav li
				{
					list-style-type: none;
					float: left;
				}
				
					#topNav li.separator
					{
						width: 32px;
					}

		#content
		{
			width: 750px;
			padding: 35px 55px 50px 55px;
		}
		
			#content a
			{
				color: white;
			}
		
			#videoPlayer
			{
				clear: both;
				margin-bottom: 5px;
			}
		
			div.reelThumbnail
			{
				position: relative;
				float: left;
				width: 170px;
				margin: 20px 17px 0 0;
			}
			
				img.play
				{
					position: absolute;
					right: 10px;
					top: 85px;
					
					line-height: 0;
					font-size: 0;
					margin: 0;
				}
			
				div.reelThumbnail p
				{
					background-color: white;
					border-top: 5px solid #8CC63F;
					text-transform: uppercase;
					padding: 8px 11px;
					font-size: .9em;
					
					min-height: 32px;
					margin: 0;
				}
				
				div#postNav
				{
					margin-top: 20px;
				}
				
					p#postNavPrevious
					{
						float: right;
					}
					
					p#postNavNext
					{
						float: left;
					}
			
			h1.postTitle
			{
				color: white;
			}
			
			div.postContent
			{
				color: #D3D2D4;
			}


#companyInfoGradient
{
	background-image: url(images/company-info/gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	border-top: 1px solid black;
	clear: both;
}

	#companyInfo
	{
		width: 810px;
		height: 425px;
		overflow: hidden;
		padding: 25px 0 0 50px;
		background-image: url(images/company-info/texture.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		/* font-weight: bold; */
		font-size: .8em;
	}
		
		.companyInfoContent
		{
			margin-top: 10px;
		}
		
		#ourCompany
		{
			float: left;
			width: 340px;
			min-height: 375px;
			margin-right: 40px;
			padding-right: 5px;
			text-align: justify;
		}
		
		#ourClients
		{
			float: left;
			width: 345px;
		}
		
			#ourClients ul
			{
				width: 153px;
				float: left;
				margin: 0;
			}
			
				#ourClients ul li
				{
					list-style-type: none;
				}
				
			#clientsListSeparator
			{
				float: left;
				width: 30px;
			}
		
		#contactUs
		{
			float: left;
			width: 345px;
			margin-top: 30px;
		}
		
		#socialNetworks
		{
			float: left;
			width: 345px;			
			margin-top: 20px;
		}
		
			#socialNetworkSeparator
			{
				width: 25px;
			}

#footer
{
	position: relative;
	background-color: #6F7A63;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 26px;
	color: #8DC63F;
	border-top: 1px solid black;
	font-size: .8em;
	padding: 9px 0 0 55px;
	
}

	#cameronBraunDesign
	{
		position: absolute;
		top: 0;
		left: 425px;
		width: 335px;
		height: 35px;
	}
	
div.clear
{
	clear: both;
}

.whiteBorder
{
	padding-bottom: 10px;
	border-bottom: 5px solid white;
}