body {margin:0px; background:url(../images/bg-top.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444}

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

img {border:none}
p {line-height:20px; text-align:justify}

#main {width:980px; margin:0px auto}
#content {width:1000px; margin:0px auto}

.clr {clear:both}

#marquee-text {width:980px; margin:0px auto; padding:7px 0 0 0; font-size:16px; font-family: 'MyriadPro-Light'; font-weight:bold}

#header {width:980px; margin:0px auto; padding-top:5px; overflow:hidden}
#logo {width:210px; float:left}
#header-right {width:770px; float:right}
#header-right .callus {float:right; text-align:right; padding-top:10px;}


#flash {width:1000px; margin:0px auto;}
#flash-bg {width:940px; background:url(../images/white-bg.png) repeat-y; padding:30px 30px 10px 30px;}

#welcome {background-color:#ddd; width:960px; margin:35px auto; height:206px; padding:20px;}
#welcome img {float:left}
.welcome-text {width:660px; float:right}
.welcome-text h1 {font-family: 'MyriadPro-Light'; color:#2e2e2e; font-size:26px; font-weight:600; margin:5px 0;}
.welcome-text a {font-size:16px; font-family: 'MyriadPro-Light'; font-weight:bold; color:#fff; background-color:#2e2e2e; padding:10px 15px}
.welcome-text a:hover {background-color:#4289dc}
.welcome-text p {line-height:20px; margin:5px 0 5px 0; padding:0px;}


#content-home {width:1000px; margin:0px auto;}
#content-home-bg {width:1000px; overflow:hidden; background:url(../images/white-bg.png) repeat-y;}


.contact-home-main {width:320px; float:left; border-right:1px #CCC solid; padding:0px 20px 0px 20px;}
.contact-home-main .contact-home {width:282px; padding:5px; border:1px #cfcdcd solid; height:199px;}
.contact-home-main h1 {font-family: 'MyriadPro-Light'; color:#2e2e2e; font-size:24px; text-transform:uppercase}

.quality-home-main {width:200px; float:left; border-right:1px #CCC solid; padding:0px 10px 0px 40px;}
.quality-home-main .quality-home {width:282px; padding:5px; border:1px #cfcdcd solid}
.quality-home-main h1 {font-family: 'MyriadPro-Light'; color:#2e2e2e; font-size:24px; text-transform:uppercase}



#footer {width:980px; margin:20px auto; overflow:hidden}
.copyright {float:left; width:470px;}
.copyright span {float:left; padding-top:20px; font-family: 'MyriadPro-Light'; color:#000; font-size:18px; font-weight:bold}
.copyright img {float:left; padding-right:10px;}
.designed-by {float:right; text-align:right; width:230px; font-family: 'MyriadPro-Light'; color:#000; font-size:18px; font-weight:bold}
.designed-by a {color:#edb503; font-family: 'MyriadPro-Light'; font-size:20px; font-weight:bold;}
.designed-by a:hover {color:#000}
.catalogue {width:230px; float:left; text-align:right; margin:5px 0 0}




#catalogue {
	position:fixed;
	bottom:0;
}



/*********************  @ font face *************************/
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light-webfont.eot');
    src: url('../fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Light-webfont.woff') format('woff'),
         url('../fonts/Oswald-Light-webfont.ttf') format('truetype'),
         url('../fonts/Oswald-Light-webfont.svg#colaborate-thinregular') format('svg');
}
@font-face {
    font-family: 'LaneNarrowRegular';
    src: url('../fonts/LANENAR_-webfont.eot');
    src: url('../fonts/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LANENAR_-webfont.woff') format('woff'),
         url('../fonts/LANENAR_-webfont.ttf') format('truetype'),
         url('../fonts/LANENAR_-webfont.svg#LaneNarrowRegular') format('svg');
    font-style: normal;

}
@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../fonts/MyriadPro-Light.eot');
    src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Light.woff') format('woff'),
         url('../fonts/MyriadPro-Light.ttf') format('truetype'),
         url('../fonts/MyriadPro-Light.svg#colaborate-thinregular') format('svg');
}
@font-face {
    font-family: 'GeosansLight';
    src: url('../fonts/GeosansLight.eot');
    src: url('../fonts/GeosansLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GeosansLight.woff') format('woff'),
         url('../fonts/GeosansLight.ttf') format('truetype'),
         url('../fonts/GeosansLight.svg#colaborate-thinregular') format('svg');
}











#glossymenu{
margin: 5px 0;
padding: 0;
width: 204px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

#glossymenu a.menuitem{
background-color:#004995;
font: 14px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0 10px 10px;
margin:5px 0;
text-decoration: none;
border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}


#glossymenu a.menuitem:visited, #glossymenu .menuitem:active{
color: white;
}

#glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

#glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

#glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

#glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

#glossymenu div.submenu ul li{
border-bottom: 1px solid #dedede;
padding:5px 0;
}

#glossymenu div.submenu ul li a{
display: block;
font: normal 14px Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 5px 0px 5px 10px;
}

#glossymenu div.submenu ul li a:hover{
background-color:#e4e4e4;
color: #000;
padding:5px 0 5px 10px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
#glossymenu div.submenu ul li a.active{
background-color:#e4e4e4;
color: #000;
padding:5px 0 5px 10px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}