/* THP Ltd.
   Updated: 6/10/2008
   -----------------------------------------------------------------------*/


/* COLORS
    Body Background:        #FFF
    Main Text:              #A6A6A6
    Newest Text Color:      #8c8c8c;
   
    Med Gray:               #666666
    Dark Gray:              #211F20
    Red:                    #951B1F
    Green:                  #8CC63E

*/

/* LISTS
    line-height:2em;
*/



/*----------------------- LAYOUT SETTINGS -----------------------*/

body{
    /*background:url('images/bg.jpg') no-repeat 50% 0 #fff;*/
    background-color:#FFF;
    margin:0;
    padding:0;
    text-align:center;
    font-family: arial, tahoma, verdana, sanserif;
	font-size:62.5%;
}

#container{
    margin:0 auto;
    width:800px;
    text-align:left;
}

#header{
    margin:0;
    padding:0;
    height:135px;
    background:url('images/blackbar.jpg') bottom left no-repeat;
}

#subnav{
    margin:.5em 0 2em 0;
    padding:0;
    overflow:hidden;
}

#banner{
    margin:0 auto;
    padding:0;
    text-align:center;
}

#content{
    margin:2em 0;
    padding:0 0 33px 0;
    border-bottom:1px solid #C8C8C8;
    overflow:hidden;
    /*height:100%;*/
}
#content.home2
{
    padding:0 0 0px;}
    
#footerbg
{
	/*margin:0 auto;
	padding:0;
	background:url('images/bg_footer.gif') no-repeat 50% 100% #fff;
	clear:both;*/
}

#footer{
    margin:14px 0 0 0;
    padding:0;
    height:135px;
    width:800px;
    background:#fff;
}

#contentleft
{

    margin:0;
    padding:0;
    width:278px;
    float:left;
    /*border-right:1px solid #E5E5E5;*/
    border-right:1px solid #C8C8C8;
    margin-bottom: -1000px; 
    padding-bottom: 1000px;
    
}

#contentleft .home p
{
    /*background:green;*/
    font-size:1.1em;
    margin-bottom:-2.2em;
   
}

#contentright{
    margin:0;
    padding:0;
    float:left;
    width:520px;
}

p{
    font-size:1.1em;
    color:#8c8c8c;
    color:#000;
	line-height:1.4;
	
}

h1{
    font-size:1.9em;
    /*color:#211F20;*/
    /*color:#666666;*/
    color:#000000;
    font-weight:normal;
    margin:.6em 0 0 0;
    padding:0;
}
h2{
    font-size:1.4em;
    color:#211F20;
    font-weight:normal;
    margin:.8em 0 0 0;
    padding:0;
}
h3{
    font-size:1.3em;
    /*color:#666666;*/
    color:#505050;
    color:#000;
    font-weight:normal;
    margin:0;
    padding:0;
    padding-left:0px;

}


.title
{
    margin:0 0 8px 50px;
    line-height:2.5em;
}




.clear{
	clear:both;
}
/*  Header
-----------------------*/

a.thplogo img
{
    margin:40px 0 0 20px;
    padding:0;
}




/*----------------------- NAVIGATION -----------------------*/

/*  Main Dropdown Nav
-----------------------*/

#nav,
#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	float:right;
	font-size:12px;
}

#nav
{
    margin:75px 20px 0 0;
}

#nav ul{
	line-height:2.2em;
}

#nav a{
	display:block;
	padding:0px 5px;
	color:#8c8c8c;
	color:#000;
	text-decoration:none;
	background-color:#fff;
	text-align:center;
}

#nav a:hover{
	background-color:#fff;
	color:#333;
	color:#8c8c8c;
}

ul#nav>li{
	float:left;
	position:relative;
	width:90px;/* width of top nav*/
	border-right:1px solid #ddd;
}

ul#nav>li.last,
ul#nav>li span.last
{
    border-right:none;
}

ul#nav li
{
    position:relative;
    float:left;
}

#nav ul {
	position:absolute;
	display:none;
	width:132px;/*width of subnav +22px*/
	border-top:1px solid #ddd;
	margin-left:10px;
}

#nav li ul li a{
	width:120px;/*width of sub nav*/
	/*height:auto;*/
	float:left;
	border-width:0 1px 1px 1px;
	border-color:#ddd;
	border-style:solid;
	text-align:left;
	color:#8c8c8c;
}

ul#nav>li.current>a,
ul#nav>span.last>li.current>a{
    color:#000;
    color:#8c8c8c;
}

#nav li#servicesnav ul li a{
	width:235px;
}

#nav li#servicesnav ul{
	width:247px;
}

#nav li#portfolionav ul a{
	width:170px;
	
}

#nav li#portfolionav ul{
	width:182px;
	
}

#nav li#portfolionav ul ul a{
	width:80px;
	width:100px;
}

#nav li#portfolionav ul ul{
	width:92px;
}

#nav li ul a:hover{
	background:#8c8c8c;
	color:#fff;
}

#nav ul ul{
	top:auto;
}	

#nav li#aboutnav ul ul {
	left:131px; /*width of parent li*/
	margin:0px 0 0 0px;
}

#nav li#aboutnav ul ul {
	left:131px; /*width of parent li*/
	margin:0px 0 0 0px;
}

#nav li#portfolionav ul ul {
	/*left:256px; /*width of parent li*/
	/*left:-91px; /*width of parent li*/
	left:181px; /*width of parent li*/
	margin:0 0 0 0;
}

#nav li#contactnav ul ul {
	left:131px; /*width of parent li*/
	margin:0px 0 0 0px;
}

#nav li#contactnav ul ul {
	left:131px; /*width of parent li*/
	margin:0px 0 0 0px;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul{
	display:none;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul{
	display:block;
}




/*  Old Header Nav
-----------------------*/
#navlist
{
list-style-type: none;
margin: 75px 0 0 0;
padding: 0;
color:#a9a9a9;
float:right;
font-size:1.2em;
}

#navlist li
{
border-right: 1px solid #a9a9a9;
float: left;
line-height: 1.1em;
margin: 0 1em 0 0;
padding: 0 1em 0 0;
}

#navlist li.last{
    border-right:none;
}
#navlist li.lastcurrent{
    border-right:none;
}
#navlist li a{
    color:#a9a9a9;
    text-decoration:none;
    text-transform:uppercase;
}
#navlist li a:hover{
    color:#444;
    text-decoration:none;

}
#navlist li.current a{
    color:#444;
    text-decoration:none;
}
#navlist li.lastcurrent a{
    color:#444;
    text-decoration:none;
}

/*  End header nav
----------------------------*/




/*  Sub Nav System
-----------------------*/

#subnav ul
{
    list-style-type: none;
    margin: 0 0 0 4.6em;
    padding: 0;
    color:#444;
    font-size:1.1em;
}

#subnav li
{
    border-right: 1px solid #a9a9a9;
    float: left;
    line-height: 1.1em;
    margin: 0 1em 0 0;
    padding: 0 1em 0 0;
}

#subnav li.last{
    border-right:none;
}

#subnav li.lastcurrent{
    border-right:none;
}













#subnav li a{
    color:#8c8c8c;
    text-decoration:none;
        
}


















#subnav li a:hover{
    color:#444;
    text-decoration:none;
    
}

/* SUB NAV TEXT COLOR CHOICES */
#subnav ul li span.Active{color:#000;}

#subnav ul li span.History {color:#971B1E;}
#subnav ul li span.Clients{color:#5c99ac;}
#subnav ul li span.SignatureDesigners{color:#C42832;}
#subnav ul li span.Principals{color:#FF9900;}
#subnav ul li span.OurReach{color:#0090CA;}
#subnav ul li span.ThinkGreen{color:#8CC63F;}
#subnav ul li span.BIMTechnology{color:#00736A;}
#subnav ul li span.Newsroom{color:#472110;}
#subnav ul li span.Awards{color:#52202B;}
#subnav ul li span.Office{color:#FCAF17;}
#subnav ul li span.Staff{color:#513F60;}
#subnav ul li span.Events{color:#F15A22;}
#subnav ul li span.ContinuingEducation{color:#3970B7;}
#subnav ul li span.Opportunities{color:#FFDD00;}

#subnav ul li span.Services{color:#951B1F;}

#subnav ul li span.Portfolio{color:#951B1F;}


/*  Sub Nav System
----------------------------*/





/*  Navlist Green
-----------------------*/
#subnavgreen{
    margin:1em 0 2em 0;
    padding:0;
    overflow:hidden;
}

#subnavgreen ul
{
    list-style-type: none;
    margin: 0 0 0 3em;
    padding: 0;
    color:#a9a9a9;
    font-size:1.1em;
}

#subnavgreen li
{
    border-right: 1px solid #a9a9a9;
    float: left;
    line-height: 1.1em;
    margin: 0 1em 0 0;
    padding: 0 1em 0 0;
}

#subnavgreen li.last{
    border-right:none;
}

#subnavgreen li.lastcurrent{
    border-right:none;
}

#subnavgreen li a{
    color:#a9a9a9;
    text-decoration:none;
}
#subnavgreen li a:hover{
    color:#8CC63E;
    text-decoration:none;
}
#subnavgreen li.current a{
    color:#8CC63E;
    text-decoration:none;
}
#subnavgreen li.lastcurrent a{
    color:#8CC63E;
    text-decoration:none;
}

/*  End Navlist Green
----------------------------*/


/*  Navlist Red
-----------------------*/
#subnavred{
    margin:1em 0 2em 0;
    padding:0;
    overflow:hidden;
}

#subnavred ul{
    list-style-type: none;
    margin: 0 0 0 5em;
    padding: 0;
    color: #a9a9a9;
    font-size:1.1em;
}

#subnavred li{
    border-right: 1px solid #a9a9a9;
    float: left;
    line-height: 1.1em;
    margin: 0 1em 0 0;
    padding: 0 1em 0 0;
}

#subnavred li.last{
    border-right:none;
}
#subnavred li.lastcurrent{
    border-right:none;
}

#subnavred li a{
    color: #a9a9a9;
    text-decoration:none;
}





#subnavred li a:hover{
    color: #000;
    /* color:#a9a9a9;*/
    text-decoration:none;
    
    
    
    
    
    
}
#subnavred li.current a{
    color:#951B1F;
    text-decoration:none;
}
#subnavred li.lastcurrent a{
    color:#951B1F;
    text-decoration:none;
}

/*  End Navlist Red
----------------------------*/



/*----------------------- CONTENT -----------------------*/

#content a{
    text-decoration:none;
    /*color:#a6a6a6;*/
    color:#6E6E6E;
    color:#000;
}

#content a:hover{
    text-decoration:none;
    /*color:#951B1F;*/
    color:#000;
    color:#8c8c8c;
    
}

#contentleft img{
    margin:4em 2em 0 2em;
    padding:0;
}
#contentleft p
{
    margin:.5em 1em 0em 2em;
    padding:0;
    text-align:justify;
}
.contentinfo{
    width:325px;
    float:left;
    display:inline;
    margin:0 0 0 50px;
    text-align:justify;
    orphans: 1;
    padding:0;
}
#contentleft h2{
    margin:.5em 1em 1em 1.6em;
    padding:0;
}
#contentright p{
	margin:.5em 0;
	padding:0;
}

#contentright .row{
    margin:0;
    padding:1.75em 0em 2em 2em;
    /*border-left:0px solid #E5E5E5;*/
    border-bottom:1px solid #C8C8C8;
    clear:both;
    overflow:hidden;
    height:100%;
}
#contentright #lastrow{
    border-bottom:0;
    margin:0 0;
    padding:1.75em 0em 2em 2em;
    text-align:justify;
    /*border-left:0px solid #E5E5E5;*/
    clear:both;
    overflow:hidden;
    height:100%;  
      
    
}

#contentright #lastrow .right{
    border-bottom:0;
    margin:0 0;
    text-align:justify;
    float:right;
    width:310px;
    margin-left:10px;
    padding:1.25em 0em 0em 0em;    
}

#contentright #lastrow .left{
    border-bottom:0;
    margin:0 0;
    padding:-.5em 0em 0em 1em;
    text-align:justify;
    float:left;
    width:170px;

}

#contentright .row .left{
    float:left;
    width:170px;
    padding:-.5em 0em 0em 1em;
    border-bottom:0;
    margin:0 0;
    text-align:justify;
   
    }

#contentright .row .right
{
    border-bottom:0;
    margin:0 0;
    text-align:justify;    
    float:right;
    width:310px;
    padding:0em 0em 0em 0em;
}
    
#contentright .row .right img{
    /*margin-right:1em;
	margin-top:1em;*/
    margin:0px 7px 0 0;
    padding:0;
    border:none;
}
#contentright .row .right a img{
    padding:2px;
    /*background:#fff;*/
    border:solid 1px #fff;
}

#contentright .row .right a:hover img, #contentright .row .right a img.active{
    padding:2px;
    /*background:#951B1F;*/
    /*border:solid 1px #636466;*/
}

#contentright .row .left p{
	margin:0;
	padding:0;	

}
#contentright .row .left right{
	margin:0;
	padding:0;	

}
#contentleft .row .left p{
	margin:0;
	padding:0;	

}

/*---------- HOME PAGE ------------*/
#contentleft .home img
{
    margin-top:20px;
    margin-bottom:5px;
    padding:0;
}

.home{
    margin:0;
    padding-right:10px;
}

.home h3{
    margin-left:22px;
    margin-bottom:10px;
    letter-spacing:1px;
    
}

.home p
{
    line-height:1.3;
    font-size:10px;
}

#contentright .row .right p
{
    line-height:1.3;
    font-size:10px;

}

#contentright .row .right h3
{
    /*margin-top:5px;*/
    font-size:13px;

}

#contentright .lastrow .right p
{
    line-height:1.3;
    font-size:10px;

}

#contentright .lastrow .right h3
{
    /*margin-top:5px;*/
    font-size:13px;

}

/*----------------------- FOOTER -----------------------*/

#footerbg #footer .left{
    float:left;
    width:40%;
    text-align:left;
    margin-left:2em;
}
#footerbg #footer .right{
    float:right;
    width:40%;
    text-align:right;
    margin-right:2em;
}
#footerbg #footer p{
    font-size:.9em;
    margin:0;
    padding:0;
    line-height:1;
}


/*----------------------- ABOUT US -----------------------*/

#aboutfullwidth{
    padding:0 50px;
}

#aboutfullwidth h3{
	margin:5px 0;
	padding:0;
}

#aboutfullwidth .cell{
    width:33%;
    float:left;
    padding:10px 0;
    display:inline;
    overflow:hidden;
}

#aboutfullwidth .cell a img{
    border:0;
    width:50px;
    height:50px;
}

#aboutfullwidth .cell img{
    float:left;
    margin-right:6px;
    width:50px;
    height:50px;
}

#aboutfullwidth hr
{
    margin:0px;
	padding:0px;
	border-bottom:1px solid #DDDDDD;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}

#aboutfullwidth strong
{
    color:#666666;
    color:#000;
}

#aboutpopup
{
    position:absolute; 
    width:650px;
    height:365px; 
    display:none; 
    background:#fff; 
    /*border:1px solid #8C8C8C;*/
    border:1px solid #6E6E6E;
    right:0px; 
    top:200px;
    /*padding:10px;*/
    overflow:auto;
    text-align:justify;
    /*background:yellow;*/
    
}

#aboutpopupportfolio
{
    position:absolute; 
    width:700px;
    min-height:365px;
    height:auto !important;
    height:500px;

    display:none; 
    background:#fff; 
    /*border:1px solid #8C8C8C;*/
    border:1px solid #6E6E6E;
    right:0px; 
    top:200px;
    /*padding:10px;*/
    overflow:auto;
    text-align:justify;
    /*background:yellow;*/
    
}

#aboutpopup .close
{
    float:right;
    margin:1.5em 40px 0 33px;
}
#aboutpopupportfolio .close
{
    float:right;
    margin:1.5em 40px 0 33px;

}

#aboutpopupleft
{
    float:left;
    /*width:180px;*/
    padding:20px 33px 20px 40px;
    text-align:center; 
}

#aboutpopupright
{
    float:right;
    width:380px;
    margin:33px 40px 20px 0;
    /*background:orange;  */
}

#aboutpopupright H3
/*#aboutpopupright p*/
{
    margin:25px 40px 20px 0;
    
}

#aboutleft{
    width:275px;
    float:left;
    margin:0 25px 0 25px;
    padding-left:25px;
}
#aboutright{
    width:275px;
    float:left;
    margin:0 25px 0 25px;
	padding-right:25px;
}

.aboutcolumn
{
    width:350px;
    float:left;
    display:inline;
    margin:0 0 0 50px;
}

.aboutcolumn p b
{
    color:#777;
}


/*----------------------- HISTORY -----------------------*/

.historycolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.historycolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*----------------------- CLIENTS -----------------------*/

.clientscolumnleft
{
    width:220px;
    float:left;
    display:inline;
    margin:0 0 0 50px;
}
.clientscolumnmiddle
{
    width:230px;
    float:left;
    display:inline;
    margin:0 0 0 30px;
}
.clientscolumnright
{
    width:240px;
    float:left;
    display:inline;
    margin:0 0 0 30px;
}
.clientscolumnleft p,
.clientscolumnmiddle p,
.clientscolumnright p
{
    line-height:2em;
}

/*----------------------- Signature Designers -----------------------*/

.signaturescolumnleft
{
    width:175px;
    float:left;
    display:inline;
    margin:0 0 0 50px;
}
.signaturescolumnmiddle
{
    width:250px;
    float:left;
    display:inline;
    margin:0 0 0 30px;
}
.signaturescolumnright
{
    width:250px;
    float:left;
    display:inline;
    margin:0 0 0 30px;
}
.signaturescolumnleft p,
.signaturescolumnmiddle p,
.signaturescolumnright p
{
    line-height:2em;
}

/*----------------------- SERVICES -----------------------*/


#serviceslefttitle
{
	margin:0 0 9px 50px;
    line-height:12px;
}

#servicesleft{
    width:450px;
    float:left;
    margin:-8 25px 0 0;
    padding-left:50px;
    font-size:10px;
}
#supservicesleft p{
    width:450px;
    float:left;
    margin:0 25px 0 0;
    padding-left:50px;
    font-size:10px;
    line-height:2em;
}
#servicesright{
    width:325px;
    float:left;
	padding-right:25px;
}
#servicesright2{
    width:100px;
    float:inherit;
    text-align:center;
    font-size:80%;
}
#servicesright img{
    margin: 30px 0 0 0;
}
#servicesrighttab{
	/*border-left:1px solid #e5e5e5;*/
	border-left:1px solid #C8C8C8;
	width:270px;
	float:left;
	margin:0;
	padding-left:25px;
	font-size:10px;
}

#serviceslefttitle h1{
	font-size:2.2em;
	color:#666666;
	/*color:#676767;*/
}

#servicesleft p,
#servicesright p{
	text-align:justify;
	font-size:1em;
	margin:0 25px 0 0;
}

#servicesrighttab p{
	font-size:10px;
	line-height:2em;
	margin:-3px 15px 0 0;
}

/*----------------------- THINK GREEN -----------------------*/

#greenlefttitle
{

	margin:0 0 9px 50px;
    line-height:2.5em;
}

#greenleft{
    width:260px;
    float:left;
    margin:-8px 25px 0 0;
    padding-left:50px;
}
#greenright{
    width:260px;
    margin:-8px 0 0 0;
    float:left;
	padding-right:25px;
	/*border-right:1px solid #e5e5e5;*/
	border-right:1px solid #C8C8C8;
}
#greenright p{
    text-align:left;
}
#greenright2{
    width:100px;
    float:inherit;
    text-align:center;
    line-height:normal
}
#greenright2 p{
    float:inherit;
    text-align:center;
    font-size:80%;
    line-height:normal
}

#greenright img{
    margin: 30px 0 0 0;
}
#greenrighttab{
	/*border-left:1px solid #e5e5e5;*/
	width:120px;
	float:left;
	margin:0 9px 0 0;
	padding-left:25px;
}

#greenlefttitle h1{
	font-size:2.2em;
	color:#666666;
	color:#000;
	/*color:#676767;*/
}

#greenleft p{
	text-align:justify;
}

#greenrighttab p{
	font-size:1em;
}

/*----------------------- OUR REACH -----------------------*/
.reachcolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.reachcolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*----------------------- BIM -----------------------*/
.bimcolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.bimcolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*----------------------- NEWSROOM -----------------------*/

.newsentry
{
    width:600px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}


/*----------------------- AWARDS -----------------------*/

.awardscolumnleft
{
    width:350px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
}
.awardscolumnright
{
    width:350px;
    float:left;
    display:inline;
    margin:-8px 0 0 25px;
}



/*----------------------- STAFF -----------------------*/
.staffcolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.staffcolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*.staffcolumn
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}*/

/*----------------------- EVENTS -----------------------*/
.eventcolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.eventcolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*.eventcolumn
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}*/

/*----------------------- CONTINUING EDUCATION -----------------------*/
.continuingedcolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.continuingedcolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*.continuingedcolumn
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}*/

/*----------------------- OPPORTUNITIES -----------------------*/
.opportunitiescolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.opportunitiescolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*.opportunitiescolumn
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}*/
/*----------------------- OFFICE -----------------------*/
.officecolumnleft
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.officecolumnright
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 24px;
    text-align:justify;
    orphans: 1;
}

/*.officecolumn
{
    width:325px;
    float:left;
    display:inline;
    margin:-8px 0 0 50px;
    text-align:justify;
    orphans: 1;
}*/

/*----------------------- PORTFOLIO -----------------------*/

	
.portfolioleft{
    width:320px;
    /*height:260px;*/
    float:left;
    margin:0 25px 0 0;
    padding-left:30px;
    overflow:hidden;

}

.portfolioright{
    width:350px;
    float:left;
    overflow:hidden;
}

.portfolioleft h1
{
    padding:30px 0 0 0;
	font-size:2.2em;
	/*color:#676767;*/
	color:#666666;
}

.portfolioleft h1 p{
	font-size:2.2em;
	/*color:#676767;*/
	color:#666666;
}

.portfolioleft h3,
.portfolioright h3
{
    font-size:1.2em;
	margin:40px 0 0 0px;
	padding:0;
    
}

.portfolioleft .title h1{
	font-size:1.7em;
	/*color:#676767;*/
	color:#666666;
	color:#000;
	margin:0 0 0 -25px;
	line-height:1.2em;
}

.portfolioleft .title h3{
	font-size:1.2em;
	margin:10px 0 0 -25px;
	padding:0;
	line-height:1em;
}
.portfolioleft p{
	/*width:100px;*/
	font-size:1em;
	margin:0 0 0 0;
	padding:0;
}

.portfolioright p{
	/*width:100px;*/
	font-size:1em;
	padding:0;
    margin:0 0 0 0px;
}


.portfolioleft .title p,
.portfolioright .title p
{
    font-size:1em;
	width:250px;
	margin:0 0 0 -25px;
	padding:0;
}
#PortfolioDescription
{
    font-size:1em;
	width:250px;
	margin:5px 0 0 -25px;
	padding:0;
}

.portfolioleft img{
    margin: 0 0 0 0;
	padding:0px;
	border:0px;
	float:left;
}

.portfolioright img{
    margin: 0 0 0 0;
	padding:0px;
	border:0px;
	float:left;
}

.portfolioleft a img{
	padding:25px;
	border:0;
	float:left;
}

.portfolioright a img{
    margin: 0 0 0 0;
	padding:25px 25px 25px 0px;
	border:0;
	float:left;
}

.portfolioleft .fullimagetext
{
    margin: -15px 0 0 -20px;
    padding:0;
}

.portfolioleft a.fullimagelink
{
    margin: -500px 0 0 -5px;
    padding:0;
}

.portfolioleft a.fullimagelink img
{
    margin:7px 0 0 -20px;
    padding:0;
}


.rptrrows
{
    clear:both;
    overflow:hidden;
}

.rptrrows .row
{
    padding-bottom:3px;
    padding-top:3px;
}

.rptrrows .leftrow
{
    padding-bottom:3px;
    padding-top:3px;
    padding-left:25px;
}


.rptrrows .imagecolumn
{
	float: left;
	width:100px;
	padding-top:25px;

}

.rptrrows .textcolumn
{
	float: left;
	width:60%;
}

/*----------------------- CONTACT -----------------------*/
.contactcolumn
{
    width:325px;
    float:left;
    display:inline;
    margin:0 0 0 50px;
    text-align:justify;
    orphans: 1;
}

.contactcolumnemail p
{
    width:325px;
    float:left;
    display:inline;
    margin:61px 0 0 50px;
    text-align:justify;
    orphans: 1;
    line-height:2em;
}

#content .contactcolumn p a:hover{
    text-decoration:underline;
    color:#333;
}

.contact{
    width:600px;
	float:left;
    /*margin:9px 25px 19px 25px;*/
    margin:0px 0 15.5px 20px;
    padding-left:30px;
    color:#000;

}
#contactright{
	float:right;
	width:200px;
	margin:0 25px 0 0;
}

#contact h1,
#contactright h1{
	font-size:2.2em;
	color:#666666;
	/*color:#676767;*/
}

.contact p{
    /*width: 300px;*/
    clear: left;
    margin: 0;
    padding: 3px 0;
   /* padding-left: 155px; /*width of left column containing the label elements*/
    height: 1%;
    font-weight:normal;
    line-height:1.5;
}

#contact label{

    float: left;
    margin-left: -155px;
    width: 150px;
}



#contact input[type="text"]{
    width: 180px;
}

#contact textarea{
    width: 250px;
    height: 150px;
}
.contact p strong{
    color:#000;
    }



.modalBackground  
 {  
  
     z-index: 10000;  
 }  
 

.modalPopup
{
    padding:0px;
    margin:0px;
    overflow:hidden;
}


.modalHeader
{
    background: url('images/modal_head_r.gif') no-repeat top right;
    padding-right:4px;
    margin:0px;
}
 
.modalHeader h2
{
    background: url('images/modal_head_l.gif') no-repeat top left;
	margin: 0;
	padding: 6px 0px 6px 10px;
	font-weight: bold; 
	font-size: 1.3em;
	color:#fff;
}

.modalContentOuter
{ 
    padding:40px;
    padding-bottom:80px;
    border-left:solid 1px #000; 
    border-bottom:solid 1px #000; 
    border-right:solid 1px #000;
    border-top:solid 1px #000;
    background-color: #ffffff;
    line-height:1.5;
    font-size:1.1em;
    text-align:right;

}

.modalContentInner
{ 
    min-height:100px;
    height:auto !important;
    height:100px;
    text-align:left;
    overflow:hidden;
}

.modalClose a
{
    float:right;
    margin-top:-15px;
    padding-right:4px;
    color:#fff;
}