/* CSS Document */

html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #494A39;
	text-decoration:none;
}
a:hover {
	color: #fff;
	text-decoration:underline;
}

body {
	color: #333333;
	background-color: #757754;
	margin-top:30px;
	font-family:Geneva, Arial, Helvetica, sans-serif; }

.inner-container {
	margin: 0 auto;
	width: 900px; padding:0px;
}

.outer-container {
	padding-bottom: 0px;
}

.main {
	padding: 0;
}

.img {border:1px #333333 solid; }

.img:hover {border:1px #8E673D solid; filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;}



/* main-right */

.right {
width:740px;
float:right; padding-top:10px; display:inline;
}

/* main-left */

.left {
width:130px;
float:left; padding-top:67px; display:inline;
}

h1 { text-transform:uppercase; font-size:14px; font-weight:bold; text-align:left; margin-right:12px; padding:12px 0px 5px 12px; border-bottom:1px dotted #BFC0A9; font-family: Geneva, Arial, Helvetica, sans-serif; color:#fff; }

h2 { text-transform:uppercase; font-size:10px; font-weight:bold; text-align:left; margin-right:12px; padding:12px 0px 5px 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height:15px; color:#fff;}

h3 { text-transform:uppercase; font-size:13px; font-weight:bold; font-family: Geneva, Arial, Helvetica, sans-serif ; padding-bottom:5px; border-bottom:1px dotted #666666; margin: 10px 0 5px 0; letter-spacing:.5px; }

h3 a:link { color:#000000; }

h3 a:visited { color:#000000; }

h4 { text-transform:uppercase; font-size:12px; font-weight:bold; font-family: Geneva, Arial, Helvetica, sans-serif; margin: 25px 0 0 0; padding:0;}

h5 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:20px;
	font-weight:normal;
	font-family: Helvetica, arial, sans-serif;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
}

h6 { text-transform:uppercase; font-size:12px; font-weight:bold; font-family: Geneva, Arial, Helvetica, sans-serif; border-bottom:1px dotted  #666666; }

h7 {font-size:12px; font-weight:bold; text-transform:uppercase; color:#333; }

#project-heading {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:20px;
	font-weight:normal;
	font-family: Helvetica, arial, sans-serif;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #fff;
	padding:25px 0 10px 0;
}

/* index text */

#index-text{ font-size:12px; line-height:18px; padding:10px 0 0 0; 
}

/* navigation */

#nav{
margin: 0 auto; font-weight:bold; 
}

#nav a:link {
color:#fff; text-decoration:none; text-transform:uppercase;
}

#nav a:visited{
color:#fff; text-decoration:none; text-transform:uppercase;
}

#nav a.active{
font-weight:bold; color:#fff; border-bottom:3px dotted #fff; text-transform:uppercase;
}

#nav a:hover{
border-bottom:3px solid  #494A39; color:#494A39;
}

#nav ul{font-size:12px; border-bottom:1px dotted #BFC0A9; text-align:left; margin:0px; padding:10px 0 10px 0; }

#nav li { display:inline; list-style:none; padding-right:40px; }

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

#nav li .current {
			border-bottom:3px solid  #fff; color:#fff;
			}

/* main images */

#image{
margin: 0 auto; margin-top:15px; width:740px;
}

.border { color: #FFCC00; }

/* footer */

.footer {
	font: bold 1em sans-serif;
	padding: 0 0 15px 0;
	margin: 5px 0 0 0;
}

.clearer {clear: both; font-size: 0;}

/* copyright */
#copy {
	color: #BFC0A9;
	text-align:right;
	font-size: 10px;
	margin: 0 auto;
	width: 900px;
}
#copy a {
	color: #BFC0A9;
	text-decoration: none;
}
#copy a:hover {
	color: #000000;
	text-decoration: underline;
}

#copy-right {float:right; width:740px; border-top:1px dotted #BFC0A9; padding: 7px 0 10px 0; display:inline;}


/* contact-text */

#contact-text{ 	font-size:12px;
				line-height:18px;
				padding:30px 30px 30px 30px;
				background: #B3B683 url(images/bg-1.jpg) repeat-x;
				border:#494A39 1px solid;
				border-left: #494A39 solid 10px;
				margin:0 0 15px 0;
				overflow: auto;
				float:left;
				width:670px;
				display:inline;
}

#contact-text p{ margin-top:10px; 
}

#phone ul{background-image: url(images/speech-bubble-micro-icon.png); background-repeat:no-repeat; background-position:0; list-style:none; padding-left:20px; }

#address li{  
}

#address ul{background-image:url(images/mail-envelope-simple-micro-icon.png); background-repeat:no-repeat; list-style:none; padding-left:20px; line-height:14px; }

#address li{ 
}

#email ul{ background-image:url(images/document-lines-micro-icon.png); background-repeat:no-repeat; list-style:none; padding-left:20px; line-height:10px; }

#email li{ padding-bottom: 10px;
}

#contact-image {float:right; display:inline;}

#about-image {float:right; margin:0 0 0 15px; display:inline;}

#process-image1 {float:right; margin:0 0 20px 19px; display:inline;}

#process-image2 {float:left; margin:0 25px 0 0 ; display:inline;}

#process-image3 {float:left; margin:0 15px 0 0 ; display:inline;}

#process-image4 {float:right; margin:35px 0 20px 25px; display:inline;}

/* projects */

#project-page { font-size:12px;
				line-height:18px;
				padding:30px 30px 30px 30px;
				background: #B3B683 url(images/bg-1.jpg) repeat-x;
				border:#494A39 1px solid;
				border-left: #494A39 solid 10px;
				margin:27px 0 15px 0;
				overflow: auto;
				float:left;
				width:670px;
				display:inline;
}

#project {width:400px; float:right; display:inline; overflow: visible; }

#project-desc {width:240px; float: left; display:inline;}

#project-desc p{margin-bottom:15px; font-size:12px; }

#project-desc img{margin:15px 0 15px 0; }

#project-image {width:140px; height:140px; float:left; border:1px solid #333333; display:inline; padding:0px; }

#project-text {width:485px; float:right; border-left:1px #666666 dotted; padding-left:20px; display:inline;}

#project-box{ font-size:12px; line-height:18px; padding:10px 10px 10px 10px; background-color: #B3B683; border:#494A39 1px solid; border-left: #494A39 solid 10px; margin-top:0px; margin-bottom:15px; overflow: auto;
}

.project-page-thumb {float:left; margin-top:11px; display: block; margin-right:10px; width: 56px; height: 56px; border:1px solid #333; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; display:inline;
 }
 
 .project-page-thumb-last {float:left; margin-top:11px; display: block; width: 56px; height: 56px; border:1px solid #333; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; display:inline;
 }
 
 .project-page-thumb:hover
{ border:1px solid #333; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}

 .project-page-thumb-last:hover
{ border:1px solid #333; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}

#thumbnails
{ width:375px; float:right; display:inline;
}

.project-page-right:hover
{ 
  background-position: bottom left;
}


.project-page-right span
{
  display: none;
}

.project-page-info { margin-top:15px; width:220px; }

.project-page-text { float:left; width:100%; line-height:25px; margin:20px 0 0 0; display:inline;}

.project-page-text p{ font-size:12px; }

#GalleryCaption {font-size:13px; margin-bottom:10px; text-align:right; width:200px; float:right; font-weight:bold; display:inline;}

#nextprev {font-size:13px; margin-bottom:10px; text-align:left; width:200px; color:#333; }

#nextprev a{font-size:13px; text-decoration:none; color:#333; }

#nextprev a:hover{font-size:13px; text-decoration:none; color:#fff; }

#quote {font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; font-weight:bold; padding-top:15px; color:#000; }

#name {font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; padding-top:5px; text-align:left; color:#000; }

#process-text{ 	font-size:12px;
				line-height:18px;
				padding:30px 25px 30px 35px;
				background: #B3B683 url(images/bg-1.jpg) repeat-x;
				border:#494A39 1px solid;
				border-left: #494A39 solid 10px;
				margin:0 0 15px 0;
				overflow: auto;
				float:left;
				width:670px;
				display:inline;
}

#process-text ul {  }

#process-text li { margin:0 25px 30px 0; width:200px; float:left; list-style:none; overflow:auto; display:inline;}

#process-text li.last { margin:0 20px 30px 0; width:200px; float:left; list-style:none; display:inline;}

#process-text img { margin-bottom:10px; }

#process-text p { margin-top:8px; color:#333; }

#process-text-desc { color:#555; margin-top:2px; font-size:11px; border-bottom:1px dotted #555; padding:0 0 4px 0; }

img, div { behavior: url(iepngfix.htc); }

#contact-area { width: 398px; float:left;}

.types {font-size:14px; font-weight:bold; padding:25px 0 5px 0; }