@charset "utf-8";
/* 

Intrasource Master Styles 
Jun 2010 - Ben Garratt - http://www.intragroup.co.uk

*/

@font-face {
 font-family: 'MuseoSans500';
 src: url('museosans_500-webfont.eot');
 src: local('☺'), url('museosans_500-webfont.woff') format('woff'), url('museosans_500-webfont.ttf') format('truetype'), url('museosans_500-webfont.svg#webfontfcDQqse1') format('svg');
 font-weight: normal;
 font-style: normal;
}
* { margin:0; padding:0; }
html { font-size:100%; }
/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article { display:block; }
body { background:url(../img/body-background-repeater.jpg) repeat-x #eeeeee; font-family: 'MuseoSans500', arial, serif; text-align:left; }
a img { border:0; }
hr { background:#EEE; border:0; height:1px; }
.clearfix { clear:both; }
h1 { text-shadow:1px 1px 0px #ffc97d; font-weight:normal; font-size:2.1em; letter-spacing:1px; }
h2 { text-shadow:1px 1px 0px #fff; font-weight:normal; font-size:1.5em; color:#333; }
h3 { text-shadow:1px 1px 0px #fff; font-weight:normal; font-size:1.0em; color:#333; }
p { text-shadow:1px 1px 0px #fff; color:#202020; line-height:1.3em; }
#clientlogin a { color:#CCC; }
#clientlogin a:hover { color:#999; }
#welcometext p { text-shadow:1px 1px 0px #ffc97d; }
#titletext p { text-shadow:1px 1px 0px #ffc97d; }
a { color:#ad6300; text-decoration:none;  -webkit-transition: color .4s ease-out;
 -moz-transition: color .4s ease-out;
 -o-transition: color .4s ease-out;
 transition: color .4s ease-out;
outline:none; }
a:hover { color:#333; text-decoration:none; }
a:active, a:focus { color:#333; position:relative; top:1px; }
.morelink { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding:7px; font-size:0.8em; text-shadow: 1px 0px 1px #fff); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background:#d6d6d6;  -webkit-transition: color .4s ease-out;
 -moz-transition: color .4s ease-out;
 -o-transition: color .4s ease-out;
 transition: color .4s ease-out;
}
.morelink:hover { text-decoration: none; background:#999; }
.morelink:active { position: relative; top: 1px; }
#wrapper { margin:0 auto; width:996px; }
#topsection { background:url(../img/header-background.jpg) no-repeat top left; height:375px; margin:0 auto; width:996px; }
header { margin:0 auto; position:relative; text-align:left; width:996px; float:left; }
/* INNER PAGE STUFF */
#topsection-inner { background:url(../img/header-background-inner.jpg) no-repeat top left; height:136px; margin:0 auto; width:996px; }
#topstrip { height:268px; width:995px; background:url(../img/inner-top-bg.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-rh { height:268px; width:995px; background:url(../img/guys/topbg-rhol.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-rd { height:268px; width:995px; background:url(../img/guys/topbg-rdanf.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-rd2 { height:268px; width:995px; background:url(../img/guys/topbg-rd2.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-td { height:268px; width:995px; background:url(../img/guys/topbg-tom.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-rw { height:268px; width:995px; background:url(../img/guys/topbg-rwes.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-kt { height:268px; width:995px; background:url(../img/guys/topbg-kto.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-jo { height:268px; width:995px; background:url(../img/guys/topbg-jon.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-cw { height:268px; width:995px; background:url(../img/guys/topbg-cheryl.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-nh { height:268px; width:995px; background:url(../img/guys/topbg-nat.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-lo { height:268px; width:995px; background:url(../img/guys/topbg-lisa.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-cj { height:268px; width:995px; background:url(../img/guys/topbg-claire.jpg) no-repeat 0px 0px; overflow:auto; }
#topstrip-jc { height:268px; width:995px; background:url(../img/guys/topbg-johnc.jpg) no-repeat 0px 0px; overflow:auto; }
#titletext { padding-top:30px; margin-left:450px; width:530px; height:123px; }
#titletext p { font-size:1.1em; line-height:1.4em; display:block; margin-top:10px; }
#content { background:url(../img/cont-top-bg.jpg) no-repeat 4px 0px; padding-left:14px; padding-right:19px; min-height:464px; height:auto !important;/*all browsers except ie6 will respect the !important flag*/ height:464px;/*Should have the same value as the min height above*/ }
.service { margin-top:20px; border-top:1px dashed #999; padding-top:15px; height:175px; }
.option { margin-top:20px; border-top:1px dashed #999; padding-top:15px; }
.option h1 { display:block; margin-bottom:10px; font-size:1.1em; text-shadow:1px 1px 0px #fff; }
.option p { display:block; margin-bottom:10px; }
.freereview { margin-top:20px; border-top:1px dashed #999; padding-top:15px; }
.freereview h1 { display:block; margin-bottom:10px; font-size:1.1em; text-shadow:1px 1px 0px #fff; }
.freereview p { display:block; margin-bottom:10px; }
.fr-list { list-style:none; line-height:1.4em; margin-bottom:10px; color:#666; }
.fr-list li { background:url(../img/bullet-arrow.png) no-repeat center left; padding-left:20px; }
.cs-list { list-style:none; line-height:1.4em; margin-bottom:10px; color:#666; }
.cs-list li { background:url(../img/bullet-arrow.png) no-repeat 0px 4px; padding-left:20px; margin-bottom:5px; }
.quote-cs { background:#CCC; padding:10px; border-left:5px #F60 solid; margin-bottom:10px; }
.quoted { color:#666; }
.review-hp { padding-left:32px; padding-top:10px; }
.service h1 { display:block; margin-bottom:10px; font-size:1.1em; text-shadow:1px 1px 0px #fff; }
.service p { display:block; margin-bottom:10px; }
.servimg { float:left; }
.servimg-r { float:right; }
.overview { background:url(../img/overview-box-bg.png) no-repeat #d9d9d9; float:right; height:165px; margin-left:10px; width:250px; border:#CCC 1px solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-left:10px; padding-top:10px; text-shadow:1px 1px 0px #fff; }
.overview-cont { background:url(../img/overview-box-bg.png) no-repeat #d9d9d9; float:right; height:420px; margin-left:10px; width:250px; border:#CCC 1px solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-left:10px; padding-top:10px; text-shadow:1px 1px 0px #fff; }
.overview .serv-overview { list-style:none; line-height:1.5em; }
.overview-cont .serv-overview { list-style:none; line-height:1.5em; }
.clock { display:block; background:url(../img/clock-icon.png) no-repeat left center; padding-left:25px; }
.person { display:block; background:url(../img/person-icon.png) no-repeat left center; padding-left:25px; }
.globe { display:block; background:url(../img/globe-icon.png) no-repeat left center; padding-left:25px; }
.compass { display:block; background:url(../img/compass-icon.png) no-repeat left center; padding-left:25px; }
.button { display:block; background:url(../img/button.png) no-repeat top left; width:190px; height:37px; margin-top:10px; padding-top:15px; padding-left:50px; text-shadow:1px 1px 0px #fff; color:#666; }
.phone { display:block; background:url(../img/phone-icon.png) no-repeat left center; padding-left:25px; }
.email { display:block; background:url(../img/email-icon.png) no-repeat left center; padding-left:25px; }
.marker { display:block; background:url(../img/marker-icon.png) no-repeat left center; padding-left:25px; }
.adline2 { display:block; padding-left:25px; }
#content-end p { display:block; margin-top:22px; margin-left:70px; }
#content-end { background:url(../img/cont-foot-bg.jpg) no-repeat 4px 0px; padding-left:14px; padding-right:19px; height:170px; clear:both; }
#content-end #callus { background:url(../img/icon-call.png) no-repeat 20px 20px; margin-left:10px; float:left; width:297px; height:85px; margin-top:57px; }
#content-end #emailus { background:url(../img/icon-email.png) no-repeat 20px 20px; float:left; width:330px; height:85px; margin-top:57px; }
#content-end #livechat { background:url(../img/chat-icon.png) no-repeat 20px 20px; float:left; width:320px; height:85px; margin-top:57px; }
.breadcrumb { list-style:none; color:#666; font-size:0.9em; display:block; margin-left:35px; text-shadow:1px 1px 0px #fff; }
#titles { margin-top:50px; }
.breadcrumb a { color:#999; }
.breadcrumb a:hover { color:#333; }
.breadcrumb li { float:left; }
h2.pagetitle { display:block; margin-left:35px; }
#content #subnav { background:url(../img/side-bg.jpg) no-repeat 5px 0px; float:left; position:relative; width:240px; overflow:hidden; min-height:464px; height:auto !important;/*all browsers except ie6 will respect the !important flag*/ height:464px;/*Should have the same value as the min height above*/ }
#content #textarea { float:left; width:700px; padding-top:20px; }
#content #textarea-ct { float:left; width:920px; padding-top:20px; margin-left:20px; }
#content #textarea h3 { font-size:1.3em; display:block; margin-bottom:10px; }
#textarea p { margin-bottom:15px; line-height:1.5em; }
#content #textarea-ct h3 { font-size:1.3em; display:block; margin-bottom:10px; }
#textarea-ct p { margin-bottom:15px; line-height:1.5em; }
/* ----------------------------------  Group Company Drop Down - CSS Start  -------------------------------- */

ul.topnav { display:block; margin: 0; background:url(../img/downcircle.png) no-repeat 200px 8px; width:300px; float:left; font-family: 'MuseoSans500', sans-serif; color:#999; font-size:0.8em; padding-left:50px; padding-top:6px; height:39px; }
ul.topnav li { float: left; display:inline; margin: 0; position: relative; /*--Declare X and Y axis base--*/ }
ul.topnav li a { color: #b3b3b3; display: block; text-decoration: none; float: left; }
ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 25px; background:#444444; border:1px solid #7d7d7d; margin: 0; padding: 0; display: none; float: left; width: 168px; z-index:1; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; clear: both; }
html ul.topnav li ul.subnav li a { float: left; z-index:1; }
ul.topnav li span { /*--Drop down trigger styles--*/ width: 1px; height: 35px; float: left; }
a.host, #group li.host { background:url(../img/host-bg-sprite.jpg) no-repeat 0 0; width:168px; height:54px; text-indent:-9000px; }
a.dev, #group li.dev { background:url(../img/dev-bg-sprite.jpg) no-repeat 0 0; width:168px; height:54px; text-indent:-9000px; }
a.source, #group li.source { background:url(../img/source-bg-sprite.jpg) no-repeat 0 0; width:168px; height:52px; text-indent:-9000px; }
a.go, #group li.go { background:url(../img/gc-bg-sprite.jpg) no-repeat 0 0; width:168px; height:52px; text-indent:-9000px; }
a.ek, #group li.ek { background:url(../img/ek-bg-sprite.jpg) no-repeat 0 0; width:168px; height:52px; text-indent:-9000px; }
a.eye, #group li.eye { background:url(../img/ew-bg-sprite.jpg) no-repeat 0 0; width:168px; height:52px; text-indent:-9000px; }
a.host:hover { background:url(../img/host-bg-sprite.jpg) 0 -54px; }
a.dev:hover { background:url(../img/dev-bg-sprite.jpg) 0 -54px; }
a.source:hover { background:url(../img/source-bg-sprite.jpg) 0 -54px; }
a.go:hover { background:url(../img/gc-bg-sprite.jpg) 0 -54px; }
a.ek:hover { background:url(../img/ek-bg-sprite.jpg) 0 -54px; }
a.eye:hover { background:url(../img/ew-bg-sprite.jpg) 0 -54px; }
.grpcompany { height:39px; width:150px; }
/* ----------------------------------  Group Company Drop Down - CSS End  -------------------------------- */

header #clientlogin { width:100px; float:left; height:35px; padding-left:500px; color:#CCC; padding-top:10px; }
header .logo { margin-top:21px; margin-left:25px; float:left; }
/* Primary Navigation */

#globalprimary { height:30px; left:426px; position:absolute; top:93px; width:554px; }
#globalprimary li { display:inline; float:left; height:30px; padding:0 0 0 6px; }
#globalprimary li a { color: #222; text-shadow:1px 1px 0px #ffc97d; font-size:0.8em; text-decoration:none; font-weight:bold; }
.homeNav { position:relative; display:block; height: 27px; width: 28px; background:url(../img/homeicon-sprite.png) 0 0 no-repeat; }
.homeNav * { display: none; }
.homeNav span.hover-home { position: absolute; top: 0; left: 0; display: block; height: 27px; width: 28px; background:url(../img/homeicon-sprite.png) 0 -27px no-repeat; }
.proNav { position:relative; display:block; height: 27px; width: 190px; background:url(../img/profservices-sprite.png) 0 0 no-repeat; }
.proNav * { display: none; }
.proNav span.hover-pro { position: absolute; top: 0; left: 0; display: block; height: 27px; width: 190px; background:url(../img/profservices-sprite.png) 0 -27px no-repeat; }
.supNav { position:relative; display:block; height: 27px; width: 156px; background:url(../img/supportserv-sprite.png) 0 0 no-repeat; }
.supNav * { display: none; }
.supNav span.hover-sup { position: absolute; top: 0; left: 0; display: block; height: 27px; width: 156px; background:url(../img/supportserv-sprite.png) 0 -27px no-repeat; }
.hostNav { position:relative; display:block; height: 27px; width: 150px; background:url(../img/hostserv-sprite.png) 0 0 no-repeat; }
.hostNav * { display: none; }
.hostNav span.hover-host { position: absolute; top: 0; left: 0; display: block; height: 27px; width: 150px; background:url(../img/hostserv-sprite.png) 0 -27px no-repeat; }
/* Secdonary navigation */

#globalsecondary { height:20px; left:662px; position:absolute; top:63px; width:319px; }
#globalsecondary li { display:inline; float:left; height:30px; padding:0 0 0 12px; }
#globalsecondary li a { color: #222; text-shadow:1px 1px 0px #ffc97d; font-size:0.9em; text-decoration:none;  -webkit-transition: color .4s ease-out;
 -moz-transition: color .4s ease-out;
 -o-transition: color .4s ease-out;
 transition: color .4s ease-out;
}
#globalsecondary li a:hover { color:#666; }
#topsection #person { background:url(../img/homepage-guys.jpg) no-repeat 32px -1px; float:left; width:444px; height:245px; }
#topsection #welcometext { float:left; padding-top:40px; width:530px; }
#topsection #welcometext p { font-size:1.1em; line-height:1.4em; display:block; margin-top:23px; }
#welcometext li { display:inline; float:left; height:30px; padding:20px 10px 0 0px; }
#welcometext li a { color: #222; text-shadow:1px 1px 0px #ffc97d; font-size:0.8em; text-decoration:none; font-weight:bold; }
#contentholder { background:url(../img/content-holder-bg.jpg) no-repeat; width:987px; overflow:hidden; padding-left:15px; }
#contentholder #desktoptodatacentre { width:305px; float:left; padding-left:15px; padding-top:30px; }
#contentholder #desktoptodatacentre .scap { text-transform:uppercase; font-size:1.1em; }
.serif { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:lowercase; }
#contentholder #desktoptodatacentre .underscap { text-transform:uppercase; font-size:0.9em; letter-spacing:5px; display:block; margin-left:5px; }
#contentholder #toptext { width:600px; float:left; height:88px; padding-top:20px; padding-left:20px; }
#contentholder #toptext p { font-size:0.9em; }
#contentholder .serv-box { background:url(../img/hp-servbox-bg.png) no-repeat top left; height:400px; width:280px; float:left; padding-top:30px; padding-left:40px; }
#contentholder .serv-box .pro { display:block; margin-left:29px; background:#060; background:url(../img/pro-serv-sep.png) no-repeat bottom center; width:180px; height:40px; font-size:1.1em; }
#contentholder .serv-box .sup { display:block; margin-left:25px; background:#060; background:url(../img/sup-serv-sep.png) no-repeat left bottom; width:180px; height:40px; padding-left:26px; font-size:1.1em; }
#contentholder .serv-box .hos { display:block; margin-left:25px; background:#060; background:url(../img/hos-serv-sep.png) no-repeat left bottom; width:180px; height:40px; padding-left:26px; font-size:1.1em; }
#contentholder .serv-box .desc { display:block; font-size:0.7em; width:220px; margin-left:10px; margin-top:5px; }
#contentholder .serv-box .serv-list { display:block; margin-top:35px; list-style:none; margin-left:10px; line-height:1.5em; }
#contentholder .serv-box .serv-listlast { display:block; margin-top:19px; list-style:none; margin-left:10px; line-height:1.5em; }
#contentholder .serv-box .first { font-size:0.9em; }
#contentholder .serv-box .allserv { display:block; width:238px; height:40px; margin-top:65px; text-shadow:1px 1px 0px #ffc97d; color:#333; text-align:center; }
#contentholder .serv-box .allservl { display:block; width:238px; height:40px; margin-top:115px; text-shadow:1px 1px 0px #ffc97d; color:#333; text-align:center; }
#contentholder .serv-box .allserv:hover { color:#ad6300; }
#contentholder .serv-box .allservl:hover { color:#ad6300; }
#clients-strip { background:url(../img/clients-stip-bg.jpg) repeat-x; width:100%; color:#666; height:121px; }
#clients-strip #clientshold { margin:0 auto; width:996px; padding-left:40px; }
#clients-strip #box { background:url(../img/arrow-box-bg.jpg) no-repeat top left; float:left; width:142px; height:78px; margin-top:13px; padding-top:30px; padding-left:10px; }
#clients-strip .client-img { float:left; width:264px; }
footer { width:100%; background:url(../img/footer-repeat.jpg) 0px 92px repeat-x; float:left; margin-top:40px; height:607px; }
#casestudieslink { height:20px; text-align:right; padding-right:58px; padding-top:5px; }
#casestudieslink a { color:#666; }
footer .footerlist-first { font-size:0.9em; list-style:none; line-height:1.4em; float:left; display:block; margin-left:15px; }
footer .footerlist { font-size:0.9em; list-style:none; line-height:1.4em; float:left; display:block; margin-left:20px; }
footer .title { color:#FFF; display:block; padding-bottom:10px; border-bottom:dashed 1px #999; width:100px; margin-bottom:10px; }
footer .title-sup { color:#FFF; display:block; padding-bottom:10px; border-bottom:dashed 1px #999; width:180px; margin-bottom:10px; }
footer .title-pro { color:#FFF; display:block; padding-bottom:10px; border-bottom:dashed 1px #999; width:170px; margin-bottom:10px; }
footer .title-host { color:#FFF; display:block; padding-bottom:10px; border-bottom:dashed 1px #999; width:110px; margin-bottom:10px; }
#footertext { width:700px; float:left; padding-top:95px; }
#footerlog { float:left; width:200px; padding-top:110px; padding-left:80px; }
#footertext p { color:#a8a8a8; text-shadow:1px 1px 0px #2e2e2e; font-size:0.9em; }
#footernav a { color:#ff6c00; }
#footernav a:hover { color:#999; }
#quote { padding-top:11px; padding-left:15px; margin: 0 auto; width:981px; height:81px; }
#footerwrap { margin: 0 auto; width:996px; background:url(../img/footer-bg.jpg) no-repeat 30px 0px; height:330px; }
p.quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-style:italic; color:#565656; text-shadow:1px 1px 0px #e6e6e6; }
p.quoteby { text-align:right; font-family: 'MuseoSans500', sans-serif; font-size:0.8em; text-transform:uppercase; color:#565656; text-shadow:1px 1px 0px #e6e6e6; }
/* LAVALAMP */

ul#sub { list-style:none; overflow:auto; /* makes sure the container fits the floated list-items below */ margin-top:10px; width:230px; }
ul#sub li { margin:3px 0px; padding:0; /* padding moved to the a element below */ font-size:0.9em; color:#333; }
ul#sub li a { display:block; /* allows us to add top and bottom padding to the element */ padding-top:17px; padding-left:20px;/* now we have nice padding for link hi-lighting */ position: relative; z-index: 5; height:30px; color:#333; text-decoration:none; width:195px; }
ul#sub li a:hover { text-shadow:1px 1px 0px #ffc97d; }
ul#sub li.backLava { position:absolute; z-index:3; background:url(../img/menubg.png) no-repeat top left; }


#contactform { text-shadow:1px 1px 0px #fff; }
#contact_us { width:500px; }
#contactform h1 { font-size: 130%; }
#contactform img { border: 0px; }
#contactform .errors-big { display:block; width:500px; color: #ff0000; padding-top:15px; font-weight:bold; }
#contactform .errors { display:block; color:#ff0000; margin-bottom:5px; }
#contactform .correct { color: black; }
#contactform legend { font-size: 120%; font-weight: bold; }
#contactform .title { color: black; font-weight: bold; font-size: 90%; margin-top: 2px; margin-bottom: 5px; }
#contactform .field { color: black; font-size: 90%; margin-bottom: 7px; }
#contactform .forminput { padding: 5px; color: #696969; border: 1px solid #a7a7a7; font-size:1.5em; margin-bottom:10px; width:355px; }
#contactform .forminput:focus { border-left: 4px solid #ffc97d; background-color: #efefef; width: 352px; }
#contactform .capinput { padding: 5px; color: #696969; border: 1px solid #a7a7a7; font-size:1.5em; margin-bottom:10px; }
#contactform .capinput:focus { border-left: 4px solid #ffc97d; background-color: #efefef; }
#contactform .small { font-size: 0.8em; color:#999; margin-bottom:20px; display:block; }
#contactform .thanks { width:380px; padding-left:50px; background:url(../img/thanks.jpg) no-repeat; border-bottom:1px dotted #CCC; margin-top:10px; }
textarea { width: 355px; height: 150px; padding: 5px !important; margin: 0px 0px 10px 0px !important; font-size: 1.5em; font-family:Arial, Helvetica, sans-serif; color: #696969; border: 1px solid #a7a7a7; }
textarea:focus { border-left: 4px solid #ffc97d; background-color: #efefef; width: 352px; }
.submitbut { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding:7px; font-size:0.8em; text-shadow: 1px 0px 1px #fff); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background:#d6d6d6;  -webkit-transition: color .4s ease-out;
 -moz-transition: color .4s ease-out;
 -o-transition: color .4s ease-out;
 transition: color .4s ease-out;
}
.submitbut:hover { background:#FFF; }
.radio { margin-top:10px; margin-right:5px; }
.radio2 { margin-top:10px; margin-bottom:10px; margin-right:5px; }
#wrapper #main .thanks { border-bottom:1px dotted #CCC; margin-top:10px; }
.submit-button { display:block; margin-top:20px; }

#feedbackform .title { color: black; font-weight: bold; font-size: 90%; margin-top: 2px; margin-bottom: 5px; width: 100%; float: left;}
#feedbackform .field { color: black; font-size: 90%; margin-bottom: 7px; float: left; width: 405px; }
#feedbackform .small { font-size: 0.8em; color:#999; margin-bottom:20px; display:block; float: left; }
#feedbackform p.submit-button {float:left; width: 405px;}
/* slider root element */
#feedbackform .slider { background: #ff9900; height:9px; position:relative; cursor:pointer; border:1px solid #333; width:305px; float:left; clear:right; margin-top:10px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:inset 0 0 8px #000; }
/* progress bar (enabled with progress: true) */
#feedbackform .progress { height:9px; background-color:#C5FF00; display:none; opacity:0.6; }
/* drag handle */
#feedbackform .handle { background:#fff; height:28px; width:28px; top:-12px; position:absolute; display:block; margin-top:1px; border:1px solid #000; cursor:move; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; -moz-border-radius:14px; -webkit-border-radius:14px; }
/* the input field */
#feedbackform .range { border:1px inset #ddd; float:left; font-size:20px; margin:0 0 0 15px; padding:3px 0; text-align:center; width:50px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#holder {
  
    margin: 0 auto;
    width: 600px;
}