/* GLOBAL */

body { background: #eaeaea; margin: 0px; padding: 0px; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }

.red { color: #a21d22; }

.yellow { color: #ee9c0d; }

.green { color: #6fa504; }

.turq { color: #0393a5; }

.grey { color: #666666; }

p { font-family: Arial, Helvetica, sans-serif; }

.p-bottom { padding-bottom: 10px; margin-bottom: 10px; }

#container { width: 971px; margin: 0 auto; }

#header { float: left; width: 970px; height: 85px; }

#logo { float: left; width: 125px; height: 44px; margin: 17px 0 0 35px; }

#number { float: right; width: 214px; border-left: solid 1px #808080; text-align: left; padding: 17px 0 0 9px; margin-right: 33px; }

#number p { font-size: 1.5em; color: #333333; margin: 0px; padding: 0px; font-weight: normal; }

#number p strong { font-size: 2em; color: #a3041e; font-weight: normal; }

/*NAVIGATION */

#nav { float: left; width: 952px; height: 36px; padding-left: 22px; }

.link-height { height: 28px; }

#jsddm { margin: 0; padding: 0; }

#jsddm li { float: left; list-style: none; font: 12px Arial; text-align: left; }

#jsddm li a { display: block; padding: 9px 0px 0px 0px; text-decoration: none; color: #fff; white-space: nowrap; }

#jsddm li ul { margin: 0; padding: 0px; position: absolute; visibility: hidden; width: 123px; }

#jsddm li ul li { float: none; display: inline; text-align: left; }

#jsddm li ul li a { width: auto; background: #8a031a; padding: 7px 0px 7px 5px }

#jsddm li ul li a:hover { background: #8e8e8e; }

#nav-home { display: block; width: 85px; background: url("/images/nav/home.gif") no-repeat 0 0; }

#nav-it-support { display: block; width: 123px; background: url("/images/nav/it-support.gif") no-repeat 0 0; }

#nav-specialised-it { display: block; width: 183px; background: url("/images/nav/specialised-it-services.gif") no-repeat 0 0; }

#nav-xara-in-action { display: block; width: 130px; background: url("/images/nav/xara-in-action.gif") no-repeat 0 0; }

#nav-about-us { display: block; width: 98px; background: url("/images/nav/about-us.gif") no-repeat 0 0; }

#nav-partners { display: block; width: 96px; background: url("/images/nav/partners.gif") no-repeat 0 0; }

#nav-contact-us { display: block; width: 114px; background: url("/images/nav/get-in-touch.gif") no-repeat 0 0; }

#nav-news { display: block; width: 100px; background: url("/images/nav/news.gif") no-repeat 0 0; }

#nav-home:hover, #nav-it-support:hover, #nav-specialised-it:hover, #nav-xara-in-action:hover, #nav-about-us:hover, #nav-partners:hover, #nav-contact-us:hover, #nav-news:hover { background-position: 0 -37px; }

#nav-home span, #nav-it-support span, #nav-specialised-it span, #nav-xara-in-action span, #nav-about-us span, #nav-partners span, #nav-contact-us span, #nav-news span { display: none; }

/* HOMEPAGE */

#middle { float: left; width: 970px; height: 250px; background: url(/images/middle-bg.jpg); }

#video-tile { float: left; width: 265px; }

#flash { float:left; width:415px; }

#quote { float: right; width: 249px; height: 250px; }

#content { float: left; width: 940px; background: url(/images/content-bg.gif) no-repeat #fff; padding: 10px 15px 25px 15px; min-height: 400px; /* remove */ }

.section { float: left; width: 230px; margin-right: 5px; }

.section-hd-comp, .section-hd-ast, .section-hd-spec { float: left; width: 230px; height: 75px; }

.section-hd-comp { background: url(/images/section-box-hd1.gif) no-repeat; }

.section-hd-ast { background: url(/images/section-box-hdast.gif) no-repeat; }

.section-hd-spec { background: url(/images/section-box-hdspec.gif) no-repeat; }


.section-hd-comp:hover, .section-hd-ast:hover, .section-hd-spec:hover { float: left; width: 230px; height: 75px; background-position: 0 -75px; }


.section-hd-comp a, .section-hd-ast a, .section-hd-spec a { display: block; text-decoration: none; color: #666; padding: 10px 90px 8px 10px; }

.section-hd-comp h1, .section-hd-ast h2, .section-hd-spec h2 { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; font-weight: normal; margin: 0px; }

.section-mid, .section-pic { background:url(/images/section-box-mid.gif); }

.section-pic { float: left; width: 225px; padding-right: 5px; }

.section-mid { float: left; width: 214px; padding: 10px 10px 20px 6px; text-align: justify; height: 320px; }

.section-mid p, #drop-ex p, #drop-tg p { margin: 0px; padding-bottom: 10px; font-size: 1.1em; line-height:14px; }

.section-mid ul { padding: 0; margin: 0; list-style: none; }

.section-mid li { padding: 0 0 0 8px; background:url(../images/red-bullet.gif) no-repeat; margin-bottom: 2px; font-size: 1.1em; }

.section-mid li a, #drop-ex a { text-decoration: underline; color: #000; }

.section-mid li a:hover, #drop-ex a:hover { text-decoration: underline; color: #be2026; }

.section-bot { float: left; width: 230px; height: 33px; background: url(/images/section-box-bot.gif); }

.section-bot p { font-size: 1.2em; margin: 0px; }

.section-bot p a { font-weight: bold; color: #a3041e; display: block; padding: 8px 0 8px 10px; text-decoration: none; }

.section-bot p a:hover { text-decoration: underline; }

#drop { float: left; width: 701px; margin-top: 10px; }

#drop-top {float: left; width: 701px; height: 6px; background:url(../images/drop-top.gif) no-repeat;}

#drop-bot {float: left; width: 688px; background:url(../images/drop-mid.gif) bottom; padding: 0 0 14px 13px;}

#drop-tg {float: left; width: 672px; height: 178px;  background-image: url(../images/drop-read-more.gif); background-position: 0 40px; } 

/*#drop-tg:hover {float: left; width: 672px; height: 178px; cursor:s-resize; background-image: url(../images/drop-read-more.gif); background-position: 0 -211px; } 
*/
#drop-tg h2 {color: #666; font-size: 2.0em; padding: 0px; margin: 5px 0 5px 0; font-weight: bold;}

#drop-ex {float: left; width: 670px; color: #222; margin-top: 8px;}

#drop-ex h2 {color: #666; font-size: 1.8em; padding: 0px; margin: 10px 0 10px 0; font-weight: bold;}

#drop-bot2  {float: left; width: 688px; height: 20px; background:url(../images/drop-bg.gif) bottom; padding: 0 0 0 13px;}
.drop-sub {color: #a21d22; font-size: 0.8em; margin: 3px 0 0 0; font-weight: bold; display: block;}

/* HOMEPAGE RIGHT */

#right-box { float: right; width: 228px; }

#news-box ul {margin: 0px; padding: 0px; list-style-type: none; }

#news-box li { width: 203px; padding: 8px 10px 8px 10px; font-size: 1.2em; border-bottom: dotted 1px #c20524; font-family: Arial, Helvetica, sans-serif; }

#news-box li a {color: #666666; text-decoration: none; display: block;}

#quick-contact { float: left; width: 228px; margin-bottom: 10px; }

#quick-contact-hd { float: left; width: 218px; height: 38px; background: url(/images/quick-contact-hd.gif); padding: 15px 0 0 10px; }

#quick-contact-hd { color: #FFF; font-size: 2.4em; }

#quick-contact-mid { float: left; width: 218px; background:url(/images/quick-contact-mid.gif) repeat-y; padding: 0 0 15px 10px; }

#quick-contact-mid p { margin: 0px; color:#FFF; font-size: 1.2em; }

.contact-data { width: 191px; height: 18px; font-size: 1.2em; margin-bottom: 8px; margin-top: 2px; border: solid 1px #c0c0c0; padding: 2px 2px 0 2px; color: #666; }

.contact-menu { width: 197px; height: 20px; font-size: 1.2em; margin-bottom: 8px; margin-top: 2px; border: solid 1px #c0c0c0; color: #666;}

#quick-contact-bot { float: left; width: 228px; height: 31px; }

input.submit { background:url(/images/quick-contact-bot.gif); width: 228px; height: 31px; border: none; text-align: left; }

input.submit:hover { background:url(/images/quick-contact-bot-over.gif); width: 228px; height: 31px; border: none; text-align: left; }

#news-box { float: left; width: 228px; margin-bottom: 10px; }

#news-hd { float: left; width: 218px; background:url(/images/news-hd.gif); height: 31px; padding: 10px 0 0 10px; }

#news-hd p { margin: 0px; font-size: 2.2em; color: #666666; font-weight: lighter; }

#news-hd p a { font-weight: bold; font-size: 0.5em; color: #a3041e; text-decoration: none; padding-left: 2px; }

#news-hd p a:hover { text-decoration: underline; }

#news-mid { float: left; width: 228px; height: 106px; background:url(/images/news-mid-bg.gif) repeat-y; padding-bottom: 10px; }

#news-bot { float: left; width: 228px; height: 14px; background:url(/images/news-bot.gif); }

.entry a { color: #222; }

.navigation a {color: #222; font-size: 1.1em;}
/* SIDEBAR */

#sidebar { float: left; width: 230px; margin-bottom: 10px; float: right; }

.sidebar-hd { float: left; width: 220px;  background: url(/images/sidebar-hd.gif) no-repeat; padding: 10px 0 0 10px; }

.sidebar-hd p { margin: 0; padding: 0 0 5px 0; font-size: 1.1em;}

.sidebar-hd p a {color: #222;}

#sidebar h3 { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; margin: 0px; padding: 0px; }

.sidebar-bot { float: left; width: 230px; height: 24px; background: url(/images/sidebar-but.gif); }

#sidebar ul {padding: 0; margin: 0;}

#sidebar li {list-style-type: none;}

#sidebar ul ul {padding: 0 0 0 15px; margin: 5px 0 10px;}

#sidebar li li {list-style-type:disc; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #222;}

#sidebar li li a {text-decoration: none; color: #222;}

#sidebar li li a:hover {text-decoration: underline; color: #222;}

/* INTERNAL BUTTONS */

.section-but { float: left; width: 230px; margin-bottom: 10px; }

.section-but-hd, .section-but-hd2 { float: left; width: 220px; height: 65px; background: url(/images/section-box-hd2.gif) no-repeat; padding: 10px 0 0 10px; }

.section-but-hd:hover, .section-but-hd2:hover { float: left; width: 220px; height: 65px; background-position: 0 -75px; padding: 10px 0 0 10px; }

.section-but-hd p, .section-but-hd2 p { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; font-weight: normal; margin: 0px; padding: 0px; }

.section-but-hd a { color: #666666; text-decoration: none; display: block; padding-right: 90px; }

.section-but-hd2 a { color: #666666; text-decoration: none; display: block; }

/* INTERNAL NAVIGATION */

#int-nav { float: left; width: 230px;  }

#int-nav-hd { float: left; width: 230px; height: 28px; background: url(../images/nav/internal/head-bg.gif) no-repeat; }

#int-nav-hd a { text-decoration: none; color: #333; font-size: 1.4em; padding: 8px 8px 0px 8px; display: block; }

#int-nav-list { float: left; width: 230px; }

#int-nav-list ul { padding: 0px; margin: 0px; list-style-type: none; }

#int-nav-list li { background:url(../images/nav/internal/list-bg.gif) no-repeat; padding: 6px 8px 0px 8px; overflow: hidden; font-size: 1.2em; font-weight: bold; }

#int-nav-list li a { color: #a3041e; display: block; width: 230px; height: 20px; text-decoration: none; }

#int-nav-list li a:hover { text-decoration: underline; }

#int-nav-bot { float: left; background:url(../images/nav/internal/list-bot.gif) no-repeat; width: 230px; height: 15px; }

/* CONTENT BACKGROUNDS */

#heading, #assisted, #complete, #specialised, #xara-in-action, #partners-bg, #get-in-touch, #about-us, #news, #sitemap, #error-404 { float: left; width: 970px; height: 220px; }

#heading p { padding: 70px 0 0 30px; margin: 0px; }

#assisted { background: url(../images/bg/assisted-it-support.jpg); }

#complete { background:url(../images/bg/complete-it-support.jpg); }

#specialised { background: url(../images/bg/specialised-it-services.jpg); }

#xara-in-action { background: url(../images/bg/xara-in-action.jpg); text-align: right; }

#partners-bg { background:url(../images/bg/partners.jpg); }

#get-in-touch { background:url(../images/bg/get-in-touch.jpg); }

#about-us { background:url(../images/bg/about-us.jpg); }

#news { background:url(../images/bg/news.jpg); }

#sitemap { background:url(../images/bg/website-sitemap.jpg); }

#error-404 { background:url(../images/bg/error-404.jpg); }


/* CONTENT HEADING */



#intro, #news-intro { float: left; width: inherit; padding: 0 0 25px 0; margin: 0 0 20px 0; }

#intro {border-bottom: solid 1px #cccccc;}

#intro-ab { float: left; width: inherit; margin: 0 0 15px 0; }

#intro-con { float: left; width: 675px; margin: 10px 0 0 0; padding: 0 0 15px 0; margin: 0 0 20px 0; border-bottom: solid 1px #cccccc; }

#intro-more { float: left; width: 675px; padding: 20px 0 0 0; margin: 10px 0 0 0; border-top: solid 1px #cccccc; clear: both;}

#intro-com, #intro-com2 { float: right; width: 649px; padding: 15px 20px 0px 12px; }

#intro-spec { float: right; width: 425px; }

#intro-spec h1, #intro-com h1, #intro-com2 h1, #intro h1, #intro-ab h1, #news-intro h1 { font-size: 2em; color: #666666; margin: 0 0 10px 0; padding: 0; }

.h1-sub { font-size: 0.6em; color: #666666; display: block;}

#intro p, #intro-ab p, .entry p { font-size: 1.2em; margin: 0 0 12px 0; padding: 0px; color: #333333; }

#intro-com p, #intro-com2 p, #intro-more p { font-size: 1.2em; margin: 0 0 10px 0; padding: 0px; color: #333333;line-height: 20px;  }

#intro-spec p {font-size: 1.2em; margin: 0 0 14px 0; padding: 0px; color: #333333; line-height: 16px;}

#intro-spec a:hover, #intro-com a:hover, #intro-com2 a:hover, #intro a:hover, #intro-ab a:hover, #intro-more a:hover, .content-text2 a:hover { color: #be2026; }

#intro-spec a, #intro-com a, #intro-com2 a, #intro a, #intro-ab a, #intro-more a, .content-text2 a { color: #333; }

#intro-spec ul, #intro ul, #intro-ab ul { padding: 0; margin: 0 0 15px 235px; list-style: disc; font-size: 1.2em; color: #333; padding-left: 15px; }

#intro-com ul, #intro-spec ul { padding: 0; list-style: disc; font-size: 1.2em; color: #333; padding-left: 15px; text-align: justify; margin: 0 50px 20px 0; line-height: 16px; }

#intro-com ul ul {padding: 4px 0 4px 20px; margin: 0; }

#intro-com li li {padding: 0; margin: 0px; font-size: 0.85em;}

#intro-com2 ul { padding: 0; list-style: disc; font-size: 1.2em; color: #333; padding-left: 15px; text-align: justify; line-height: 16px; margin: 0 50px 20px 226px; }

#intro-com li { padding-bottom: 2px; }

#intro img, #intro-ab img { margin-right: 20px; float: left; }

#intro-ab img { margin-bottom: 40px; }

#intro-head h2, #intro-more h2 {font-size: 1.6em; font-weight: bold; color: #666666; margin: 0 0 15px 0; padding: 0;}

.sub { font-size: 1.2em; font-weight: bold; }

#intro-com2 h2  {font-size: 1.4em; font-weight: bold; color: #ee9c0d; margin: 0 0 10px 0; padding: 0;}

#intro-com h2  {font-size: 1.4em; font-weight: bold; color: #a21d22; margin: 0 0 10px 0; padding: 0;}


.ul-margin { margin-bottom: 10px; }

.intro-border { border: none; }

/* CONTENT MAIN */

#left-box { float: left; padding: 10px 20px 0 5px; width: 675px; }

#s-h, .s-h {display: block; font-size: 1.4em; color: #666666; margin: 0 0 8px 0; font-weight: bold; }

.headline h2 { font-size: 1.4em; color: #a21d22; margin: 0 0 0 0; font-weight: bold; }
.headline p {font-size: 1.1em; margin: 0 0 10px 0; padding: 0px; color: #666;}

.headline a {color: #a21d22; text-decoration: none;}

.post {margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: solid 1px #cccccc;}

#featured-left ul, #featured-right ul { padding: 0; margin: 0 4px 10px 14px; list-style: disc; font-size: 1.2em; color: #333333; text-align: justify; }

#featured-left p, #featured-right p { font-size: 1.2em; margin: 0 0 10px 0; padding: 0px; color: #333333; }

#featured-left { float: left; width: 325px; }

#featured-right { float: right; width: 325px; }

#featured-right a, #featured-left a { color: #333; }

#featured-right a:hover, #featured-left a:hover { color: #be2026; }

.img1 { float: left; margin-right: 10px; }

.img2 { float: left; margin-right: 10px; margin-bottom: 100px; }

.img3 { float: left; margin-right: 10px; margin-bottom: 220px; }

.img4 { float: left; margin-right: 10px; margin-bottom: 10px; }

.img5 { float: right; margin-left: 10px; margin-bottom: 10px; }

.img6 { float: left; margin-right: 10px; margin-bottom: 15px; }

/* TABS */

#tabbed-con { float: left; width: 681px; margin-left: 5px; }

#tabbed { float: left; width: 681px; margin: 0px; padding: 0px; height: 32px; }

#tab1 { width: 133px; height: 34px; }

#tabbed ul { padding: 0px; margin: 0px; height: 32px; }

#tabbed li { float: left; list-style: none; font: 12px Arial; }

#tabbed li a { display: block; padding: 10px 0px 0px 0px; text-decoration: none; white-space: nowrap; text-align: center; }

#tabbed li ul { margin: 0; padding: 0px; position: absolute; visibility: hidden; }

#tabbed li ul li { float: none; display: inline; }

#tabbed li ul li a { width: auto; }

.tab1 { display: block; width: 137px; height: 24px; background: url("/images/nav/complete/red-bg.gif") no-repeat 0 0; color: #fff; }

.tab4 { display: block; width: 133px; height: 24px; background: url("/images/nav/complete/red-bg.gif") no-repeat 0 0; color: #fff; }

.tab2 { display: block; width: 137px; height: 24px; background: url("/images/nav/complete/grey-bg.gif") no-repeat 0 0; color: #464646; }

.tab2:hover { display: block; width: 137px; height: 24px; background: url("/images/nav/complete/red-bg.gif") no-repeat 0 0; color: #fff; }

.tab3 { display: block; width: 133px; height: 24px; background: url("/images/nav/complete/grey-bg.gif") no-repeat 0 0; color: #464646; }

.tab3:hover { display: block; width: 133px; height: 24px; background: url("/images/nav/complete/red-bg.gif") no-repeat 0 0; color: #fff; }

#tabbed-text { float: left; width: 681px; background: url(../images/nav/complete/grad.gif) no-repeat; padding: 30px 0 10px 0; }

/* ABOUT US */

ol, ul, li { border:0pt none; font-family:inherit; font-size: 100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline; }

.clear { clear: both; height: 0; visibility: hidden; display: block; }

#container-tab ul { list-style: none; list-style-position: outside; }

#container-tab ul.menu li { float: left; margin-right: 4px; margin-bottom: -1px; }

#container-tab ul.menu li { font-size: 1.2em; display: block; padding: 10px 5px 0px 5px;  margin-bottom: -1px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: none; border-width: 1px 1px 1px 1px; position: relative; color: #222; cursor: pointer; height: 23px; background: #e5e4e4; }

#container-tab ul.menu li.active { background: #9c041d; border: solid 1px #ff0000; color: #fff; }

.content-ab { margin: 0pt auto; background: #efefef; background: #fff; border-top: 1px solid #F00; border-left: 1px solid #e8e8e5; border-right: 1px solid #e8e8e5; border-bottom: 1px solid #e8e8e5; text-align: left; font-size: 1.2em; background:url(../images/nav/internal/tab-bg.gif) repeat-x; width: 644px; float: left; padding: 20px 10px; height: 512px; }

#container-tab { width: 700px; }

.content-ab.get-in-touch-tab { display: block; }

.content-ab.cut-your-costs, .content-ab.choose-the-best, .content-ab.use-our-skills, .content-ab.trust-the-team, .content-ab.stay-ahead, .content-ab.we-understand-you { display: none; }


.content-text { float: left; width: inherit; width: 420px; }

.content-text2 { float: left; width: inherit; width: 460px; }

.content-text p, .content-text2 p { color: #000; margin: 0 0 10px 0px; padding: 0px; line-height: 16px; }

.content-text p a { color: #000; }

.content-text2 h1, .context-text h2 { font-size: 2em; color: #666666; margin: 0 0 10px 0; padding: 0; }

.ab-img { float: right; width: 210px; text-align: left; }

.ab-img img { margin-bottom: 4px; }

.ab-img p strong { font-size: 1.4em; color: #a3041e; }

.ab-img p { font-size: 1.0em; color: #000; font-weight: bold; margin: 0px; padding: 0px; }

.ab-img2 { float: left; width: 149px; margin-right: 20px; text-align: left; }

.ab-img2 img { margin-bottom: 4px; }

/* GET IN TOUCH */

#form-con { float: left; width: 552px; margin-top: 10px; }

#form { float: left; width: 530px; background: url(../images/form/bg.gif) no-repeat #ac031f; padding: 25px 0 14px 22px; color: #FFF; }

#form h1 { font-size: 3.2em; margin: 0 0 6px 0; padding: 0px; font-weight: normal; }

#form p { margin: 0px; padding: 0px; }

.form-sub { font-size: 1.6em; color: #FFF; }

.form-sub2 { font-size: 0.9em; color: #FFF; }

.form-sub a { color: #FFF; text-decoration: underline; }

#table-con { margin-top: 20px; padding-left: 10px; padding-top: 15px; margin-bottom: 20px; }

#table { width: 475px; }

#table p { font-size: 1.4em; color: #FFF; margin: 0 0 5px 0; padding: 0; }

.field { width: 225px; }



tr { margin: 0px; padding: 0px; }

.text-field { width: 210px; height: 18px; padding: 4px; margin-bottom: 14px; font-size: 1.4em; border: none; color: #333; font-family: Arial, Helvetica, sans-serif; }

.text-select { width: 456px; height: 22px; padding: 2px 0px 0px 4px; margin-bottom: 20px; font-size: 1.2em; border: none; color: #333; font-family: Arial, Helvetica, sans-serif; }

.text-area { width: 450px; height: 110px; color: #333; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; border: none; }

.check { height: 14px; width: 14px; margin-right: 6px; float: left; margin-top: -1px; }

#check-con { padding-bottom: 10px; }

#form-dotted { border-bottom: dotted 1px #FFF; border-top: dotted 1px #FFF; padding: 10px 0; width: 456px; }

#submit { float: left; width: 530px; background: #a3041e; }

input#submit-button { background: url(../images/form/submit.gif); height: 48px; width: 552px; border: none; }

input#submit-button:hover { background: url(../images/form/submit-hover.gif); height: 48px; width: 552px; border: none; }

#form-help {padding-left: 135px;}

/* HOW TO FIND US */

#map-con { float: right; width: 360px; margin-top: 10px; }

#map-mid p, #map-mid2 p { font-size: 1.4em; color: #333; margin: 1px 0px; padding: 0px; }

#map-hd { float: left; background: url(../images/form/map-hd.gif); height: 22px; width: 360px; }

#map-mid, #map-mid2, #map-mid3 { float: left; background: url(../images/form/map-bg.gif); width: 344px; padding-left: 16px; }

#map-mid2 { padding-top: 10px; }

#map-mid3 { padding-top: 36px; }

.maph2 { font-size: 2.0em; margin: 0 0 20px 0; color: #666; }

#map-bot { float: left; background: url(../images/form/map-bot.gif); height: 24px; width: 360px; }

/* J-QUERY */

.learn-more, .learn-more2, .learn-more3, .learn-more4 { float: left; width: 323px;  background:url(../images/icons/learn-more.gif) no-repeat; cursor:e-resize;  }

.learn-more { background-position: 0 -95px; height: 220px; }

.learn-more2 { background-position: 0 -65px; height: 255px; }

.learn-more3 { background-position: 0 -50px; height: 265px; }

.learn-more4 { background-position: 0 -35px; height: 270px;}

.learn-more:hover { background-position: 0 -503px; }

.learn-more2:hover { background-position: 0 -473px; }

.learn-more3:hover { background-position: 0 -458px; }

.learn-more4:hover { background-position: 0 -443px; }

.toggle-1 { float: left; width: 323px; height: 100px; background:url(../images/icons/read-more.gif); cursor:s-resize; background-repeat: no-repeat; margin-bottom: 10px; }

.toggle-1:hover { background-position: 0 -100px; }

.expand-1 { float: left; padding: 0 0 12px 93px; width: 232px; }

.c-toggle { margin-bottom: 25px; width: 325px; height: 7px; background:url(../images/icons/read-more-action.gif); cursor:s-resize; }

.c-toggle:hover { margin-bottom: 25px; width: 325px; height: 7px; background-position: 0 -7px; }

.c-expand { padding-bottom: 20px; width: 325px; }

/* PARTNERS */

#partners-con { float: left; width: 675px; }

#partners-con p { font-size: 1.1em; color: #363636; margin: 0px; padding: 0px; text-align: left; }

.partner-button, .partner-button2 { float: left; width: 150px; height: 175px; }

.partner-button a, .partner-button2 a { color: #363636; }

.partner-button a:hover, .partner-button2 a:hover { color: #be2026; }

.partner-button img, .partner-button2 img { margin-bottom: 6px; }

.partner-button { margin-right: 25px; }

/* FOOTER */

#footer { float: left; width: 920px; background-color: #d6d6d6; padding: 25px 15px 25px 35px; }

#sitelinks { float: left; width: 650px; }

#sitelinks p { color: #666666; font-size: 1.1em; margin: 0px; }

#sitelinks p a { color: #666; text-decoration: underline; }

#sitelinks ul { list-style-type: none; list-style-position:inside; margin: 0px 0px 20px 0px; padding: 0px; }

#sitelinks li { display: inline; font-size: 1.1em; color: #666666; font-family: Arial, Helvetica, sans-serif; padding: 0 4px 0 4px; }

#sitelinks li a { text-decoration: none; color: #666666; }

#sitelinks li a:hover { text-decoration: underline; color: #666666; }

.b { border-right: solid 1px #2c99cf; }

#partners { float: right; width: 270px; }

#partners p { font-size: 1.4em; color: #666666; margin: 0px 0px 6px 10px; }

#partners p a { font-weight: bold; font-size: 0.8em; color: #a3041e; text-decoration: none; padding-left: 2px; }

#partners p a:hover { text-decoration: underline; }

/* CONTACT FORM */
.contacttick { background-color:#e9fcca; border:1px solid #018938; padding:20px; }

.contacttickimage { float:left; padding-right:15px; }

.contacttickgreenp { margin:0; padding:0; color:#018938; }

.contactfail { background-color:#fbdacd; border:1px solid #b02820; padding:20px; }

.contactfailimage { float:left; padding-right:15px; }

.contactfailredp { margin:0; padding:0; color:#b02820; }