/*  CSS DOCUMENT */
/* PuffTuff (c) */

(/images/.png)
(/images/galleries/ *.png)
(/.png)

html {
 height:100%;
 margin:0px 0px 0px 0px;
 background-color:#DDDCDC; /*E0DFDE*/
}

body {
 /*background:transparent url(images/bg.png);*/
 font:normal 10pt 'Palatino Linotype', verdana,tahoma,arial;
 font-variant:small-caps;
 /*letter-spacing:0.07em;
 font-stretch:expanded;*/
  background-color:#DDDCDC; /*E0DFDE*/
}


table,input { text-decoration:none;}

a { text-decoration:none; color:black;}
a:hover {  text-decoration:underline; color:#666666;}

a.active {  color:#F5F599; text-decoration:none;}

input.submit {background: #EDF8ED;border:none;}

img { padding: 0 0 0 0;
margin:0 0 0 0;
_padding:0px 0px 0px 0px;
_margin:0px 0px 0px 0px;
border:0px;}

#send_button {
background:transparent url(images/send_button.png) no-repeat center top;
width:58px;
height:26px;
cursor:pointer;
position:relative;
left:2px;
top:-15px;
}

.inputhack {
border:1px solid #888;
width:160px;
}

.inputhack textarea {
border:1px solid #888;
width:160px;
}

#direct_email {
position:absolute;
top:10px;
left:540px;
width:200px;
font-size:12px;
font-variant:normal;
color:#727272;
}

#direct_email h2{
font-family:Georgia;
font-size:9pt;
font-variant:small-caps;
color: #3C499B;
font-weight:bold;
font-style:;
text-decoration:;
letter-spacing:0.08em;
padding-left:0px;
padding-bottom:7px;
}

#direct_email td {
text-align:center;
padding:5px;
}

#direct_email a {
color:#3C499B;
}
.contactusdiv {
overflow:hidden;
letter-spacing:0.07em;
height:484px;
width:760px;
position:absolute;
left:-4px;
top:-10px;
background-color:#FEFCFC;
padding:0px 0px 0px 20px;
}

.contactusdiv h1{
padding-left:20px;
color:#727272;
font-size:14pt;
}
.contactusdiv h2{
padding-left:20px;
color:#727272;
font-size:10pt;
width:400px;
}

.contactusdiv h3{
margin:0px;
position:relative;
padding-left:80px;
color:#727272;
font-size:20pt;
}

.contactusdiv table {
position:relative;
 font-variant:small-caps;
 letter-spacing:0.08em;
 padding-left:20px;
 color:#727272;
 }

#bodydiv {
display:block;
position:relative;
 background:transparent url(images/bg.png) no-repeat center top;
 margin:auto;
 /*_width:100%; /* IE 6 sucks. */
 max-width:792px;
 width:792px;

}

#bodydiv_grr {
display:block;
position:absolute;
top:0px;
left:0px;
 background:#DDDCDC;
 margin:auto;
 /*_width:100%; /* IE 6 sucks. */
 max-width:792px;
 width:792px;
z-index:25000;
}


#logo {

position:relative;
left:20px;
top:3px;
_padding:0px 0px 0px 0px;
_margin:0px 0px 0px 0px;
_width:166px;
_height:80px;
}

#logo img {
_padding:0px 0px 0px 0px;
_margin:0px 0px 0px 0px;
}

#read_more {
position:absolute;
bottom:0px;
right:0px;
font-size:10px;
cursor:pointer;
_bottom:-15px;
}

.featuredproject {
position:relative;
top:25px;
left:5px;
width:760px;
font-size:8pt;
}

.featuredproject #text {
font-variant:normal;
font-size:7pt;
float:left;
margin: 7px 5px 5px 15px;
_margin: 0px 0px 0px 5px;
width:420px;
position:relative;
}

.featuredproject h1{
font-size:7pt;_top:0px;
color:#666;
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
}

.featuredproject h2{
position:relative;top:-15px;_top:0px;
font-family:Palatino Linotype;
font-size:12pt;
font-variant:small-caps;
color: black;
font-weight:bold;
font-style:;
text-decoration:;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
_margin:-10px 0px 0px 0px;
letter-spacing:0.03em;
}

.featuredproject #content {
position:relative;top:-15px;
_top:0px;
font-family:Georgia;
font-size:9pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
line-height:100%;
letter-spacing:normal;
}

.featuredproject img{
position:absolute;
float:right;
top:5px;right:5px;
width:274px;
height:103px;
}

#fp_overpop {
position:absolute;
top:-30px;
left:0px;
background-color:#FBF9F9;
display:none;
padding:10px 5px 10px 5px;
font-weight:bolder;
font-variant:small-caps;
font-size:9pt;
color:#555;
border:1px solid gray;
z-index:100;
}

.inbetween {  
	/*display:none;*/
    height:  333px;  
    width:   770px;  
    padding: 0;  
    margin:  0; 
	position:absolute;
	float:left;
	top:0px;
	z-index:4;
} 

.pics {  
    height:  333px;  
    width:   770px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0px;  
    border:  0px solid #ccc;  
    background-color: #eee;  
    width:  770px; 
    height: 333px; 
    top:  0; 
    left: 0 
} 


.galleries #window .inbetween {  
	/*display:none;*/
    height:  400px;  
    width:   770px;
	_width:	 790px;	
    padding: 0;  
    margin:  0; 
	position:absolute;
	float:left;
	top:-15px;
	left:20px;	
	z-index:4;
} 

.galleries #window .pics {  
	position:absolute;
	top:-15px;
	left:35px;
    height:  400px;  
    width:   770px;  
    padding: 0;  
    margin:  0;  
} 
 
.galleries #window .pics img {  
    padding: 0px;  
    border:  0px solid #ccc;  
    background-color: #eee;  
    width:  770px; 
    height: 400px; 
    top:  0; 
    left: 0 
} 

.menu {
position:absolute;
top:63px;
right:0px;
z-index:5;
text-align: justify;
float:right;}

.menu a{
padding:0px 15px 0px 0px;
font-family:Times New Roman;
font-size:9pt;
font-variant:small-caps;
color: #777;
font-weight:bold;
font-style:;
text-decoration:;
letter-spacing:0.04em;
cursor:pointer;
}

.menu a:hover {
text-decoration:none;
color:#3C499B;
}

.menu img {
border:0px;
margin:-5px 5px 0px 0px;
position:relative;
top:0px;
text-decoration:none;
}

.tagline {
font-family:Palatino Linotype;
font-size:8pt;
font-variant:small-caps;
color: Black;
font-weight:bold;
font-style:;
text-decoration:;
letter-spacing:0.15em;
position:relative;
float:right;
top:-50px;
right:22px;
}

.topcornerlink {
position:absolute;
top:5px;
right:5px;
float:right;
height:10px;
}

.topcornerlink a{font-size:90%;color:black; float:right;}

.noformattextarea {
background-color:#BEd3A6; /*BBD59E;*/
overflow-x:hidden;
overflow-y:auto;
border:none;

}

.whatwedo {
display:block;
height:485px;
width:780px;
position:absolute;
left:-4px;
top:-10px;
background-color:#FEFCFC;
}

#whatwedo_grr {
/*display:none;*/
height:485px;
width:780px;
position:absolute;
left:0px;
top:0px;
background-color:#FEFCFC;
z-index:25003;
}

.whatwedo img {
float:left;
border:none;
margin:10px 10px 10px 10px;
width:272px;
height:464px;
}

.whatwedo #window {
background-color:#FBF9F9;
height:465px;
width: 500px;
position:absolute;
top:10px;
right:10px;
}

.whatwedo #window  .top{
background-color:#FBF9F9;
position:relative;
top:-10px;
margin: 0px 30px 20px 30px;
font-size:15pt;
_position:absolute;
}

.whatwedo #window  .top img{
width:450px;
height:70px;
}

.whatwedo #window hr { 
color:#efefef;
height:1px;
}

.allinputs {
width:160px;
}

.therest {
position:relative;
/*top:-80px;
_top:-120px;*/
_top:70px;
}

.therest .divider {
position:relative;
left:15px;
_left:10px;
}

.therest .divider img {
width:2px;
height:309px;
}


.therest .leftcol {
width:170px;
position:relative;
top:-20px;
_top:0px;
font-family:Georgia;
font-size:9pt;
font-variant:small-caps;
color: #666;
font-weight:bold;
font-style:;
text-decoration:;
letter-spacing:normal;
}

.therest .leftcol ul{
position:relative;
list-style-image: url('images/arrow.png');
}

.therest .leftcol li{
margin:10px 0px 0px 30px;
padding: 10px 0px 0px 0px;
cursor:pointer;
}


.therest .leftcol a{
text-decoration:none;
cursor:pointer;

}

.therest .rightcol {
font-family:Georgia;
font-size:8pt;
font-variant:normal;
color: #444;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
width:260px;
position:absolute;
right:20px;
top:33px;
_top:0px;
_right:220px;
margin:10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
_margin: 0px 0px 0px 0px;
_padding: 0px 0px 0px 0px;
height:285px;
text-align:justify;
}

.therest .rightcol li{
text-align:left;
}

.therest .rightcol h1 {
position:relative;
top:-2px;
margin:10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
font-family:Georgia;
font-size:9pt;
font-variant:small-caps;
color: #666;
font-weight:bold;
font-style:;
text-decoration:;
letter-spacing:normal;
color: #3C499B;
}

.flip_right {
position:absolute;
bottom:-40px;
right:0px;
}

.flip_left {
left:0px;
position:absolute;
bottom:-40px;

}

.flip_right img, .flip_left img{
width:20px;
cursor:pointer;
}

.fp {
display:none;
height:485px;
width:780px;
position:absolute;
left:-4px;
top:-10px;
background-color:#FEFCFC;

}

.fp  img{
float:right;
position:absolute;
right:10px;
top:100px;

}

#proj_stages li {
margin-left:0px;
padding-left:0px;
left:-10px;
position:relative;
}

.fp #window {
font-family:'Georgia';
font-size:9pt;
font-variant:normal;
position:absolute;
top:-10px;
left:-10px;
padding:20px 30px 10px 30px;
width:535px;
height:485px;
color:#333;
}

#fp_title {
position:relative;
float:left;
font-variant:small-caps;
font-size:10pt;
color:#555;
}

#more_projects {
position:relative;
float:right;
right:10px;
font-variant:small-caps;
font-size:10pt;
color:#666;
}

#more_projects:hover {
color:#3C499B;
}

#project_title {
clear:both;
position:relative;
left:80px;
font-variant:small-caps;
font-size:16pt;
padding:5px 0px 5px 0px;
font-family:'Palatino Linotype';
}

#project_menu {
text-align:center;
width:100%;
padding:10px 0px 10px 0px;
position:relative;
}

#project_menu a {
font-family:Georgia;
font-size:9pt;
font-variant:small-caps;
color: #666;
font-weight:bold;
font-style:;
text-decoration:;
letter-spacing:normal;
padding:0px 25px 0px 25px;
cursor:pointer;
}

#project_menu a:hover {
color:#3C499B;
text-decoration:none;
}

.fp_menu {
position:relative;
display:inline;
}

.fp_menu  img{
position:absolute;
left:8px;
top:2px;
}

#project_header {
font-family:Georgia;
font-size:9pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
text-align:justify;
}

#proj_stages {
font-family:Georgia;
font-size:9pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
text-align:justify;
}


.galleries {
/*display:none;*/
height:485px;
width:780px;
position:absolute;
left:-4px;
top:-10px;
_top:-10px;
background-color:#FEFCFC;
font-family:'Georgia';
}

#galleries_grr {
/*display:none;*/
height:485px;
width:780px;
position:absolute;
left:0px;
top:0px;
background-color:#FEFCFC;
}

.galleries #window {
font-size:8pt;
font-variant:normal;
position:absolute;
top:25px;
left:-30px;
padding:20px 30px 10px 30px;
width:420px;
height:485px;
color:#333;
padding:40px 10px 10px -20px;
}

.galleries .gallery_cat {
font-family:Georgia;
font-size:11pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
background: transparent url(images/galleries_box.png) no-repeat center top;
position: relative;
height:110px;
width:240px;
padding:10px 10px 10px 0px;
left:15px;
cursor:pointer;
}

.galleries .gallery_cat  img{
height:64px;
width:222px;

}

#gal_counter {
position:absolute;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:150px;
top:0px;
left:60px;
}

.ie_ctr_fix {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#cat_popup {
position:relative;
top:-160px;
_top:-230px;
left:0px;
background-color:#FBF9F9;
display:none;
padding:10px 5px 10px 5px;
font-weight:normal;
font-variant:small-caps;
font-size:10pt;
color:#555;
border:1px solid gray;
opacity:0.8;
z-index:9999;
width:120px;
filter:alpha(opacity=80);
}

#cat_popup ul {
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
}

#cat_popup a {
font-family:Georgia;
font-size:;
font-variant:small-caps;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
}

#cat_popup a:hover { color:#666; }

#cat_popup li {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
cursor:pointer;
}

#cat_popup hr {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
border-bottom: 1px solid #777;
_border-bottom: 0px solid #777;
}

.middle .galleries .gal_nav {
	position:absolute;
	top:-15px;
	left:20px;
    height:  400px;  
    width:   770px;  
    padding: 0;  
    margin:  0;  
	z-index:66;
}

.middle .galleries .gal_nav  #nav_left{
	position:relative;
	width:70px;
	height:  400px;  
	float:left;	
	z-index:999;
	cursor:pointer;
}

.middle .galleries .gal_nav  #nav_right{
	position:absolute;
	top:0px;
	right:0px;
	width:70px;
	height:  400px;  
	float:right;
	z-index:999;
	cursor:pointer;
}

#nav_left img {
display:none;
width:1px;
height:400px;
border:0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
cursor:pointer;
}

#nav_right img {
display:none;
border:0px;
width:1px;
height:400px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
cursor:pointer;
}

.middle .galleries .gal_bottom {
width:100%;
height:70px;
position:relative;
top:415px;

}

.middle .galleries .gal_bottom  .left{
width:150px;
float:left;
position:relative;
padding: 5px 5px 5px 15px;
}

.middle .galleries .gal_bottom  .middle{
width:365px;
float:left;
position:relative;
top:-7px;
}

.middle .galleries .gal_bottom  .middle #slide_trigger{
font-family:Georgia;
font-size:13pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
width:166px;
height:31px;
float:right;
top:27px;
left:100px;
_left:0px;
position:absolute;
background:transparent url(images/cat_box.png) no-repeat center top;
padding: 3px 5px 5px 20px;
cursor:pointer;
}

.middle .galleries .gal_bottom  .middle #slide_trigger #sep {
right:95px;
display:inline;
position:absolute;
}

#nav_left_2 {
position:absolute;
float:left;
padding:3px 0px 0px 45px;
display:inline;
top:0px;left:0px;
clear:left;
}

#nav_left_2 img {

position:absolute;
left:9px;
top:7px;
}

#nav_right_2 img {

position:absolute;
left:52px;
top:7px;
}

#nav_right_2 {
position:absolute;
float:right;
padding:3px 45px 0px 0px;
display:inline;
top:0px;right:0px;
clear:right;
}


.middle .galleries .gal_bottom  .middle #slide_trigger #sep {
right:95px;
display:inline;
position:absolute;
}

.middle .galleries .gal_bottom  .middle #pause_tip{
display:none;
opacity:0.8;
font-size:7pt;
color:#727272;
padding-left:110px;
font-variant:normal;
position:relative;
_left:-80px;
}

.middle .galleries .gal_bottom  .left hr{
color: black;
background-color: black;
height: 1px;
padding:0px 0px 0px 0px;
margin:2px 0px 2px 0px;
border:0px;
}

.middle .galleries .gal_bottom  .left .title{
position:relative;
left:0px;
font-family:Georgia;
font-size:13pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
font-size:15pt;
letter-spacing:0.05em;
}

.middle .galleries .gal_bottom  .left .counter{
width:150px;
float:left;
position:relative;
font-family:Georgia;
font-size:13pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
}

.middle .galleries .gal_bottom  .right{
width:186px;
height:31px;
float:right;
top:20px;
_right:20px;
font-size:13pt;
font-variant:normal;
position:relative;
_position:absolute;
font-family:Georgia;
font-size:13pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
background:transparent url(images/cat_box.png) no-repeat center top;
padding: 3px 5px 5px 20px;
cursor:pointer;
}

.galleries img {
position:relative;
left:15px;
}

.galleries #window table {
border-spacing:0px;
border:none;
}

.galleries #window td {
border-spacing:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.galleries .title {
font-size:12pt;

color:#3C499B;
left:15px;
position:relative;
width:222px;
}

.trg {
cursor:pointer;
}

.trg:hover {
color:#3C499B;
}

.trg img {
position:relative;
float:left;
display:inline;
padding-left:8px;
padding-right:8px;
top:3px;
left:3px;
}

.trd {
display:none;
padding-left:15px
}

.header {
min-height:50px;
min-width:800px;
max-width:800px;
width:100%;
top:0px;
/*padding: 2 2 2 2;
background-color:green;*/
}



.footer {
position:absolute;
min-height:20px;
min-width:770px;
max-width:770px;
bottom:0px;
_top:630px;
/*padding: 2 2 2 2;
background-color:green;*/
}
.footer .leftcol {
float:left;
width:230px;
_width:255px;
position:relative;
left:17px;
top:-40px;
font-family:Verdana;
font-size:8pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
line-height:120%;

/*color:#444;*/
}


.footer .rightcol {
font-family:'Georgia';
float:right;
position:relative;
top:-30px;
right:40px;
_right:60px;
width:150px;
}


.footer .rightcol a{
font-size:80%;
line-height:120%;
letter-spacing:0.15em;
font-weight:bolder;
font-variant:small-caps;
color:#444;
cursor:pointer;
}

.footer .middlecol {
float:left;
position:relative;
left:20px;
_left:10px;
top:-27px;
width:150px;
font-family:Verdana;
font-size:8pt;
font-variant:normal;
color: black;
font-weight:;
font-style:;
text-decoration:;
letter-spacing:normal;
line-height:120%;
/*color:#444;*/
}

.footer .leftcol #name{
font-family:Georgia;
font-size:9pt;
font-variant:small-caps;
color: #3C499B;
font-weight:bold;
font-style:;
text-decoration:;
letter-spacing:0.08em;
}

.middle {
position:relative;
top:14px;
left:10px;
_top:-5px;
_left:12px;
/*padding: 2 2 2 2;
background-color:green;*/
}

.leftcol {
float: left;
width:60%;
/*background-color:yellow;*/

}
.rightcol {
float:left;
width:27%;
/*background-color:red;*/
}

.header img  {position:relative;}