* {margin:0; padding:0}
:-moz-any-link:focus {outline: none;}
a {outline:none}
img {border:none}
body {background:#000 url(http://snapsystems.co.uk/images/background.jpg) top center repeat-x; font-size:67.5%; font-family:"lucida sans unicode","lucida grande", Arial, sans-serif; color:#fff; height:100% }
strong {color:#fff}
.white {color:#fff}
.green {color:#839b48}
.grey {color:#9b9b9b !important}
.clear {clear:both; height:1px}
h1 {padding:20px 0}
h2 {font-size:1.3em; color:#fff; padding:15px 0; font-weight:normal}
h3 {font-size:1.3em; color:#fff; padding:0; font-weight:normal}
#box-main {width:970px; min-height:500px; margin:auto}
#box-top {width:970px; height:30px}
#box-menu {width:970px; height:63px; background:url(http://snapsystems.co.uk/images/menu-bg.jpg) left top no-repeat}
#box-heading {width:970px; height:200px;}
#box-heading img {position:relative; top:1px; z-index:3}
#box-content-green {width:968px; min-height:500px; background:#839b48;padding:1px}
#box-content-black {width:100%; min-height:500px;}
#box-content-black p {padding:10px 0; line-height:1.4em}
#box-content-left {width:435px; min-height:500px; padding:25px; float:left; font-size:1.2em; color:#9b9b9b}
#box-content-right {width:435px; min-height:500px; padding:25px; float:left; font-size:1.2em; color:#9b9b9b}
#box-content-open {width:918px; min-height:500px; padding:25px; float:left; font-size:1.2em; color:#9b9b9b}

#box-content-black, #box-content-black .sb-inner { background:#000;}
#box-content-black .sb-shadow { background:#000; }
#box-content-black .sb-border { background:#839b48; }
#box-content-black a {color:#839b48; text-decoration:none}
#box-content-black a:hover {color:#fff; text-decoration:underline}
.learn-more {float:right; margin:5px 0 5px 0}


.submit-button {background:url(http://snapsystems.co.uk/images/send-a.gif) no-repeat top left; display:block; width:112px; height:33px; border:none; cursor:pointer; float:right; margin:5px 25px 5px 0}
.submit-button:hover {background:url(http://snapsystems.co.uk/images/send-b.gif) no-repeat top left}
.find-button {background:url(http://snapsystems.co.uk/images/find-a.gif) no-repeat top left; display:block; width:112px; height:33px; border:none; cursor:pointer; float:right; margin:5px 25px 5px 0}
.find-button:hover {background:url(http://snapsystems.co.uk/images/find-b.gif) no-repeat top left}

.back {margin:5px 0 5px 0; position:absolute; bottom:10px; left:25px}
.next {margin:5px 0 5px 0; position:absolute; bottom:10px; right:25px}

.home-bg {background:url(http://snapsystems.co.uk/images/home-bg.jpg) 14px 0 no-repeat; width:100%; min-height:500px}
.contact-bg {background:url(http://snapsystems.co.uk/images/contact-bg.jpg) 14px 0 no-repeat; width:100%; min-height:500px}
.technology-bg {background:url(http://snapsystems.co.uk/images/technology-bg.jpg) 12px 0 no-repeat; width:100%; min-height:500px}
#home-list {list-style:none; color:#fff; width:100%;}
#home-list li {border-bottom:1px solid #2a2a2a} 
#home-list li img {float:left; margin-right:25px}
#home-list li span {position:relative;top:17px}

#box-sitemap-01, #box-sitemap-02, #box-sitemap-03, #box-sitemap-04, #box-sitemap-05 {width:178px; min-height:164px; margin:20px 10px 0 10px;  float:left} 

#box-sitemap-01, #box-sitemap-01 .sb-inner { background:url(http://snapsystems.co.uk/images/sitemap-bg.png) top left repeat-x; margin-left:0 }
#box-sitemap-02, #box-sitemap-02 .sb-inner { background:url(http://snapsystems.co.uk/images/sitemap-bg.png) top left repeat-x; }
#box-sitemap-03, #box-sitemap-03 .sb-inner { background:url(http://snapsystems.co.uk/images/sitemap-bg.png) top left repeat-x; }
#box-sitemap-04, #box-sitemap-04 .sb-inner { background:url(http://snapsystems.co.uk/images/sitemap-bg.png) top left repeat-x; }
#box-sitemap-05, #box-sitemap-05 .sb-inner { background:url(http://snapsystems.co.uk/images/sitemap-bg.png) top left repeat-x; margin-right:0 }

#logos {width:730px; margin:auto; padding:20px 0 20px 0}
#logos a {float:left}
#footer {width:644px; height:54px; margin:auto; background:url(http://snapsystems.co.uk/images/footer-bg.jpg) left top no-repeat; color:#839b48; font-size:1.1em; text-align:center; padding-top:65px}
#footer a {color:#839b48; text-decoration:none}
#footer a:hover {color:#fff; text-decoration:underline}

.image-on-left {float:left; padding:0px 10px 10px 0px;}
.image-on-right {float:right; padding:0px 0px 10px 10px;}

.list {list-style:none;}
.list li {background:url(http://snapsystems.co.uk/images/tick.gif) 0 10px no-repeat; padding:6px 0 6px 35px; line-height:1.4em; color:#9b9b9b}

/* MENU */

/* LEVEL ONE */
.sub_menu { background:#000}
ul.dropdown, ul.dropdown ul {list-style:none;}
ul.dropdown ul { border:1px solid #839b48; border-top:none; border-bottom:none;}
ul.dropdown                         { position: relative; left:230px; top:3px; font-size:1.2em; border:none; width:720px; z-index:5}
ul.dropdown li                      { float: left; cursor:pointer}
ul.dropdown li a                    { display: block; color: #8b8b8a; text-decoration:none }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover                 {position:relative; background:#141414}
ul.dropdown li.hover a:hover              { color:#839b48; position:relative;}
ul.dropdown li.hover a              { color:#fff; }

.last {height:3px !important; width:212px !important; background:url(http://snapsystems.co.uk/images/menu-bottom.gif) bottom left no-repeat !important; position:relative; top:3px; left:-1px; display:block; border-bottom:none !important}
.link-last {border-bottom:none !important}

#breadcrumbs {float:right; color:#839b48; z-index:5; position:relative;top:95px; right:10px}
#breadcrumbs span {color:#fff}

#snap2 {width:73px; height:55px; background:url(http://snapsystems.co.uk/images/snap-a.jpg) top left no-repeat}
#snap2:hover {background:url(http://snapsystems.co.uk/images/snap-b.jpg) top left no-repeat}
#snap2 .m-button {width:73px; height:55px}
.hover1 {background:url(http://snapsystems.co.uk/images/snap-b.jpg) top left no-repeat !important}

#services {width:142px; height:55px; background:url(http://snapsystems.co.uk/images/snap-services-a.jpg) top left no-repeat}
#services:hover {background:url(http://snapsystems.co.uk/images/snap-services-b.jpg) top left no-repeat}
#services .m-button {width:142px; height:55px}
.hover2 {background:url(http://snapsystems.co.uk/images/snap-services-b.jpg) top left no-repeat !important}

#resources {width:163px; height:55px; background:url(http://snapsystems.co.uk/images/snap-resources-a.jpg) top left no-repeat}
#resources:hover {background:url(http://snapsystems.co.uk/images/snap-resources-b.jpg) top left no-repeat}
#resources .m-button {width:163px; height:55px}
.hover3 {background:url(http://snapsystems.co.uk/images/snap-resources-b.jpg) top left no-repeat !important}

#partner {width:207px; height:55px; background:url(http://snapsystems.co.uk/images/partner-program-a.jpg) top left no-repeat}
#partner:hover {background:url(http://snapsystems.co.uk/images/partner-program-b.jpg) top left no-repeat}
#partner .m-button {width:207px; height:55px}
.hover4 {background:url(http://snapsystems.co.uk/images/partner-program-b.jpg) top left no-repeat !important}

#contact {width:115px; height:55px; background:url(http://snapsystems.co.uk/images/contact-us-a.jpg) top left no-repeat}
#contact:hover {background:url(http://snapsystems.co.uk/images/contact-us-b.jpg) top left no-repeat}
#contact .m-button {width:115px; height:55px}
.hover5 {background:url(http://snapsystems.co.uk/images/contact-us-b.jpg) top left no-repeat !important}

.site-list li a {font-size:1.2em; color:#839b48; line-height:1.6em; text-decoration:none; margin-left:10px;}
.site-list li a:hover {color:#fff; text-decoration:underline}
.site-list {list-style:none; margin-top:20px}
.site-h {position:relative; top:15px; left:9px}

.newtitle {font-size:1.3em; color:#fff; padding:5px 0; font-weight:normal}
.nav {text-align:right; padding-top:15px; background:none !important; font-family:Arial, Helvetica, sans-serif}
.nav a {color:#fff; text-decoration:none}
.nav a:hover {color:#fff !important}
.pager {margin:0px 1px; color:#839b48 !important}
.hoverlist {margin:0px 1px; color:#fff !important}

small {color:#839b48}
sup {color:#839b48}

/* LEVEL TWO */
ul.dropdown ul 						{ width: 210px; visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li 					{ font-weight: normal; background: #000; color: #8b8b8a; border-bottom: 1px solid #2a2a2a; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; display: inline-block; color:#8b8b8a; padding:5px; position:relative; left:7px} 

/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0;}
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* TABS */
#ddimagetabs {float:left; font-size:1.3em}
.halfmoon{margin-bottom:4px; z-index:3;}
.halfmoon ul {list-style-type:none;  margin-top:50px; }
.halfmoon li {width:435px; margin-left:25px;}
.halfmoon li a{text-decoration:none; display:block; padding:10px; position:relative; left:1px; color:#fff !important}
.halfmoon li a:hover,.halfmoon li a.current{ background:url(http://snapsystems.co.uk/images/tab-hover-bg.jpg) top right no-repeat; text-decoration:none !important}
#tabcontentcontainer{width:50%; margin-right:25px; margin-top:50px; height:1.5em; min-height:490px; font-size:1.2em; float:right; background:url(http://snapsystems.co.uk/images/tab-bg.jpg) top left no-repeat; z-index:1;}
#tabcontentcontainer img {padding-bottom:10px}
.tabcontent{display:none;}
.tab-list {list-style:none; width:400px; position:relative; left:25px; top:25px}
.tab-list li {background:url(http://snapsystems.co.uk/images/tick.gif) 0 10px no-repeat; padding:5px 0 5px 35px; line-height:1.4em; color:#b3b3b3}
#home {width:100px; height:30px; cursor:pointer; display:block; position:relative; left:19px; top:47px}

#bpm p { padding-left:120px; background:url(http://snapsystems.co.uk/images/icon-bpm.gif) top left no-repeat}
#pm p { padding-left:120px; background:url(http://snapsystems.co.uk/images/icon-pm.gif) top left no-repeat}
#tr p { padding-left:120px; background:url(http://snapsystems.co.uk/images/icon-sup.gif) top left no-repeat}
#sup p { padding-left:120px; background:url(http://snapsystems.co.uk/images/icon-tr.gif) top left no-repeat}
#sup { margin-top:5px}

#bpm span, #pm span, #tr span, #sup span {font-size:1.3em; color:#fff; font-weight:normal; display:block}

.bpm, .pm, .tr, .sup   {background:url(http://snapsystems.co.uk/images/tab-bg.jpg) bottom left no-repeat;}
.bpm p, .pm p, .tr p, .sup p   {color:#fff}

#sup, #tr, #pm, #bpm {padding:0 10px 10px 10px}

.cssform p {padding:2px 0 !important; margin:0}
.cssform label{float:left;width:130px; float:left}
.input { width:270px; padding:5px; color:#fff; background:#181818; border:none}
.textarea{ width:270px; height:150px; padding:5px; font-family:Tahoma; font-size:1.1em;color:#fff;background:#181818;border:none}

.message {color:#739711; background:#fff; padding:15px 0; text-align:center; border-top:1px solid #839b48;border-bottom:1px solid #839b48;position:fixed; top:50%; left:0; font-size:32px; width:100%; margin:auto; z-index:1000;-moz-opacity:.85;opacity:.85;}