@charset "utf-8";

body {background-color:#ffffff; margin:0 0 0 0; padding:0 0 0 0; border:0; height:100%;}

#container {background-color:#ffffff; margin:0 0 0 0; padding:0 0 0 0; border:0; width:100%; height:100%;}
#content {margin:0 0 0 0; background-color:#ffffff; overflow:hidden; width:820px;}

img {border:0; display: block;}
ul {margin:0 0 0 0; padding:0 5px 0 16px;}
ul.amrvt {margin:0 0 0 0; 
			list-style:disc;
			list-style:outside; 
			padding-left:40px}
ul.amrvtdash {margin:0 0 0 0; 
			list-style:none;
			list-style:outside; 
			padding-left:20px}
li.amrvt {padding:0 0 0 0;}
a {text-decoration:none; outline: 0 none;}
a.prdts {color:#333435; font-weight:bold;}
.prdts {color:#333435; font-weight:bold;}
a.prdts:hover {color:#ffffff; background-color:#182752; font-weight:bold;}
a.prdtsser {
	color:#6E6868;
}
a.prdtsser:hover {color:#ffffff; background-color:#182752; }
p {margin:0; padding:0;}
li {padding:0 0 0 0;}
.click_amrvt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #EFEFEF;

	text-align:left;
	padding-left:29px;
	padding-bottom:14px;
	}
	.click_amrvt a{
	color:#EFEFEF;
	}
	.ptesi{
	line-height:18px;
	padding-right:30px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6D6F70;
	padding-bottom:10px;
}	
.ptesigap{
	line-height:18px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6D6F70;
	padding-bottom:10px;
	padding-left:36px;
}
	
li a {color:#333435;}
ol {padding:0 0 0 20px;}
form {margin:0; padding:0;}
table#form {border-width:1px 1px 1px 1px; border-spacing:1px; border-style:solid solid solid solid; border-color:#bcbaba #bcbaba #bcbaba #bcbaba; border-collapse:collapse; background-color: white;}
table#form td {border-width:1px 1px 1px 1px; padding:1px 1px 1px 1px; border-style:solid solid solid solid; border-color:#bcbaba #bcbaba #bcbaba #bcbaba; background-color:white;font-family:Arial, Verdana, Sans-serif; font-size:11px; font-weight:bold; color:#4d4d4d; text-decoration:none;}
table#form1 td {border-width:0; padding:1px 1px 1px 1px; border-style:solid solid solid solid; border-color:#bcbaba #bcbaba #bcbaba #bcbaba; background-color:white;font-family:Arial, Verdana, Sans-serif; font-size:11px; font-weight:bold; color:#4d4d4d; text-decoration:none;}
input.formbox {width:136px; height:17px; border:1px ; border-width:1px 1px 1px 1px; border-spacing:1px; border-style:solid solid solid solid; border-color:#bcbaba #bcbaba #bcbaba #bcbaba; border-collapse:collapse; background-color: white;}
input.formbox1 {width:165px; height:17px; border:1px ; border-width:1px 1px 1px 1px; border-spacing:1px; border-style:solid solid solid solid; border-color:#bcbaba #bcbaba #bcbaba #bcbaba; border-collapse:collapse; background-color: white; margin-top:2px;}
textarea {width:136px; border:1px ; border-width:1px 1px 1px 1px; border-spacing:1px; border-style:solid solid solid solid; border-color:#bcbaba #bcbaba #bcbaba #bcbaba; border-collapse:collapse; background-color: white;}


.ast {color: #b23106;}
.blue {color:#274976;}
.purple {color:#534a81;}

 .blackish {color:#333435;}   
 .brown {color:#e89304;}       
.green {color:#037e8e;}
.dark {color:#000000; font-weight:bold;}
.sideBdr {border-bottom: #bcbaba 1px solid; width:145px;}

#brdr {width:148px; border-bottom:1px solid #c7c6c6;}
#width100 {width:100px;}
#width115 {width:115px;}
#width320 {width:320px;}
#width435 {width:435px;}
.height100 {height:100%;}
#height18 {height:18px;}
.just {text-align:justify;}
#just td {text-align:justify;}
.just1 {
	text-align:justify;
	padding-left: 66px;
}
#just1 td {text-align:justify;}
.mar {padding:6px 0 0 8px;}
.textamrvt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333435;
	font-weight:bold;
	line-height:18px;
	font-size:12px;	
}
.tdbg{
	background-image: url(../Images/bulet_subdot.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#textClick td a {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:10px; font-weight:bold; text-decoration:none; color:#3a578c; margin-left:8px;}
#textFooter1 font {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#828283; letter-spacing:1px;}
#textFooter1 a {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#828283; letter-spacing:1px;}
#textFooter2 {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#828283;}
#textTopLink1 {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#756655; letter-spacing:1px; padding:5px 0 0 0;}
#textTopLink2 {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:10px; font-weight:bold; text-decoration:none; color:#5B6E89;}
#textHead1 {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#828080; margin-left:8px;}
#textHead12 {
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#828080;
	text-align: center;
	margin-top: 4px;
}
.textHead13 {
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#828080;
	text-align: center;
	margin-top: 4px;
}
.textHead2 td {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#505152;}
.textHead2 a {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#505152;}
#textHead3 {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#505152; margin-left:0; font-style:italic;}
#textSide {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:13px; font-weight:normal; text-decoration:none; color:#083c70; margin-left:12px;}
#textSideA {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#766A59; margin-left:14px;}
#textSideB {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#083c70; margin-left:12px;}
#textSideC {font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#766A59; margin:0;}
#textDes span {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#231f20; line-height:15px;}
#textArial {font-family:Arial, Verdana, Sans-serif; font-size:12px; font-weight:normal; color:#333435; text-decoration:none;}
.textArial {
	font-family:Arial, Verdana, Sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#6D6F70;
	text-decoration:none;
	line-height: 17px;
	text-align: left;
	padding-left: 2px;
}
.textArialjust {font-family:Arial, Verdana, Sans-serif; font-size:12px; font-weight:normal; color:#333435; text-decoration:none; text-align:justify;}
.textContact {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#595959; margin:0;}
.textContactDark {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#333435; margin:0;}
#textContact1 {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#083c70; margin:0;}
#textContact2 {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#000000; margin:0;}
#header {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:16px; font-weight:bold; color:#000000; letter-spacing:5px;}
#headerA {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:12px; font-weight:bold; color:#495b6b; line-height:24px;}
.header1 {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:12px; font-weight:normal; color:#4c0000; line-height:14px;}
.mover4 td {font-family:Arial, Verdana, Tahoma, Sans-serif; font-size:11px; font-weight:normal; color:#6E6868; margin-top:2px; line-height:14px;}


.bgShade1 {background:url(../Images/bg9.jpg); background-repeat:repeat-x; width:100%; height:380px;}
.bgShade9 {background:url(../Images/bg9.jpg); background-repeat:repeat-x; width:100%; height:300px;}
#bgShade3 {background:url(../Images/bg9Short.jpg); background-repeat:repeat-x; width:147px; height:28px;}
#bgShade1_550 {background:url(../Images/bg9_550.jpg); background-repeat:repeat-x; width:100%; height:550px;}
#bgShade1_610 {background:url(../Images/bg9_610.jpg); background-repeat:repeat-x; width:100%; height:610px;}
#bgShade1_625 {background:url(../Images/bg9_625.jpg); background-repeat:repeat-x; width:100%; height:625px;}
#bgShade1_660 {background:url(../Images/bg9_660.jpg); background-repeat:repeat-x; width:100%; height:660px;}
#bgShade1_685 {background:url(../Images/bg9_685.jpg); background-repeat:repeat-x; width:100%; height:685px;}
#bgShade1_690 {background:url(../Images/bg9_690.jpg); background-repeat:repeat-x; width:100%; height:690px;}
#bgShade1_705 {background:url(../Images/bg9_705.jpg); background-repeat:repeat-x; width:100%; height:705px;}
#bgShade1_730 {background:url(../Images/bg9_730.jpg); background-repeat:repeat-x; width:100%; height:730px;}
#bgShade1_735 {background:url(../Images/bg9_735.jpg); background-repeat:repeat-x; width:100%; height:735px;}
#bgShade1_780 {background:url(../Images/bg9_780.jpg); background-repeat:repeat-x; width:100%; height:780px;}
#bgShade1_800 {background:url(../Images/bg9_815.jpg); background-repeat:repeat-x; width:100%; height:800px;}
#bgShade1_815 {background:url(../Images/bg9_815.jpg); background-repeat:repeat-x; width:100%; height:815px;}
#bgShade1_830 {background:url(../Images/bg9_830.jpg); background-repeat:repeat-x; width:100%; height:830px;}
#bgShade1_1000 {background:url(../Images/bg9_1000.jpg); background-repeat:repeat-x; width:100%; height:1000px;}
#bgShade1_1220 {background:url(../Images/bg9_1220.jpg); background-repeat:repeat-x; width:100%; height:1220px;}
#bgShade1_1160 {background:url(../Images/bg9_1220.jpg); background-repeat:repeat-x; width:100%; height:1160px;}
#bgShade1_1260 {background:url(../Images/bg9_1260.jpg); background-repeat:repeat-x; width:100%; height:1260px;}
#bgShade1_1365 {background:url(../Images/bg9_1365.jpg); background-repeat:repeat-x; width:100%; height:1365px;}
#bgShade1Medium {background:url(../Images/bg9Medium.jpg); background-repeat:repeat-x; width:100%; height:470px;}
#bgShade2 {background:url(../Images/bg10.jpg); background-repeat:repeat-x; width:100%; height:49px;}
.bgRule1 {background:url(../Images/bg11.jpg); background-repeat:no-repeat; width:461px; height:6px;}
.bgRule2 {background:url(../Images/bg12.jpg); background-repeat:repeat-y; width:1px; height:100%;}
.bgRule5 {background:url(../Images/bg12.jpg); background-repeat:repeat-y; width:1px; height:100%;}
.bgRule3 {background:url(../Images/bg13.jpg); background-repeat:repeat-y; width:1px; height:100%;}
#bgRule4 {background:url(../Images/bg14.jpg); background-repeat:repeat-x; width:100%; height:3px;}
#bg1 {background:url(../Images/bg1.jpg); background-repeat:no-repeat; width:152px; height:37px;}
#bg1a {background:url(../Images/bg1.jpg); background-repeat:no-repeat; width:149px; height:37px;}
#bg2 {background:url(../Images/bg2.jpg); background-repeat:no-repeat; width:667px; height:37px;}
#bg12 {background: url(../Images/bg_portfolio.jpg);  width:820px; height:37px;}

#bg3 {background:url(../Images/bg3.jpg); background-repeat:repeat-y; width:1px;}
#bg3a {background:url(../Images/bg3.jpg); background-repeat:repeat-y; width:1px;}
#bg4 {background:url(../Images/bg4.gif); background-repeat:no-repeat; width:152px; height:26px; cursor:pointer;}
#bg5 {background:url(../Images/bg5.jpg); background-repeat:no-repeat; width:152px; height:26px; cursor:pointer;}
.bg6 {background:url(../Images/bg15.jpg); background-repeat:repeat-x; width:100%; height:34px;}
.bg7 {background:url(../Images/bg16.jpg); background-repeat:repeat-x; width:100%; height:1px;}
#bgPrint {width:206px; height:75px; background:url(../Images/print_web_design_text.jpg); background-repeat:no-repeat;}
#bgMerchandise {width:207px; height:75px; background:url(../Images/merchandise_uniforms_text.jpg); background-repeat:no-repeat;}
#bgTraining {width:206px; height:75px; background:url(../Images/print_web_design_text.jpg); background-repeat:no-repeat;}
#bgCad {width:206px; height:75px; background:url(../Images/cad_services_text.jpg); background-repeat:no-repeat;}


#divi1 {font-family:Verdana, Arial, Tahoma, Sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#92b7ea;}
#divi2 {font-family:Verdana, Arial, Tahoma, Sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#bcb5ed;}
#diviamrvt {font-family:Verdana, Arial, Tahoma, Sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#e89304;}
#divi3 {font-family:Verdana, Arial, Tahoma, Sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#93dce2;}
#divi4 {font-family:Verdana, Arial, Tahoma, Sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#6e94cc;}


#click1 {background:url(../Images/click1.gif); background-repeat:no-repeat; width:206px; height:28px;}
#click2 {background:url(../Images/click2.gif); background-repeat:no-repeat; width:207px; height:28px;}
#click3 {background:url(../Images/click3.gif); background-repeat:no-repeat; width:206px; height:28px;}
#click4 {background:url(../Images/click4.gif); background-repeat:no-repeat; width:201px; height:28px;}





/* BeginMainMenu */

/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0 0 0 0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link styling */
.menu li.top a.top_link {display:block; float:left; height:35px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* set up the normal unhovered images in the links */
.menu li a#home {width:55px; background:url(../Images/AllMenu/home_0.jpg) no-repeat;}
.menu li a#about {width:76px; background:url(../Images/AllMenu/about_0.jpg) no-repeat;}
.menu li a#products {width:151px; background:url(../Images/AllMenu/products_0.jpg) no-repeat;}
.menu li a#where {width:113px; background:url(../Images/AllMenu/where_0.jpg) no-repeat;}
.menu li a#contact {width:90px; background:url(../Images/AllMenu/contact_0.jpg) no-repeat;}

/* pre-load the hover images into the lists */
.menu li.p1 {
	width:55px;
	background-image:url(../Images/AllMenu/home_1.jpg) ;
	background-repeat: no-repeat;
}
.menu li.p2 {width:76px; background:url(../Images/AllMenu/about_1.jpg) no-repeat;}
.menu li.p3 {width:151px; background:url(../Images/AllMenu/products_1.jpg) no-repeat;}
.menu li.p4 {width:113px; background:url(../Images/AllMenu/where_1.jpg) no-repeat;}
.menu li.p5 {width:90px; background:url(../Images/AllMenu/contact_1.jpg) no-repeat;}

.menu :hover ul.sub li.pa {display:block; width:96px; background:url(../Images/AllMenu/menu_print_1.jpg) no-repeat;}
.menu :hover ul.sub li.pb {width:96px; background:url(../Images/AllMenu/menu_merchandise_1.jpg) no-repeat;}
.menu :hover ul.sub li.pc {width:96px; background:url(../Images/AllMenu/menu_training_1.jpg) no-repeat;}
.menu :hover ul.sub li.pd {width:96px; background:url(../Images/AllMenu/menu_cad_1.jpg) no-repeat;}


.menu :hover ul.sub li a.print:hover {display:block; width:151px; height:55px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_print_1.jpg)  no-repeat;}
.menu :hover ul.sub li a.merchandise:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_merchandise_1.jpg)  no-repeat;}
.menu :hover ul.sub li a.training:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_training_1.jpg)  no-repeat;}
.menu :hover ul.sub li a.cad:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_cad_1.jpg)  no-repeat;}



/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover {position:relative;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#where:hover, .menu li:hover a#where,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;}

/* set up the first drop down sub level */
.menu :hover ul.sub {display:block; left:0; top:35px; background: transparent; padding:0 0 0 0; border:0px solid #888; white-space:nowrap; width:151px; height:auto; z-index:10;}
.menu :hover ul.sub li.print {display:block; height:35px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu :hover ul.sub li.merchandise {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu :hover ul.sub li.training {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu :hover ul.sub li.cad {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}


.menu :hover ul.sub li a.print {display:block; width:151px; height:35px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_print_0.jpg)  no-repeat;}
.menu :hover ul.sub li a.merchandise {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_merchandise_0.jpg)  no-repeat;}
.menu :hover ul.sub li a.training {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_training_0.jpg)  no-repeat;}
.menu :hover ul.sub li a.cad {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_cad_0.gif)  no-repeat;}


.menu :hover ul.sub li a.print:hover {display:block; width:151px; height:35px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_print_1.jpg)  no-repeat;}
.menu :hover ul.sub li a.merchandise:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_merchandise_1.jpg)  no-repeat;}
.menu :hover ul.sub li a.training:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_training_1.jpg)  no-repeat;}
.menu :hover ul.sub li a.cad:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/menu_cad_1.gif)  no-repeat;}

/* EndMainMenu */







/* BeginQuestMenu */
/* Remove the padding, margins and bullets from the lists */
.qmenu, .qmenu ul {list-style-type:none; padding:0; margin:0 0 0 0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.qmenu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the.qmenu function. The font size is necessary for IE5.5 */
.qmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link styling */
.qmenu li.top a.top_link {display:block; float:left; height:33px;}
.qmenu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.qmenu li.p1 {width:113px; background:url(../Images/AllMenu/quest_home_1.jpg) no-repeat;}
.qmenu li.p2 {width:63px; background:url(../Images/AllMenu/quest_courses_1.jpg) no-repeat;}
.qmenu li.p3 {width:92px; background:url(../Images/AllMenu/quest_enrol_1.jpg) no-repeat;}
.qmenu li.p4 {width:52px; background:url(../Images/AllMenu/quest_faqs_1.jpg) no-repeat;}
.qmenu li.p5 {width:141px; background:url(../Images/AllMenu/quest_contact_1.jpg) no-repeat;}

/* set up the normal unhovered images in the links */
.qmenu li a#home {width:113px; background:url(../Images/AllMenu/quest_home_0.jpg) no-repeat;}
.qmenu li a#courses {width:63px; background:url(../Images/AllMenu/quest_courses_0.jpg) no-repeat;}
.qmenu li a#enrol {width:92px; background:url(../Images/AllMenu/quest_enrol_0.jpg) no-repeat;}
.qmenu li a#faqs {width:52px; background:url(../Images/AllMenu/quest_faqs_0.jpg) no-repeat;}
.qmenu li a#contact {width:141px; background:url(../Images/AllMenu/quest_contact_0.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.qmenu a:hover {visibility:visible;} /* for IE6 */
.qmenu li:hover {position:relative;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.qmenu li a#home:hover, .qmenu li:hover a#home,
.qmenu li a#courses:hover, .qmenu li:hover a#courses,
.qmenu li a#enrol:hover, .qmenu li:hover a#enrol,
.qmenu li a#faqs:hover, .qmenu li:hover a#faqs,
.qmenu li a#contact:hover, .qmenu li:hover a#contact {background:transparent;}


/* set up the first drop down sub level */
/*.qmenu :hover ul.sub {display:block; left:0; top:35px; background: transparent; padding:0 0 0 0; border:0px solid #888; white-space:nowrap; width:151px; height:auto; z-index:10;}*/
/*.qmenu :hover ul.sub li.print {display:block; height:35px; position:relative; float:left; width:151px; padding:0 0 0 0;}*/
/*.qmenu :hover ul.sub li.merchandise {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}*/
/*.qmenu :hover ul.sub li.training {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}*/
/*.qmenu :hover ul.sub li.cad {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}*/


/*.qmenu :hover ul.sub li a.print {display:block; width:151px; height:35px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_print_0.jpg)  no-repeat;}*/
/*.qmenu :hover ul.sub li a.merchandise {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_merchandise_0.jpg)  no-repeat;}*/
/*.qmenu :hover ul.sub li a.training {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_training_0.jpg)  no-repeat;}*/
/*.qmenu :hover ul.sub li a.cad {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_cad_0.jpg)  no-repeat;}*/


/*.qmenu :hover ul.sub li a.print:hover {display:block; width:151px; height:35px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_print_1.jpg)  no-repeat;}*/
/*.qmenu :hover ul.sub li a.merchandise:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_merchandise_1.jpg)  no-repeat;}*/
/*.qmenu :hover ul.sub li a.training:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_training_1.jpg)  no-repeat;}*/
/*.qmenu :hover ul.sub li a.cad:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/qmenu_cad_1.jpg)  no-repeat;}*/
/* EndQuestqMenu */



/* BeginStudioworksMenu */
/* Remove the padding, margins and bullets from the lists */
.stmenu, .stmenu ul {list-style-type:none; padding:0; margin:0 0 0 0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.stmenu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the.qmenu function. The font size is necessary for IE5.5 */
.stmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link styling */
.stmenu li.top a.top_link {display:block; float:left; height:33px;}
.stmenu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.stmenu li.p1 {width:142px; background:url(../Images/AllMenu/sw_home_1.jpg) no-repeat;}
.stmenu li.p2 {width:78px; background:url(../Images/AllMenu/sw_services_1.jpg) no-repeat;}
.stmenu li.p4 {
	width:134px;
	background:url(../Images/AllMenu/cad_client_1.jpg) no-repeat;
}
.stmenu li.p5 {width:172px; background:url(../Images/AllMenu/sw_contact_1.jpg) no-repeat;}

/* set up the normal unhovered images in the links */
.stmenu li a#home {width:142px; background:url(../Images/AllMenu/sw_home_0.jpg) no-repeat;}
.stmenu li a#services {width:78px; background:url(../Images/AllMenu/sw_services_0.jpg) no-repeat;}
.stmenu li a#search {
	width:134px;
	background:url(../Images/AllMenu/cad_client_0.jpg) no-repeat;
}
.stmenu li a#contact {width:172px; background:url(../Images/AllMenu/sw_contact_0.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.stmenu a:hover {visibility:visible;} /* for IE6 */
.stmenu li:hover {position:relative;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.stmenu li a#home:hover, .stmenu li:hover a#home,
.stmenu li a#services:hover, .stmenu li:hover a#services,
.stmenu li a#search:hover, .stmenu li:hover a#search,
.stmenu li a#contact:hover, .stmenu li:hover a#contact {background:transparent;}

/* EndStudioworksMenu */

/* BeginCadMenu */
/* Remove the padding, margins and bullets from the lists */
.cmenu, .cmenu ul {list-style-type:none; padding:0; margin:0 0 0 0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.cmenu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the.qmenu function. The font size is necessary for IE5.5 */
.cmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link styling */
.cmenu li.top a.top_link {display:block; float:left; height:33px;}
.cmenu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.cmenu li.p1 {width:137px; background:url(../Images/AllMenu/cad_home_1.jpg) no-repeat;}
.cmenu li.p2 {width:69px; background:url(../Images/AllMenu/cad_services_1.jpg) no-repeat;}
.cmenu li.p3 {width:76px; background:url(../Images/AllMenu/cad_about_1.jpg) no-repeat;}
.cmenu li.p4 {width:134px; background:url(../Images/AllMenu/cad_client_1.jpg) no-repeat;}
.cmenu li.p5 {width:173px; background:url(../Images/AllMenu/cad_contact_1.jpg) no-repeat;}

/* set up the normal unhovered images in the links */
.cmenu li a#home {width:137px; background:url(../Images/AllMenu/cad_home_0.jpg) no-repeat;}
.cmenu li a#services {width:69px; background:url(../Images/AllMenu/cad_services_0.jpg) no-repeat;}
.cmenu li a#about {width:76px; background:url(../Images/AllMenu/cad_about_0.jpg) no-repeat;}
.cmenu li a#client {width:134px; background:url(../Images/AllMenu/cad_client_0.jpg) no-repeat;}
.cmenu li a#contact {width:173px; background:url(../Images/AllMenu/cad_contact_0.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.cmenu a:hover {visibility:visible;} /* for IE6 */
.cmenu li:hover {position:relative;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.cmenu li a#home:hover, .cmenu li:hover a#home,
.cmenu li a#services:hover, .cmenu li:hover a#services,
.cmenu li a#about:hover, .cmenu li:hover a#about,
.cmenu li a#client:hover, .cmenu li:hover a#client,
.cmenu li a#contact:hover, .cmenu li:hover a#contact {background:transparent;}

/* EndCadMenu */


/* BeginMerchandisingMenu */
/* Remove the padding, margins and bullets from the lists */
.mmenu, .mmenu ul {list-style-type:none; padding:0; margin:0 0 0 0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.mmenu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the.qmenu function. The font size is necessary for IE5.5 */
.mmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link styling */
.mmenu li.top a.top_link {display:block; float:left; height:33px;}
.mmenu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.mmenu li.p1 {width:157px; background:url(../Images/AllMenu/mer_home_1.jpg) no-repeat;}
.mmenu li.p2 {width:76px; background:url(../Images/AllMenu/mer_products_1.jpg) no-repeat;}
.mmenu li.p3 {width:64px; background:url(../Images/AllMenu/mer_search_1.jpg) no-repeat;}
.mmenu li.p5 {width:185px; background:url(../Images/AllMenu/mer_contact_1.jpg) no-repeat;}

/* set up the normal unhovered images in the links */
.mmenu li a#home {width:157px; background:url(../Images/AllMenu/mer_home_0.jpg) no-repeat;}
.mmenu li a#products {width:76px; background:url(../Images/AllMenu/mer_products_0.jpg) no-repeat;}
.mmenu li a#search {width:64px; background:url(../Images/AllMenu/mer_search_0.jpg) no-repeat;}
.mmenu li a#contact {width:185px; background:url(../Images/AllMenu/mer_contact_0.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.mmenu a:hover {visibility:visible;} /* for IE6 */
.mmenu li:hover {position:relative;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.mmenu li a#home:hover, .mmenu li:hover a#home,
.mmenu li a#products:hover, .mmenu li:hover a#products,
.mmenu li a#search:hover, .mmenu li:hover a#search,
.mmenu li a#contact:hover, .mmenu li:hover a#contact {background:transparent;}

/* EndMerchandisingMenu */



/* BeginFooterMenu */
/* Remove the padding, margins and bullets from the lists */
.ftmenu, .ftmenu ul {list-style-type:none; padding:0; margin:0 0 0 0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.ftmenu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the.qmenu function. The font size is necessary for IE5.5 */
.ftmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link styling */
.ftmenu li.top a.top_link {display:block; float:left; height:49px;}
.ftmenu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.ftmenu li.ft1 {width:145px; background:url(../Images/AllMenu/footer_print_1.jpg) no-repeat;}
.ftmenu li.ft2 {width:194px; background:url(../Images/AllMenu/footer_merchandise_1.jpg) no-repeat;}
.ftmenu li.ft3 {width:171px; background:url(../Images/AllMenu/footer_training_1.jpg) no-repeat;}
.ftmenu li.ft4 {width:113px; background:url(../Images/AllMenu/footer_cad_1.jpg) no-repeat;}

/* set up the normal unhovered images in the links */
.ftmenu li a#print {width:145px; background:url(../Images/AllMenu/footer_print_0.jpg) no-repeat;}
.ftmenu li a#merchandise {width:194px; background:url(../Images/AllMenu/footer_merchandise_0.jpg) no-repeat;}
.ftmenu li a#training {width:171px; background:url(../Images/AllMenu/footer_training_0.jpg) no-repeat;}
.ftmenu li a#cad {width:113px; background:url(../Images/AllMenu/footer_cad_0.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.ftmenu a:hover {visibility:visible;} /* for IE6 */
.ftmenu li:hover {position:relative;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.ftmenu li a#print:hover, .stmenu li:hover a#print,
.ftmenu li a#merchandise:hover, .stmenu li:hover a#merchandise,
.ftmenu li a#training:hover, .stmenu li:hover a#training,
.ftmenu li a#cad:hover, .stmenu li:hover a#cad {background:transparent;}

/* EndFooterMenu */
#dummy {
	height: 115px;
	width: 594px;
	padding-left: 66px;
}

#dummy1 {
	height: 160px;
	width: 660px;
}
#part {
	height: 115px;
	width: 660px;
	
}
#part1 {
	height: 115px;
	float: left;
	width: 196px;

}
#part2 {
	height: 115px;
	float: left;
	width: 196px;

}
#part3 {
	height: 115px;
	float: left;
	width: 196px;}


.magnifire{
cursor:url("magnify.cur")
}

# gallery{
width:465px;
height:100%;
}


/* BeginMainMenu */

/* Remove the padding, margins and bullets from the lists */
.menu1, .menu1 ul {list-style-type:none; padding:0; margin:0 0 0 0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu1 li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link styling */
.menu1 li.top a.top_link {display:block; float:left; height:35px;}
.menu1 li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* set up the normal unhovered images in the links */
.menu1 li a#home {width:157px; background:url(../Images/AllMenu/mer_home_0.jpg) no-repeat;}
.menu1 li a#about {width:64px; background:url(../Images/AllMenu/mer_search_0.jpg) no-repeat;}
.menu1 li a#products {width:82px; background:url(../Images/AllMenu/mer_products_0.jpg) no-repeat;}
.menu1 li a#where {width:185px; background:url(../Images/AllMenu/mer_contact_0.jpg) no-repeat;}


/* pre-load the hover images into the lists */

.menu1 li.p1 {
	width:157px;
	background-image:url(../Images/AllMenu/mer_home_1.jpg) ;
	background-repeat: no-repeat;
}
.menu1 li.p2 {width:64px; background:url(../Images/AllMenu/mer_search_1.jpg) no-repeat;}
.menu1 li.p3 {width:82px; background:url(../Images/AllMenu/mer_products_1.jpg) no-repeat;}
.menu1 li.p4 {width:185px; background:url(../Images/AllMenu/mer_contact_1.jpg) no-repeat;}


.menu1 :hover ul.sub li.pa {display:block; width:96px; background:url(../Images/AllMenu/mer_tshirt_0.jpg) no-repeat;}
.menu1 :hover ul.sub li.pb {width:96px; background:url(../Images/AllMenu/mer_uni_0.jpg) no-repeat;}
.menu1 :hover ul.sub li.pc {width:96px; background:url(../Images/AllMenu/mer_caps_0.jpg) no-repeat;}
.menu1 :hover ul.sub li.pd {width:96px; background:url(../Images/AllMenu/mer_a&g_0.jpg) no-repeat;}
.menu1 :hover ul.sub li.pe {width:96px; background:url(../Images/AllMenu/mer_bags_0.jpg) no-repeat;}
.menu1 :hover ul.sub li.pf {width:96px; background:url(../Images/AllMenu/mer_jackets_0.jpg) no-repeat;}


.menu1 :hover ul.sub li a.print:hover {display:block; width:151px; height:55px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_tshirt_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.merchandise:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_uni_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.training:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_caps_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.cad:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_a&g_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.bags:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_bags_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.jackets:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_jackets_1.jpg)  no-repeat;}


/* Style the list OR link hover. Depends on which browser is used */
.menu1 a:hover {visibility:visible;} /* for IE6 */
.menu1 li:hover {position:relative;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu1 li a#home:hover, .menu1 li:hover a#home,
.menu1 li a#about:hover, .menu1 li:hover a#about,
.menu1 li a#products:hover, .menu1 li:hover a#products,
.menu1 li a#where:hover, .menu1 li:hover a#where,
.menu1 li a#contact:hover, .menu1 li:hover a#contact {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu1 ul, 
.menu1 :hover ul ul, 
.menu1 :hover ul :hover ul ul,
.menu1 :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;}

/* set up the first drop down sub level */
.menu1 :hover ul.sub {display:block; left:0; top:35px; background: transparent; padding:0 0 0 0; border:0px solid #888; white-space:nowrap; width:151px; height:auto; z-index:10;}
.menu1 :hover ul.sub li.print {display:block; height:35px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu1 :hover ul.sub li.merchandise {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu1 :hover ul.sub li.training {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu1 :hover ul.sub li.cad {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu1 :hover ul.sub li.bags {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}
.menu1 :hover ul.sub li.jackets {display:block; height:28px; position:relative; float:left; width:151px; padding:0 0 0 0;}


.menu1 :hover ul.sub li a.print {display:block; width:151px; height:35px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_tshirt_0.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.merchandise {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenumer_uni_0.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.training {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_caps_0.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.cad {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_a&g_0.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.bags {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_bags_0.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.jackets {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_jackets_0.jpg)  no-repeat;}


.menu1 :hover ul.sub li a.print:hover {display:block; width:151px; height:35px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_tshirt_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.merchandise:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_uni_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.training:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_caps_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.cad:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_a&g_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.bags:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_bags_1.jpg)  no-repeat;}
.menu1 :hover ul.sub li a.jackets:hover {display:block; width:151px; height:28px; border:0px solid #fff; border-width:0 0 0 0; background:url(../Images/AllMenu/mer_jackets_1.jpg)  no-repeat;}


/* EndMainMenu */