
/* BACKGROUND (HEADER)
-----------------------------------------------------------*/
#headerBg	{	left:0;
				position:absolute;
				top:0;
				width:100%;
			}
#woodHighlight { background-image:url(../images/wood.png);
				 height:444px;
				 width: 1008px;
				 margin:0px auto;
				}			
/*---------------------------------------------------------*/


/* WRAPPER
-----------------------------------------------------------*/
#wrapper 	{	margin:0px auto; width:925px;}
/*---------------------------------------------------------*/


/* HEADER
-----------------------------------------------------------*/	  	
			#header	{		position:relative;
							width:925px;
						}				
			#menu		{	height:25px;
							left:0;
							position:absolute;
							top:6px;
						}
			#contacts	{	height:25px;
							left:625px;
							position:absolute;
							text-align:right;
							top:5px;
							width:300px;
						}
			#logo		{	height:180px;
							left:10px;
							position:absolute;
							top:32px;
						}
						
			.coolpink	{	height:42px;
							left:825px;
							position:absolute;
							top:95px;
						}
			.availableBadge	{	height:180px;
							left:710px;
							position:absolute;
							top:-80px;						
						}
/*---------------------------------------------------------*/

/* CONTENT
-----------------------------------------------------------*/
	#content	{	margin:0px auto;
					left:0;
					position:relative;
					top:224px;
					width:925px;
				}
		#featured		{	background-image:url(../images/PortfolioBg.png);
						background-repeat:repeat-y;
						left:0;
						padding-bottom:20px;
						position:relative;
						top:0;
						width:925px;
					}
			.mainPost	{	left:63px;
							margin-bottom:20px;
							position:relative;
							top:25px;
							width:825px;
						}
			.comingSoon	{	left:-88px;
							position:absolute;
							top:-14px;
						}
			
				.mainPost ul		{ margin:10px 0 0 -25px;}
				.mainPost ul li		{ font-size:1.2em; line-height:1.8em;}
				.mainPost ul li	a	{ font-size:1em; color:#8c751e;}
				.mainPost ul li	span{ font-size:0.9em; }
						
			.post	{	left:25px;
						position:relative;
						top:25px;
						width:900px;
					}
			
			.leftPost		{	border-bottom:1px dashed #444;
							left:0;
							margin-bottom:20px;
							padding-bottom:20px;
							position:relative;
							top:0;
							width:425px;
						}
			
				.leftPost ul		{ margin:10px 0 0 -25px;}
				.leftPost ul li		{ color:#fdf7e9; font-size:1.2em; line-height:1.8em;}
				.leftPost ul li	a	{ color:#8c751e; font-size:1em;}
				.leftPost ul li	a:hover	{ color:#00984a; text-decoration:underline; }
				.leftPost ul li	span{ font-size:0.9em; }
				
				.leftPost p	a	{ color:#8c751e; font-size:1em;}
				.leftPost ul li	a:hover	{ color:#00984a; text-decoration:underline; }
				
			.rightPost		{	border-bottom:1px dashed #444;
							left:472px;
							margin-bottom:20px;
							padding-bottom:20px;
							position:absolute;
							top:0;
							width:425px;
						}
						
				.rightPost ul		{ margin:10px 0 0 -25px;}
				.rightPost ul li	{ color:#fdf7e9; font-size:1.2em; line-height:1.8em;}
				.rightPost ul li a	{ color:#8c751e; font-size:1em;}
				.rightPost ul li a:hover	{ color:#00984a; text-decoration:underline; }
				.rightPost ul li span{ font-size:0.9em; }
				
				.rightPost p	a	{ color:#8c751e; font-size:1em;}
				.rightPost ul li	a:hover	{ color:#00984a; text-decoration:underline; }
				
				
				.dateTab	{	left:-63px;
								position:absolute;
								top:5px;
							}
				.mainSoftware	{	left:724px;
								position:absolute;
								text-align:right;
								top:31px;
								width:100px;
							}
				.software	{	left:325px;
								position:absolute;
								text-align:right;
								top:38px;
								width:100px;
								
							}
				.postPadding{	line-height:2em;
								padding-bottom:5px;
							}
				.postPadding a{	color:#8c751e;
							}			
				.postPicture{	padding:10px 0;
								margin-bottom:-10px;
							}
				.postBackToTop{	left:415px;
								position:absolute;
							}
				.mainPostBackToTop{	left:815px;
								position:absolute;
							}
							
		/*---------------------------------------------------------	*/	
							
		.GridPost		{	float: left;
							padding:40px 0 0 27px;
							width:905px;
						}
						
			.GridPost span	{	
					color:#0f0f0f;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight: bold;
			}
			
			.GridPost p	{	
					color:#333;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
			}	
			.GridPost a	{	
					color:#333;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					font-weight:normal;
			}	
			.GridPost a:hover	{	
					color:#00984a; /* green */
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					text-decoration:underline;
			}							
			.Gridbox {
						margin:0 5px 5px 0;
						padding: 10px;
						float:left;
						width:155px;
						height:155px;
						background-color: #d0d0d0;
			}
			
			.GridTile {
						float:left;
						height:120px;
						width:155px;
						background-color:#00984a;
			}
			
/*---------------------------------------------------------*/

/* TYPOGRAPHY
-----------------------------------------------------------*/
p	{	color:#0f0f0f;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.2em;
		line-height:1.6em;
	}

p.dark	{	color:#fdf7e9;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.2em;
		line-height:1.6em;
	}

.greyText	{	color:#676767;
				font-family:Arial, Georgia, "Times New Roman", Times, serif;
				font-size:1.1em;
			}

.greyText a {	color:#900000;
			}			
/*---------------------------------------------------------*/

/* GENERIC (LISTS, FORMS, BUTTONS ETC)
-----------------------------------------------------------*/
	#menu ul	{	margin-left:-25px; }
	#menu ul li	{	display:inline; list-style-type:none; margin-left:25px; }
	#menu ul li a{	color:#676767; font-family:Arial,Georgia, "Times New Roman", Times, serif; font-size:11px; text-transform:uppercase; font-weight:normal; text-decoration:none; }
	#menu ul li a:hover	{	border-bottom:2px solid #00984a; color:#797979; text-transform:uppercase; font-weight:normal; text-decoration:none; }
	#menu ul li a.selected{	border-bottom:2px solid #00984a; color:#fdf5e6; font-weight:bold; }
	
	#contacts ul	{	text-align:right; }
	#contacts ul li	{	color:#676767; display:inline; list-style-type:none; }
	#contacts ul li a{	color:#676767; text-decoration:none; font-family:Arial,Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:normal; }
	#contacts ul li a:hover	{	border-bottom:1px solid #00984a; color:#797979; text-decoration:none; }
					
/*---------------------------------------------------------*/

/* FOOTER
-----------------------------------------------------------*/
.folioFooter {	width:100%;
		}
	.footerBox	{	margin:0 auto;
					position:relative;
					vertical-align:top;
					width:925px;
				}
		.footerDots { border-bottom:1px dashed #444; left:25px; width:900px; position:absolute; top:260px;}
		.footerCopyright	{	left:25px; position:absolute; top:272px; }
		.footerCopyright p	{	color:#a3a09a; font-size:1em; font-style:normal; width:500px; }		
		.footerCopyright p a{	color:#00984a; font-size:1em; text-decoration:none; }
		.footerCopyright p a:hover{	color:#9e120d; font-size:1em; text-decoration:none; border-bottom:1px solid #fff; }
		
		.footerMenu	{	left:525px; position:absolute; top:272px; }
		.footerMenu p	{	color:#a3a09a; font-size:1em; font-style:normal; text-align:right; width:400px; }		
		.footerMenu p a	{	color:#a3a09a; font-size:1em; margin-left:6px; text-decoration:none; }
		.footerMenu p a:hover{	color:#fff; font-size:1em; margin-left:6px;text-decoration:none; border-bottom:2px solid #00984a; }
		
					
/*---------------------------------------------------------*/