* {margin: 0; }
html, body {height: 100%; background-color: #8c9ebe; }
.clear { clear: both; }

#wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -56px; /* the bottom margin is the negative value of the footer's height */ width: 1000px; font: 62.5% Helvetica; }

#offer_links {float: left; }
#offer_links ul li {float: left; display: inline;}
#offer_links ul {list-style-type: none; margin: -193px 0 0 271px;}
#offer_links ul li a img {border-style: none;}

#tel {color: white; float: right; margin-top: -183px; font-size: 1.8em; margin-right: 53px;}
#tel img {margin-left: 65px; padding-top: 10px;}

/*--------------Common--------------*/
.footer {background: url(images/footer.gif) repeat-x; height: 56px; }
.push { height: 56px; }

.footer p {color: white; font-size: 8pt; float: right; margin-top: 40px; margin-right: 20px; }

.wrapper1{color: #44433f; font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif; margin-top: -69px; margin-right: 40px; float: right;  }
.wrapper1 a{color: #E5F2FB; text-decoration: none; }
.wrapper1 a:hover { color: #09548B; }
.wrapper1 p { margin: 0 0 17px; padding: 0; line-height: 18px;}
.nav {float: left; }
.nev-wrapper {clear: both; float: left; }

.nav ul {height: 0px; float: left; list-style: none;font-size: 15px;}
.nav li {float: left;padding: 0 7px;position: relative;z-index: 1;}
.nav li.last {background:none;}
.nav li:hover {z-index:2;}
.nav li a {display: block;line-height: 38px;overflow: hidden;float: left;}

a .menu-left {background: url(images/menu_left.gif) no-repeat left top;width: 8px;height: 34px;line-height: 35px;display: block;float: left;}
a .menu-mid {background: url(images/menu_mid.gif) repeat-x top left;height: 34px;line-height: 35px;display: block;float: left;}
a .menu-right {background: url(images/menu_right.gif) no-repeat top left;width: 8px;height: 34px;line-height: 35px;display: block;float: left;}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {background-position: 0 -37px;line-height: 35px; }

.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {color: #09548B;}

.nav li:hover .sub,
.nav li.hover .sub {display:block;}

.nav li .sub {display: none;position: absolute;top: 27px;left: 6px;background: url(images/submenu_top.png) no-repeat;width: 186px;padding-top: 9px;}

.nav li ul {background: url(images/submenu_bg.png) repeat-y;width: 162px;height: auto;margin: 0;padding: 0 12px 10px;list-style: none;font-size: 14px;}

.nav li:hover li,
.nav li.active li {width: 100%;padding: 1px 0 2px;border-bottom: 1px #C1D9F0 dashed;background: none !important;}

.nav li:hover li a,
.nav li.active li a {color: #09548B;background: none !important;line-height: normal;width: 156px;padding: 8px 3px 3px;text-indent: 1px;}

.nav li:hover li a:hover,
.nav li.active li a:hover {color: #fff;background: #165B9F !important;text-decoration: none;line-height: normal;}

/*IE*/
.nav li li a:hover,
.nav li li a:hover {color: #fff;background: #165B9F !important;text-decoration: none;line-height: normal;}
/**/
.nav .btm-bg {background: url(images/submenu_bottom.png) no-repeat;width: 205px;height: 9px;overflow: hidden;clear: both;}

                                  
#header {background: url(images/header.gif) repeat-x; height: 170px; }
#logo img {margin-top: -190px; border: none; height: 153px; width: 271px; float: left; }

#logo a {text-decoration: none; text-indent: 1000px;}

p.no_java {color: white; margin-left: 460px; padding-top: 50px;}
/*----------------------------------------------------------------------------------------------------*/

/*---------------Homepage-----------------------------------------------------------------------------*/
#content_area { padding-left: 80px; padding-right: 90px;  margin-bottom: 50px; padding-top: 60px; }
#content_area p{color: #142740; margin-top: -60px; font-size:3.0em; margin-left: 110px}
#content_area h1 {color: #142740;}
#content_area p span {margin-left: 100px;}

#image_effect {margin-top: 20px; margin-left: 80px;}
/*---------------------------------------------------------------------------------------------------*/

.description p a {color: white;}

/*----------------Laptops page-----------------------------------------------------------------------*/
.laptop_area {background: url(images/laptop_area2.png) no-repeat; width: 981px; height: 375px; margin-top: 20px;}

.laptop_area img {width: 200px; height: 200px; float: left; padding-left: 30px;}
.laptop_area h1.title {color: white; padding-top: 30px; padding-left: 310px; }
.laptop_area h1.title span {color: red;}
.laptop_area .description {height: 50px;}
.laptop_area .description p {color: white;  font-size: 1.5em; margin-left: 310px; padding-right: 110px;}

.laptop_area .description p.extra {color: white;  font-size: 1.5em; margin-left: 310px; padding-right: 110px; padding-top: 10px;}

.laptop_area .tech_spec {margin-top: 90px; margin-left: 350px; height: 100px; } 
.laptop_area .tech_spec h2 {color: #142740; text-decoration: underline; margin-left: 150px; padding-bottom: 5px;}
.laptop_area .tech_spec a {color: white; margin-left: 330px; font-size: 1.1em;}
.laptop_area .tech_spec p.move a {color: white; margin-left: 329px; font-size: 1.1em;}

.laptop_area2 {background: url(images/laptop_area2.png) no-repeat; width: 981px; height: 375px; margin-top: 20px;}

.laptop_area2 img {width: 200px; height: 200px; float: left; padding-left: 30px;}
.laptop_area2 h1.title {color: white; padding-top: 30px; padding-left: 310px; }
.laptop_area2 h1.title span {color: red;}
.laptop_area2 .description {height: 50px;}
.laptop_area2 .description p {color: white;  font-size: 1.5em; margin-left: 310px; padding-right: 110px;}

.laptop_area2 .description p.extra {color: white;  font-size: 1.5em; margin-left: 310px; padding-right: 110px; padding-top: 10px;}

.laptop_area2 .tech_spec {margin-top: 90px; margin-left: 350px; height: 100px; } 
.laptop_area2 .tech_spec h2 {color: #142740; text-decoration: underline; margin-left: 150px; padding-bottom: 5px;}
.laptop_area2 .tech_spec a {color: white; margin-left: 330px; font-size: 1.1em;}
.laptop_area2 .tech_spec p.move a {color: white; margin-left: 329px; font-size: 1.1em;}

.spec {color: #142740; font-size: 11pt; }

.usp {color: white; font-size: 11pt; margin-top: -85px; margin-left: 10px; height: 100px;}
.usp a {color: white; font-size: 11pt; margin-top: -85px; margin-left: 0px; }

.accessories {margin-left: 750px; margin-top: -100px; height: 100px;}

.accessories h2 {color: #142740; text-decoration: underline; margin-left: 25px; }

.access_list {color: #142740; font-size: 11pt; }

.laptop_area .accessories a {color: red; font-size: 11pt;}

.laptop_price_star {background: url(images/price_star.png) no-repeat; width: 131px; height: 122px; float: right; margin-top: -390px; }

.laptop_price_star p {font-size: 1.1em; margin-top: 30px; margin-left: 25px;}
.laptop_price_star p.other {font-size: 1.1em; margin-top: 30px; margin-left: 48px;}
.laptop_price_star span {font-size: 2.6em; margin-top: 45px; margin-left: 23px; font-weight: bold;}
.laptop_price_star span.other {margin-left: 29px;}
.laptop_price_star span.vat {font-size: 1.1em; margin-top: 50px; margin-left: 48px;}
.laptop_price_star span.small_zero {font-size: 1.9em; margin-left: 0px;}

.reliability_area {background: url(images/reliability_area.png) no-repeat; width: 981px; height: 482px; margin-top: 15px; margin-left: -5px;}
.reliability_area h1.title {color: white; font-size: 2.0em; padding-top: 30px; margin-left: 40px;}
.reliability_area h1.title span.small {font-size: 0.5em; color: white;}
.reliability_area h1.title span.red {color: red;}
.reliability_area .description p {color: white; margin-top: 10px; font-size: 1.3em; margin-left: 30px; padding-right: 10px; padding-left: 10px; }
.reliability_area .description span {font-weight: bold; color: green;}
.reliability_area .description a {color: white; }
/*-------------------------------------------------------------------------------------------------------*/

/*----------------Projectors page------------------------------------------------------------------------*/
.projector_area {background: url(images/projector_area.png) no-repeat; width: 985px; height: 377px; margin-top: 20px;}

.projector_price_star_installed {background: url(images/price_star.png) no-repeat; width: 131px; height: 122px; float: right; margin-top: -400px; margin-right: -15px; }

.projector_price_star_installed p {font-size: 1.1em; margin-top: 33px; margin-left: 31px;}
.projector_price_star_installed span {font-size: 2.6em; margin-top: 45px; margin-left: 24px; font-weight: bold;}
.projector_price_star_installed span.other {margin-left: 18px;}
.projector_price_star_installed span.vat {font-size: 1.1em; margin-top: 50px; margin-left: 47px;}
.projector_price_star_installed span.small_zero {font-size: 1.9em; margin-left: 0px;}

.projector_price_star_supply {background: url(images/price_star.png) no-repeat; width: 131px; height: 122px; float: right; margin-top: -400px; margin-right: 105px; }

.projector_price_star_supply p {font-size: 1.1em; margin-top: 33px; margin-left: 35px; }
.projector_price_star_supply span {font-size: 2.6em; margin-top: 45px; margin-left: 24px; font-weight: bold;}
.projector_price_star_supply span.vat {font-size: 1.1em; margin-top: 50px; margin-left: 47px;}
.projector_price_star_supply span.small_zero {font-size: 1.9em; margin-left: 0px;}
.projector_area img {width: 200px; height: 200px; padding-left: 30px;}

.projector_area h1.title {color: white; margin-left: 300px; margin-top: -170px; font-size: 1.8em; padding-bottom: 10px;  }

.projector_area .description p {color: white;  padding-right: 210px; }
.projector_area .description {height: 200px; margin-left: 300px; font-size: 1.3em; margin-top: -10px; }

.projector_area .projector_tech_spec {height: 100px; margin-left: 10px; margin-top: -40px;} 
.projector_spec {color: white; font-size: 11pt; }

.projector_area a {color: white; font-size: 09pt; margin-top: 20px; margin-right: 65px; float: right;}

.smart_bundle {margin-top: -90px; margin-left: 320px; height: 80px;}
.smart_bundle p {color: #142740; font-size: 11pt;}
.smart_bundle h2 {color: #142740; text-decoration: underline; padding-bottom: 10px;}
.smart_bundle span {font-weight: bold; }

.prome_bundle {margin-top: -79px; margin-left: 525px; height: 80px;}
.prome_bundle p {color: #142740; font-size: 11pt;}
.prome_bundle h2 {color: #142740; text-decoration: underline; padding-bottom: 10px;}
.prome_bundle span {font-weight: bold; }

.pulldown_bundle {margin-top: -79px; margin-left: 740px;}
.pulldown_bundle p {color: #142740; font-size: 11pt;}
.pulldown_bundle h2 {color: #142740; text-decoration: underline; padding-bottom: 10px;}
.pulldown_bundle span {font-weight: bold; }

.electric_bundle {margin-top: -90px; margin-left: 345px; height: 80px;}
.electric_bundle p {color: #142740; font-size: 11pt;}
.electric_bundle h2 {color: #142740; text-decoration: underline; padding-bottom: 10px;}
.electric_bundle span {font-weight: bold; }

.manual_bundle {margin-top: -79px; margin-left: 655px; height: 80px;}
.manual_bundle p {color: #142740; font-size: 11pt;}
.manual_bundle h2 {color: #142740; text-decoration: underline; padding-bottom: 10px;}
.manual_bundle a {color: white; font-size: 09pt; margin-top: -20px;}
.manual_bundle span {font-weight: bold; }

.projector_area2 {background: url(images/projector_area2.png) no-repeat; width: 985px; height: 377px; margin-top: 20px;}

.projector_area2 h1.title {color: white; margin-left: 295px; margin-top: -170px; font-size: 1.8em; padding-bottom: 10px;  }
.projector_area2 img {width: 200px; height: 200px; padding-left: 30px;}

.projector_area2 .description p {color: white;  padding-right: 205px; }
.projector_area2 .description {height: 200px; margin-left: 295px; font-size: 1.3em; margin-top: -10px; }

.projector_area2 .projector_tech_spec {height: 100px; margin-left: 10px; margin-top: -40px;} 
.projector_spec {color: white; font-size: 11pt; }
.projector_area2 a {color: white; font-size: 09pt; margin-top: 40px; margin-right: 90px; float: right;}

/*-------------------------------------------------------------------------------------------------------*/

/*----------------Television page------------------------------------------------------------------------*/
.television_area {background: url(images/tv_area2.png) no-repeat; width: 991px; height: 621px; margin-top: 20px;}

.television_area h1.title {color: white; margin-left: 310px; padding-top: 20px; }
.television_area h1.title span {color: red;}
.image img {float: left; width: 300px; height: 327px; margin-top: -605px;}
.television_area .description {font-size: 1.3em; color: white; margin-left: 310px; padding-right: 240px; height: 70px;}
.television_area .description span {color: red;}

.television_area .tech_spec_television {margin-top: 30px; margin-left: 310px; height: 130px; color: white; font-size: 1.2em;}
.television_area .tech_spec_television h2 {color: white; text-decoration: underline; margin-left: 0px; }
 

.television_bundle {margin-top: -35px; padding-left: 450px; height: 100px; padding-bottom: 10px;}
.television_bundle .tv_deal {float: left; font-size: 2.0em; font-family: Futura Medium, Helvetica, Verdana, Arial, sans-serif; margin-left: -45px; padding-right: 65px;}

.television_bundle h2 {font-size: 2.4em; padding-bottom: 9px; margin-left: 5px; }
.other_offer {font-size: 2.0em; font-family: "Futura Medium"; margin-left: 610px; margin-top: -93px;}

#tele_link a {float: left; color: white; font-size: 1.5em; margin-left: 655px; margin-top: 40px; } 


.television_area #warranty {color: white; margin-top: 65px; padding-top: 20px; margin-left: 30px; font-size: 1.3em;}
.television_area #warranty span {font-weight: bold; font-size: 1.5em; margin-left: 30px;}
.television_area #warranty span.small {color: white; font-size: 0.8em; margin-left: 16px;}

.television_price_star_installed {background: url(images/price_star.png) no-repeat; width: 131px; height: 122px; float: right; margin-top: -650px; }
.television_price_star_installed span {font-weight: bold; font-size: 2.6em; margin-left: 23px;}
.television_price_star_installed span.vat {font-size: 1.1em; margin-top: 10px; margin-left: 45px;}
.television_price_star_installed span.small_zero {font-size: 1.9em; margin-left: 0px;}

.television_price_star_installed p {font-size: 1.1em; margin-top: 30px; margin-left: 34px; }

.television_price_star_supply {background: url(images/price_star.png) no-repeat; width: 131px; height: 122px; float: right; margin-top: -650px; margin-right: 125px; }
.television_price_star_supply span {font-weight: bold; font-size: 2.6em; margin-left: 23px;}
.television_price_star_supply span.vat {font-size: 1.1em; margin-top: 10px; margin-left: 45px;}
.television_price_star_supply span.small_zero {font-size: 1.9em; margin-left: 0px;}

.television_price_star_supply p {font-size: 1.1em; margin-top: 31px; margin-left: 36px;}
/*----------------------------------------------------------------------------------------------------------*/

/*--------------Interactive page----------------------------------------------------------------------------*/
.interactive_area {margin-top: 20px; padding-left: 15px;}
.interactive_area .title {font-size: 2.0em; margin-left: 100px; color: #142740;}
.interactive_area p {margin-bottom: 20px; margin-top: 20px; font-weight: bold; font-size: 1.5em; padding-left: 220px; }
.interactive_area img {margin-top: 30px;}
.interactive_area .underneith img {margin-top: -80px;}
.interactive_area table {font-size: 2.0em; margin-top: -50px; margin-left: 220px;}
.interactive_area table.prome {font-size: 1.9em; margin-top: -45px; margin-left: 220px;}
/*---------------------------------------------------------------------------------------------------------*/

/*--------------Accessory page------------------------------------------------------------------------------*/
.access_area {background: url(images/accessory_area.gif) no-repeat; width: 736px; height: 219px; margin-left: 120px; margin-top: 20px;}
.access_area h1.title {color: white; margin-left: 260px; padding-bottom: 10px; padding-top: 40px; font-size: 1.5em; }
.access_area .category {float: left; color: white; font-size: 1.4em; padding-top: 15px; padding-left: 15px;}

.access_area .description p {color: white; padding-left: 10px; padding-right: 75px; margin-left: 250px; font-size: 1.1em;}

.price_star {background: url(images/price_star.png) no-repeat; width: 131px; height: 122px; float: right; margin-top: -250px; margin-right: 100px;}

.price_star p {font-size: 1.1em; margin-top: 30px; margin-left: 48px;}
.price_star span {font-size: 2.6em; margin-left: 30px; font-weight: bold;}
.price_star span.small_zero {font-size: 1.9em; margin-left: 0px;}
.price_star span.vat {font-size: 1.1em; margin-top: 10px; margin-left: 49px;}

.access_area_other {background: url(images/accessory_area.gif) no-repeat; width: 736px; height: 219px; margin-left: 120px; margin-top: 20px;}
.access_area_image {float: left; margin-left: 180px; margin-top: -170px;}
.access_area_other h1.title {color: white; margin-left: 260px; padding-bottom: 10px; padding-top: 35px; font-size: 1.5em; }
.access_area_other .category {float: left; color: white; font-size: 1.4em; padding-top: 15px; padding-left: 15px;}
.access_area_other .description p {color: white; padding-left: 10px; padding-right: 75px; margin-left: 250px; font-size: 1.1em;}
.access_area_other .description a {color: white;}

.access_area_other table {color: white; margin-left: 260px; margin-top: 10px; font-size: 1.2em;}




/*-----------------------------------------------------------------------------------------------------------*/

/*--------------Installation page----------------------------------------------------------------------------*/
.installation_area {margin-top: 20px; padding-left: 15px;  }
.installation_area h1 {font-size: 3.2em; margin-bottom: 15px; margin-left: 70px; color: #142740; position: absolute;}

.installation_area p { margin-top: 30px; font-size: 2.2em; padding-right: 60px; margin-left: 63px;}

.installation_area #branded_logos #toshiba {margin-top: 20px; padding-top: 68px; margin-left: 63px;}

.installation_area #branded_logos #benq {margin-top: -40px; margin-left: 220px;}

.installation_area #branded_logos #hp {margin-top: -50px; margin-left: 380px;}

.installation_area #branded_logos #smart {margin-top: -34px; margin-left: 510px;}

.installation_area #branded_logos #promethian {margin-top: -32px; margin-left: 650px;}

.installation_area #branded_logos #sanyo {margin-top: -38px; margin-left: 780px;}
/*----------------------------------------------------------------------------------------------------------*/

/*--------------About page----------------------------------------------------------------------------------*/
.about_area {margin-top: 20px; padding-left: 15px;}
.about_area .title {font-size: 2.2em; float: left; color: #142740;}
.about_area p {margin-bottom: 20px; font-size: 2.0em; }
.about_area #ISO {padding-top: 70px;}

.about_area #about_us {margin-top: -70px; padding-right: 250px;}
#laurel {float: left; margin-top: -90px; margin-left: 500px;}

.about_points {font-weight: bold; font-size: 2.0em; margin-top: -70px; margin-left: 100px; margin-bottom: 90px;}
#points {line-height: 25px; }

#branding_logos {float: left; margin-top: -30px; margin-left: -35px;}

.address {margin-top: -225px; float: right; margin-right: 40px;}
.address h1 {font-size: 1.3em;}
#contact_details {padding-top: 20px; font-size: 1.9em;}
#contact_details p a {text-decoration: none; color: #ffffff;}
#contact_details p a:hover {text-decoration: underline;}

#designer {padding-top: 20px; font-style: italic;}
#designer a {color: green;}
/*-----------------------------------------------------------------------------------------------------------*/

/*--------------Projector Plan page--------------------------------------------------------------------------*/
.projector_plan_area {margin-top: 20px; padding-left: 15px; background-color: #142740; color: white; padding-bottom: 50px;}
.projector_plan_area .title {float: left; font-size: 2.0em; padding-left: 70px; margin-top: -60px; margin-left: 60px; padding-top: 60px; padding-bottom: 10px; color: #8c9ebe; }
.projector_plan_area p { font-size: 1.5em; padding-bottom: 20px;}
#plan_list {color: white; font-size: 1.7em; padding-bottom: 15px; }
.projector_plan_area table {margin-bottom: 20px; font-size: 1.7em; }
.projector_plan_area table td {text-align: center;}
.projector_plan_area span {font-weight: bold;}
.projector_plan_area a {color: white;}
/*----------------------------------------------------------------------------------------------------------*/


/*Thanks to Stanislav MŸller at http://lifedraft.de/projekte/dhonishow/ for the slideshow-------------------*/
.dhonishow {overflow: hidden;float: left;width: 293px;font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}           

.dhonishow * {padding:  0;margin: 0;border:  none;list-style: none;}                  

.dhonishow-image {overflow: hidden;width: 293px;height: 344px;text-align: left;background: #8c9ebe;position: relative;}     

.dhonishow-image li {position: absolute;left: 0;top: 0;margin: 0;padding: 0;}

.dhonishow-navi {  margin-bottom: 2px;color: #fff;overflow: hidden;width: 293px;padding: 5px 0 5px 5px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
                  
.dhonishow-picture-alt {font-weight: bold;text-align: left;float: left;font-size: 11px;line-height: 16px;}          

.dhonishow-navi .dhonishow-next-picture,
.dhonishow-navi .dhonishow-previous-picture {text-indent: -999px;width: 16px;height: 18px;float: right;margin: 0;cursor:  pointer;}
/*----------------------------------------------------------------------------------------*/