/* four hoizontal header/hover modules */
/*-----------------------------------*/

#duo-mod{
width: 614px;
height:0px;
margin-left:173px;
clear: both;
float: right; 
}
#duo-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#duo-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#duo-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size:1.1em;
font-weight:normal;
}
#duo-mod h2 a{
font-size:1.1em;
font-weight:bold;
}
#duo-mod h3{
font-size:1.0em;
font-weight:normal;
}
#duo-mod li a h2:hover {
color: #8cc63f;
cursor:default;
}
#duo-mod li{
float: left;
display: block;
width: 260px;
height: 257px;
padding-right:22px;
padding-top:22px;
text-decoration: none;
background-color: #333333;
overflow: hidden;
text-align:left;
}
/*
#duo-mod li a, #duo-mod li a:link, #duo-mod li a:active, #duo-mod li a:visited {
float: left;
display: block;
width: 260px;
height: 257px;
padding-right:22px;
padding-top:22px;
text-decoration: none;
background-color: #333333;
overflow: hidden;
text-align:left;
}
#duo-mod li a:hover {
}
*/
#duo-mod .duo-home  {
background-color: #ffffff;
width: 266px;
height: 285px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:0px;
font-size:1.0em;
font-weight:normal;
}
#duo-mod .duo-home a, #duo-mod .duo-home a:link, #duo-mod .duo-home a:active, #duo-mod .duo-home a:visited  {
background-color: #ffffff;
width: 266px;
height: 285px;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:0px;
font-size:1.0em;
font-weight:normal;
}



#duo-mod .duo2-home {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
}
#duo-mod .duo2-home a, #duo-mod .duo2-home a:link, #duo-mod .duo2-home a:active, #duo-mod .duo2-home a:visited  {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
}
#duo-mod .duo2-home a:hover {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.1em;
}
#duo-mod .duo2-home h2 {
width: 266px;
height: 263px;
text-align:right;
color: #ffffff;
padding-right:22px;
font-size:1.0em;
}

#duo-mod .duo2-home a:hover h2 {
width: 266px;
height: 263px;
text-align:right;
color: #8cc63f;
padding-right:22px;
font-size:0.94em;
}


#duo-mod .duo-cont-cardiff  {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-cardiff-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-cardiff a, #duo-mod .duo-cont-cardiff a:link, #duo-mod .duo-cont-cardiff a:active, #duo-mod .duo-cont-cardiff a:visited  {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-cardiff-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-cardiff a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #666666;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .duo-cont-london   {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-london-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-london a, #duo-mod .duo-cont-london a:link, #duo-mod .duo-cont-london a:active, #duo-mod .duo-cont-london a:visited  {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-london-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-london a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #666666;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .duo-cont-wrexham   {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-wrexham-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-wrexham a, #duo-mod .duo-cont-wrexham a:link, #duo-mod .duo-cont-wrexham a:active, #duo-mod .duo-cont-wrexham a:visited  {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-wrexham-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-wrexham a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #666666;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .duo-cont-support   {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-support-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-support a, #duo-mod .duo-cont-support a:link, #duo-mod .duo-cont-support a:active, #duo-mod .duo-cont-support a:visited  {
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/contact-support-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .duo-cont-support a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #666666;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}



#duo-mod .duo1 a, #duo-mod .duo1 a:link, #duo-mod .duo1 a:active, #duo-mod .duo1 a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}
#duo-mod .duo1 a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}



#duo-mod .duo2 {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.2em;
}
#duo-mod .duo2 h2 {
text-align:right;
color: #ffffff;
font-size:1.1em;
}
#duo-mod .duo2 h3 {
text-align:right;
color: #ffffff;
font-size:1.1em;
}
#duo-mod .duo2 p {
text-align:right;
color: #ffffff;
font-size:0.80em;
}
#duo-mod .duo2 a, #duo-mod .duo2 a:link, #duo-mod .duo2 a:active, #duo-mod .duo2 a:visited  {
text-align:right;
color: #ffffff;
text-decoration:none;
}
#duo-mod .duo2 a:hover  {
text-align:right;
color: #666666;
}
/*#duo-mod .duo2 a:hover {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.3em;
}*/



#duo-mod .duo2-home a, #duo-mod .duo2-home a:link, #duo-mod .duo2-home a:active, #duo-mod .duo2-home a:visited  {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.3em;
}
#duo-mod .duo2-home a:hover {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.1em;
}



#duo-mod .comp-pro  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.2em;
font-weight:normal;
background-image:url(../media/images/comp-pro-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .comp-pro a, #duo-mod .comp-pro a:link, #duo-mod .comp-pro a:active, #duo-mod .comp-pro a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.2em;
font-weight:normal;
background-image:url(../media/images/comp-pro-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .comp-pro a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}



#duo-mod .comp-prof a, #duo-mod .comp-prof a:link, #duo-mod .comp-prof a:active, #duo-mod .comp-prof a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/home-sketch.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .comp-prof a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}



#duo-mod .comp-prac   {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/practice-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}


#duo-mod .careers   {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/careers-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .careers a, #duo-mod .careers a:link, #duo-mod .careers a:active, #duo-mod .careers a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/careers-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .careers a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .people a, #duo-mod .people a:link, #duo-mod .people a:active, #duo-mod .people a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/staff-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .people a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .news   {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/news-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .news a, #duo-mod .news a:link, #duo-mod .news a:active, #duo-mod .news a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/news-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .news a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .generic   {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/generic-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .generic a, #duo-mod .generic a:link, #duo-mod .generic a:active, #duo-mod .generic a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/generic-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .generic a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .links   {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/links-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .links a, #duo-mod .links a:link, #duo-mod .links a:active, #duo-mod .links a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/links-pic.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .links a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
} 


#duo-mod .cardiff   {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/loc-pic-cardiff.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .cardiff a, #duo-mod .cardiff a:link, #duo-mod .cardiff a:active, #duo-mod .cardiff a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/loc-pic-cardiff.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .cardiff a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
} 



#duo-mod .support  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:bold;
background-image:url(../media/images/staff-pic-support.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .support a, #duo-mod .support a:link, #duo-mod .support a:active, #duo-mod .support a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:bold;
background-image:url(../media/images/staff-pic-support.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .support a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .london   {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/loc-pic-london.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .london a, #duo-mod .london a:link, #duo-mod .london a:active, #duo-mod .london a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/loc-pic-london.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .london a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}


#duo-mod .wrexham  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/loc-pic-wrexham.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .wrexham a, #duo-mod .wrexham a:link, #duo-mod .wrexham a:active, #duo-mod .wrexham a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/loc-pic-wrexham.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .wrexham a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
}



#duo-mod .pro-main-1 a, #duo-mod .pro-main-1 a:link, #duo-mod .pro-main-1 a:active, #duo-mod .pro-main-1 a:visited  {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/comm-pro-1.jpg);
background-repeat:no-repeat;
background-position:top;
}
#duo-mod .pro-main-1 a:hover {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #333333;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
} 



/*-----------------------------------*/
/* People (team)  Module 
/*-----------------------------------*/

#people-mod{
width: 614px;
height:0px;
margin-left:173px;
clear: both;
float: right; 
}
#people-mod h2{
font-size:1.3em;
}
#people-mod h3{
font-size:1.3em;
font-weight:normal;
}
#people-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#people-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-weight: bold;
}
#people-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
}
#people-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#people-mod li  {
float: left;
display: block;
width: 266px;
height: 263px;
padding-right:22px;
padding-top:22px;
text-decoration: none;
background-color: #333333;
overflow: hidden;
text-align:left;
}
#people-mod li a, #people-mod li a:link, #people-mod li a:active, #people-mod li a:visited {
float: left;
display: block;
width: 266px;
height: 263px;
padding-right:22px;
padding-top:22px;
text-decoration: none;
background-color: #333333;
overflow: hidden;
text-align:left;
}
#people-mod li a:hover {
}

#people-mod .duo1 {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-weight:normal;
background-image:url(../media/images/staff-pic.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#people-mod .duo1 a, #people-mod .duo1 a:link, #people-mod .duo1 a:active, #people-mod .duo1 a:visited  {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
margin-right:10px;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-weight:normal;
background-image:url(../media/images/staff-pic.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#people-mod .duo1 a:hover {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-size:1.0em;
font-weight:normal;
background-image:url(../media/images/staff-pic.jpg);
background-position:left top;
background-repeat:no-repeat;
} 

#people-mod .duo2   {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-weight:normal;
background-image:none;
}
#people-mod .duo2 a, #people-mod .duo2 a:link, #people-mod .duo2 a:active, #people-mod .duo2 a:visited  {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-weight:normal;
background-image:none;
}
#people-mod .duo2 a:hover {
background-color: #ffffff;
width: 266px;
height: 263px;
border:7px solid #666666;
text-align:right;
color: #8cc63f;
padding-right:22px;
padding-top:22px;
font-weight:normal;
}



/*-----------------------------------*/
/* Project roll over */
/*-----------------------------------*/

#pro-mod{
float: left;
width:302px;
border-left: 22px solid #ffffff;
border-right: 10px solid #ffffff;
}
#pro-mod h1 {
font-size:1.0em;
color:#ffffff;
margin-left:330px;
padding-top:32px;
padding-right:32px;
width:200px;
height:267px;
background-color: #8cc63f;
text-align:right;
font-weight:normal;
}
#pro-mod h2 {
font-size:1.0em;
color:#ffffff;
margin-left:312px;
padding-top:10px;
padding-bottom:10px;
padding-right:32px;
width:270px;
height:20px;
background-color: #8cc63f;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod h3 {
font-size:1.0em;
color:#666666;
margin-left:312px;
padding-top:10px;
padding-bottom:10px;
width:302px;
height:20px;
background-color: ffffff;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod p {
font-size:1.0em;
color:#666666;
margin-left:312px;
width:302px;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#pro-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
}
#pro-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
}
#pro-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#pro-mod li  h3 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size: 0.90em;
border:none;
font-weight: normal;
}
#pro-mod li  h3:hover {
color: #ffffff;
cursor:default;
}
#pro-mod li a, #pro-mod li a:link, #pro-mod li a:active, #pro-mod li a:visited {
float: left;
display: block;
width: 104px;
height: 103px;
padding-top:22px;
padding-right:22px;
border: 10px solid #333333;
text-decoration: none;
overflow: hidden;
font-size: 0.96em;
text-align:right;
}
#pro-mod li a:hover {
}
#pro-mod .pro1 a, #pro-mod .pro1 a:link, #pro-mod .pro1 a:active, #pro-mod .pro1 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#pro-mod .pro1 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro1.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro2 a, #pro-mod .pro2 a:link, #pro-mod .pro2 a:active, #pro-mod .pro2 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
text-align:right;
margin-bottom:10px;
background-color:#8cc63f;
}
#pro-mod .pro2 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro2.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro3 a, #pro-mod .pro3 a:link, #pro-mod .pro3 a:active, #pro-mod .pro3 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#pro-mod .pro3 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro3.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro4 a, #pro-mod .pro4 a:link, #pro-mod .pro4 a:active, #pro-mod .pro4 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#pro-mod .pro4 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro4.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro5 a, #pro-mod .pro5 a:link, #pro-mod .pro5 a:active, #pro-mod .pro5 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#pro-mod .pro5 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro5.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro6 a, #pro-mod .pro6 a:link, #pro-mod .pro6 a:active, #pro-mod .pro6 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#pro-mod .pro6 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro6.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro7 a, #pro-mod .pro7 a:link, #pro-mod .pro7 a:active, #pro-mod .pro7 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
text-align:right;
margin-bottom:10px;
background-color:#8cc63f;
}
#pro-mod .pro7 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro7.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro8 a, #pro-mod .pro8 a:link, #pro-mod .pro8 a:active, #pro-mod .pro8 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
text-align:right;
margin-bottom:10px;
background-color:#8cc63f;
}
#pro-mod .pro8 a:hover {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro8.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro9 a, #pro-mod .pro9 a:link, #pro-mod .pro9 a:active, #pro-mod .pro9 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#pro-mod .pro9 a:hover {
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
color: 8cc63f;
background-image:url(../Media/Images/pro-mod-hov-pro7.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#pro-mod .pro-more a, #pro-mod .pro-more a:link, #pro-mod .pro-more a:active, #pro-mod .pro-more a:visited  {
color: #ffffff;
width: 301px;
height: 44px;
background-color:#8cc63f;
}
#pro-mod .pro-more a:hover {
color: #ffffff;
width: 301px;
height: 44px;
background-color:#333333;
}

/*-----------------------------------*/
/* Individual Project */
/*-----------------------------------*/
#pro-mod-main{
float: left;
width:602px;
height: 600px;
margin-left:10px;
text-align:left;
color: #8cc63f;
font-size:1.0em;
font-weight:normal;
padding:0 0 0 0px
}
#pro-mod-main img{
border:none;
}
#pro-mod-main h1 {
font-size:1.3em;
color:#ffffff;
padding-top:12px;
padding-bottom:10px;
padding-right:32px;
height:20px;
background-color: #8cc63f;
width:570px;
text-align:right;
font-weight:normal;
margin:0 0 0 0px;
}
#pro-mod-main h2 {
font-size:1.0em;
color:#8cc63f;
text-align:left;
font-weight:normal;
margin-top:10px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}
#pro-mod-main h3 {
font-size:1.0em;
color:#666666;
padding-top:10px;
padding-bottom:10px;
width:300px;
height:20px;
background-color: ffffff;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod-main p {
font-size:1.0em;
color:#666666;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod-main a {
color:#8cc63f;
text-decoration:none;
}
#pro-mod-main a:hover {
color:#333333;
text-decoration:underline;
}
#pro-mod-main ul{
list-style: none;
padding-left:0px;
}
#pro-mod-main li{
color:#666666;
margin-bottom:8px;
}
#pro-mod-main li a{
color:#666666;
}
#pro-mod-main li a:hover{
color:#8cc63f;
}
/*-----------------------------------*/
/* Practice roll over */
/*-----------------------------------*/

#prac-mod{
float: left;
width:302px;
border-left: 22px solid #ffffff;
border-right: 10px solid #ffffff;
}
#prac-mod h1 {
font-size:1.0em;
color:#ffffff;
margin-left:330px;
padding-top:32px;
padding-right:32px;
width:200px;
height:267px;
background-color: #8cc63f;
text-align:right;
font-weight:normal;
}
#prac-mod h2 {
color:#ffffff;
margin-left:312px;
padding-top:10px;
padding-bottom:10px;
padding-right:32px;
width:270px;
height:20px;
background-color: #8cc63f;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#prac-mod h3 {
font-size:1.0em;
color:#666666;
margin-left:312px;
padding-top:10px;
padding-bottom:10px;
width:302px;
height:20px;
background-color: ffffff;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#prac-mod p {
font-size:1.0em;
color:#666666;
margin-left:312px;
width:302px;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#prac-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#prac-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
}
#prac-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
}
#prac-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#prac-mod li  h3 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size: 0.90em;
border:none;
font-weight: normal;
}
#prac-mod li  h3:hover {
color: #ffffff;
cursor:default;
}
#prac-mod li a, #prac-mod li a:link, #prac-mod li a:active, #prac-mod li a:visited {
float: left;
display: block;
width: 104px;
height: 103px;
padding-top:22px;
padding-right:22px;
border: 10px solid #666666;
text-decoration: none;
overflow: hidden;
font-size: 0.96em;
text-align:right;
}
#prac-mod li a:hover {
}
#prac-mod .prac1 a, #prac-mod .prac1 a:link, #prac-mod .prac1 a:active, #prac-mod .prac1 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#prac-mod .prac1 a:hover {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#333333;
}
#prac-mod .prac2 a, #prac-mod .prac2 a:link, #prac-mod .prac2 a:active, #prac-mod .prac2 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
text-align:right;
margin-bottom:10px;
background-color:#8cc63f;
}
#prac-mod .prac2 a:hover {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
background-color:#333333;
}




/*-----------------------------------*/
/* Project main pi */
/*-----------------------------------*/
#pro-mod-full{
float: left;
width:602px;
height: 257px;
background-color: #ffffff;
border:10px solid #333333;
margin-left:10px;
text-align:left;
color: #8cc63f;
font-size:1.0em;
font-weight:normal;
}
#pro-mod-full h1 {
font-size:1.0em;
color:#ffffff;
padding-top:32px;
padding-right:32px;
width:570px;
height:40px;
background-color: #8cc63f;
text-align:right;
font-weight:normal;
border-bottom:#ffffff solid 10px;
}
#pro-mod-full h2 {
font-size:1.0em;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:32px;
width:268px;
height:20px;
background-color: #8cc63f;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod-full h3 {
font-size:1.0em;
color:#666666;
padding-top:10px;
padding-bottom:10px;
width:300px;
height:20px;
background-color: ffffff;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod-full p {
font-size:1.0em;
color:#666666;
width:300px;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}

#pro-mod-right{
float: left;
width:300px;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#pro-mod-right h1 {
background-color: #8cc63f;
width: 266px;
height: 263px;
border:7px solid #8cc63f;
text-align:right;
color: #ffffff;
padding-right:22px;
padding-top:22px;
font-weight:normal;
font-size:1.3em;
margin-bottom:10px;
margin-top:0px;
}
#pro-mod-right h2 {
font-size:1.0em;
color:#8cc63f;
margin:0 0 0 0px;
text-align:left;
font-weight:bold;
background-color:none;
}
#pro-mod-right h3 {
font-size:1.0em;
color:#8cc63f;
padding-top:10px;
padding-bottom:10px;
width:300px;
height:20px;
background-color: ffffff;
text-align:left;
font-weight:bold;
border-top:10px solid #ffffff;
}
#pro-mod-right p {
font-size:1.0em;
color:#666666;
width:300px;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#pro-mod-right a {
color:#8cc63f;
text-decoration:none;
font-weight:normal;
}
#pro-mod-right a:hover {
color:#333333;
text-decoration:underline;
font-weight:normal;
}


/*-----------------------------------*/
/* Contact roll over */
/*-----------------------------------*/

#cont-mod{
float: left;
width:302px;
border-left: 22px solid #ffffff;
border-right: 10px solid #ffffff;
}
#cont-mod h1 {
font-size:1.1em;
color:#ffffff;
margin-left:330px;
padding-top:32px;
padding-right:32px;
width:200px;
height:267px;
background-color: #8cc63f;
text-align:right;
font-weight:normal;
}
#cont-mod h2 {
font-size:1.0em;
color:#ffffff;
margin-left:312px;
padding-top:10px;
padding-bottom:10px;
padding-right:32px;
width:270px;
height:20px;
background-color: #8cc63f;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#cont-mod h3 {
font-size:1.0em;
color:#666666;
margin-left:312px;
padding-top:10px;
padding-bottom:10px;
width:302px;
height:20px;
background-color: ffffff;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#cont-mod p {
font-size:1.0em;
color:#666666;
margin-left:312px;
width:302px;
text-align:left;
font-weight:normal;
border-top:10px solid #ffffff;
}
#cont-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#cont-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
}
#cont-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
}
#cont-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#cont-mod li  h3 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size: 0.90em;
border:none;
font-weight: normal;
}
#cont-mod li  h3:hover {
color: #ffffff;
cursor:default;
}
#cont-mod li a, #cont-mod li a:link, #cont-mod li a:active, #cont-mod li a:visited {
float: left;
display: block;
width: 104px;
height: 103px;
padding-top:22px;
padding-right:22px;
border: 10px solid #333333;
text-decoration: none;
overflow: hidden;
font-size: 0.96em;
text-align:right;
}
#cont-mod li a:hover {
}
#cont-mod .cont1 a, #cont-mod .cont1 a:link, #cont-mod .cont1 a:active, #cont-mod .cont1 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#cont-mod .cont1 a:hover {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#333333;
background-image:url(../media/images/cont-mod-card-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#cont-mod .cont2 a, #cont-mod .cont2 a:link, #cont-mod .cont2 a:active, #cont-mod .cont2 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
text-align:right;
margin-bottom:10px;
background-color:#8cc63f;
}
#cont-mod .cont2 a:hover {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
background-color:#333333;
background-image:url(../media/images/cont-mod-lon-bg.jpg);
background-position:left top;
background-repeat:no-repeat;

}
#cont-mod .cont3 a, #cont-mod .cont3 a:link, #cont-mod .cont3 a:active, #cont-mod .cont3 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#8cc63f;
}
#cont-mod .cont3 a:hover {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-right:10px;
margin-bottom:10px;
text-align:right;
background-color:#333333;
background-image:url(../media/images/cont-mod-wrex-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#cont-mod .cont4 a, #cont-mod .cont4 a:link, #cont-mod .cont4 a:active, #cont-mod .cont4 a:visited  {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
text-align:right;
margin-bottom:10px;
background-color:#8cc63f;
}
#cont-mod .cont4 a:hover {
color: #ffffff;
width: 88px;
height: 109px;
padding-top:22px;
padding-right:22px;
padding-left:22px;
border: 7px solid #666666;
margin-bottom:10px;
text-align:right;
background-color:#333333;
}