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


body { 

	padding:0px;
	margin:0px;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background-image:url(images/bckContent.jpg);
	
}

h1 { font-size:1.1em; padding:0px; margin:0px; } /* Primary Content Headings */
h2 { font-size:1.3em; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; color:#222; line-height:20px; } /* Primary Content Sub-Headings */
h3 { font-size:1.1em; padding:0px; margin:0px; } /* Side Bar Content Headings */
h4 { margin:0px 0px 7px 0px; font-size:1em; font-weight:bold; color:#eee; } /* Footer Headings */
br { line-height:10px; height:10px; }

a { color:#888; font-weight:bold; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }

#horizontalMenu ul { list-style:none; margin:7px 0px 0px 9px; padding:0px; }
#horizontalMenu ul li  { display:inline; padding:0px 0px 0px 3px; }
#horizontalMenu ul li .devider { padding-right:7px; border-right:1px solid #999; }
#horizontalMenu ul li a { color:#aaa; font-weight:bold; font-size:1em; }
#horizontalMenu ul li a:hover { color:#eee; }



/* Header Area */
#headerArea { height:100px; background-image:url(images/bckHeader.jpg); }
	
	#headerContainer { height:100px; width:950px; margin:0px auto 0px auto; }
	
	#headerLogo { float:left; height:100px; width:474px; }
	
	#headerMenu {float:right; height:36px; width:135px; }
	
		#headerMenuLeft { float:left; width:5px; height:36px; background-image:url(images/bckHeaderMenuLeft.jpg); }
		
		#headerMenuMiddle{ float:left; width:120px; height:36px; background-image:url(images/bckHeaderMenuMiddle.jpg); }
		
		#headerMenuRight { float:left; width:5px; height:36px; background-image:url(images/bckHeaderMenuRight.jpg); }

#headerDevider { height:15px; background-image:url(images/bckHeaderDevider.jpg); overflow:hidden; }


/* Ad Area */
#adArea { height:150px; background-image:url(images/bckAd.jpg); }
#ad { height:150px; width:950px; margin:0px auto 0px auto; background-image:url(images/bckAd.jpg);  }
#adDevider { height:8px; background-image:url(images/bckAdDevider.jpg); overflow:hidden; }


/* Content Area */
#content { height:100%; overflow:hidden; }
#contentContainer { width:950px; height:100%; margin:20px auto 0px auto; overflow:hidden; }
	
	/* Columns */
	#contentLeftColumn, #contentRightColumn { float:left; width:250px; height:540px; }		
	#contentCenterColumn { float:left; width:448px; height:540px; }
	
		/* Column Deviders */
		.contentColumnDevider { float:left; width:1px; height:540px; background-image:url(images/grpVerticalDevider.gif); }
		.contentLeftColumnDevider { width:250px; height:1px; background-image:url(images/grpLeftColumnDevider.gif); overflow:hidden; }
		.contentCenterColumnDevider { width:448px; height:1px; background-image:url(images/grpCenterColumnDevider.gif); overflow:hidden; }
		.contentRightColumnDevider { width:250px; height:1px; background-image:url(images/grpRightColumnDevider.gif); overflow:hidden; margin-bottom:10px; }
	
		/* Column Headers */
		.contentLeftColumnHeader, .contentRightColumnHeader, .contentCenterColumnHeader { padding:15px 0px 15px 17px; font-size:1.2em; font-weight:bold; }
		.contentRightColumnHeader { margin-left:20px; }
		.contentCenterColumnHeader { margin-left:25px; }
		
		.subColumnHeader { font-weight:normal; font-size:0.7em; color:#aaa; }
		
			/* Column Content */
			.contentLeftColumnButton, .contentRightColumnButton { padding:15px 0px 15px 17px; font-size:1.1em; }
			.contentRightColumnButton { margin-left:20px; }
			
			.contentCenterColumnContent { margin:15px 30px 15px 43px; line-height:18px; }
		
			#contentMenu ul { list-style:none; padding-left:0px; margin:0px; }
			#contentMenu ul li { padding: 10px 0px 10px 17px; background-image:url(images/grpLeftColumnDevider.gif); background-repeat:no-repeat; background-position:bottom; font-size:1.1em; }
			#contentMenu ul li a { font-weight:normal; }
			
			#blogsContainer { margin:0px 0px 0px 25px; padding:0px; }
			.blogContainer { width:180px; margin-left:10px; padding:0px 0px 15px 0px; line-height:17px; }
			
			#tweetsContainer { margin:0px 0px 0px 25px; padding:0px; }
			.tweetContainer { width:180px; margin-left:10px; padding:0px 0px 15px 0px; line-height:17px; }
			
			
			
			.contentBulletsArea { float:left; width:180px; margin-right:5px; }
			.contentBulletsArea ul { margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
			
			.contentBulletsAreaSingle { float:left; width:365px; }
			.contentBulletsAreaSingle ul { margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
			
			#showreelArea { width:350px; margin:20px 0px 0px 52px; } 
			.showreelImage { float:left; width:106px; height:85px; font-size:0.8em; text-align:center; }
			.showreelImage img { margin-bottom:5px; }
			.showreelImageSpacer { float:left; width:15px; }

			#videoWindow { position:absolute; width:500px; height:346px; border:3px solid #333; background-color:#333333; display:none; }
				#videoWindowHeader { width:500px; height:30px; background-image:url(images/bckVideoWindowHeader.jpg); }
					#videoWindowHeaderLeft { float:left; font-size:0.9em; font-weight:bold; color:#e7e7e7; padding:7px 0px 0px 5px; }
					#videoWindowHeaderRight { float:right; height:30px;  background-image:url(images/bckVideoWindowHeader.jpg); }
				
			#photoWindow { position:absolute; width:700px; height:499px; border:3px solid #333; background-color:#333333; display:none; }
				#photoWindowHeader { height:30px; background-image:url(images/bckVideoWindowHeader.jpg); }
					#photoWindowHeaderLeft { float:left; font-size:0.9em; font-weight:bold; color:#e7e7e7; padding:7px 0px 0px 5px; }
					#photoWindowHeaderRight { float:right; height:30px;  background-image:url(images/bckVideoWindowHeader.jpg); }

/* Footer Area */
#footerDevider { height:15px; background-image:url(images/bckFooterDevider.jpg); overflow:hidden; margin-top:20px; }
#footerArea { height:105px; background-image:url(images/bckFooter.jpg); }
#footerContainer { width:930px; margin:0px auto 0px auto; overflow:hidden; padding:0px 10px 0px 10px; }
	
	/* Footer Columns */
	.footerColumn { float:left; padding:10px 0px 0px 0px;  }
	.footerColumnHeading { margin-bottom:7px; font-size:1em; font-weight:bold; color:#eee; }
	.footerText{ font-size:0.9em; color:#bbb; line-height:16px; }
	.footerColumn ul { list-style:none; padding-left:0px; margin:0px; }
		.footerColumn ul li { padding: 0px 0px 0px 0px; line-height:16px; color:#bbb; }
			.footerColumn ul li a { color:#bbb; font-weight:normal; }
			.footerColumn ul li a:hover { color:#fff; text-decoration:none; }
			


/* Form Layout (Labels Left) */

	.formContainer { 
		width:360px; /* <- Width of form */
		/*background-color:#f8f8f8;*/
		/*border:1px solid #d8d8d8;*/
		/*padding:20px;*/ 
		overflow:hidden; 
		}
	
	.formContainer form { 
		padding:0px; 
		margin:0px;
		}
	
	.formContainer form label { 
		width:360px; /* <- Width of labels area */
		display:block; 
		margin:5px 0px 0px 0px;
		} 
	
	.formContainer form .formField_Label { 
		float:left; 
		width:100px; /* <- Width of label area */
		text-align:right; 
		margin-right:10px; 
		padding-top:5px; 
		color:#666; 
		}
	
	.formContainer form .formField_Container { 
		float:left; 
		width:200px; /* <- Width of field area */
		text-align:left; 
		}

/* Form Fields */

	.formContainer form .formField_Text { font-size:1.1em; padding:3px; border:1px solid #ccc; }
	.formContainer form .tformField_ext:focus { border:1px solid #666; }
		.formContainer form .formField_Password { font-size:1.1em; padding:3px; border:1px solid #ccc; }
		.formContainer form .formField_Password:focus { border:1px solid #666; }
			.formContainer form .formField_Select { font-size:1.1em; padding:3px; border:1px solid #ccc; height:auto; }
			.formContainer form .formField_Select:focus { border:1px solid #666; }
				.formContainer form .formField_TextArea { font-size:1.1em; padding:3px; border:1px solid #ccc; }
				.formContainer form .formField_TextArea:focus { border:1px solid #666; }
					.formContainer form .formField_CheckBox { }
					.formContainer form .formField_Radio { }
						.formContainer form .formField_Required { color:#DD0000; font-weight:bold; }