/*============================================================
+		                 STRUCTURE		     				 +
==============================================================
*/
body{
	background:#F9E9A1 url(../images/main_bg_eastlund.gif) repeat-x;
	color:#606060;
	line-height:24px;
}
body.secondary{
	background:#F9E9A1 url(../images/secondary_bg_eastlund.gif) repeat-x;
}
p{
	font-style:italic;
}
hr{
	color: #d2d2d2;
	background-color: #d2d2d2;
	height: 1px;
	border:none;
	margin:10px 0;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#9ab101;
}

h4{margin:0;
padding:0;}
a{
	color:#0084ff;
	text-decoration:none;
}
a:hover{
	color:#019fcc;
	text-decoration:underline;
}
code{
	  background:#f0f0f0;
	  border-left:3px solid #e7e7e7;
	  color:#6b6b6b;
	  display:block;
	  white-space:pre;
	  overflow:auto;
	  padding-left:30px;
	  line-height:16px;
}
blockquote {
	border : none;
	margin: 0px;
	font-style:italic;
	padding: 10px 50px;
	display:inline-block;
	overflow:hidden;
	background:url(../images/blockquote.png) no-repeat 10px 5px;
}
blockquote:before { 
	content: open-quote; 
	font-weight: bold; 
}
blockquote:after { 
	content: close-quote; 
	font-weight: bold; 
}
.alignleft{float:left; margin-right:20px;}
.alignright{float:right; margin-left:20px;}
.dark{
	color:#1f1f1f;
}
/*============================================================
+		              HOME PAGE STRUCTURE			    	 +
==============================================================
*/
#wrap{
	width:950px;
	margin:0 auto;
}
#header{
	width:940px;
	overflow:hidden;
	height:123px;
	position:relative;
}
#header h1{
	width:282px;
	height:63px;
	float:left;
	padding-top:16px;
}
#header  span.pagetag{
	position:absolute;
	top:85px;
	left:280px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:gray;
	
}
#header h1 a{
	width:282px;
	height:63px;
	text-decoration:none;
	display:block;
}
/* For navigation styling please refer to menus.css */

/* ---------------Home page Slideshow Styling*/
#s3slider { 
   width: 950px; /* important to be same as image width */ 
   height: 277px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 950px; /* important to be same as image width or wider */
   height:277px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 4px; /* 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: 13px Arial, Helvetica, sans-serif;
   padding: 15px 15px;
   width: 910px;
   background:url(../images/s3_bg.png) repeat;
   color: #fff;
   display: none; /* important */
   top: 230px;
   margin: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
   */
}
.clear {
   clear: both;
}
/* ---------------Home page Recent Projects Gallery*/
.recentProjects{
	width:100%;
	overflow:hidden;
	list-style:none;
}
.recentProjects li{
	float:left;
	background:url(../images/home_thumb_bg.png) no-repeat;
	width:135px;
	height:135px;
	margin:0 2px 2px 0;
}
.recentProjects li .lastRProject{
 margin:0;
}
.recentProjects li a img, .recentProjects li .lastRProject a img{
	padding:7px;
}
.lastNews{
	overflow:hidden;
	width:100%;
	border-bottom:1px dashed #eaeaea;
	margin-bottom:15px;
}
.lastNews span.date{
	width:41px;
	height:71px;
	margin-right:10px;
	display:block;
	float:left;
}
.lastNews span.date a{
	background:url(../images/entrydate_bg.gif) no-repeat;
	width:41px;
	height:41px;
	line-height:41px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}
.lastNews span.date b{
	text-align:center;
	display:block;
	text-align:center;
}
.lastNews a, .lastNews p{
}
/* ---------------Full width page content styling*/
#main{
	width:910px;
	overflow:hidden;
	background:url(../images/maincontainer_bg.png) repeat-y;
	height:100%;
	margin:0 auto;
	padding:20px;
}
#full_page{
	width:870px;
	padding:0 20px;
}
/*============================================================
+		          SECONDARY PAGES STRUCTURE			    	 +
==============================================================
*/
#main_secondary{
	width:910px;
	overflow:hidden;
	background:url(../images/maincontainer_bg.png) repeat-y;
	height:100%;
	margin:0 auto;
	padding:20px;
}
#content{
	width:550px;
	padding:0 10px;
	float:left;
}
/* --------------Sidebar styling*/
#sidebar{
	width:282px;
	float:right;
	padding:0 10px;
	background:#fbfbfb;
	padding:9px;
	border-left:1px dotted #bbb;
}
#sidebar ul{
	list-style:square;
	margin-bottom:20px;
}
#sidebar ul li{
	width:260px;
	padding:0;
}
#sidebar ul li a{
	color:#606060;
}
#sidebar ul li a:hover{
	color:#019fcc;
}
#sidebar ul li ul{margin-bottom:0;}
#sidebar ul li ul li{
	list-style:square;
	line-height:18px;
	border:none;
	width:auto;
}
#sidebar ul li ul li a{
	width:auto;
}

#sidebarsp li{margin:2px 0;list-style:none;border-bottom:1px solid #ccc;background:#f3f3f3;font-size:16px;display:block;}
#sidebarsp li a{margin:5px;}



a.banner_ads img{background:#f0f0f0; padding:3px; margin:5px;}
/* ---------------------Blogs styling*/
.entry{
	width:560px;
	overflow:hidden;
	margin-bottom:15px;
}
.entry_top{
	background:url(../images/project_entry_top.png) no-repeat bottom left;
	width:560px;
	height:6px;
	display:block;
}
.entry_body{
	background:url(../images/project_entry_body.png) repeat-y;
	width:520px;
	display:block;
	padding:10px 20px;
}
.entry_bottom{
	background:url(../images/project_entry_bottom.png) no-repeat top left;
	width:560px;
	height:8px;
	display:block;
}
span.meta{	
	font-size:10px;
	text-transform:uppercase;
}
#respond{
	background:#f7f7f7;
	border:1px solid #d2d2d2;
	padding:10px;
}
/* ---------------------Footer styles */
#footer{
	width:950px;
	background: url(../images/ftr_bg.png) no-repeat;
	height:36px;
	margin:0 auto;
		font-size:10px;
}
.ftrcontent{
	width:910px;
	overflow:hidden;
	color:#FFFFFF;
	padding:0 20px
}
.ftrcontent p{
	float:left;
	padding:10px 0 0 10px;

	line-height:18px;
	text-shadow:1px 1px #085a8b;	
}
a.readmore{
	display:block;
	text-align:right;
	text-transform:uppercase;
	font-size:10px;
}