ma@charset "utf-8";
/* CSS Document */
html, body{ margin:0; padding:0; background: #FFF}
/* GENERAL LAYOUT*/
.wrap{width:980px; margin:0 auto; margin-top:-18px; }
.main{width:980px;float:left; }
.left{width:255px; float:left; margin-bottom:20px}
.righttop{float:left; margin-left:20px; _margin-left:15px}
/* left */
.left h1{font-family:Arial, Helvetica, sans-serif; color: #333333;padding:3px; background: url(../graphics/left-title-bg.jpg) no-repeat; line-height:23px; font-size:18px; font-weight:bold; margin:0; padding-left:10px}
/* right top */
.topcontent{width:484px; float:left}
.topcontent a img{float:left; margin-left:7px; margin-bottom:7px; border:#CCCCCC 1px solid}
.logo{width:484px; height:102px; float:left; margin-top:5px; margin-bottom:10px}
.clients{ width:484px; float:left; height:167px; background:url(../graphics/clients.jpg) no-repeat top left}
.topcontent .clients h1{font-family:Arial, Helvetica, sans-serif; color: #FFFF00;padding:3px; background: url(../graphics/bg-title.jpg) repeat-x; line-height:19px; font-size:16px; font-weight:bold; margin:0; padding-left:5px; border:#FFFF00 1px solid; width:100px}
.topcontent h1 {font-family:Arial, Helvetica, sans-serif; color: #FFFF00;padding:3px; background: url(../graphics/bg-title.jpg) repeat-x; line-height:19px; font-size:16px; font-weight:bold; margin:0; padding-left:5px; border:#FFFF00 1px solid; float:left; width:100% }
.topcontent p {margin:5px ; color: #666666; line-height:18px; font-size:12px}
.topcontent a{color:#666666}
.topcontent a:hover{color:#333333; text-decoration:none}
/* right top small*/
.topright{width:198px; float:left; margin-left:20px;_margin-left:15px}
.topright h1{ clear:both;font-family:Arial, Helvetica, sans-serif; color: #333333;padding:3px; background: url(../graphics/right-title-bg-yellow.jpg) no-repeat; line-height:23px; font-size:14px; font-weight:bold; margin:0; padding-left:5px; letter-spacing:normal}
.topright h2{ font-family:Arial, Helvetica, sans-serif; color: #333333;padding:3px; background: url(../graphics/right-title-bg-yellow.jpg) no-repeat; line-height:23px; font-size:16px; font-weight:bold; margin:0; padding-left:5px; }
.visualperspex{ height:85px; width:190px; margin:0 auto; background:url(../graphics/left-bg.jpg) center repeat-x; border:#FFFF00 1px solid; border-top:0; border-bottom:0 }
.visualperspex a{font-family:Arial, Helvetica, sans-serif; color: #333333;padding:3px; background: url(../graphics/right-title-bg-yellow.jpg) no-repeat center; line-height:20px; font-size:14px; font-weight:bold; margin:0; padding-left:5px; letter-spacing:normal; border:#999999 1px solid; text-decoration:none}
.visualperspex a:hover{color:#FFFF00; background:url(../graphics/bg-title.jpg) repeat-x}
.showroom_title{width:189px; height:20px; padding:3px; padding-left:5px; background:url(../graphics/bg-title.jpg) repeat-x; border:#FFFF00 1px solid; color:#FFFF00;line-height:19px; font-size:16px; font-weight:bold; }
.showroom_title span{font-size:11px; color:#FFFFFF; font-weight:lighter; text-decoration:none }
.showroom_title a span em{color:#FFFFFF; text-decoration:none}
.showroom_title a:hover span em{ color: #FFFF00; }
.showroom{ height:140px; width:190px; margin:0 auto; background:url(../graphics/left-bg.jpg) center repeat-x; border:#FFFF00 1px solid; border-top:0; border-bottom:0 }
.contactdetails{ height:315px; width:180px; margin:0 auto; background:url(../graphics/left-bg.jpg) bottom repeat-x; border:#FFFF00 1px solid; border-top:0; font-size:11px; color:#666666; padding:5px }
.contactdetails a{color:#666666}
.contactdetails a:hover{color:#333333; text-decoration:none}
/* ajax scroller*/
.ajaxslideshow{width:685px; float:right; margin-right:5px; margin-top:15px}
#boxslide{ background: url(../graphics/left-bg.jpg) repeat-x bottom ; width:158px; height:113px; margin-left:6px; _margin-left:3px; margin-bottom:10px; float:left; font-family: Arial, Helvetica, sans-serif; font-size:10px; border: #CCCCCC 1px solid}
#boxslide h2 { color: #666666 ; margin:0; padding:0; font-size:14px; font-weight:bold; margin-bottom:0px; margin-top:0px; font-family:Arial, Helvetica, sans-serif}
#boxslide a{ color: #666666; text-decoration:none; display:block; padding:5px}
#boxslide a:hover{ background: #FFFF00 ; color: #CCCCCC; text-decoration:none}
#boxslide a:hover h2{ color: #333333; }
/* content*/
.content{width:690px; float:left; margin-left:20px; margin-top:5px}
.content h1{font-family:Arial, Helvetica, sans-serif; color: #FFFF00;padding:3px; background: url(../graphics/bg-title.jpg) repeat-x; line-height:19px; font-size:16px; font-weight:bold; margin:0; padding-left:5px; border:#FFFF00 1px solid; float:left; width:100% }
.content h2 { color: #666666 ; margin:0; padding:0; font-size:12px; font-weight:bold; margin-bottom:0px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; margin-left:5px; }
.content p {margin-left:5px ; margin-bottom:5px; margin-top:0; color: #666666; line-height:18px; font-size:12px}
.content a{color:#666666}
.content a:hover{color:#333333; text-decoration:none}
/* POP UPS */
.pop{font-family:Arial, Helvetica, sans-serif; color:#666666;padding:10px; background:#fff; line-height:18PX}
.pop h2 {font-family:impact; color:#000000; margin:0; padding:0; line-height:34px; font-size:28px; border-bottom:2px solid #999999 ;padding-bottom:2px;}
.pop h3 {font-family:impact; color: #999999; margin:0; padding:0; line-height:26px; font-size:22px;}
.pop a{color:#666666; font-weight:bold }
.pop a:hover{color: #333333; text-decoration:none}
.pop_header-right{float:right; margin-top:13px}
.pop_header-right a{padding:5px;_line-height:25px; background:#000000; color:#FFFF00; font-size:18px; text-decoration:none; font-family: Arial, Helvetica, sans-serif}
.pop_header-right a:hover{color: #FFFFFF}
.pop_contact{border-bottom:1px solid #999999 ;border-top:1px solid #999999;padding-bottom:2px;padding-top:2px; margin-top:25px; margin-bottom:4px; width:100%; float:left}
.pop_contact a{text-decoration:none; color:#000000; font-weight:bold}
.pop_contact a:hover{color:#333333}
.pop_mail{float:left}
.pop_mail a{color:#666666; }
.pop_mail a:hover{color: #333333; text-decoration:none}