@charset "UTF-8";
/* CSS Document */

BODY {
background:rgb(172,204,203);
color :black;
padding : 0;
margin : 0px 0;
text-align : center;
font-size:11px;
font-family:arial;
}



/* Main structure */

#switchlanguage{
display:block;
position:relative;
width:780px;
height:20px;
background-color:none;
text-align:left;
margin:0px auto;
font-size:10px;
line-height:20px;
font-family:arial;
color:rgb(72,155,149);
}


#switchlanguage a{
text-decoration:none;
font-size:10px;
line-height:20px;
font-family:arial;
color:rgb(72,155,149);
}

#switchlanguage a:hover{
text-decoration:none;
font-size:10px;
line-height:20px;
font-family:arial;
color:rgb(72,155,149);
}


#dimondheader{
display:block;
position:relative;
width:780px;
height:150px;
background-color:rgb(249,249,247);
text-align:left;
margin:0px auto;
}

#centralcontentcontainer{
display:block;
position:relative;
width:780px;
background-color:rgb(249,249,247);
text-align:left;
margin:0px auto;
padding:0px;
}

#monddifooter{
display:block;
position:relative;
width:780px;
height:70px;
background-color:rgb(249,249,247);
text-align:left;
margin:0px auto;
float:left;
}
#copyright{
display:block;
position:relative;
width:780px;
height:20px;
background-color:rgb(172,204,203);
text-align:left;
margin:0px auto;
float:left;
font-size:10px;
line-height:20px;
font-family:arial;
color:rgb(228,244,249);
}

#keywords{
display:block;
position:relative;
width:780px;
height:20px;
background-color:rgb(172,204,203);
text-align:left;
margin:0px auto;
float:left;
font-size:10px;
line-height:20px;
font-family:arial;
color:rgb(72,155,149);
}

#keywords a:link{
font-size:10px;
line-height:20px;
font-family:arial;
color:rgb(72,155,149);
text-decoration:none;
}
#keywords a:visited{
font-size:10px;
line-height:20px;
font-family:arial;
color:rgb(72,155,149);
text-decoration:none;
}
#keywords a:hover{
font-size:10px;
line-height:20px;
font-family:arial;
color:#FFFFFF;
text-decoration:none;
}
#keywords a:active{
font-size:10px;
line-height:20px;
font-family:arial;
color:#FFFFFF;
text-decoration:none;
}

/* right hand navigation column */

#navigationarea{
display:block;
position:relative;
width:209px;
height:180px;
background-color:rgb(249,249,247);
float:left;
padding:0px;
margin:0px;
}

#centralarea{
display:block;
position:relative;
width:209px;
height:230px;
background-color:rgb(249,249,247);
float:left;
padding:0px;
margin:0px;
}

#contactarea{
display:block;
position:relative;
width:209px;
height:60px;
background-color:rgb(249,249,247);
float:left;
padding:0px;
margin:0px;
}


/* Navigation Small Blue */

#navcontainer{
display:block;
position:relative;
width:209px;
height:470px;
background-color:rgb(249,249,247);
border-left-color:rgb(179,179,179);
border-left-style:solid;
border-left-width:1px;
float:left;
padding:0px;
margin:0px;
}

#navcontainer ul{
list-style:none;
margin:0;
padding-right:30px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
}

#navcontainer li.smallblue{
display:block;
font-size:11px;
line-height:14px;
color:rgb(72, 155,149);
}

#navcontainer li.smallblue a:link, #navcontainer li.smallblue a:visited{
padding:0px;
text-decoration:none;
border:0px;
font-size:11px;
line-height:14px;
color:rgb(179, 179,179);
}

#navcontainer li.smallblue a:hover{
color:rgb(72, 155,149);
text-decoration:none;
}


/* Navigation Small Blue */

#navcontainer li.smallblue{
display:block;
font-size:11px;
line-height:14px;
color:rgb(72, 155,149);
}

#navcontainer li.smallblue a:link, #navcontainer li.smallblue a:visited{
padding:0px;
text-decoration:none;
border:0px;
font-size:11px;
line-height:14px;
color:rgb(179, 179,179);
}

#navcontainer li.smallblue a:hover{
color:rgb(72, 155,149);
text-decoration:none;
}

.numberblue{
color:rgb(72, 155,149);
}

/* Navigation Large Blue */


.callusblue{
font-size:13px;
line-height:17px;
color:rgb(72, 155,149);
}

.callusgrey{
font-size:13px;
line-height:17px;
color:rgb(179, 179,179);
}


#navcontainer li.largeblue{
display:block;
font-size:13px;
line-height:17px;
color:rgb(72, 155,149);
}

#navcontainer li.largeblue a:link, #navcontainer li.largeblue a:visited{
padding:0px;
text-decoration:none;
border:0px;
font-size:13px;
line-height:17px;
color:rgb(72, 155,149);
}

#navcontainer li.largeblue a:hover{
color:rgb(72, 155,149);
text-decoration:none;
}



/* Home Thirds strips */


#homepic1{
display:block;
position:relative;
width:176px;
height:300px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:1px;
margin-left:0px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
}

#homepic2{
display:block;
position:relative;
width:176px;
height:300px;
background-color:#ffffff;
float:left;
padding-left:5px;
margin-left:0px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
}


#homepic3{
display:block;
position:relative;
width:176px;
height:300px;
background-color:#ffffff;
float:left;
padding-left:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}


/* Grid Thirds strips */


#grid1{
display:block;
position:relative;
width:182px;
height:75px;
background-color:#ffffff;
float:left;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
}

#grid1 a:link{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid1 a:visited{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid1 a:hover{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid1 a:active{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}


#grid2{
display:block;
position:relative;
width:181px;
height:75px;
background-color:#ffffff;
float:left;
padding-left:0px;
margin-left:0px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
}

#grid2 a:link{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid2 a:visited{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid2 a:hover{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid2 a:active{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}


#grid3{
display:block;
position:relative;
width:181px;
height:75px;
background-color:#ffffff;
float:left;
padding-left:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
}

#grid3 a:link{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid3 a:visited{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid3 a:hover{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}

#grid3 a:active{
font-size:11px;
line-height:30px;
color:rgb(179, 179,179);
text-decoration:none;
}



/* Equal Thirds */


#thirds_toptext1{
display:block;
position:relative;
width:176px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:1px;
margin-left:0px;
margin-right:3px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
}

#thirds_toptext1 a{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext1 a:active{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext1 a:visited{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext1 a:hover{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}


#thirds_toptext2{
display:block;
position:relative;
width:176px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:5px;
margin-left:0px;
margin-right:3px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
}

#thirds_toptext2 a{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext2 a:active{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext2 a:visited{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext2 a:hover{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}


#thirds_toptext3{
display:block;
position:relative;
width:176px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:5px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
}

#thirds_toptext3 a{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext3 a:active{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext3 a:visited{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#thirds_toptext3 a:hover{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}




#thirds_bottomtext1{
display:block;
position:relative;
width:176px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:1px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
}
#thirds_bottomtext2{
display:block;
position:relative;
width:176px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:0px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
}
#thirds_bottomtext3{
display:block;
position:relative;
width:176px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:0px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}



/* Two Thirds and a Third */


#twothirds_toptext{
display:block;
position:relative;
width:360px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:1px;
margin-left:0px;
margin-right:3px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
}

#twothirds_toptext a{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#twothirds_toptext a:active{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#twothirds_toptext a:visited{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#twothirds_toptext a:hover{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}

#onethirds_toptext{
display:block;
position:relative;
width:176px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:5px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
}

#onethirds_toptext a{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#onethirds_toptext a:active{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#onethirds_toptext a:visited{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#onethirds_toptext a:hover{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}



#twothirds_bottomtext{
display:block;
position:relative;
width:360px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:1px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
}

#onethirds_bottomtext{
display:block;
position:relative;
width:176px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:0px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}



/* three Thirds */


#threethirds_toptext{
display:block;
position:relative;
width:544px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:1px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
}

#threethirds_toptext a{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#threethirds_toptext a:active{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#threethirds_toptext a:visited{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}
#threethirds_toptext a:hover{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
text-decoration:none;
}

#threethirds_bottomtext{
display:block;
position:relative;
width:544px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:1px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}












#rightcontent{
display:block;
position:relative;
width:550px;
height:470px;
background-color:rgb(249,249,247);
float:left;
padding-left:10px;
padding-right:10px;
margin:0px;
}


#movieholder{
display:block;
position:relative;
width:550px;
height:300px;
background-color:none;
float:left;
padding:0px;
margin-left:0px;
}

#branddesignpic{
display:block;
position:relative;
width:146px;
height:300px;
background-color:rgb(200,188,174);
float:left;
padding:0px;
margin-left:0px;
}
#graphicdesignpic{
display:block;
position:relative;
width:146px;
height:300px;
background-color:rgb(211,226,225);
float:left;
padding:0px;
margin-left:0px;
}
#webdesignpic{
display:block;
position:relative;
width:146px;
height:300px;
background-color:rgb(239,234,229);
float:left;
padding:0px;
margin-left:0px;
}
#branddesignboxtext{
display:block;
position:relative;
width:134px;
height:150px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:11px;
margin-right:3px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}



#graphicdesignboxtext{
display:block;
position:relative;
width:134px;
height:150px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:3px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}
#webdesignboxtext{
display:block;
position:relative;
width:134px;
height:150px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}

#columnthree{
display:block;
position:relative;
width:139px;
height:470px;
background-color:rgb(249,249,247);
border-left-color:rgb(188,172,156);
border-left-style:solid;
border-left-width:1px;
float:left;
padding-left:10px;
padding-right:10px;
}

#advert{
display:block;
position:relative;
width:139px;
height:300px;
background-color:rgb(239,234,229);
float:left;
text-align:center;
}

#adverttext{
display:block;
position:relative;
width:129px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#homepageadvert{
display:block;
position:relative;
margin-top:10px;
width:134px;
height:30px;
background-color:#ffffff;
float:left;
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
padding-left:5px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
}

/* About us Page */

#aboutustopimage{
display:block;
position:relative;
width:438px;
height:300px;
background-color:rgb(200,188,174);
float:left;
padding:0px;
margin-left:0px;
}

#aboutusbottomtext{
display:block;
position:relative;
width:428px;
height:155px;
background-color:rgb(239,234,229);
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-top:10px;
margin-bottom:0px;
}

.aboutustitle{
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}


/* contact us Page */

#contactustopimage{
display:block;
position:relative;
width:438px;
height:300px;
background-color:rgb(200,188,174);
float:left;
padding:0px;
margin-left:0px;
}


#contactusbottomtext{
display:block;
position:relative;
width:428px;
height:155px;
background-color:rgb(239,234,229);
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-top:10px;
margin-bottom:0px;
}

.contactustitle{
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}

/* environment Page */

#environmenttopimage{
display:block;
position:relative;
width:438px;
height:300px;
background-color:rgb(200,188,174);
float:left;
padding:0px;
margin-left:0px;
}

#environmentbottomtext{
display:block;
position:relative;
width:428px;
height:155px;
background-color:rgb(239,234,229);
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:0px;
margin-top:10px;
margin-bottom:0px;
}

.environmenttitle{
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}

#policybox{
display:block;
width:380px;
height:630px;
position:relative;
background-color:rgb(249,249,247);
background-image:url(images/greendragongif2.gif);
background-repeat:no-repeat;
text-align:left;
margin:0px;
padding:10px;
}




/* Brand/Graphic/Web Design Page Structure */

#fullwidthcolumn{
display:block;
position:relative;
width:600px;
height:470px;
background-color:rgb(249,249,247);
float:left;
padding-left:10px;
padding-right:10px;
margin:0px;
}


#strip1{
display:block;
position:relative;
width:150px;
height:300px;
background-color:rgb(239,234,229);
float:left;
padding:0px;
margin-left:0px;
}
#strip2{
display:block;
position:relative;
width:150px;
height:300px;
background-color:rgb(239,234,229);
float:left;
padding:0px;
margin-left:0px;
}
#strip3{
display:block;
position:relative;
width:150px;
height:300px;
background-color:rgb(239,234,229);
float:left;
padding:0px;
margin-left:0px;
}
#strip4{
display:block;
position:relative;
width:150px;
height:300px;
background-color:rgb(249,249,247);
float:left;
padding:0px;
margin-left:0px;
}

#strip4none{
display:block;
position:relative;
width:150px;
height:300px;
background-color:rgb(249,249,247);
float:left;
padding:0px;
margin-left:0px;
}

#strip1text{
display:block;
position:relative;
width:139px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
padding-left:6px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
#strip2text{
display:block;
position:relative;
width:139px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
padding-left:6px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
#strip3text{
display:block;
position:relative;
width:139px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
padding-left:6px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
#strip4text{
display:block;
position:relative;
width:139px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:6px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
padding-left:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#strip4textnone{
display:block;
position:relative;
width:139px;
height:125px;
background-color:rgb(249,249,247);
float:left;
padding-left:6px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
padding-left:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#titlebreadcrumbtrail2{
display:block;
position:relative;
width:594px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:6px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}

#graphictitlebreadcrumbtrail2{
display:block;
position:relative;
width:444px;
height:30px;
background-color:#ffffff;
float:left;
padding-left:6px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}
#graphictitlebreadcrumbtrail3{
display:block;
position:relative;
width:150px;
height:30px;
background-color:rgb(249,249,247);
float:left;
padding-left:0px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}

/* Grid Structure Page (Food/retail/corporate etc etc) */

#gridfullwidthcolumn{
display:block;
position:relative;
width:620px;
height:470px;
background-color:rgb(249,249,247);
float:left;
padding:0px;
margin:0px;
}

#pic1{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:460px;
margin-top:150px;
z-index:1;
visibility:hidden;
}

#pic1a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:460px;
margin-top:150px;
z-index:1;
visibility:visible;
}


#pic2{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:160px;
margin-top:150px;
z-index:1;
visibility:hidden;
}
#pic2a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:160px;
margin-top:150px;
z-index:2;
visibility:visible;
}






#pic3{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(230,237,236);
float:left;
padding:0px;
margin-left:460px;
z-index:1;
visibility:hidden;
}
#pic3a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(230,237,236);
float:left;
padding:0px;
margin-left:460px;
z-index:2;
visibility:visibile;
}


#pic4{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(200,188,174);
float:left;
padding:0px;
margin-left:10px;
z-index:1;
visibility:hidden;
}
#pic4a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(200,188,174);
float:left;
padding:0px;
margin-left:10px;
z-index:2;
visibility:visibile;
}

#pic5{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(212,202,190);
float:left;
padding:0px;
margin-left:310px;
margin-top:150px;
}
#pic5a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(212,202,190);
float:left;
padding:0px;
margin-left:310px;
margin-top:150px;
}

#pic6{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:160px;
}
#pic6a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:160px;
}

#pic7{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(225,239,236);
float:left;
padding:0px;
margin-left:310px;
margin-top:0px;
}
#pic7a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(225,239,236);
float:left;
padding:0px;
margin-left:310px;
margin-top:0px;
}

#pic8{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:10px;
margin-top:150px;
}
#pic8a{
display:block;
position:absolute;
width:150px;
height:150px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:10px;
margin-top:150px;
}

#titlebreadcrumbtrail{
display:block;
position:absolute;
top:310px;
width:594px;
height:30px;
background-color:#ffffff;
float:left;;
margin-left:10px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding-left:6px;
font-size:13px;
line-height:30px;
color:rgb(188, 172,156);
}

#titlebreadcrumbtrail .brown{
font-size:13px;
line-height:30px;
color:rgb(125, 106,85);
}

#titlebreadcrumbtrail .brown a:link, #titlebreadcrumbtrail .brown a:visited{
font-size:13px;
line-height:30px;
text-decoration:none;
color:rgb(125, 106,85);
}
#titlebreadcrumbtrail .brown a:hover{
font-size:13px;
line-height:30px;
text-decoration:none;
color:rgb(125, 106,85);
}

#titlebreadcrumbtrail .darkblue{
font-size:13px;
line-height:30px;
color:rgb(72, 155,149);
}

#titlebreadcrumbtrail .darkblue a:link, #titlebreadcrumbtrail .darkblue a:visited{
font-size:13px;
line-height:30px;
text-decoration:none;
color:rgb(72, 155,149);
}
#titlebreadcrumbtrail .darkblue a:hover{
font-size:13px;
line-height:30px;
text-decoration:none;
color:rgb(72, 155,149);
}


#projectsections{
display:block;
position:absolute;
top:340px;
width:139px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:6px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:10px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
font-size:11px;
line-height:14px;
color:rgb(188, 172,156);
list-style:none;
}
#projectsections ul{
margin-left: 0;
padding-left: 0;
}

#projectsections li{
font-size:11px;
line-height:14px;
color:rgb(72, 155,149);
list-style:none;
padding:0px;
margin:0px;
}

#projectsections a{
text-decoration:none;
font-size:11px;
line-height:14px;
color:rgb(188, 172,156);
list-style:none;
padding:0px;
margin:0px;
}
#projectsections a:hover{
text-decoration:none;
font-size:11px;
line-height:14px;
color:rgb(72, 155,149);
list-style:none;
padding:0px;
margin:0px;
}



#projectdescription{
display:block;
position:absolute;
top:340px;
width:439px;
height:125px;
background-color:#ffffff;
float:left;
padding-left:6px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
margin-left:160px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}


/*Portfolio pages*/

#portfoliopic{
display:block;
position:absolute;
width:600px;
height:300px;
background-color:rgb(239,234,229);
float:left;
padding:0px;
margin-left:10px;
}

/*Text*/

.breadcrumbtrailblue{
color:rgb(72, 155,149);
}

.copydarkbrowntext{
font-size:11px;
line-height:13px;
color:rgb(125, 106,85);
}


.copybluetext{
font-size:11px;
line-height:13px;
color:rgb(72, 155,149);
}
.copysmallbluetext{
font-size:11px;
line-height:13px;
color:rgb(179, 179,179);
}
.copysmallbluetext a:link, a:active, a:visited{
font-size:11px;
line-height:13px;
color:rgb(179, 179,179);
text-decoration:none;
}
.copysmallbluetext a:hover{
font-size:11px;
line-height:13px;
color:rgb(72, 155,149);
text-decoration:none;
}

.subcattitle{
font-size:11px;
line-height:20px;
color:rgb(125, 106,85);
}
.subcattitle a{
font-size:11px;
line-height:20px;
color:rgb(125, 106,85);
text-decoration:none;
}
.subcattitle a:active{
font-size:11px;
line-height:20px;
color:rgb(125, 106,85);
text-decoration:none;
}
.subcattitle a:visited{
font-size:11px;
line-height:20px;
color:rgb(125, 106,85);
text-decoration:none;
}
.subcattitle a:hover{
font-size:11px;
line-height:20px;
color:rgb(72, 155,149);
text-decoration:none;
}





/* testimonials */

#testfullwidthcolumn{
display:block;
position:relative;
width:600px;
height:470px;
background-color:rgb(249,249,247);
float:left;
padding-left:10px;
padding-right:10px;
margin:0px;
}

#testimonialtitle{
display:block;
position:relative;
width:590px;
height:30px;
background-color:rgb(239,234,229);
float:left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
}

#piccomment1{
display:block;
position:relative;
width:150px;
height:83px;
background-color:rgb(209,224,222);
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
}
#comment1{
display:block;
position:relative;
width:440px;
height:78px;
background-color:#ffffff;
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

#piccomment2{
display:block;
position:relative;
width:150px;
height:83px;
background-color:rgb(230,237,236);
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
}
#comment2{
display:block;
position:relative;
width:440px;
height:78px;
background-color:#ffffff;
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}



#piccomment3{
display:block;
position:relative;
width:150px;
height:83px;
background-color:rgb(239,234,229);
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
}
#comment3{
display:block;
position:relative;
width:440px;
height:78px;
background-color:#ffffff;
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}
#piccomment4{
display:block;
position:relative;
width:150px;
height:83px;
background-color:rgb(212,202,190);
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
}
#comment4{
display:block;
position:relative;
width:440px;
height:78px;
background-color:#ffffff;
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}
#piccomment5{
display:block;
position:relative;
width:150px;
height:83px;
background-color:rgb(225,239,236);
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
}
#comment5{
display:block;
position:relative;
width:440px;
height:78px;
background-color:#ffffff;
float:left;
padding:0px;
margin-left:0px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}











/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: transparent; width: 0px; height:0px; margin: 0 auto; }
#imageContainer{ padding: 0px; }

#loading{ display:none; position: absolute; top: 40%; left: 0%; width: 0px; height:0px; 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: 0px; height:0px; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {width: 0px; height:0px; }
#nextLink:hover, #nextLink:visited:hover { width: 0px; height:0px; }

#imageDataContainer{ font: 12px Arial, Helvetica, sans-serif; background-color: transparent; margin: 0 auto; line-height: 15px; overflow: auto; width: 100%	; }

#imageData{	 
line-height:15px;
padding-top:10px;
padding-bottom:0px;
padding-left:10px;
padding-right:0px; 
color: rgb(72,155,149); 
}

#imageData a:link{
font: 11px Arial, Helvetica, sans-serif; 
line-height:15px;  
padding:0px;  
color: rgb(72,155,149);
text-decoration:none;
}
	
#imageData a:visited {
font: 11px Arial, Helvetica, sans-serif; 
line-height:15px;   
padding:0px;   
color: rgb(72,155,149);
text-decoration:none; 
}

#imageData a:hover {
font: 11px Arial, Helvetica, sans-serif; 
line-height:15px;
padding:0px;  
color: rgb(72,155,149); 
text-decoration:underline;
}	

#imageData a:active {
font: 11px Arial, Helvetica, sans-serif; 
line-height:15px;  
padding:0px;   
color: rgb(72,155,149);
text-decoration:underline;
}

#imageData #imageDetails{ width: 0px; height:0px; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0px;	}			
#imageData #bottomNavClose{ width: 0px; height:0px; float: right;  padding-bottom: 0px; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-image:url(images/environment_background.gif); background-position:top center; background-repeat:no-repeat; background-color:#000000;}