/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }
body{
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
}
#holder{
width: 768px;
margin: 10px auto;
padding: 0px;
}

p{
margin-top: 0px;
}

/* header + footer */

h1{
display:block;
height:64px;
width: 250px;
text-indent:-999999px;
overflow: hidden;
float: left;
background-image:url(../images/mainlogo.gif);
background-repeat: no-repeat;
margin: 0;
}



#header{
width: 775px;
height: 64px;
margin-bottom: 10px;
}
.topmenuitem, .topmenuitemdn {
display: block;
float: left;
border: solid 1px #999;
width: 56px;
height: 56px;
margin-right: 10px;
text-align: center;
padding: 3px;
line-height: 17px;
text-decoration: none;
color: #999;
overflow: hidden;
}
.topmenuitem{
color: #f90;
background-color: #fff;

}
.topmenuitemdn, .topmenuitem:hover {
background-color: #fff2d6;
color: #f90;
color: #000;

}

.topmenuitem:hover {
background-color: #EDEDED;
color: #000;
}

.langbox{
border: none;
width: 62px;
height: 56px;
display: block;
float: left;
margin-right: 12px;
_margin-right: 10px;
}
.lang1, .lang2{
width: 62px;
height: 26px;
display: block;
border: solid 1px #999;
color: #f90;
background-color: #fff;
text-decoration: none;
text-align: center;
padding-top: 5px;
}
.lang1{ border-bottom: none;}
.lang2{ border-top: none;}
.lang1:hover, .lang2:hover{
background-color: #ededed;
color: #000;
}
#contentarea{
width: 768px;
}
#footer{
border-top: solid 1px #999;
color:#999999;
float: left;
padding: 10px;
width: 755px;
margin-top: 30px;
}
#footmenu{
margin-bottom: 10px;
text-align: center;

}
#footmenu a{
color: #999;
text-decoration: none;
}
#footmenu a:hover{
color: #000000;
}
#copy{
text-align: center;
color: #999;
}
.copyright:link, .copyright:active, .copyright:visited{
color: #999;
text-decoration: none;
}
.copyright:hover{
color: #000000;
}

.byline:link, .byline:active, .byline:visited{
color: #999;
text-decoration: none;
}
.byline:hover{
text-decoration: none;
}

#hyder{
text-align: center;
margin-top: 5px;
color: #999;
text-decoration: none;
}

#hyderlogo{
float: right;
}
#hyderlogo img{
border: 0;
}
/* end header + footer */

/* home page */


#blurb{
width: 400px;
color:#444;
margin-top: 150px;
margin-left: 370px;
line-height: 20px;
}
#dropdownholder{
padding-left: 410px;
_padding-left: 411px;
height: 220px;
}
#projholder, #newsholder{
width: 180px;
float: left;
height: 150px;
padding-top: 9px;
margin-left: -1px;
}

.drophead{
display: block;
border: solid 1px #a7a7a7;
border-bottom: none;
font-size: 14px;
font-weight: bold;
padding: 5px;
background-color: #FFF;
text-decoration: none;
color: #666;
}
.dropbot{
border: solid 1px #a7a7a7;
border-top: none;
font-size: 10px;
background-color: #FFF;
height: 0px;
overflow: hidden;
}
.dropcont{
margin: 5px;
}
.drophead p{
margin: 0;
}

.awardWinner{
width: 550px;
padding: 20px;
}
.awardWinnerText{
padding: 0 27px;
text-align: justify;
}
.award{
margin: 20px 5px 0 0;
_margin: 0;
}

/* end home page */

h2, .subheading{
font-size: 26px;
color: #666666;
text-transform: uppercase;
margin: 15px 0px;
}

h3{
font-size: 18px;
background-color: #ee9b11;
color: #fff;
text-transform: uppercase;
padding: 15px;
margin: 0;
margin-bottom: 20px;
}

h4{
font-size: 14px;
color: #666666;
text-transform: uppercase;
margin: 15px 0px;
}


/* portfolio page */

#portLcol{
background: url(../images/portLcol_bg.jpg) no-repeat;
width: 212px;
height: 344px;
float: left;
}

#portRcol{
width: 535px;
float: left;
margin-left: 20px;
}

.maincatlink:link, .maincatlink:active, .maincatlink:visited, .maincatlinkdn:link, .maincatlinkdn:active, .maincatlinkdn:visited{
color: #f90;
text-decoration: none;
width: 180px;
display: block;
padding: 12px 17px 0px 0px;
margin-left: 15px;
height: 30px;
text-transform: uppercase;
font-weight: bold;
}
.maincatlink:hover{ 
text-decoration: none;
background-color: #444;
}
.maincatlinkdn{
text-decoration: none;
background-color: #666;
}
.subcatlink:link, .subcatlink:active, .subcatlink:visited, .subcatlink2:link, .subcatlink2:active, .subcatlink2:visited, .subcatlink2dn:link, .subcatlink2dn:active, .subcatlink2dn:visited{
text-decoration: none;
padding: 4px 17px 0px 0px;
height: 30px;
width: 195px;
text-align: right;
float: right;
}
.subcatlink:link, .subcatlink:active, .subcatlink:visited{
color: #555;
}
.subcatlink2:link, .subcatlink2:active, .subcatlink2:visited{
color: #f90;
}
.subcatlink:hover, .subcatlink2:hover, .subcatlink2dn{
text-decoration: none;
color: #FFFFFF;
}


.portLEFTMENU{
padding: 0;
margin-top: 10px;
}


.portLEFTMENUli{
list-style: none;
text-align: right;
float: right;
}


.projname:link, .projname:active, .projname:visited{
text-decoration: none;

font-weight: bold;
color: #666;
}
.projname:hover{
color: #000000;
}

.projlist{
margin-left: 50px;
margin-bottom: 2px;
}
#port-links-list{
margin: 30px 0;
padding: 0 0 0 30px;
}	

#port-links-list li{
list-style: none;
margin: 5px 0;
}

.backbutton{
/* old shitty version
background-image: url(../images/button.jpg);
background-repeat: no-repeat;
width: 59px;
height: 32px;
padding: 7px 15px 8px 15px;
color: white;
text-decoration: none;
text-align: center;
font-size: 12px;
*/
border: solid 1px #999;
color: #ff9900;
text-decoration: none;
padding: 3px 10px;
}

.backbutton:hover{
background-color: #ededed;
color: #000;
}

.inactivebutton{
border: solid 1px #999;
text-decoration: none;
padding: 3px 10px;
background-color: #ededed;
color: #999;
}

p.navbutts{
text-align: right;
padding: 6px 0px;
display: block;
clear: both;
}


#portRcol h4{
font-size: 14px;
font-weight: bold;
margin: 15px 0;
}
#portRcol h5{
font-size: 13px;
font-weight: bold;
margin: 15px 0;
}
.projthumb{
float: left;
margin: 0 6px 6px 0;
border: solid 1px #666;
}



/* end portfolio page */

.boxstyle {
border: solid 1px #999;
font-family:  Arial,Helvetica,sans-serif;
color: #666;
font-size: 12px;
}

.boxstylebad {
	border-color: red;
	border-style: dotted;
	border-width: 1px;
}

.floatRight {
border: solid 1px #666;
float: right;
padding: 2px;
margin: 5px 0px 5px 10px;
}

.contactform {
float: left;
width: 515px;
}



/* STaff Page */

#staffLcol{
width: 508px;
float: left;
margin: 0;
padding: 0;
}

#staffRcol{
width: 250px;
float: left;
background-color: #99CCFF;
margin: 70px 0 0 10px;
padding: 0;
}

#staffRcol ul{
list-style: none;
margin: 0;
padding: 0;
}

.stafflist:link, .stafflist:visited, .stafflist:active, .stafflistdn:link, .stafflistdn:visited, .stafflistdn:active{
background-color:#FFF;
width: 240px;
display: block;
padding: 5px;
font-size: 16px;
color: #3d3d3d;
text-decoration: none;
}

.stafflistdn:link, .stafflistdn:visited {
background-color:#CCCCCC;
}
.stafflist:hover{
background-color: #eee;
}

#staffGreyArea{
background-color: #ededed;
width: 488px;
height: 204px;
margin-top: 25px;
padding: 10px;
}

#staffGreyArea img{
width: 150px;
height: 200px;
margin-right: 10px;
float: left;
border: solid 1px #666;
}
	
.staffName{
font-size: 31px;
font-weight:bold;
color: #000000;
margin: 5px;
}
.staffTitle{
font-style: italic;
color: #000000;
}
.staffBlurb{
color: #666666;
}







/* end STaff Page */

.whiterow{
background: #FFFFFF;
}

.greyrow{
background: #eee;
}

.awardstable td{
padding: 5px;
}

.awardstable th{
padding: 0px 4px;
font-size:14px;
text-align: left;
}


.contacttable p{
margin: 0;
}

.address, .address-thankspg{
background-color: #eee;
width: 190px;
float: left;
padding: 10px 30px;
}
.address-thankspg{
margin-top: -15px;
}

/* -------------- site map ------------------ */

.sitemap1{
background-image: url(../images/sitemap-line1.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-position: left;
float: left;
height: 272px;
width: 150px;
margin-left: 20px;
}
.sitemap2{
float: left;
height: 240px;
}
.sitemap-ul1, .sitemap-ul2, .sitemap-sub-ul1, .sitemap-sub-ul2{
list-style: none;
margin: 0;
padding: 0px;
line-height: 30px;
}

.sitemap-ul1 li, .sitemap-ul2 li, .sitemap-sub-ul1 li, .sitemap-sub-ul2 li{
padding-left: 20px;
}

.sitemap-sub-ul1{
background-image: url(../images/sitemap-line2.jpg);
background-repeat: no-repeat;
margin-left: 30px;
height: 200px;
}

.sitemaplnk:link, .sitemaplnk:active, .sitemaplnk:visited {
color: #000000;
text-decoration: none;
}
.sitemaplnk:hover{
color: #ff9900;
text-decoration: none;
}
/* -------------- end site map ------------------ */

.nicelink:link, .nicelink:active, .nicelink:visited {
color: #666;
text-decoration: underline;
}
.nicelink:hover{
color: #ff9900;
text-decoration: none;
}