/**********************************************************************

	spend360
	version: 	1a
	owner:		james cooke
	handcoded by robots for ewebbed.co.uk

**********************************************************************/

/* @group tags */
html,body { height:100%; }
body { font-size:62.5%; font-family:georgia, verdana; overflow-y:hidden; overflow-x:hidden; line-height:1em; background:url(../images/body.jpg) no-repeat center top #010101; }
h1 { font-size:1.8em; color:#4c68a6; margin:0 0 14px; }
h2 { font-size:1.6em; color:#991f1f; margin:0 0 14px; }
h3 { font-size:1.4em; color:#666; margin:0 0 14px; }
p,li { font-size:1.4em; line-height:1.4em; margin:0 0 14px; color:#5a5b5b; }
li p { font-size:1em; }
li { margin:0 0 4px; }
label,input,textarea,select { font-family:georgia, verdana; font-size:1.4em; color:#5a5b5b; }
a { color:#5a5b5b; text-decoration:underline; }
a:hover { color:#30618d; }

/* @end */

/* @group misc */
.hidden { display:none!important; }

/* @end */

/* @group icons */
.icon { display:block; padding:14px 0 14px 70px; }
.icon-handshake { background:url(../images/icons/handshake.png) no-repeat left; }
.icon-contact { background:url(../images/icons/contact.png) no-repeat left; }
h2.icon-contact { color:#454747; }
h2.icon-contact a { text-decoration:none; }

/* @end */

/* @group template */
#overflow { position:relative; height:100%; width:100%; overflow:hidden!important; }
#scroll-container { height:100%; position:relative; width:13000px; }
.shadow-top { width:886px; margin:0 auto; padding:17px 0 0; background:url(../images/template/shadow-top.png) no-repeat left top; }
.shadow-bottom { width:886px; margin:-12px auto 0; height:28px; background:url(../images/template/shadow-bottom.png) no-repeat left top; z-index:1; }
.swirl { margin:-20px auto 0; width:656px; height:175px; background:url(../images/template/swirl.png) no-repeat left top; z-index:0; }
.container { width:780px; margin:0 auto; padding:35px 35px 15px; background:url(../images/template/page.jpg) no-repeat left top; }
.content { float:left; display:inline; width:664px; min-height: 200px;}
.page { float:left; display:inline; width:900px; overflow-y:auto; padding:40px 0 0; }
.page-row { clear:both; float:left; display:inline; margin:0 0 500px; }

/* @end */

/* @group header */
.header { position:relative; height:70px; }

/* @end */

/* @group content area */
.loading { display:none; position:fixed; top:50%; left:50%; height:116px; width:400px; margin:-58px 0 0 -200px; background:url(../images/template/loading.gif) no-repeat left top; z-index:1000; }
.content ul { margin:0 0 15px; }
.content li { padding:1px 0 0 28px; background:url(../images/icons/li-blue.gif) no-repeat left top; }
.quote { text-align:center; padding:20px 0; margin:0 0 15px; border:2px solid #c7c7c7; border-width:2px 0; }
.quote p { margin:0; font-style:italic; }

/* @group resources */
.resources { clear:both; margin:0 -50px 30px -35px; padding:27px 20px 0 100px; height:77px; background:url(../images/template/resources.png) no-repeat left top; }
.resources h2 { margin:0 0 4px; color:#b0b0b0; }
.resources h2 a { text-decoration:none; }
.resources p { margin:0; color:#b0b0b0; }
.resources a { color:#b0b0b0; }

/* @end */

/* @group contact-banner */
.contact-banner { position:relative; clear:both; float:left; display:inline; width:770px; padding:20px 0 20px 75px; margin:0 0 0 -10px; background:url(../images/icons/contact.png) no-repeat left 22px; }
.contact-banner h2 { margin:0 0 4px; color:#666; }
.contact-banner h2 a { text-decoration:none; }
.contact-banner p { margin:0; color:#666; }
.contact-banner a { color:#666; }
/* @end */

/* @group events-banner */
.events-banner { position:relative; clear:both; float:left; display:inline; width:720px; padding:20px 0 20px 75px; margin:0 0 0 -10px; background:url(../images/icons/events.png) no-repeat left 12px; border-top: 2px solid #eee; }
.events-banner h2 { margin:0 0 4px; color:#666; }
.events-banner h2 a { text-decoration:none; }
.events-banner p { margin:0; color:#666; }
.events-banner a { color:#666; }
/* @end */

/* @end */

/* @group footer */
.footer { clear:both; position:relative; height:36px; }
.footer p { margin:0; }
.footer a { display:block; height:30px; text-indent:-1000em; position:absolute; top:0; }
.footer a.du360 { left:0; width:241px; background:url(../images/template/du360.png) no-repeat left top; }
.footer a.ewebbed { left:585px; top:6px; width:203px; background:url(../images/template/ewebbed.png) no-repeat left top; }

/* @end */

/* @group banners */
.section-banner { clear:both; position:relative; margin:0 -35px 20px 0; height:149px; padding:0 0 10px; background:url(../images/headings/shadow.jpg) no-repeat right bottom; }
.section-banner .banner-image { display:block; margin:0 -23px 0 0; height:149px; background:url(../images/icons/ajax-loader.gif) no-repeat center center; }
.section-banner img { display:block; }
.home-banner { float:left; display:inline; height:393px; width:590px; margin:0 0 20px -3px; background:url(../images/icons/ajax-loader.gif) no-repeat center center; }
.home-banner img { display:block; }
.banner-overlap { position:absolute; right:-22px; top:-17px; width:22px; height:17px; background:url(../images/headings/corner.png) no-repeat left top; }

/* @end */

/* @group right-navigation */
.right-navigation { float:right; display:inline; width:143px; margin:0 -53px 0 0; }
.right-navigation li{float:left;display:inline;width:143px; clear:both;}
.right-navigation li a { display:block; text-indent:-1000em; height:34px; cursor:pointer; }
.right-navigation li.who a { background:url(../images/template/nav/who.png) no-repeat left top; }
.right-navigation li.what a { background:url(../images/template/nav/what.png) no-repeat left top; }
.right-navigation li.why a { background:url(../images/template/nav/why.png) no-repeat left top; }
.right-navigation li.where a { background:url(../images/template/nav/where.png) no-repeat left top; }
.right-navigation li.how a { background:url(../images/template/nav/how.png) no-repeat left top; }
.right-navigation li a:hover { background-position:left -51px; }
.right-navigation li a.on { height:58px; margin:0 0 -6px; background-position:left bottom; }
.right-navigation li.who { margin:-20px 0 0; }
#page-home .right-navigation { width:246px; margin:-8px -53px 0 0; }
#page-home .right-navigation li { margin:0 0 3px; }
#page-home .right-navigation li a { height:78px; width:247px; }
#page-home .right-navigation li.who a { background:url(../images/template/nav/home-who.png) no-repeat left top; }
#page-home .right-navigation li.what a { background:url(../images/template/nav/home-what.png) no-repeat left top; }
#page-home .right-navigation li.why a { background:url(../images/template/nav/home-why.png) no-repeat left top; }
#page-home .right-navigation li.where a { background:url(../images/template/nav/home-where.png) no-repeat left top; }
#page-home .right-navigation li.where { margin-bottom:2px; }
#page-home .right-navigation li.how a { background:url(../images/template/nav/home-how.png) no-repeat left top; }
#page-home .right-navigation li a.on { height:78px; margin:0; }
#page-home .right-navigation li a:hover,#page-home .right-navigation li a.on { background-position:left bottom; }

/* @end */

/* @group contact */
.contact-top { position:absolute; right:0; top:0; width:313px;background:url(../images/icons/email.png) no-repeat right top; }
.contact-top h2 { margin:0 0 4px; height:24px; text-indent:-1000em; }
.contact-top p { text-transform:uppercase; line-height:.8em; font-size:1.2em; text-align:right;}
.contact-top p a { padding:0 0 1px; color:#9b2020; text-decoration:none; border-bottom:1px solid #9b2020; }
.contact-top p a:hover { color:#000; border-bottom:1px solid #000; }

.contact { clear:both; margin:0 0 0 -35px; padding:0 35px 20px 35px;  background:none; border:0; }
.contact li { float:left; width:100%; margin:0 0 8px; font-size:1em; background:none; padding:0; }
.contact label { float:left; display:inline; width:195px; margin:4px 0 0; }
.contact input,.contact .textarea, .contact select { float:left; display:inline; width:387px; border:0; padding:8px 10px; background:url(../images/template/form/input.gif) no-repeat left top; }
.contact select{padding-right: 4px; width: 408px}
.contact .textarea { height:130px; width:407px; padding:1px; background:url(../images/template/form/textarea.gif) no-repeat left top; }
.contact textarea { height:120px; width:384px; padding:4px 10px; border:0; background:none; }
.contact label.error { float:left; display:inline; height:20px; width:230px; padding:6px 0 0 30px; margin:4px 0 0 190px; font-size: 1.4em !important; background:url(../images/icons/error.png) no-repeat left top; }
.contact .textarea label.error{margin-left: 0;}
.contact input.error,.contact div.error { background-position:left bottom; color:#950c0c; }
.contact button.buttonSend {display: block; width:88px; height:44px; border:0; text-indent:-1000em; margin:0 0 0 514px; cursor:pointer; background:url(../images/buttons/send.png) no-repeat left top; }
.contact button.buttonSend:hover { background-position:left -54px; }
#page-contact .contact .icon-error, #page-events .contact .icon-error { clear:both; margin:6px 0 0 195px; }
#page-contact .contact .textarea .icon-error, #page-events .contact textarea .icon-error { margin:6px 0 0; }
.contact-thanks { padding:0 0 100px; }
/* @end */

/* @group screenshots */
ul.screenshots {float:left; display:inline; width:100%; padding:10px 0; }
ul.screenshots li { float:left; display:inline; width:304px; margin:0 17px 10px 0; padding:5px; background:  url(../images/template/screenshot-shadow.jpg) no-repeat left top;}
ul.screenshots li:last-child { margin-right:0; }
ul.screenshots li img { display:block;}
ul.screenshots li p { display:block; text-align:center; color:#fff; background:#7b96c0; border:2px solid #7b96c0; font-size:1.2em; padding:2px 0 4px; line-height:1em; }
/* @end */

/* @group downloads */
ul.download-list{margin: 0 0 30px 0;}
ul.download-list li{background: none; padding: 0; margin: 0 0 4px 0;}
.pdf{display: block;padding: 6px 0 8px 36px;background: url(../images/icons/pdf.png) no-repeat left;}
.jpg{display: block;padding: 6px 0 8px 36px;background: url(../images/icons/jpg.png) no-repeat left;}
/* @end */

/* @group news/events */
ul.event-list{padding: 0 0 30px 0;}
ul.event-list li {font-size: 1em; background: none; padding: 20px 0; border-bottom: 2px solid #ddd; margin: 0;}
ul.event-list li:last-child{border-bottom: 0px;}
ul.event-list li p{font-size: 1.4em;}
ul.event-list li p:last-child{margin:0;}
ul.event-list li h3 a{color: #666;text-decoration:none; border-bottom: 2px solid #666;}
ul.event-list li h3 a:hover{color: #991F1F;border-bottom: 2px solid #991F1F}
/* @end */

a.button{display: block; text-indent: -1000em;}
a.button-subscribe{height: 49px; width: 277px; margin: 0 auto 20px auto;background: url(../images/buttons/subscribe.png) no-repeat left top;}
a.button-subscribe:hover{background-position: left bottom;}
a.button-register{height: 49px; width: 277px; margin: 0 auto 20px auto;background: url(../images/buttons/register.png) no-repeat left top;}
a.button-register:hover{background-position: left bottom;}

/* @group Cufon active & loading font sizes */
.cufon-active h1 { font-size:3em; }
.cufon-active h2 { font-size:2.2em; }
.cufon-active h3{font-size: 1.8em;}

.cufon-active .contact label { font-size:2em; color:#5a5b5b; }
.cufon-active .contact .icon-error { font-size:1.2em; color:#950c0c; }
.cufon-active .resources h2, .cufon-active .contact-banner h2, .cufon-active .events-banner h2 { font-size:1.8em; }
.cufon-active .quote h2 { font-size:1.7em; }
.cufon-loading h1,.cufon-loading h2 { visibility:hidden!important; }
/* @end */

/* @group jScroll */
.jScrollPaneContainer {position:relative; overflow:hidden; z-index:1; float:left; margin-top:-20px; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; background:#aaa; }
.jScrollPaneDrag { position:absolute; background:#666; cursor:pointer; overflow:hidden; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }
a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover { }
/* @end */