/* Global Layout Styles */ 

body {
font: 0.8em/2em "trebuchet MS", Verdana, Arial, sans-serif;
margin:15px;
padding:0;
background-color: #000;
}


#content, #sidebar, #navigation, #contentg {
padding-bottom: 32767px;
margin-bottom: -32767px;
}

#container {
border: 1px solid #FFF;
width:100%;
min-width: 780px;
background: #FFF;
}


#overflow {
overflow:hidden;
}

#header {
background: #000;
height: 162px;
padding: 0 10px;
border-bottom: 2px solid #F03D24;
margin:0;
}

#header h1{
float: left;
color:#FFF;
height: 126px;
width: 268px;
background: url(../assets/global/mml.gif) no-repeat;
text-indent: -9999px;
margin-top:20px;
}

#header h2{
float:right;
color:#FFF;
height: 17px;
width: 351px;
background: url(../assets/global/audiovisual.gif) no-repeat;
text-indent: -9999px;
margin-top: 75px;
}

#secheader {
position:relative;
height:39px;
border-bottom: 2px solid #F03D24;
text-align:right;
background: #000;
}

#shop {
float:left;
width: 200px;
height:40px;
background: #FF0;
}

#wrapper {
float:left;
width:100%;
}

#navigation{
color:#FFF;
float:left;
width:200px;
min-height:100%;
margin-left:-100%;
background: #000;
}

#info {
border-top: 1px solid #FFF;
margin: 0 0.7em;
}

#content {
margin: 0 210px;
padding: 0.5em 0.5em;
background: #FFF;
height:100%;
}

#contentg {
margin: 0 0 0 210px;
padding: 0.5em 0.5em;
background: #FFF;
height:100%;
}

#sidebar{
float:left;
width:200px;
margin-left:-200px;
min-height: 550px;
}


#footer {
border-top: 2px solid #F03D24;
width:100%;
background: #000;
height: 70px;
}

#accreditations {
float: left;
max-width:200px;
height: 55px;
width: 156px;
background: url(../assets/global/accreditations.gif) no-repeat;
text-indent: -9999px;
margin: 1em;
}

#icon {
margin-top: 15px;
height: 50px;
width: 120px;
background: url(../assets/global/mmlicon.gif) top right no-repeat;
text-indent: -9999px;
float: right;
}

#build {
margin:0;
padding:0;
float:left;
clear:left;
}

/*Secondary Navigation Layout Styles */

#secheader ul, #secheader li {
display: inline;
list-style: none;
color:#FFF;
}

#secheader ul {
float:right;
margin:0.5em 0 0 0;
}

#secheader li {
font-weight:bold;
border-right: 1px solid;
padding: 0 0.5em;
font-size: 0.9em;
}

#secheader li.last {
border-right: 0;
}

#secheader a:link {
color: #FFF;
text-decoration: none;
}

#secheader a:visited {
color: #FFF;
text-decoration: none;
}

#secheader a:hover {
color: #F03D24;
text-decoration: underline;
}

#secheader a:active {
color: #F03D24;
text-decoration: underline;
}

/*shop button Styles */
#secheader ul.shop {
float:left;
text-align:left;
margin-top: 0;
padding:0;
border-right:none;
}

#secheader ul.shop li  {
float:left;
list-style:none;
text-indent: -9999px;
color: #000;
display:block;
height: 39px;
width: 192px;
background: url(../assets/global/shop.gif) no-repeat top left;
}


#secheader ul.shop li a:link, #secheader ul.shop li a:visited {
display:block;
height: 39px;
width: 192px;
background: url(../assets/global/shop.gif) no-repeat top left;
}

#secheader ul.shop li a:hover, #secheader ul.shop li a:active {
display:block;
height: 39px;
width: 192px;
background: url(../assets/global/shopr.gif) no-repeat top left;
}

#content h3.visit a {
text-indent:-9999px;
float:left;
width: 150px;
height:46px;
diplay:block;
margin:0 0 0.8em 0;
}

#content h3.visit a:link, #content h3.visit a:visited {background:url(../assets/buttons/contentvisit.gif) no-repeat;}
#content h3.visit a:hover, #content h3.visit a:active {background:url(../assets/buttons/contentvisitr.gif) no-repeat;}

#content h3.view a {
text-indent:-9999px;
float:left;
width: 150px;
height:46px;
diplay:block;
margin:0 0 0.8em 0;
}

#content h3.view a:link, #content h3.view a:visited {background:url(../assets/buttons/viewgallery.gif) no-repeat;}
#content h3.view a:hover, #content h3.view a:active {background:url(../assets/buttons/viewgalleryr.gif) no-repeat;}

/*Main Navigation Layout Styles */

#navigation h4.installations {
width: 131px;
height: 13px;
text-indent:-9999px;
background:url(../assets/titles/installations.gif) no-repeat;
margin:1em 0.5em 0.5em 0.5em;
padding:0;
}

#navigation h4.moreinfo {
width: 173px;
height: 13px;
text-indent:-9999px;
background:url(../assets/titles/services.gif) no-repeat;
margin:0.5em;
padding:0;
}

#navigation ul{
list-style: none;
margin:0;
padding:0 0 1em 0.5em;
}

#navigation li a {
display:block;
width: 188px;
height: 19px;
text-indent:-9999px;
}

#navigation li.plasma a:link, #navigation li.plasma a:visited {
background: url(../assets/buttons/plasma.gif) center left no-repeat;
}

#navigation li.plasma a:hover, #navigation li.plasma a:active {
background: url(../assets/buttons/plasmar.gif) center left no-repeat;
}

#navigation li.projector a:link, #navigation li.projector a:visited {
background: url(../assets/buttons/projectors.gif) center left no-repeat;
}

#navigation li.projector a:hover, #navigation li.projector a:active {
background: url(../assets/buttons/projectorsr.gif) center left no-repeat;
}

#navigation li.pa a:link, #navigation li.pa a:visited {
background: url(../assets/buttons/pa.gif) center left no-repeat;
}

#navigation li.pa a:hover, #navigation li.pa a:active {
background: url(../assets/buttons/par.gif) center left no-repeat;
}

#navigation li.video a:link, #navigation li.video a:visited {
background: url(../assets/buttons/video.gif) center left no-repeat;
}

#navigation li.video a:hover, #navigation li.video a:active {
background: url(../assets/buttons/videor.gif) center left no-repeat;
}

#navigation li.epos a:link, #navigation li.epos a:visited {
background: url(../assets/buttons/epos.gif) center left no-repeat;
}

#navigation li.epos a:hover, #navigation li.epos a:active {
background: url(../assets/buttons/eposr.gif) center left no-repeat;
}

#navigation li.signage a:link, #navigation li.signage a:visited {
background: url(../assets/buttons/signage.gif) center left no-repeat;
}

#navigation li.signage a:hover, #navigation li.signage a:active {
background: url(../assets/buttons/signager.gif) center left no-repeat;
}

#navigation li.cctv a:link, #navigation li.cctv a:visited {
background: url(../assets/buttons/cctv.gif) center left no-repeat;
}

#navigation li.cctv a:hover, #navigation li.cctv a:active {
background: url(../assets/buttons/cctvr.gif) center left no-repeat;
}

#navigation li.crestron a:link, #navigation li.crestron a:visited {
background: url(../assets/buttons/crestron.gif) center left no-repeat;
}

#navigation li.crestron a:hover, #navigation li.crestron a:active {
background: url(../assets/buttons/crestronr.gif) center left no-repeat;
}

#navigation li.gallery a:link, #navigation li.gallery a:visited {
background: url(../assets/buttons/gallery.gif) center left no-repeat;
}

#navigation li.gallery a:hover, #navigation li.gallery a:active {
background: url(../assets/buttons/galleryr.gif) center left no-repeat;
}

#navigation li.services a:link, #navigation li.services a:visited {
background: url(../assets/buttons/services.gif) center left no-repeat;
}

#navigation li.services a:hover, #navigation li.services a:active {
background: url(../assets/buttons/servicesr.gif) center left no-repeat;
}

#navigation li.careplan a:link, #navigation li.careplan a:visited {
background: url(../assets/buttons/careplan.gif) center left no-repeat;
}

#navigation li.careplan a:hover, #navigation li.careplan a:active {
background: url(../assets/buttons/careplanr.gif) center left no-repeat;
}

#navigation li.faq a:link, #navigation li.faq a:visited {
background: url(../assets/buttons/faq.gif) center left no-repeat;
}

#navigation li.faq a:hover, #navigation li.faq a:active {
background: url(../assets/buttons/faqr.gif) center left no-repeat;
}

#navigation li.client a:link, #navigation li.client a:visited {
background: url(../assets/buttons/client.gif) center left no-repeat;
}

#navigation li.client a:hover, #navigation li.client a:active {
background: url(../assets/buttons/clientr.gif) center left no-repeat;
}


/*Other Layout Styles */

#info p {
margin:0.4em 0;
font-size: 0.8em;
}

#info form {
margin:0;
padding:0 0 0.5em 0;
}

#info form input {
font-size: 1em;
}

#footer p {

text-align: right;
font-size : 0.85em;
line-height: 1.6em;
color:#FFF;
margin-top: 1em;
padding:0;
}

#footer p b{
font-weight : bold;
color:#F03D24;
}

#footer a{
font-weight : bold;
color:#F03D24;
}

#footer a:link,#footer a:visited{
color:#F03D24;
text-decoration:none;
}


#footer a:hover,#footer a:active{
color:#FFF;
text-decoration:underline;
}

fieldset {
border:none;
}

#build p {
margin:0;
padding:0;
font-size: 0.8em;
color: #999;
}

#build a:link, #build a:visited {
text-decoration: none;
color: #999;
}

#build a:hover, #build a:active {
text-decoration: underline;
color: #F03D24;
}

/*Content Layout Styles */

#stretch {
max-width: 800px;
min-width: 300px;
overflow: hidden;
margin:0;
padding:0;
}

#content h4, #contentg h4 {
font-size: 1.2em;
color: #F03D24;
margin:0 0 0.5em 0;
padding:0;
}

#contentg h4 {
float:left;
width:100%;
}

#content h5 {
font-size: 1.1em;
color: #F03D24;
margin:0;
padding:0;
font-style:italic;
}

#content p{
margin:0;
padding:0.5em 0 1em 0;
text-align: justify;
}

#content ul, #content li {
margin:0;
padding:0;
}

#content ul {
list-style-type:square;
list-style-position: inside
}

.lastline {
color: #F03D24;
font-style:italic;
font-weight:bold;
}

#content a:link {
color:#F03D24; text-decoration:none;}

#content a:visited {
color:#d76959; text-decoration:none;}

#content a:hover {
color:#000; text-decoration:underline;}

#content a:active {
color:#F03D24; text-decoration:underline;}


#contentg div.gallery {
float:left;
height: 170px;
margin: 0 1em 0 0;
padding:0;
}

#contentg div.gallery img {
margin:0;
padding:0;
border:1px solid #000;
}

/*sidebar Styles */

#sidebar h3 {
width: 170px;
height: 60px;
color: #000;
font-size: 0.9em;
line-height: 1.4em;
text-align:center;
margin: 0.6em 1em 1em 0;
padding: 0.5em;
border: 1px solid #F03D24;
}


#other-pa h4, #other-projector h4, #other-completeav h4 {
color: #FFF;
font-size: 1.1em;
text-transform:uppercase;
font-weight: bold;
text-align: center;
margin: 0;
padding:0;
}

#other-pos h4, #other-cctv h4, #other-plasma h4, #other-signage h4, #other-supplyinstall h4, #other-consultancy h4, #other-servicerepair h4 , #other-case h4, #other-test h4 {
color: #000;
font-size: 1.1em;
text-transform:uppercase;
font-weight: bold;
text-align:center;
margin: 0;
padding:0;
}

#other-pa p, #other-pos p, #other-cctv p, #other-plasma p, #other-signage p, #other-projector p, #other-supplyinstall p, #other-consultancy p, #other-servicerepair p, #other-completeav p, #other-case p, #other-test p {
font-size: 0.8em;
line-height: 1.2em;
padding: 0.3em;
position: absolute;
bottom: 0.2em;
margin:0;
}

#other-contact p {
text-align:center;
font-size: 0.9em;
line-height: 1.2em;
padding: 0.3em;
position: absolute;
width:95%;
bottom: 0.2em;
margin:0;
}


#other-pa, #other-pos, #other-cctv, #other-plasma, #other-signage, #other-projector, #other-supplyinstall, #other-consultancy, #other-servicerepair, #other-completeav, #other-case, #other-test {
width: 157px;
height: 134px;
border: 1px solid #000;
margin:1em 0 0 1em;
padding:0;
position: relative;
}

#other-contact {
width: 175px;
height: 175px;
border: 1px solid #000;
margin:1em 0 0 0.2em;
padding:0;
position: relative;
}



#other-pa {background:url(../assets/otherservices/pasystems.jpg) no-repeat;}
#other-pos {background:url(../assets/otherservices/pos.jpg) no-repeat;}
#other-cctv {background:url(../assets/otherservices/cctv.jpg) no-repeat;}
#other-plasma {background:url(../assets/otherservices/plasma.jpg) no-repeat;}
#other-signage {background:url(../assets/otherservices/signage.jpg) no-repeat;}
#other-projector {background:url(../assets/otherservices/projectors.jpg) no-repeat;}
#other-supplyinstall {background:url(../assets/otherservices/install.jpg) no-repeat;}
#other-consultancy {background:url(../assets/otherservices/consultancy.jpg) no-repeat;}
#other-servicerepair {background:url(../assets/otherservices/servicerepair.jpg) no-repeat;}
#other-completeav {background:url(../assets/otherservices/completeav.jpg) no-repeat;}
#other-case {background:url(../assets/otherservices/casestudy.jpg) no-repeat;}
#other-test {background:url(../assets/otherservices/test.jpg) no-repeat;}
#other-contact {background:url(../assets/otherservices/contact.gif) no-repeat;}

#sidebar a:link {color: #F03D24; text-decoration:underline;}
#sidebar a:visited {color: #000; text-decoration:underline;}
#sidebar a:hover {color: #000; text-decoration:none;}
#sidebar a:active {color: #F03D24; text-decoration:underline;}

/* testimonials and case studies */

.tborder {
border: 1px dashed #666;
padding: 10px;
}

.tborder p b {
color: #F03D24;
}

.icon {
background: url(../assets/global/test-icon.gif) no-repeat center left;
padding-left: 60px;
margin-bottom:1em;
}

.iconc {
background: url(../assets/global/case-icon.gif) no-repeat center left;
padding-left: 70px;
margin-bottom:1em;
}


/* active navigation */

body#about a#navabout,
body#test a#navtest,
body#contact a#navcontact,
body#home a#navhome
{
color: #F03D24;
font-weight: bold;
}

body#plasma a#navplasma {background: url(../assets/buttons/plasmar.gif) center left no-repeat;}
body#projector a#navprojector {background: url(../assets/buttons/projectorsr.gif) center left no-repeat;}
body#pa a#navpa {background: url(../assets/buttons/par.gif) center left no-repeat;}
body#video a#navvideo {background: url(../assets/buttons/videor.gif) center left no-repeat;}
body#epos a#navepos {background: url(../assets/buttons/eposr.gif) center left no-repeat;}
body#signage a#navsignage {background: url(../assets/buttons/signager.gif) center left no-repeat;}
body#cctv a#navcctv {background: url(../assets/buttons/cctvr.gif) center left no-repeat;}
body#crestron a#navcrestron {background: url(../assets/buttons/crestronr.gif) center left no-repeat;}
body#gallery a#navgallery {background: url(../assets/buttons/galleryr.gif) center left no-repeat;}
body#services a#navservices {background: url(../assets/buttons/servicesr.gif) center left no-repeat;}
body#careplan a#navcareplan {background: url(../assets/buttons/careplanr.gif) center left no-repeat;}
body#faq a#navfaq {background: url(../assets/buttons/faqr.gif) center left no-repeat;}
body#client a#navclient {background: url(../assets/buttons/clientr.gif) center left no-repeat;}