/********************************************
AUTHOR:  			Claudiu Geanta 
WEBSITE:   		http://www.designbysatori.com/

 *******************************************/
 

/* top elements */
* { margin:0; 	padding: 0; }

body {
	margin-top: 10px; 
	padding: 0;
	color: #555; 
	background: #FFF url('images/bg.jpg') repeat;	
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5em; font-size:80%; font-family: 'Trebuchet-MS', Tahoma, Arial, sans-serif 
}

/* links */
a, a:visited {
	color: #bb4422; 
	background-color: inherit;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #333;
	background-color: inherit;
	
}

/* headers */
/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	background: transparent; 		
}
h1 {
	font-size: 120%;	
	color: #223a3e;

	
}
h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 135%;	
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}


/* images */
img, a img {
	border: 0px;
	padding: 0px;	
}

a:hover img {  
  border: 0px
}

img {
	border: 0px solid #DADADA;
	padding: 0px;	
}
img.no-border {
	border: none;
}




img.float-right {
  margin: 5px 0px 5px 10px;  
}
img.float-left {
  margin: 5px 10px 5px 0px;
}

#leftmenu h1, 
#leftmenu p {
	padding-left: 0;
}


ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

blockquote {
	
	background: #FFF;
	padding: 5px; margin: 10px 10px 0 10px;	
	font-size: 95%;	
	border: 1px solid #E0DBC9;
	border-left:4px solid #A73F0A;  

}


/* index-photo */


#banner {
	width: 960px;
	margin: 0 auto;
	background: #dacfb1;
	height: 205px;
	margin-bottom: 5px;
	color: #000;
	text-align: left;
	text-transform: none;
}


#banner .logo {
	float: left;
	height: 200px;
	width: 225px;
	margin: 0 auto;
	background: #dacfb1 url('images/logo.jpg') no-repeat center;
	padding-left:5px; padding-right:0px; padding-top:5px; padding-bottom:5px;
}

#banner .indexphoto {
	float: left;
	height: 210px;
	width: 555px !important; /*moz width*/
	width: 555px  /*IE width*/
	margin: 0 auto;
	background: #dacfb1 no-repeat;
	padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
	vertical-align: middle;
}



/**************************************
   LAYOUT 
***************************************/	
#sus {
	width: 960px;
	margin: 0 auto;
	background: transparent;
	height: 30px;
	margin-bottom: 5px;
	color: #dacfb1;
	text-align: left;
	text-transform: none;
}


#sus .sus-left{
	float: left;
	width: 45%;
}

#sus .sus-right{
	float: right;
	width: 50%;
}


#sus a:link, #sus a:visited { background: inherit; color: #dacfb1; text-decoration: none; }
#sus a:hover { background: inherit; color: #dacfb1; text-decoration: underline; }


#wrap {
	clear: both;
	margin: 0 auto; 
	padding: 1px; 
	width: 960px;
	text-align: left;
	border: 1px solid #fff;
	background: #dacfb1;

}

/* CONTENT WRAP */
#content-wrap 
{
	clear: both;
	margin: 0; padding: 0;	
	background: #dacfb1;
}


#content {
	clear: both;
	margin: 5px auto; 
	padding: 0px; 
	width: 960px;
	text-align: left;
	background: #FFF;
	display: inline;

}



/* PRINC COLUMN */
#princ {
	clear: both;
	width: 940px;
	padding: 5px; margin: 5px;
	background: #FFF url('images/princ-bkg.jpg') no-repeat;	
	
}

#princ h1 {
	padding: 10px 0 0 10px;	
}

#princ img {
	margin-left: 10px;
	border: 1px solid #A39E7E;
	text-align: right;
		}
		
#princ a.img {
	border:  none;}

#princ img a { border: none}

#princ a:hover img {  
  border: 1px solid #232323;
}

/* MAIN COLUMN */
#main {
	float: right;
	width: 720px;
	padding: 0px; margin: 5px;
	background: #FFF url('images/main-bkg.jpg') no-repeat;
	height: 100%;	
}

#main a, #princ a {
	color: #A73F0A;
	font-weight: normal;
		}

#main a:hover,#princ a:hover {
	color: #223a3e;
	text-decoration: underline;
}


#main h2, #princ h2  {
	margin: 5px;
	padding: 5px 5px; 
	font: bold 1.1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #A73F0A;
	border-bottom: 1px dotted #A73F0A;
 		
}

#main h3, #princ h3  {
	background: #3a626a;
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size: 95%;	
	border: 1px solid #E0DBC9;
	color: #FFF;
 		
}




/* Navigation */
#nav {
	clear: both;	
	padding: 0;		
}
#nav ul {
	float: left;
	background: url('images/nav.jpg') repeat-x;	
	width: 950px;		
	text-transform: uppercase;
	padding: 0;	
	display: inline; list-style-type:none; margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #365b65;
	border-left: 1px solid #223a3e;
	border-bottom: none;
	color: #dacfb1;
	font: bold 12px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	background: url('images/nav-hover.jpg') repeat-x;
	color:#FFF;
}
#nav ul li#current a {	
	background: url('images/lean-build-and-design.png') no-repeat;
	padding-left: 20px;	
}

#nav ul li#current a:link {	
	background: url('images/lean-build-and-design.png') no-repeat;
	padding-left: 20px;	
}




/* LEFT MENU */

#leftmenu {
	float: left;
	width: 205px;
	padding: 5px; 
	margin: 5px 0 0 3px;		
	background: #d1ca9f;
	border: 5px solid #FFF;
	font-size: .89em;
	color: #223a3e;
}	
#leftmenu h1  {
	margin-top: 5px;
	padding: 5px 5px; 
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #400001;
 		
}

#leftmenu p	{
	padding: 5px;
	}
	
#leftmenu .test {
	text-align: right;
	font-weight: bold;
	border-bottom: 1px dotted #223a3e;
	color: #400001; }
	

#leftmenu ul.sidemenu {
	list-style:none;
	margin:0px;
	padding: 0px
}
#leftmenu ul.sidemenu li {
	margin-bottom:1px;
	background: url('images/dots.jpg') repeat-x left bottom;
	margin: 0 2px; list-style-type:none; padding-left:5px; padding-right:0; padding-top:4px; padding-bottom:4px	
	
}
#leftmenu ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #FFF;	
	text-decoration:none;	
	padding:0 0 0 15px;
	background: url('images/arrow.gif') no-repeat left center;
	min-height:18px;
}

* html body #leftmenu ul.sidemenu a { height: 18px; }

#leftmenu ul.sidemenu a:hover {
	padding:0 0 0 15px;
	background: url('images/arrow.gif') no-repeat left center;
	color: #223a3e;
	}




#leftmenu ul.menu {
	text-align: left;
	margin: 7px 4px 8px 0; padding: 0;
	text-decoration: none;		
	
}
#leftmenu ul.menu li {
	background: url('images/dots.jpg') repeat-x left bottom;
	margin: 0 2px; list-style-type:none; padding-left:5px; padding-right:0; padding-top:4px; padding-bottom:4px		
}
* html body #leftmenu ul.menu li {
	height: 1%;
}
#leftmenu ul.menu li a {
	text-decoration: none;	
	color: #6B4F2E;		
}
#leftmenu ul.menu li a:hover {	
	color: #a42d0d;	
}



.post-footer {
	clear: both;
	background: #f1e9b8;
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size: 95%;	
	border: 1px solid #E0DBC9;
}
.post-footer a.comments {
	margin: 0 10px 0 5px;	
}
.post-footer a.solution {
	margin: 0 10px 0 5px;	
}

/* footer */
#column-wrap {
	clear: both;
	float: left;
	width: 960px;
	background: #dacfb1 url('images/footer_bg.jpg') repeat-x left bottom;		
	border-bottom: 2px solid #FFF; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:35px;
	
	
}
#column-wrap a {
	text-decoration: none;
	color: #FFF;	
}
#column-wrap a:hover {
	color: #000;	
}
#column-wrap h2 {
	color: #FFF;	
	margin: 0 0 10px 0;	
}

#columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 780px;		
	background: transparent;
}
#columns ul {
	padding: 0;	
	background: url('images/ft_dots.gif') repeat-x left top;; list-style-type:none; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0	
}
#columns li {
	background: url('images/ft_dots.gif') repeat-x left bottom;		
}
#columns li a {
	display: block;
	font-weight: normal;
	padding: 3px 0 3px 10px;
	width: 95%;
}
#columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#columns .col3-center { 
	margin: 0 15px; 
}

/* footer*/
#footer {
	clear: both;
	color: #F3EFBA;	
	width: 960px;
	height: 40px;
	padding: 15px 0 5px 0;
	text-align: center;
	background: #a39e7e;
	font-size:1em;
}
#footer a:link, #footer a:visited {
	color: #F3EFBA;
	
}

#footer a:hover {
	color: #333;
	border-bottom: 1px solid #333;
	
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }



/* LIGHTBOX */

#lightbox {
position:absolute;
top:5px;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;

}

#lightbox a img {
border: none;
}

#outerImageContainer {
position:relative;
background-color:#FFF;
width:250px;
height:250px;
margin:0 auto;
border: 1px solid #DADADA;

}

#imageContainer {
padding:10px;


}

#loading {
position:absolute;
top:20%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#imageContainer > #hoverNav {
left:0;
}

#hoverNav a {
outline:none;
}

#prevLink, #nextLink {
width:49%;
height:100%;
background:url('/images/blank.gif') no-repeat;
display:block;
}

#prevLink {
left:0;
float:left;
}

#nextLink {
right:0;
float:right;
}

#prevLink:hover, #prevLink:visited:hover {
background:url('/images/blank.gif') no-repeat left 15%;
}

#nextLink:hover, #nextLink:visited:hover {
background:url('/images/blank.gif') no-repeat right 15%;
}

#imageDataContainer {
font:10px Tahoma, Verdana, Arial, Georgia, sans-serif;
background-color:#FFF;
line-height:1.4em;
margin:0 auto;
}

#imageData {
padding:0 10px;

}

#imageData #imageDetails {
width:70%;
float:left;
text-align:left;

}

#imageData #caption {
font-weight:700;
font:11px Tahoma, Verdana, Arial, Georgia, sans-serif;
color:#000;
}

#imageData #numberDisplay {
display:block;
clear:left;
padding-bottom:1em;
}

#imageData #bottomNavClose {
width:66px;
float:right;
padding-bottom:0.7em;
border: 0px;
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
-moz-opacity: 0;
opacity:0;
filter: alpha (opacity=0);

}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html > body .clearfix {
display:inline-block;
width:100%;
}

* html .clearfix {
height:1%;
}

.contentslide {
border-left:0px none;
border-right:0px none;
border-top:0px none;
border-bottom:6px none;
width:500px;
height:375px;
padding:0;

}

.pagination {
width:500px;
text-align:center;
background-color:#FFF;
padding-bottom:5px
}

* html .pagination {
width:500px;
}

.pagination a {
text-decoration:none;
color:#09f;
font-family:Tahoma, Verdana, Arial, Georgia, sans-serif;
line-height:1.4em;
font-size:1em;
padding:1px;
}

.pagination a:hover, .pagination a.selected {
color:#f09;
font-family:Tahoma, Verdana, Arial, Georgia, sans-serif;
line-height:1.4em;
font-size:1em;
}

.hide, .contentslide, .contentdiv {
display:none; }