body {
	background-color:#f4f4f4;
	margin:0;
	padding:0;
	font-family:Verdana;
}

.clear {
	clear:both;
}

h1 {
	font-size:2.5em;
	letter-spacing:0.4em;
	color:#2f2a27;
	text-transform:uppercase;
	margin-bottom:10px;
}

h1 a, h2 a, h3 a {
		text-decoration:none;
}

label {
	float:left;
	width:50px;
	font-weight:bold;
}

a {
	color:#2f2a27;
}

#container {
	background-color:#fff;
	margin:auto;
	width:1024px;

}

#containerInner {
	text-align:left;
	padding:10px 24px 10px 24px;	

}



/* Start Header */
#logo {
	float:left;
}
#menu {
	float:right;
	margin-top:105px;
	font-size:0.95em;
}

#menu ul {
	
}
#menu li {
	float:left;
	list-style:none;
	padding:20px;
	margin-right:0px;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:0.9em;
}
#menu li.last {
	padding-right:0;
}

#menu li a {
	color:#2f2a27;
	text-decoration:none;
}

.headerLine {
	border-bottom:1px solid #eae9e9;
	width:100%;
	position:absolute;
	left:0;
	top:165px;
	}

.titleLine {
	border-bottom:1px solid #eae9e9;
	width:100%;
	position:absolute;
	left:0;
	top:auto;
	margin-top:-20px;
	}



/* End Header */

/* Start Footer*/

.footerLine {
	border-bottom:1px solid #eae9e9;
	width:100%;
	position:absolute;
	left:0;
	}


#footerLeft {
	float:left;
	font-size:0.65em;
	color:#9f9d9b;
}
#footerRight {
	float:right;
}

#footerRight img{
	}

/* End Footer*/

/* Start Content */

p {
	text-align: justify;
	font-size:12px;
}
	
.contentTextHolder {
	float:left;
	width:360px;
	margin-bottom:100px;
}

.contentTextHolder ul li {	
	font-size:12px;
}
	
	
.contentBlogHolder {
	float:left;
	width:570px;
	margin-bottom:100px;
}
.contentBlogHolder ul li {	
	font-size:12px;
}


.contentImageHolder {
	float:right;
	padding:10px 10px 0px 50px;
}

.imageHolderRightInner {
	padding:10px;
	background-color:#eae9e9;
}
.imageHolderRightInner img {
	border:1px solid #2f2a27;
}

.imageHolderRightInner p{
	font-size:9px;
	text-align:right;
}
/* End Content */

/* Index */
.box {
	float:left;
	width:320px;
}

.box h4 {
	margin-bottom:8px;
	font-size:8pt;
	text-transform:uppercase;
	font-weight:normal;
}

.box img {
	width:320px;
	height:192px;
	overflow:hidden;
}

.box a {
	color:#fff;
	text-decoration:none;
}

.boxHolder .middle {
	margin:0 6px 0 6px;
}


			.boxgrid{ 
				width: 320px; 
				height: 192px; 
				background-color:#171614;
				float:left; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					z-index:100;
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif;
					margin-top:0px;
				}
			.boxgrid h3 {
				color:#f4f4f4;
				padding: 0 10px; 
				margin-bottom:0;
				z-index:99;
				font-size:11pt;
				text-transform:uppercase;
				margin-bottom:5px;
}
			
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
			

/* End Index */






#nav ul li {
	float:left;
	list-style:none;
	padding:20px 20px 2px 20px;
	margin-right:0px;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:7.5pt;
}


#nav ul li a  {
	text-decoration:none;
	color:#2f2a27;
	text-decoration:none;
	font-weight:bold;
}


/* END HEADER*/

/* MENU */
#nav {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		width:815px; 
		height:40px;
		float:right;
		margin-top:127px;
		z-index:10;
		margin-left:-50px;
		padding-left:0px;
	}
	
	#nav ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	
	
	#nav li.last {
	padding-right:0;
	}

	#nav #box {
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		/* should be lowerpar than the list menu */
		z-index:50; 
		/* image of the right rounded corner */
		border-bottom:solid 1px #9f9d9b;
		height:46px;
		margin:0 15px;
		/* self-adjust negative margin to make sure the box display in the center of the item */
	}
	
	#nav #box .head {
		/* image of the left rounded corner */
		background:#eee;
		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}
	

/* END MENU  */

/* START SUB NAV*/
	ul.subNav {
			float:right;
			width:340px;
			text-align:right;
			margin-top:-6px;
	}
	ul.subNav li {
		list-style:none;
		text-transform:uppercase;
		border-bottom:1px solid #d5d4d4;
		padding:10px;
		color:#2f2a27;
	}
	ul.subNav li a{
		color:#2f2a27;
		text-decoration:none;
	}
	ul.subNav li.selected ,ul.subNav li:hover {
		background-color:#eae9e9;
	}
/* END SUB NAV*/

/* START LINK BLOCK*/
	.linkBlock {
		font-size:8pt;
		font-weight:bold;
		float:right;
		width:200px;
		text-align:right;
		padding:5px;
		background-color:#EAE9E9;
		color:#2F2A27;
		margin-top:2px;
	}
	.linkBlock:hover {
		background-color:#F4F4F4;
	}
	.linkBlock a {
		text-decoration:none;
	}
/* END LINK BLOCK*/


/* START BLOG STYLING*/

.blogIndexListingHolder {
	float:left;
	width:460px;
}

.blogIndexListingHolder .continueReading  {
	text-transform:uppercase;
}

.blogIndexListingHolder .continueReading  a {
	text-decoration:none;
	font-size:9pt;
}

.blogDetailsLine {
	text-transform:uppercase;
	color:#2f2a27;
	letter-spacing:4pt;
	font-size:10pt;
}

.blogMorePosts li {
	list-style:square;
	font-size:10pt;
}

.blogMorePosts li a {
	text-decoration:none;
}

.addthis_toolbox a {
	font-size:9pt !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
}
/* END BLOG STYLING*/


/* NEWSLETTER */
  .newsletterHolder {
    width:400px;
    float:left;
  }
  .newsletterHolder .unsub {
    text-align:right;
	font-size:9pt;
  }
/* END NEWSLETTER */


.code { background-color:#eee; border:1px solid #666; padding:10px; color:#666; font-size:10pt;}