/*============================================================
+		             DEFAULT STYLESHEET						 +
==============================================================
*/
body{
	background:#fff;
	color:#1a1a1a;
}
a{color:#669b17;text-decoration:none;}
a:hover{color:#79b61e;}
p, li{line-height:22px;}
hr{
	height:1px;
	border:none;
	background:#d2d2d2;
	width:100%;
	margin:10px auto;
	clear:both;
}
.clear{clear:both;}
code{
	 background-color: #f7f7f7;
	  padding: 10px;
	  border : 1px dashed #d2d2d2;
	  display:block;
	  white-space:pre;
	  overflow:hidden;
	  font-size:12px;
}
blockquote {
	border : 1px dashed #d2d2d2;
	margin: 0px;
	font-style:italic;
	padding: 10px;
	background-color: #f7f7f7;
	quotes: "\201C" "\201D";
}
blockquote:before{ 
	content: open-quote; 
	font-weight: bold; 
}
blockquote:after{ 
	content: close-quote; 
	font-weight: bold; 
}
h1, h2, h3, h4, h5, h6{
	color:#5f1619;
}
.alignleft{
	float:left;
	margin-right:10px;
}
/* FLOAT CLASSES - Mostly used to align images or any orphan element */
.floatL{float:left;margin-right:10px;}
.floatR{float:right;margin-left:10px;}
#wrap{
	width:940px;
	margin:0 auto;
}
/* headder area */
#header{
	width:940px;
	overflow:hidden;
	height:112px;
	padding-top:20px;
	margin-bottom:10px;
}
#logo{
	float:left;
	height:97px;
	width:118px;
	overflow:hidden;
}
#logo h1{margin:0!important; float:left}
#logo h1 a{
	color:#c0620f;
	text-decoration:none;
}
/* ---------------Home page Slideshow Styling*/
#s3slider { 
   width: 942px; /* important to be same as image width */ 
   height: 291px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:#762124;
}

#s3sliderContent {
   width: 942px; /* important to be same as image width or wider */
   height:291px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-bottom:0;
}
#s3sliderContent li{
	margin:0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 30px 15px;
   width: 910px;
   background-color: #000;
   filter:alpha(opacity=0); /* here you can set the opacity of box with text */
 /*  -moz-opacity: 0.7;*/ /* here you can set the opacity of box with text */
   /*-khtml-opacity: 0.7;*/ /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#s3slider h1{
	text-transform:uppercase;
	font-size:12px;
	position:absolute;
	width:121px;
	color:white;
	z-index:999px;
	left:410px;
	top:50px;
	text-align:center;
	line-height:28px;
}
.clear {
   clear: both;
}
/*============================================================
+		         PRINCIPAL LAYOUT STRUCTURE	 				 +
==============================================================
*/
		/*
		 * Required 
		*/
		.container { width:300px; height:200px; overflow:hidden; position:relative; cursor:pointer; }
		.slides { position:absolute; top:0; left:0; }
		.slides div { position:absolute; top:0; width:300px; display:none; }
		.slides div img{}
		/*
		 * Optional
		*/
		#loopedSlider, #newsSlider { margin:0 auto; width:300px; position:relative;}
		.pagination ul{list-style:none; padding:0; margin:0; overflow:hidden; width:300px; }
		.pagination ul li  { float:left; margin:0; list-style:none;}
		.pagination ul li a { padding:5px; }
		.pagination ul li.active a { background:#b3c90c; color:white; }
.mod{
	width:300px;
	float:left;
	margin-right:20px;
}
.mod h5{
	text-transform:uppercase;
	letter-spacing:0.5em;
	text-align:center;
	border-bottom:1px solid #762124;
	padding:15px 0;
}
.last{
	float:right;
	margin:0;
}
#container{
	width:940px;
	overflow:hidden;
	padding-bottom:10px;
}
#content{
	width:600px;
	padding:0 20px;
	float:left;
	background:white;
}
#sidebar{
	width:300px;
	float:right;
}
#sidebar .sidemod{
	background:#fafafa;
	border:1px dotted #f0f0f0;
	margin-bottom:20px;
	padding:20px;
}
.sidemod ul{
}
.sidemod ul li{
	margin-left:10px;
	line-height:22px;
	list-style-image:url(../images/libg.gif);
}
.sidemod ul li a{
	color:#84583d;
}
.sidemod ul li a:hover{
	color:#84583d;
	text-decoration:underline;
}
.sidemod ul li a b{
	font-weight:normal;
	color:#be610f;
}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{
	color:#762124;
}
#sidebar p{
	color:white;
}
.entry{
	margin-bottom:10px;
	float:left;
	width:100%;
}
.entry img{
}
.entry-head{
	width:100%;
	height:43px;
	clear:both;
	margin-bottom:10px;
}
.entry-head span{
	height:35px;
	width:100%;
	background:#fafafa;
	border:1px dotted #f0f0f0;
	display:block;
	position:relative;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:0.1em;
}
.entry-head span b{
	font-weight:normal;
	line-height:35px;
	color:#313131;
	padding-left:10px;
	float:left;
}
.entry-head span a{
}
.entry-head span a.readmore{
	width:95px;
	height:43px;
	position:absolute;
	line-height:50px;
	color:#84583d;
	text-align:center;
	float:right;
	right:0;
	top:-8px;
}
.entry-head span a.readmore:hover{
	text-decoration:underline;
}
/*============================================================
+		            PORTFOLIO STRUCTURE  	       			 +
==============================================================
*/
.boxgrid{ 
	width: 300px; 
	height: 200px; 
	margin:5px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid h6{ margin: 5px 10px 0 10px; color:#FFF;}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
}
.boxgrid img:hover{ 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	filter:alpha(opacity=80);
}
.captionfull .boxcaption {
	top: 260px;
	left: 0;
}
.caption .boxcaption {
	top: 180px;
	left: 0;
}
.portfolioNav{
	width:100%;
	overflow:hidden;
}
.social img{
	margin:10px;
}
#portfolioSidebar{
	width:220px;
	float:left;
}
#portfolioSidebar .portfolioMod{
	background:#231f20;
	margin-bottom:20px;
	padding:20px;
}
.portfolioMod ul{
}
.portfolioMod ul li{
	margin:0px;
	line-height:18px;
	border-bottom:1px solid #3f393b;
	padding:10px 0;
}
.portfolioMod ul li a{
	color:#be610f;
	display:block;
}
.portfolioMod ul li a:hover{
	color:#803e18;
}
.portfolioMod ul li a b{
	font-weight:normal;
	color:white;
	display:block;
}
.portfolioMod ul li a b:hover{
	color:#ccc;
}
#portfolioSidebar h1, #portfolioSidebar h2, #portfolioSidebar h3, #portfolioSidebar h4, #portfolioSidebar h5, #portfolioSidebar h6{
	color:#c0620f;
}
#portfolioSidebar p{
	color:white;
}
#portfolioEntry{
	width:680px;
	padding:20px;
	float:right;
	background:white;
	border:1px solid #cfcfcf;
}
/*============================================================
+		           FULL WIDTH PAGE STRUCTURE	 			 +
==============================================================
*/
#fullpage{
	width:920px;
	padding:20px;
	float:left;
	background:white;
}
/*============================================================
+		                  COMMENTS  	         			 +
==============================================================
*/
.commentlist{
	list-style:none;
}
span.gravatar{
	float:right;
	background:white;
	padding:7px 7px 0 7px;
	border:1px solid #d2d2d2;
}
span.gravatar img{
	margin:0;
	border:none;
}
.commentlist li {
 	padding:10px;
	margin:20px 0;
	border:1px dotted #d2d2d2;
	background:#fff;
	}
.commentlist cite {
	display:block;
	font-style:normal;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.1em;
	}
.commentCopy{
	padding:10px;
	background:#f9f9f9;
	border:1px solid #f0f0f0;
}
.commentCopy img{
	margin:0;
	border:none;
}
/*============================================================
+		                  FOOTER  	    	     			 +
==============================================================
*/
#footer{
	width:100%;
	padding-top:20px;
	height:80px;
	margin-top:10px;
	border-top:1px solid #762124;
}
.ftrContent{
	width:940px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.ftrContent p{
	color:#999;
	text-align:center;
	width:480px;
	float:left;
	padding-top: 8px;
	font-size: 16px;
}
.ftrContent a.logoleft{
	float:left;
	margin-right:40px;
}
.ftrContent span{
	font-style:italic;
	text-align:center;
	display:block;
	margin-bottom:10px;
}
.top{
	float:right;
	background:url(../images/top_bg.png) no-repeat center right;
	padding-right:10px;
	margin-top: 15px;
}