html, body {height: 100%;}

body {
font: 82.5%/1.4 Tahoma, sans-serif;
color: #E7DBDB;
background: #2A180F url(/img/bg2.jpg) repeat-y center top;
}

h1, h2, h3, h4, h6, h6{
font-size: 1em;
margin: 0; padding: 0;
color: #E2D9C7;
font-weight: normal;
/*font-family: Arial, sans-serif;*/
}

a:link, a.stable_link, a.stable_link:visited, #crumbs a:visited {text-decoration: underline; color: #fff;}
a:visited, a:hover, a.stable_link:hover {color: #E7DBDB;}

h1 {	font: 2em Arial, sans-serif; margin: 0 20px 20px 0; padding: 0;}
h2 {	font-size: 1.4em; margin: 0 0 10px 0; }
  h2 a:link, h2 a:visited {text-decoration: none;}

p{margin: 5px 0 15px 0;}

#content ul, #content ol {
	margin: 1.4em 1em 1.4em 1.2em;
	list-style: inside disc;
	}
#content ol { list-style: decimal outside; margin-left: 1.2em;}
	#content ol li{ margin: 0.5em; }
	#content ul li{ padding: 0 0 0 .1em; margin: 0.5em 0; }
#content ul ul, #content ol ul { margin-left: 4em; }


/********************************* layout starts*******/

#all_main {
margin: 0 auto; 
max-width: 1580px; min-width: 996px;
background: url(/img/the_town.jpg) no-repeat center top;
text-align: center;
}

#all {
margin: 0 auto;
height: 100%; min-width: 996px; max-width: 1580px;  
background: transparent url(/img/the_town.jpg) no-repeat center -300px;
text-align: center;
}

	
#container {
margin: 0 auto;
min-height: 100%; max-width: 1280px; 
background: transparent url(/img/bg3.jpg) repeat-x left bottom;
text-align: center;
}

#wrapper {
float: left;
text-align: left;
width: 100%; 
}	

#content_block{
width: 860px;
margin: 0px auto 0 auto;
}

#content_wrapper, #footer_wrapper{
float: left; 
width: 100%; 
text-align:left;
}

#content_wrapper{
min-height: 120px;
padding: 0 0 20px 0;
}
#content_column_portfolio {
margin: 0 0 0 240px; /*Margins for content column. Should be "0 RightColumnWidth  LeftColumnWidth*/
overflow: hidden;
}

#content_column{
margin: 0 0 0 164px; 
}

#content_column_blog{
margin: 0 240px 0 0;
}

#content {margin: 0 0 20px 0;}


#left_column_portfolio, #footer_left_column{
float: left;
width: 240px; /*Width of left column*/
margin-left: -100%;
}

#left_column{
float: left;
width: 164px; 
margin-left: -100%;
/*background: #999;*/
}
  #left_column h2{text-align: left}
#right_column {
float: left;
width: 180px; 
margin: 40px 0 0 -180px;
text-align: left;
}

#header_main{
height: 717px; 
width: 860px;
margin: 0 auto; 
text-align: left;
}
	img#logo_main{
	margin: 55px 0 10px 0;
	}
	#icons img{
	display: block;
	float: left;
	margin: 0 35px 0 2px;
	}

#header{
height: 390px;
width: 860px;
margin: 0 auto;
text-align: left;
}	
	img#logo{
	margin: 115px 0 10px 0;
	}
	
/* top navigation */
#top_nav_block {
text-align: center;
}

#top_nav{
	display: block;
  height: 40px; width: 860px; 
	margin: 0 auto; 
	padding: 0;
	//margin: 0;
	/*background: #ffeeff;*/
  }

	#top_nav li{
	float: left;
	display: block;
	height: 35px; 
	width: 150px;
	font-size: 1.5em;
	}
  
	#top_nav li span{
	display: none;
	}

	#top_nav li a{
	display: block;
	height: 20px; 
	}

	#top_nav li#about.act, #top_nav li#services.act, #top_nav li#folio.act, #top_nav li#contacts.act, #top_nav li#blog.act{background: transparent url(/img/m_bg.jpg) no-repeat left bottom;}
	
	#top_nav li#about{width: 70px; margin-right: 95px;}
		#top_nav li#about a{width: 70px; height: 20px;background: transparent url(/img/m1.jpg) no-repeat left top;}
		#top_nav li#about a:hover, #top_nav li#about.act a, #top_nav li#about.act a:hover{background: transparent url(/img/m1a.jpg) no-repeat left top;}	
		
	#top_nav li#services{width: 70px; margin-right: 90px;}
		#top_nav li#services a{width: 70px; height: 20px;background: transparent url(/img/m2.jpg) no-repeat left top;}
		#top_nav li#services a:hover, #top_nav li#services.act a, #top_nav li#services.act a:hover{	background: transparent url(/img/m2a.jpg) no-repeat left top;}	

	#top_nav li#folio{width: 105px; margin-right: 95px;}
		#top_nav li#folio a{width: 105px; height: 24px;background: transparent url(/img/m3.jpg) no-repeat left top;}
		#top_nav li#folio a:hover, #top_nav li#folio.act a, #top_nav li#folio.act a:hover{background: transparent url(/img/m3a.jpg) no-repeat left top;}	

	#top_nav li#contacts{width: 92px;margin-right: 90px;}
		#top_nav li#contacts a{width: 92px; height: 24px;background: transparent url(/img/m4.jpg) no-repeat left top;}
		#top_nav li#contacts a:hover, #top_nav li#contacts.act a, #top_nav li#contacts.act a:hover{background: transparent url(/img/m4a.jpg) no-repeat left top;}

	#top_nav li#blog{ width: 150px;}						
		#top_nav li#blog a{width: 150px; height: 24px;background: transparent url(/img/m5.jpg) no-repeat left top;}
		#top_nav li#blog a:hover, #top_nav li#blog.act a, #top_nav li#blog.act a:hover{background: transparent url(/img/m5a.jpg) no-repeat left top;}


/* left navigation */	
#left_nav_block{
margin: 50px 0 20px 0;
/*width: 240px;*/
text-align: left;
}	

#left_nav{
	/*width: 200px;*/
	color: #2A180F;
  }

	#left_nav li{
	display: block;
	margin: 15px 0;
	padding: 0;
	height: 18px;
	/*width: 200px; */
	position: relative;
	font-size: .8em;
	//height: 20px;
	background: #fff url(/img/bg2.jpg) repeat-y center top;
  /*	overflow: hidden;*/
	}
  
	#left_nav li a{
	display: block;
	position: absolute;	
	width: 100%; height: 100%;
	}

/*#left_nav li.act{background: url(/img/bg4.gif) repeat-x left bottom;}*/

#left_nav li#outdoor, #left_nav li#outdoor a{width: 52px;}
	#left_nav li#outdoor a {background: url(/img/sm1.png) no-repeat;}	
	#left_nav li#outdoor a:hover, #left_nav li#outdoor.act a {background: url(/img/sm1a.png) no-repeat;}
#left_nav li#posm, #left_nav li#posm a{width: 42px;}
	#left_nav li#posm a {background: url(/img/sm2.png) no-repeat;}	
	#left_nav li#posm a:hover, #left_nav li#posm.act a {background: url(/img/sm2a.png) no-repeat;}
#left_nav li#ideas, #left_nav li#ideas a{width: 36px;}
	#left_nav li#ideas a {background: url(/img/sm3.png) no-repeat;}	
	#left_nav li#ideas a:hover, #left_nav li#ideas.act a {background: url(/img/sm3a.png) no-repeat;}
#left_nav li#poli, #left_nav li#poli a{width: 86px;}
	#left_nav li#poli a {background: url(/img/sm4.png) no-repeat;}	
	#left_nav li#poli a:hover, #left_nav li#poli.act a {background: url(/img/sm4a.png) no-repeat;}	
#left_nav li#prints, #left_nav li#prints a{width: 56px;}
	#left_nav li#prints a {background: url(/img/sm5.png) no-repeat;}	
	#left_nav li#prints a:hover, #left_nav li#prints.act a {background: url(/img/sm5a.png) no-repeat;}		
#left_nav li#styles, #left_nav li#styles a{width: 86px; height: 36px}
	#left_nav li#styles a {background: url(/img/sm6.png) no-repeat; height: 34px}	
	#left_nav li#styles a:hover, #left_nav li#styles.act a {background: url(/img/sm6a.png) no-repeat;}	
#left_nav li#credo, #left_nav li#credo a{width: 42px;}
	#left_nav li#credo a {background: url(/img/sm7.png) no-repeat;}	
	#left_nav li#credo a:hover, #left_nav li#credo.act a {background: url(/img/sm7a.png) no-repeat;}	
#left_nav li#principle, #left_nav li#principle a{width: 74px;}
	#left_nav li#principle a {background: url(/img/sm8.png) no-repeat;}	
	#left_nav li#principle a:hover, #left_nav li#principle.act a {background: url(/img/sm8a.png) no-repeat;}			
	
#crumbs {color: #C3BFBF; margin: 5px auto 20px auto; text-align: left; }
	#crumbs h3{display: none}


#pre_footer {height: 80px; clear: both;}		

#footer {
clear: both;
height: 80px; width: 870px;
margin: -81px auto 0 auto;
color: #fff;
border-top: 1px solid #221E1E;
font: .9em/1.5 Tahoma, sans-serif;
/*background: transparent url(/img/bg3.jpg) repeat-x left bottom;*/
}

	#footer_wrapper, #footer_content_column {
	height: 80px; text-align: center;
	}

	#footer_content{
	text-align: left;
	margin: 0 0 0 100px; 
	}

	#footer_content_column{
	margin: 0 240px 0 240px;
	}
	
	#footer_left_column{
	text-align: left;
	width: 240px;
	padding: 0;
	}
		#footer_left_column img {margin: 10px 0 0 0;}
		
	#footer_right_column{
	float: left;
	width: 240px; 
	margin-left: -240px; 
	text-align: right;
	padding: 0;
	color: #fff;
	text-decoration: underline;
	}
	

	#footer a {color: #fff;}

strong, .bold {font-weight: bold;}
.clear{clear: both;}
.left{text-align: left;}
.red{color: #FF0000}


/*
b.img1 img{
border: 1px solid #61534E;
padding: 3px;
background:#000;
display: block;
}
*/
/*
b.img, b.img1{
margin: 0 15px 15px 0;
border: 1px solid #61534E;
display: block;
background: #000;
}
	b.img img, b.img1 img {border: 3px solid #000; display: block;}
	b.img1{margin-right: 0; }
  b.img1 img{margin: 0 auto; }
*/


b.img, b.img1{
float: left;
margin: 0 15px 15px 0;
border: 1px solid #61534E;
}
	b.img img, b.img1 img {border: 3px solid #000}
	b.img1{margin-right: 0; }


.port {
float: left;
margin: 0 3px 10px 0;
}
	.port a {
	display: block;
	width: 186px;
	font-weight: bold;
	}	
	.port b.img{float: none; padding: 0; margin: 8px 0 0 0; display: block; }

.port_main {clear: both; margin: 0 0 20px 0; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #3C2A26;}
	.port_main p {float: left; margin: 0 20px 0 0; width: 186px;}
	.port_main b.img{margin: 0 0 3px 0;}
	
#slogan {
font-size: 1.5em;
color: #C9B895;
padding: 30px 0 40px 0;
text-align: left;
}
	#slogan strong{
	font-size: 1.1em;
	color: #EDE3CF;
	font-weight: normal;
	}	

.date {color: #AE8E53; margin: 0}	
	
.blog_post{
clear: both;
margin: 0 0 30px 0;
border-bottom: 1px solid #3C2A26;
overflow: hidden;
padding-bottom: 10px;
zoom: 1;
}
.blog_post .left_bar {
float: left; 
width: 88px;
/*width: 110px;*/
color: #AE8E53;
/*background: #999;*/
}	
	.blog_post .left_bar img{
	border: 2px solid #AE8E53; display: block; margin: 10px 0 0 0
	}

.blog_post .wrapper {float: left;}
	.blog_post .text_bar{margin: 0 0 0 110px; zoom:1;}

a.more {
padding-right: 35px;
font-weight: bold;
background: url(/img/bg5.png) no-repeat right center;
border-bottom: 1px solid #fff;
text-decoration: none;
}	

.blog_post_bottom {clear: both; color: #848383; zoom: 1; overflow: hidden; margin: 10px 0 0 0;}
  .blog_post_bottom .left {float: left; }
  .blog_post_bottom .right {float: right; width: 350px; text-align: right}
  
#content ul.links {margin: 0; padding: 0; clear: both;}
#content ul.links a {margin-left: 0; padding-left: 0; }
#content .left ul.links a {margin-left: 0; padding-left: 0; background: none;}
.blog_comment{
clear: both;
margin: 0 0 20px 0;
border-bottom: 1px solid #3C2A26;
padding: 5px 0;
overflow: hidden;
zoom: 1;
}

.shade {background: #443333; overflow: hidden; zoom: 1; height: 55px;}
  .shade img {float: left; margin: 0px 10px 0px 0; border: 2px solid #AE8E53;}
  .shade p{margin: 0}
.indented {margin-left: 25px;}
.comment_reply {display: block; font-weight: bold; margin: 10px 0 5px 0;}

/* paginator  */
.page_nav {
color: #848383;
}
  .page_nav a, .page_nav a:visited {
  color: #848383;
  text-decoration: none;
  padding: 0 5px;
  /*border-left: 1px solid #848383;*/
  }
  .page_nav a:hover, .page_nav span {color: #fff;}
   .page_nav span {font-weight: bold; font-size: 1.1em}
   .page_nav a.pager-first, .page_nav a.pager-previous{padding: 0 10px; margin: 3px 5px 0 0; border: 1px solid #848383; width: 20px; }
   .page_nav a.pager-last, .page_nav a.pager-next {padding: 0 10px; margin: 3px 0 0 5px; border: 1px solid #848383; width: 20px; }
      a.pager-last:hover, a.pager-next:hover, a.pager-first:hover, a.pager-previous:hover {border: 1px solid #fff;}
   a.pager-first {background: url(/img/bg6.png) no-repeat center center;}
     a.pager-first:hover {background: url(/img/bg7.png) no-repeat center center;}
   a.pager-last {background: url(/img/bg8.png) no-repeat center center;}
     a.pager-last:hover {background: url(/img/bg9.png) no-repeat center center;}
   a.pager-previous {background: url(/img/bg10.png) no-repeat center center;}
     a.pager-previous:hover {background: url(/img/bg12.png) no-repeat center center;}
   a.pager-next {background: url(/img/bg11.png) no-repeat center center;}
     a.pager-next:hover {background: url(/img/bg13.png) no-repeat center center;}
     
/* bottom kneelled  */
.works3 {
display: table;
position: relative;
width: 100%;
//overflow-y: hidden;
//margin-bottom: 10px
}
.works3 .r {
display: table-row;
position: relative;
width: 100%;
//top: 100%;
}
.works3 .a, .works3 .b, .works3 .c {
display: table-cell;
//display: inline;
position: relative;
//float: left;
width: 33%;
//margin-right: -100%;
vertical-align: bottom;
}
.works3 .b {
//margin-left: 33%;
}
.works3 .c {
/*width: 34%;*/
//margin-left: 66%;
}
.works3 .r .r {
display: block;
//top: -100%;
width: auto;
//width: 100%;
padding: 0;
}
.works3 .a .r {
padding-left: 0;
}
.works3 .c .r {
padding-right: 0;
}     

.site-map h2 {margin: 10px 0 0 0; font-size: 1.4em}

/* sys */
#notify-admin-users table th{padding: 0px; width: 690px}
/*.form-item select{width: 70px;}*/
#content legend{font-size: 1.3em; font-weight: normal; color: #ae8e53}
#content legend a {color: #ae8e53}