/*--------- GENERIC ---------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; text-indent:hanging}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block}

body {width:100%;}

strong {font-weight:bold}

.clearfix {zoom:1}
.clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after {clear:both}

::-moz-selection{background: #90c63c; color: #ffffff; text-shadow: none;}
::selection {background: #90c63c; color: #ffffff; text-shadow: none;} 

.ir {text-indent:-999em}

.floatLeft {float:left}

@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('TitilliumText22L001-webfont.eot');
    src: url('TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L001-webfont.woff') format('woff'),
         url('TitilliumText22L001-webfont.ttf') format('truetype'),
         url('TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('TitilliumText22L002-webfont.eot');
    src: url('TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L002-webfont.woff') format('woff'),
         url('TitilliumText22L002-webfont.ttf') format('truetype'),
         url('TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('TitilliumText22L003-webfont.eot');
    src: url('TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L003-webfont.woff') format('woff'),
         url('TitilliumText22L003-webfont.ttf') format('truetype'),
         url('TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('TitilliumText22L004-webfont.eot');
    src: url('TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L004-webfont.woff') format('woff'),
         url('TitilliumText22L004-webfont.ttf') format('truetype'),
         url('TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('TitilliumText22L005-webfont.eot');
    src: url('TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L005-webfont.woff') format('woff'),
         url('TitilliumText22L005-webfont.ttf') format('truetype'),
         url('TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('TitilliumText22L006-webfont.eot');
    src: url('TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L006-webfont.woff') format('woff'),
         url('TitilliumText22L006-webfont.ttf') format('truetype'),
         url('TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DancingScriptOTRegular';
    src: url('DancingScript-Regular-webfont.eot');
    src: url('DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DancingScript-Regular-webfont.woff') format('woff'),
         url('DancingScript-Regular-webfont.ttf') format('truetype'),
         url('DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriad_web_proregular';
    src: url('myriadwebpro-webfont.eot');
    src: url('myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadwebpro-webfont.woff') format('woff'),
         url('myriadwebpro-webfont.ttf') format('truetype'),
         url('myriadwebpro-webfont.svg#myriad_web_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.feedbackLink {padding:0; font:12px/16px Arial, Helvetica, sans-serif; text-align:justify; color:#343434}
		.feedbackLink:hover {color:#71a71d; text-decoration: none}
				
/*--------- BODY ---------*/
body {background:url(../images/Druff-Interactive-MainBG.jpg)}

/*--------- DARK STRIPS ---------*/
.darkStrip {width:100%; height:30px; background:#343434; display:none}

/*--------- REQUEST QOUTE SLIDE OUT ---------*/
.fixedPos {width: 100%; height:auto; position:fixed}

.requestCodeSlideWrap {width: 960px; height: auto; margin:0 auto; position:relative}
.requestCodeSlidePos {width: 196px; height: 263px; position: absolute; left: 940px}
.requestCodeSlideRePos {width: 196px; height: 263px; position:relative; display: none}
	.requestCodeSlideClose {width: 33px; height: 33px; position: absolute; right: 18px; top:10px; z-index: 15; cursor:pointer}
		.quoteTooltip {width: 240px; height: 20px; padding: 15px 0 0 0; position: absolute; right: 2px; top:30px; background:url(../images/Druff-Interactive-quoteTooltip.png) left top no-repeat; font: 10px/11px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center}
	.requestCodeSlideTop {width: 196px; height: 50px; position: absolute; left: 0; top:0; z-index: 10}
	
	.requestSlideDownWrap {width: 166px; height: 235px; position: absolute; left: 20px; top: 31px; background:url(../images/Druff-Interactive-requestSlideBg.png) left top no-repeat; z-index: 5}
		.requestCodeSlideTextWrap {width: 166px; height: 128px; margin: 40px 0 0 0; float:left; text-align:center}
			.requestCodeSlideTextH {font:25px/20px 'TitilliumText22LThin', Arial, sans-serif; color: #6c6c6c}
				.requestCodeSlideGreen {font:25px/20px 'TitilliumText22LXBold', Arial, sans-serif; color:#71a71d;}
				.requestCodeSlideBolder {font:25px/20px 'TitilliumText22LXBold', Arial, sans-serif;}
			.requestCodeSlideTextS {font:20px/24px 'TitilliumText22LRegular', Arial, sans-serif; color: #585858; padding-top: 10px}
		.requestCodeSlideBtn {width: 114px; height: 13px; position:absolute; left: 26px; top: 160px; text-align:center}
			.requestCodeSlideBtn a {width:112px; height:34px; text-decoration:none; font:12px/36px 'TitilliumText22LMedium', Arial, sans-serif; color:#FFFFFF; text-transform:uppercase; text-align:center; background:url(../images/portfolio/Druff-Interactive-web-portfolio-visit-website_button.png) no-repeat; display:block;
					opacity:1;
					transition: all .2s ease-in;
					-webkit-transition: all .2s ease-in;
					-moz-transition: all .2s ease-in;
					-o-transition: all .2s ease-in;
					-ms-transition: all .2s ease-in
				}
			.requestCodeSlideBtn a:hover {opacity:.80;}


/*--------- MAIN WRAPPERS ---------*/
#aboveFoldWrapper {width:100%; height: auto; display:block; padding:13px 0 0 0; background:url(../images/Druff-Interactive-top-shadowRpt.png) repeat-x, url(../images/Druff-Interactive-topBottom-shadowRpt.png) left bottom repeat-x}
#aboveFoldHomeWrapper {width:100%; height: auto; display:block; padding:13px 0 0 0; background:url(../images/Druff-Interactive-top-shadowRpt.png) repeat-x}

#belowFoldWrapper {width:100%; height:auto; display:block; padding:0 0 0 0; background:url(../images/Druff-Interactive-topBottom-shadowRpt.png) left bottom repeat-x}


/*--------- HEADER ---------*/
header {width:100%; height:158px; display:block; background:url(../images/Druff-Interactive-navigation-bg.png) repeat-x}
	#mainNav {width:960px; height:158px; margin:0 auto}
		
		#leftAddTab {height:158px; width:960px; margin:0 0 0 -960px; background:url(../images/Druff-Interactive-left-add-tab.png) repeat-x; position:absolute}
		.ie7 #leftAddTab {display:none}
		
		#druffLogo {width:295px; height:158px; float:left; display:block}
		
		nav {width:665px; height:84px; float:left; display:block; margin:38px 0 0 0px; z-index: 500}
			nav ul {list-style-type:none}
				nav ul li {float:left; position:relative; line-height:86px; font-family:'TitilliumText22LRegular', Arial, sans-serif; font-size:13px; text-transform:uppercase; padding:0; margin:0; display:block; border-right:1px solid #FFFFFF}
				.navLast {margin:0px; border-right:none}
				
				.navLast ul {width: 100px; position:absolute; top: 50px; left:0; background: url(../images/Druff-Interactive-DropdownArrow.png) left top no-repeat; display: none; z-index: 500000; margin: 0; padding: 9px 0 0 0; text-align:center}
						.navLast ul li {width: 100%; height: 33px; float:left; font:11px/38px 'TitilliumText22LRegular', Arial, sans-serif; text-transform:uppercase; padding:0; margin:0 0 0 -10px; display:block; border-right: none; border-top: 1px solid #4a4a49; background: url(../images/Druff-Interactive-DropdownWhtRepeat.png)}

						.navLast ul li:hover {background: url(../images/Druff-Interactive-DropdownWhtRepeat.png)}
						 .navLast ul li a {width: 100%; height: auto; display:block; color:#FFFFFF; text-decoration:none;}
						  .navLast ul li a:hover {color:#71a71d; text-decoration:none}
				
				
				nav ul li a {color:#FFFFFF; text-decoration:none; padding-left: 10px; padding-right: 10px}
				nav ul li a:hover {color:#343434; text-decoration:none}
				
					nav ul li ul {width: 250px; position:absolute; top: 50px; left:0; background: url(../images/Druff-Interactive-DropdownArrow.png) left top no-repeat; display: none; z-index: 500000; margin: 0; padding: 9px 0 0 0; text-align:center}
						nav ul li ul li {width: 100%; height: 33px; float:left; font:11px/38px 'TitilliumText22LRegular', Arial, sans-serif; text-transform:uppercase; padding:0; margin:0; display:block; border-right: none; border-top: 1px solid #4a4a49; background: url(../images/Druff-Interactive-DropdownWhtRepeat.png)}
						nav ul li ul li:first-child {border-top: none}
						nav ul li ul li:hover {background: url(../images/Druff-Interactive-DropdownWhtRepeat.png)}
						  nav ul li ul li a {width: 100%; height: auto; display:block; color:#FFFFFF; text-decoration:none; padding-left: 0px;}
						  nav ul li ul li a:hover {color:#71a71d; text-decoration:none}
				
			nav h1 {float:left}
	
#servicesNav {width:972px; height:72px; margin:0 auto}
	#subNavLeft {width:6px; height:56px; display:block; float:left; background:url(../images/Druff-Interactive-sub-navigation-bg_left.png) no-repeat; margin:8px 0 0 0}
	#subNavBack {width:960px; height:48px; padding:6px 0 0 0; margin:8px 0 0 0; display:block; float:left; background:url(../images/Druff-Interactive-sub-navigation-bg.png) repeat-x; line-height:18px; font-family:'TitilliumText22LBold', Arial, sans-serif; font-size:16px; text-transform:uppercase}
		#subNavBack ul {list-style-type:none; display:block; height:44px; width:950px; margin:0 0 0 10px}
			#subNavBack ul li {float:left; border-right:1px solid #6d6d6d; margin:14px 0 26px 14px; padding:0 14px 0 0; display:block; height:18px}
			.subNavLast {padding:0 !important; border-right:none !important}
				#subNavBack ul li a {color:#6d6d6d; text-decoration:none; height:30px; display:block; background:url(../images/Druff-Interactive-sub-navigation-hover-arrow.jpg) no-repeat center 50px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease}
				#subNavBack ul li a:hover {color:#71a71d; text-decoration:none; background:url(../images/Druff-Interactive-sub-navigation-hover-arrow.jpg) no-repeat center bottom}
	#subNavRight {width:6px; height:56px; display:block; float:left; background:url(../images/Druff-Interactive-sub-navigation-bg_right.png) no-repeat; margin:8px 0 0 0}
	
	
	#subNavBack2 {width:800px; height:48px; padding:6px 0 0 0; margin:8px 0 0 0; display:block; float:left; background:url(../images/Druff-Interactive-sub-navigation-bg.png) repeat-x; line-height:18px; font-family:'TitilliumText22LBold', Arial, sans-serif; font-size:13px; text-transform:uppercase}
		#subNavBack2 ul {list-style-type:none; display:block; height:44px; width:800px; margin:0 0 0 0px}
			#subNavBack2 ul li {float:left; border-right:1px solid #6d6d6d; margin:14px 0 26px 14px; padding:0 12px 0 0; display:block; height:18px}

				#subNavBack2 ul li a {color:#6d6d6d; text-decoration:none; height:30px; display:block; background:url(../images/Druff-Interactive-sub-navigation-hover-arrow.jpg) no-repeat center 50px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease}
				#subNavBack2 ul li a:hover {color:#71a71d; text-decoration:none; background:url(../images/Druff-Interactive-sub-navigation-hover-arrow.jpg) no-repeat center bottom}
	.googlelogo-small {
		width:161px; height:63px; position: relative; float: left; margin-top: -59px; margin-left: 811px; z-index: 99
	}
	
		
/*--------- SLIDER ---------*/
#slideWrapper {width:941px; margin:0 auto; height:394px; padding: 16px 16px 16px 15px; display:block; background:url(../images/Druff-Interactive-slider-space.png) no-repeat; position:relative}
.ie7 #slideWrapper {display:none}	
	/* -- Slider Navigation -- */
	#slideWrapper ul {width:299px; height: 394px; position: relative; float:right; margin: 0; list-style:none; z-index: 20}
	  
	  #slideWrapper ul li {width:257px; height: 66px; float:left; display:block; background:none; padding: 0 10px 0 32px;}
	  #slideWrapper ul li:hover {background:url(../images/Druff-Interactive-slideNavHover2.png) left top no-repeat}
	  #slideWrapper ul li.navCurrent {background:url(../images/Druff-Interactive-slideNavHover2.png) left top no-repeat}
	 
	  #slideWrapper ul .moving_bg {width:299px; height: 66px; position: absolute; z-index: 200; right: 0; top: 0}
	  	
		#slideWrapper ul li a {width:257px; height: 56px; color:#6c6c6c; float:left; font:25px/25px 'TitilliumText22LThin', Arial, sans-serif; text-decoration:none; text-align:right; padding-top: 10px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease}
			.sliderGreen {font:25px/25px 'TitilliumText22LXBold', Arial, sans-serif; color:#6c6c6c; -webkit-transition: all 1s .6s ease; -ms-transition: all 1s .6s ease; -o-transition: all 1s .6s ease; -moz-transition: all 1s .6s ease; transition: all 1s .6s ease}
			.slideBolder {font:25px/25px 'TitilliumText22LRegular', Arial, sans-serif; color:#6c6c6c; -webkit-transition: all 1s .1s ease; -ms-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; -moz-transition: all 1s .1s ease; transition: all 1s .1s ease}
		#slideWrapper ul li a:hover {color:#ffffff; font:25px/25px 'TitilliumText22LThin', Arial, sans-serif; text-align:left;}
			#slideWrapper ul li a:hover .sliderGreen {font:25px/25px 'TitilliumText22LXBold', Arial, sans-serif; color: #71a71d; -webkit-transition: all 1s .2s ease; -ms-transition: all 1s .2s ease; -o-transition: all 1s .1s ease; -moz-transition: all 1s .1s ease; transition: all 1s .1s ease}
			#slideWrapper ul li a:hover .slideBolder {font:25px/25px 'TitilliumText22LRegular', Arial, sans-serif; color:#ffffff}
		#slideWrapper ul li.navCurrent a {color:#ffffff; font:25px/25px 'TitilliumText22LThin', Arial, sans-serif; text-align:left;}
			#slideWrapper ul li.navCurrent a .sliderGreen {font:25px/25px 'TitilliumText22LXBold', Arial, sans-serif; color: #71a71d}
			#slideWrapper ul li.navCurrent a .slideBolder {font:25px/25px 'TitilliumText22LRegular', Arial, sans-serif; color:#ffffff}
		
	/* -- Slider Slides -- */
	.slidesWrap {width: 650px; height: 392px; margin: 1px 0 0 1px; position: absolute; top:16px; left:15px; overflow: hidden; }
		
		.backgroundSlide {width: 650px; height: 392px; position:absolute; left: 0; bottom: 0}
		.foregroundSlide {width: 650px; height: 392px; position:absolute; right: 0; bottom: 0}
		
		div.slide {width: 650px; height: 392px; position: relative; float:left; visibility: visible; overflow:hidden}
		
		.slidesHeading {width: 100%; height:auto; float:left}
			.slidesBoldBlack {font:20px/16px 'TitilliumText22LMedium', Arial, sans-serif; color:#000000}
			.slidesHeading h1 {font:25px/22px 'TitilliumText22LThin', Arial, sans-serif; color:#ababab}
			.slidesGreen {font-family: 'TitilliumText22LXBold', Arial, sans-serif; color:#71a71d}
			.slidesBolder {font-family: 'TitilliumText22LRegular', Arial, sans-serif; color:#ababab}
		
		.slidesCopy {width: 100%; height:auto; margin: 15px 0 15px 0; float:left; font: 14px/16px Arial, Helvetica, sans-serif; color:#343434}
			.slidesCopy ol {width: 100%; height: auto; position: relative; float: left; clear:both; margin: 0}
				.slidesCopy ol li {width:100%; height: auto; float: left; display: inline; background:none; padding: 0 0 0 12px; background: url(../images/SliderTextBullet.png) left no-repeat}
			.slidesCopy p {text-align:justify}
			
			.slidesBtn {width: 100%; height: 43px; float:left; text-align:center; z-index: 10000000000}
				.slidesBtn a {width: 132px; height: 43px; display:block; font:16px/48px  'TitilliumText22LXBold', Arial, sans-serif; color:#ffffff; text-decoration: none; background:url(../images/Druff-Interactive-SlideBtn.png) left top no-repeat; opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in}
				.slidesBtn a:hover { opacity:.8;}	
				
		/* -- Slide #1 -- */
		div.slide .textBox1 {width: 660px; height: 392px; position:absolute; left: 8px; top: -10px; margin-right:419px; background:url(../images/Druff-Interactive-slide1-textBg.png) left top repeat-y; z-index: 1}
			div.slide .textBox1 .slideTextWrap {width: 190px; height: 230px; float:left; margin: 18px 0 0 28px}
		
		div.slide .table1 {width: 670px; height: 392px; position:absolute; left: 0; bottom: 0; background:url(../images/Druff-Interactive-slide1-table.png) left bottom no-repeat; z-index: 2}
		
		div.slide .iMac {width: 372px; height: 337px; position:absolute; right: 24px; bottom: 29px; z-index: 3}
		div.slide .iMac div {width: 362px; height: 327px; position:absolute; background:url(../images/Druff-Interactive-slide1-iMac-new.png) left top no-repeat; z-index: 3}
		
		div.slide .iPad {width: 141px; height: 167px; position:absolute; right:310px; bottom: 43px; z-index: 4}
		div.slide .iPad div {width: 131px; height: 157px; position:absolute; background:url(../images/Druff-Interactive-slide1-iPad.png) left top no-repeat; z-index: 4}

		div.slide .iPhone {width: 74px; height: 116px; position:absolute; right: 414px; bottom: 38px; z-index: 5}
		div.slide .iPhone div {width: 64px; height: 106px; position:absolute; background:url(../images/Druff-Interactive-slide1-iPhone.png) left top no-repeat; z-index: 5}
		
		.webDesignBtn {width: 132px; height: 43px; position:absolute; left: 48px; top: 185px; z-index: 6}
		
		/* -- Slide #2 -- */
		div.slide .textBox2 {width: 660px; height: 392px; position:absolute; left: 100px; top: 0; margin-left:419px; background:url(../images/Druff-Interactive-slide3-textBg.png) left top repeat-y; z-index: 2}
			div.slide .textBox2 .slideTextWrap {width: 245px; height: 230px; float:left; margin: 40px 0 0 375px}
		
		div.slide .table2 {width: 670px; height: 392px; position:absolute; left: 0; bottom: 0; background:url(../images/Druff-Interactive-slide2-table.jpg) left bottom no-repeat; z-index: 1}
		
		div.slide .cCards {width: 322px; height: 321px; position:absolute; left: 20px; top: 29px; z-index: 3}
		div.slide .cCards div {width: 312px; height: 311px; position:absolute; background: url(../images/Druff-Interactive-slide2-cCards.png) left top no-repeat; z-index: 3}
	
		div.slide .cCardsPoiner {width: 296px; height: 236px; position:absolute; left:110px; top: 169px; z-index: 4}
		div.slide .cCardsPoiner div {width: 281px; height: 221px; position:absolute; background: url(../images/Druff-Interactive-slide2-cCardsPointer.png) left top no-repeat; z-index: 4}
		
		.EcommerceBtn {width: 132px; height: 43px; position:absolute; left: 412px; top: 230px; z-index: 6}
		
		/* -- Slide #3 -- */
		div.slide .textBox3 {width: 660px; height: 392px; position:absolute; left: 8px; top: 0; margin-right:364px; background:url(../images/Druff-Interactive-slide2-textBg.png) left top repeat-y; z-index: 2}
			div.slide .textBox3 .slideTextWrap {width: 236px; height: 392px; float:left; margin: 18px 0 0 28px}
		
		div.slide .table3 {width: 670px; height: 392px; position:absolute; left: 0; bottom: 0; background:url(../images/Druff-Interactive-slide2-bg.jpg) left top no-repeat; z-index: 1}
		
		div.slide .bCardFront {width: 325px; height: 185px; position:absolute; left: 239px; top: -10px; z-index: 3}
		div.slide .bCardFront div {width: 315px; height: 175px; position:absolute; background: url(../images/Druff-Interactive-slide2-cardFront.png) left top no-repeat; z-index: 3}
	
		div.slide .bCardBack {width: 318px; height: 214px; position:absolute; left:339px; top: 33px; z-index: 4}
		div.slide .bCardBack div {width: 298px; height: 194px; position:absolute; background: url(../images/Druff-Interactive-slide2-cardBack.png) left top no-repeat; z-index: 4}
		
		.printBtn {width: 132px; height: 43px; position:absolute; left: 87px; top: 270px; z-index: 6}
		
		/* -- Slide #4 -- */
		div.slide .textBox4 {width: 660px; height: 392px; position:absolute; left: 0; top: 0; margin: 0 364px 0 0; background:url(../images/Druff-Interactive-slide4-textBg.png) left top no-repeat; z-index: 2}
			div.slide .textBox4 .slideTextWrap {width: 185px; height: 230px; float:left; margin: 30px 0 0 42px}
		
		div.slide .natureBg1 {width: 680px; height: 392px; position:absolute; left: 0; bottom: 0; background:url(../images/Druff-Interactive-slide4-bg.jpg) left top no-repeat; z-index: 1}
		
		div.slide .googleScreen {width: 454px; height: 400px; position:absolute; left: 258px; top: 30px; z-index: 3}
		div.slide .googleScreen div {width: 434px; height: 390px; position:absolute; background: url(../images/Druff-Interactive-slide-googleScreen.png) left top no-repeat; z-index: 3}
	
		div.slide .googleMagnifier {width: 352px; height: 365px; position:absolute; left:216px; top: 44px; z-index: 4}
		div.slide .googleMagnifier div {width: 337px; height: 350px; position:absolute; background: url(../images/Druff-Interactive-slide-googleMagnifier.png) left top no-repeat; z-index: 4}
		
		.SeoBtn {width: 132px; height: 43px; position:absolute; left: 55px; top: 225px; z-index: 6}
		
		/* -- Slide #5 -- */
		div.slide .textBox5 {width: 660px; height: 392px; position:absolute; left: 0; top: 0; margin: 0 364px 0 0; background:url(../images/Druff-Interactive-slide5-textBg.png) left top repeat-y; z-index: 2}
			div.slide .textBox5 .slideTextWrap {width: 186px; height: 230px; float:left; margin: 16px 0 0 428px}
		
		div.slide .natureBg2Grass {width: 680px; height: 392px; position:absolute; left: 0; bottom: 0; background:url(../images/Druff-Interactive-slide-natureBg2Grass.png) left top no-repeat; z-index: 3}
		div.slide .natureBg2Clouds {width: 670px; height: 392px; position:absolute; left: 0; bottom: 0; background:url(../images/Druff-Interactive-slide-natureBg2Clouds.jpg) left top no-repeat; z-index: 1}

		div.slide .socialIconsFg {width: 573px; height: 371px; position:absolute; left: 107px; top: 0; z-index: 5}
		div.slide .socialIconsFg div {width: 543px; height: 351px; position:absolute; background: url(../images/Druff-Interactive-slide-socialIconsFg.png) left top no-repeat}
	
		div.slide .socialIconsBg {width: 553px; height: 361px; position:absolute; left:107px; top: 0; z-index: 4}
		div.slide .socialIconsBg div {width: 543px; height: 351px; position:absolute; background: url(../images/Druff-Interactive-slide-socialIconsBg.png) left top no-repeat; z-index: 4}
		
		.socialMediaBtn {width: 132px; height: 43px; position:absolute; left: 442px; top: 245px; z-index: 6}

		/* -- Slide #6 -- */
		div.slide .textBox6 {width: 660px; height: 392px; position:absolute; left: 0; top: 0; margin-right:0; background:url(../images/Druff-Interactive-slide6-textBg.png) left top repeat-x; z-index: 2}
			div.slide .textBox6 .slideTextWrap {width: 613px; height: 230px; float:left; margin: 25px 0 0 28px}
		
		div.slide .table6 {width: 670px; height: 392px; position:absolute; left: 0; bottom: 0; background:url(../images/Druff-Interactive-slide6-table.jpg) left bottom no-repeat; z-index: 1}
		
		div.slide .adWordsCard {width: 381px; height: 242px; position:absolute; left: 310px; top: 175px; z-index: 3}
		/*div.slide .adWordsCard div {width: 361px; height: 222px; position:absolute; background:url(../images/Druff-Interactive-slide-adWordsCard.png) left top no-repeat; z-index: 3}*/
		
		div.slide .adWordsCard div {width: 361px; height: 222px; position:absolute; background:url(../images/Druff-Adwords-CaseStudies-01_R800.png) left top no-repeat; z-index: 3}
		.line_height_small {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#343434; margin:16px 0 0 0; line-height:20px}
		.light {font-size:16px;}
		.simmilar_to_h3 {margin: 0 0 0 6px}
		
		
		.googleAdwordsBtn {width: 132px; height: 43px; position:absolute; left: 18px; top: 198px; z-index: 6}
		
.contentDivider {width:972px; height:20px; margin:10px auto 0 auto; background:url(../images/Druff-Interactive-content-divider.png) no-repeat}


.googlePartner {
	 background:url(../images/google-partner.png) no-repeat;
	 width: 312px;
	 height: 115px;
	 z-index: 99;
	 margin-top: 240px;
	 margin-left: -10px;
}

/*--------- SLIDER IE7 ---------*/
#slideWrapperIE {display: none}
.ie7 #slideWrapperIE {width:972px; margin:0 auto; height:425px; padding: 0; display:block; position:relative}
	.slideIETop {width:972px; height: 16px; float:left}
	.slideIEBody {width:972px; height: 393px; float:left; background: url(../images/Druff-Interactive-slider-IeRepeat.png) left top repeat-y}
		.slideIEBody ul { width: 960px; height: 939px; list-style:none; float:left; margin: 0 5px}
			.slideIEBody ul li {float: left; margin: 0 0 0 10px}
	.slideIEBottom {width:972px; height: 16px; float:left}



/*--------- MEET THE TEAM SLIDER ---------*/
	#menuControlsWrap {width:100%; height:100px; display:block; background:#343434; margin:-20px 0 -40px 0; position:relative; z-index:0}
	#menu-controls {width:500px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; position:relative !important; z-index:0; margin-left: 220px; float: left }
	#menu-controls a {margin:-59px 5px 0 20px; outline:none; color:#71a71d; text-decoration:none; width:140px; height:60px; float:left; display:block; background:none}
	#menu-controls a.active {color:#FFFFFF; background:#3f3e3e}
		.oneSlide {left:438px}
		.twoSlide {left:468px}
		.threeSlide {left:498px}
		.fourSlide {left:528px}
	.options {width:972px;margin:50px 0 0 0;text-align:center}
	.options span {font-size:10px;font-weight:bold}
	.options div{width:200px;float:left}
	#select-team-member {
		position:relative !important; 
		z-index:0;
		width: 170px;
		height: 41px;
		float: left;
		font: 24px/24px 'myriad_web_proregular',Arial,sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		text-align: right;
		background-image: url(../images/select-a-team-member-arrow.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 52px;
		margin-top: -50px;
	}
	#menu-controls-container {
		margin: 0 auto; 
		width: 725px; 
		height: auto;
		display: block;
		position: relative;
	}
	#loader {width:100px; height:100px; display:block; margin:100px 0 -230px 436px; position:absolute} 
	.loaderBG{width:100px; height:100px; background:url(../images/ajaxLoaderBg.png) left top no-repeat} 

	/* REQUIRED FOR MENU TO WORK */ 
	
	#menu-container {
	position:relative; /* REQUIRED */
	width:972px;
	height:462px;
	padding:0;
	margin:0 0 -20px -6px;
	overflow:hidden; /* REQUIRED */
	}
	#menu-container ul {
		list-style-type:none; /* REQUIRED */
		position:absolute; /* REQUIRED */
		right:0; /* REQUIRED */
	}
	#menu-container ul li {
	position:absolute; /* REQUIRED */
	width:300px; /* Size of menu list item, or 'cell' */
	height:422px; /* Size of menu list item, or 'cell' */
	padding:0 10px
	}
	
	/* Team Information */
	.teamMember {width:300px; height:422px; display: block; position: absolute; top: 0px}
		
		.memberShot {position:absolute; width:300px; height:422px; display:block; opacity:1}
	
		.memberText {width:260px; height:310px; display:block; padding:18px 20px 20px 20px; position:absolute; top: 6px; margin:0 0 0 0; background:url(../images/team/Druff-Interactive-meet-the-team-info-background.png) repeat-x top}
			.memberText h1 {font-family:'TitilliumText22LBold', Arial, sans-serif; font-size:18px; color:#343434; text-transform:uppercase}
				.memberText h1 img {width: 30px; height: 30px; float: right}
			.memberText h2 {font-family:'TitilliumText22LMedium', Arial, sans-serif; font-size:14px; color:#71a71d; text-transform:uppercase; text-align:justify !important; margin:0 0 10px 0}
			.memberText p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434}
			.memberText p a {color:#343434; text-decoration:underline; text-transform:uppercase; font-weight:bold}
			.memberText p a:hover {text-decoration:none}
			
			.meetTeamClose  {width:33px; height:33px; display:block; position:absolute; top: -10px; right: -10px; cursor: pointer}
			
		.memberEyes {width:300px; height:139px; display:block; position: absolute; top: 472px}
		
		.memberHands {width:300px; height:96px; display:block; position:absolute; top:0; margin:361px 0 0 0; z-index:2}
		
		.clickMe {width:100px; height:100px; position: absolute; top: 190px; left:160px; z-index: 10; cursor:pointer; opacity:0}		
		
		.teamMember:hover .clickMe { opacity:1; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in}
		.teamMember:hover .memberShot {opacity:.7; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in}
	
/*--------- FIRST BODY ---------*/
#noiseWrapTop {width:100%; height:15px; display:block; background:url(../images/Druff-Interactive-noise-wrap-repeat-bg.png) repeat}

#noiseWrapBg {width:100%; height:325px; display:block; background: url(../images/Druff-Interactive-noise-wrap-twitter-bg2.png) center top no-repeat, url(../images/Druff-Interactive-noise-wrap-repeat-bg.png) repeat}
	.ie7 #noiseWrapBg, .ie8 #noiseWrapBg {width:100%; height:325px; display:block; background:url(../images/Druff-Interactive-noise-wrap-IE-bg2.png) center top no-repeat}
	#noiseWrap {width:960px; height:310px; margin:0 auto}
			
		#welcomeText {width:600px; display:block; float:left}
			#welcomeText h1 {font-size:37px; text-transform:uppercase; line-height:34px; display:block; margin:10px 0 0 0}
				.titLight {font-family:'TitilliumText22LLight', Arial, sans-serif; color:#878984}
				.titLightWhite{font-family:'TitilliumText22LLight', Arial, sans-serif; color:#ffffff}
				.titXBold {font-family:'TitilliumText22LXBold', Arial, sans-serif; color:#71a71d}
				.titXBoldDark {font-family:'TitilliumText22LXBold', Arial, sans-serif; color:#527d10}
				.titBold {font-family:'TitilliumText22LMedium', Arial, sans-serif; color:#343434}
				.titThin {font-family:'TitilliumText22LThin', Arial, sans-serif; color:#878984}
				.titThinWhite{font-family:'TitilliumText22LThin', Arial, sans-serif; color:#ffffff}
			
			#welcomeText p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#343434; margin:16px 0 0 0; line-height:18px}
			
			#welcomeText a {text-decoration:none; color:#343434; font-weight:bold}
		/*	
		#latestTweets {width:357px; height:249px; display:block; float:left; background:url(../images/Druff-Interactive-twitter-bg.png) no-repeat; margin:0 0 0 3px}
			#tweetBlock {width:279px; height:225px; margin:12px 0 0 71px}
				
				#tweetHeader {width:255px; height:auto; display:block; border-bottom:1px dotted #343434; margin:22px 12px 0 12px; padding:0 0 6px 0}
					#tweetHeader h3 {font-family:'TitilliumText22LRegular', Arial, sans-serif; font-size:16px; color:#343434; text-transform:uppercase}
						.tweetBold {font-family:'TitilliumText22LBold', Arial, sans-serif}
					#tweetHeader img {float:right; display:block; margin:-20px 0 0 0}
				
				#twitterTweets {width:255px; height:auto; display:block; margin:8px 0 0 0}
*/
#noiseWrapBottom {width:100%; height:15px; display:block}

/*--------- SECOND BODY ---------*/
#darkWrapBg {width:100%; height:auto; display:block; position:relative}
	#darkWrapCentre {width:960px; margin:0 auto}
	
	/* Text Tab Slider*/
	#tabs {max-width:960px; display:block; margin: 0 auto; padding: 15px 0 15px 0;}
	#tabs ul {list-style: none; width: 100%; height: 40px; margin-bottom: 2px;}
	#tabs ul li {width: auto; height: 38px; float:left; cursor:pointer; background: #71a71d; border: 1px solid #ffffff; font: 18px/40px 'TitilliumText22LBold', Arial, sans-serif; color: #ffffff; text-align:center; display:block}
	#tabs ul li:hover {background: #494949; color:#71a71d}
		#tabs ul li.tabLink1 {width: 360px}
		#tabs ul li.tabLink2 {width: 190px; margin-left: 2px}
		#tabs ul li.tabLink3 {width: 400px; margin-left: 2px}
	
	#tabs div { width: 958px; position:relative; background: #494949; border: 1px solid #ffffff; }
		#tabs div#tabContent1 {height: 200px}
		#tabs div#tabContent2 {height: 120px}
		#tabs div#tabContent3 {height: 590px}
		
		#tabs div  p {width: 46%; padding: 20px 2% 20px 2%; float:left; font: 13px/18px Arial, Helvetica, sans-serif; color: #ffffff; text-align:justify}
		.MeetTheTeamHome  {width: 207px; height: 59px; padding:72px 0 0 25px; background: url(../images/MeetTheTeam-homeBtn.jpg) left top no-repeat; position:absolute; right: 16px; top:61px; font:16px/48px  'TitilliumText22LXBold', Arial, sans-serif; color:#ffffff; text-decoration: none;opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in}
		
		#tabs div  a {color:#ffffff; text-decoration: none; font-weight:normal}
			#tabs div  a:hover { opacity:.8;}	
		.ie7 #tabs div  a, .ie8 #tabs div  a {display:none}

	.tabsContentVisible {display:block}
	#tabs ul li.tabsVisible {background: #494949; color:#71a71d}

/*--------- OTHER PAGES BODY ---------*/
#bodyContentWrapper {width:972px; margin:0 auto; height: auto; padding: 0; display:block}
	.bodyContentTop {width:972px; height: 7px; float:left; background:url(../images/Druff-Interactive-bodyBg-top.png) left top no-repeat}
	
	.bodyContent {width:972px; height: auto; float:left; padding: 0 6px}
		.bodyBg {background:url(../images/Druff-Interactive-bodyBg-repeat.png) left top repeat-y}
			
			/*--Template--*/
			.colomn1 {width:940px; height:auto; display:block; float:left; margin:18px 10px 0 10px; padding:0 0 2px 0}
				.colomn1 p {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#343434}
			.colomn2 {width:460px; height:auto; display:block; float:left; margin:18px 10px 0 10px; padding:0 0 2px 0; background: #0F6}
			.colomn3 {width:300px; height:auto; display:block; float:left; margin:18px 10px 0 10px; padding:0 0 8px 0; background: #C60}
			.colomn4 {width:220px; height:auto; float:left; margin:18px 10px 0 10px; padding:0 0 2px 0; background: #66F}
			.colomn5 {width:172px; height:auto; display:block; float:left; margin:18px 10px 0 10px; padding:0 0 0 0; background: #C9C}
			.colomn6 {width:140px; height:auto; float:left; margin:18px 10px 0 10px; background: #C93;}

	.bodyContentBottom {width:972px; height: 7px; float:left;  background:url(../images/Druff-Interactive-bodyBg-bottom.png) left top no-repeat}
		
		/*--------- Services ---------*/
		.ServicesMainColumn {width:556px; height:auto; display:block; float:left; margin:18px 10px; padding:0 10px 0 0; background:url(../images/Druff-Interactive-servicesDivider.png) right top no-repeat; background-size: 1px 100%}
			.ServicesMainColumn h2{font:18px/20px 'TitilliumText22LMedium', Arial, sans-serif; text-transform:uppercase; display:block; color:#71a71d; margin:15px 0 0 0}
				.headingDarkGray {color:#343434}
			.ServicesMainColumn p {padding:7px 0px 0px 7px; font:12px/16px Arial, Helvetica, sans-serif; text-align:justify}
				.ServicesMainColumn p a {font:12px/16px Arial, Helvetica, sans-serif; text-align:justify; color:#C33}
				.ServicesMainColumn p a:hover {color:#71a71d; text-decoration: none}
					.ServicesMainColumn p a.colorDark{color:#343434}
			.ServicesMainColumn ol {padding:7px 0px 0px 10px; margin: 0 0 0 15px}
			.ServicesMainColumn ul {padding:7px 0px 0px 10px; margin: 0 0 0 15px}
				.ServicesMainColumn li {padding:0; font:12px/16px Arial, Helvetica, sans-serif; text-align:justify}
				
				.ServicesMainColumn li a {padding:0; font:12px/16px Arial, Helvetica, sans-serif; text-align:justify; color:#343434}
				.ServicesMainColumn li a:hover {color:#71a71d; text-decoration: none}
			
			.related {background: #dde5cf; border: 1px solid #7c846e; margin: 20px 0 0 0; padding: 0 10px 10px 10px}
				
			.servicesPackages {width:264px; height:auto; float:left; margin:15px 7px 0 7px}
				.ServicesMainColumn h3 {font:16px/16px 'TitilliumText22LMedium', Arial, sans-serif; color:#343434; padding-bottom: 10px; text-transform:uppercase}
				.packagesIcon {width:100px; height:auto; float:left}
				.packagesText {width:164px; height:auto; float:left; text-align:left}
					.packagesText ul li{text-align:left}
					.packagePrice {font:26px/46px 'TitilliumText22LMedium', Arial, sans-serif; color:#71a71d; text-indent: 12px}
				
			.adwordsPackages {width:542px; height:auto; float:left; margin:15px 7px 0 7px}
				.adwordsPackagesIcon {width:130px; height:auto; float:left}
				.adwordsPackagesText {width:412px; height:auto; float:left; text-align:left}
				.adwordsPackagesTextFull {width:542px; height:auto; float:left; text-align:left}
				.packageMarginTop {margin-top: -15px}
					.packagePrice2 {font:18px/46px 'TitilliumText22LMedium', Arial, sans-serif; color:#71a71d; text-indent: 12px}
					.packageSetup {font:16px/46px 'TitilliumText22LMedium', Arial, sans-serif; text-indent: 12px; text-transform:uppercase}
					.textSmaller {font-size: 11px; font-style:italic}
						
		.ServicesAsideColumn {width:364px; height:auto; display:block; float:left; margin:18px 0; padding:0}
			.ServicesAsideColumn h2{font:18px/20px 'TitilliumText22LMedium', Arial, sans-serif; text-transform:uppercase; display:block; color:#71a71d; margin:15px 0 0 8px}
			.ServicesAsideColumn h3 {font:18px/18px 'TitilliumText22LMedium', Arial, sans-serif; color:#343434; text-align: center; margin: 0 0 10px 0}
			.ServicesAsideColumn p {padding:7px 6px 0px 7px; font:12px/16px Arial, Helvetica, sans-serif; text-align:justify}
				.boldItalicQoute {font-weight:bold; font-style:italic}
				.greenQuote {color:#638133}
			
			.ServicesAsideColumn p a {font:12px/16px Arial, Helvetica, sans-serif; text-align:justify; color:#C33}
				.ServicesAsideColumn p a:hover {color:#71a71d; text-decoration: none}
			
			.webCaseStudies {width:100%; height:auto; float:left; margin: 10px 0 0 0; padding:10px 0}
				ul.Buttons3 {width:358px; float:left; margin: 10px 3px; list-style:none; text-align:center}
					ul.Buttons3 li {width:118px; height:40px; float:left; margin: 0 0 0 2px}
					ul.Buttons3 li:first-child {margin: 0}
							ul.Buttons3 li a {width:118px; height:40px; display:block; background:url(../images/Druff-Web-ServicesBtn.png) left top no-repeat; font:16px/38px  'TitilliumText22LXBold', Arial, sans-serif; color:#ffffff; text-decoration: none; opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in}
							ul.Buttons3 li a:hover { opacity:.8}	
			
				.mascotWrap {width:100%; height: 319px; float:left; position:relative; margin: 10px 0 0 0; padding:10px 0}
				.mascot {width:216px; height:319px; position: absolute; overflow:hidden; right:-10px; top: 0}
					.bubble {width:117px; height:118px; position:absolute; top:0; left:25px; background:url(../images/bubble.png); display: none}
						.btnTweet {width:117px; height:118px; position:absolute; top:78px; left:37px; z-index:1000}
					.lightS {width:98px; height:128px; position:absolute; top:62px; left:0; background:url(../images/lightsaber.png) left top no-repeat; display:none}
					.manni {width:216px; height:319px; position:absolute; top:0; right:-70px;cursor: pointer;}
					.manni:hover {opacity: .8}
			
				ul.Buttons2 {width:358px; height:36px; float:left; margin: 10px 3px; list-style:none; text-align:center}
					ul.Buttons2 li {width:175px; height:36px; float:left; margin: 0 2px}
					ul.Buttons2 li:first-child {width:118px; margin: 0 0 0 55px}
							ul.Buttons2 li a {width:118px; height:36px; display:block; background:url(../images/Druff-Web-ServicesBtn.png) left top no-repeat; font:16px/38px  'TitilliumText22LXBold', Arial, sans-serif; color:#ffffff; text-decoration: none; opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in}
							ul.Buttons2 li a:hover { opacity:.8}	
			
			/* -- Hosting Page --*/
			.checkDomain {width: 244px; height: 125px; position:relative; padding: 15px 90px 0 30px; background:url(../images/Druff-Domain-Check-BG.png) left top no-repeat}
				.domainEnterText {color:#ffffff; font-weight:bold}
				p.domainEnterChecked {color:#ffffff; font-weight:bold; position:absolute; top: 80px; left: 30px}
				
				.domainCheckInputWrap {}
					.domainCheckInputWrap span {position: absolute; top: 57px; left: 30px}
					.domainCheckField {width: 160px; height: 18px; position: absolute; top: 53px; left: 65px; border: 1px solid #e1e1e1}
					.domainCheckSubmit {position: absolute; top: 56px; left: 233px; font:16px/10px  'TitilliumText22LXBold', Arial, sans-serif; color:#ffffff; text-decoration: none; background: none; border: none}
			
					
			.ServicesMainFullColumn {width:940px; height:auto; display:block; float:left; margin:0px 10px 18px 10px; padding:0}
				.ServicesMainFullColumn h2 {font:18px/20px 'TitilliumText22LMedium', Arial, sans-serif; text-transform:uppercase; display:block; color:#71a71d; margin:15px 0 0 0}
					.headingDarkGray {color:#343434}
				.ServicesMainFullColumn p {padding:7px 0px 0px 7px; font:12px/16px Arial, Helvetica, sans-serif; text-align:justify}
					.ServicesMainFullColumn ul {float:left}
					.ServicesMainFullColumn li {float:left}
							
					/* -- Tables --*/
					.domainRegWrap {width:940px; height:auto; margin: 10px 0 40px 0; list-style: none; border-top: 1px solid #dde1d7; border-left: 1px solid #dde1d7;}
					  	.domainRegWrap li { height: 35px; border-right: 1px solid #dde1d7; border-bottom: 1px solid #dde1d7}
						.RegTab1 {width: 147px; padding: 0 0 0 10px}
						.RegTab2 {width: 156px; padding: 0 10px;}
						.RegTab3 {width:134px; padding: 0 0 0 0; text-align:center}
						.RegTab4 {width: 301px; padding: 0 0 0 10px}
							.regTabHeading {font:12px/35px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-transform: uppercase; background: #343434}
							
							.regTabExt {font:12px/35px Arial, Helvetica, sans-serif; color: #71a71d; font-weight: bold; background: url(../images/Druff-Hosting-DarkRpt.png)}
							.regTabPrice {font:12px/35px Arial, Helvetica, sans-serif; color: #343434; background: url(../images/Druff-Hosting-LightRpt.png)}
							.regTabOrderBtn {font:12px/16px Arial, Helvetica, sans-serif; color: #ffffff; background: url(../images/Druff-Hosting-DarkRpt.png)}
							
							.regTabExt2 {font:12px/35px Arial, Helvetica, sans-serif; color: #71a71d; font-weight: bold; background: url(../images/Druff-Hosting-LightRpt.png)}
							.regTabPrice2 {font:12px/35px Arial, Helvetica, sans-serif; color: #343434; background: url(../images/Druff-Hosting-DarkRpt.png)}
							.regTabOrderBtn2 {background: url(../images/Druff-Hosting-LightRpt.png)}
								
								.RegTab3 a {width: 124px; height: 30px; margin: 2px 5px; display:block; background:url(../images/Druff-Hosting-OrderNowBtn.png) center top no-repeat; font:14px/30px  'TitilliumText22LXBold', Arial, sans-serif; color: #ffffff; text-decoration: none; opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in }
								.RegTab3 a:hover {opacity:.8}

					.domainPackageHeaderWrap {width:940px; height:auto; margin: 0; list-style: none; background:url(../images/Druff-Hosting-GradientRpt.png) left bottom repeat-x}
						.domainPackageHeaderEmpty {width: 201px; height: 120px; padding: 0 0 0 10px}
						.domainPackageHeaderTop {width: 103px; height: 115px; padding: 5px 0 0 0; text-align:center; background:url(../images/Druff-Hosting-GradientBorder.png) left bottom no-repeat}
							.domainPackageHeaderTop h1 {font:12px/12px Arial, Helvetica, sans-serif; color:#343434; font-weight: bold; text-transform:uppercase}
							
							
					.domainPackageWrap {width:940px; height:auto; margin: 0; list-style: none; border-top: 1px solid #dde1d7; border-left: 1px solid #dde1d7;}
					  	.domainPackageWrap li { height: 35px; border-right: 1px solid #dde1d7; border-bottom: 1px solid #dde1d7}
						
						.domainTopMargin{margin-top: 10px}
						.domainBottomMargin{margin-bottom: 10px}
						
						.packageTab1 {width: 930px; padding: 0 0 0 10px}
						.packageTab2 {width: 201px; padding: 0 0 0 10px}
						.packageTab3 {width: 103px; padding: 0 0 0 0; text-align:center}
						.packageTab4 {width: 103px; padding: 0 0 0 0; text-align:center}
						
						.packageTabSlide {width: 103px; padding: 0 0 0 0; text-align:center}
						.packageTabSlideBack  {width: 103px; padding: 0 0 0 0; text-align:center}
						
								.packageTab3 a {width: 83px; height: 30px; margin: 2px 10px; display:block; background:url(../images/Druff-Hosting-OrderBtn.png) center top no-repeat; font:14px/30px  'TitilliumText22LXBold', Arial, sans-serif; color: #ffffff; text-decoration: none; opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in }
								.packageTab3 a:hover {opacity:.8}
								.slideBtn {width: 83px; height: 30px; margin: 2px 10px; display:block; cursor:pointer; background:url(../images/Druff-Hosting-InfoBtn.png) center top no-repeat; font:14px/30px  'TitilliumText22LXBold', Arial, sans-serif; color: #ffffff; text-decoration: none; opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in }
								.slideBtn:hover {opacity:.8}
						
						#infoLessHosting {display: none}
						#hostingSlideRows {display: none}
		
		/* -------- Packages --------*/
		#bodyContentWrapperPackages {width:994px; margin:0 auto; height: auto; padding:0 0 0 4px; display:block}
		  .blockPackagesWrap {width:302px; height: 502px; margin-right: 16px; position:relative; float:left; text-align:center}
			.blockPackages a.scaleHover {width:320px; height:502px; position: absolute; background:url(../images/Druff-Interactive-packagesListingBG.png) no-repeat; text-decoration:none; display:block; padding:16px 16px;
				transform: scale(.88);
				transition-duration:1s;
				-webkit-transform: scale(.88);
				-webkit-transition-duration:1s;
				-moz-transform: scale(.88);
				-moz-transition-duration:1s;
				-ms-transform: scale(.88);
				-ms-transition-duration:1s;
				-o-transform: scale(.88);
				-o-transition-duration:1s;
				z-index: 10;
				}
			.blockPackages a.scaleHover:hover {
				transform: scale(1);
				transition-duration:.5s;
				-webkit-transform: scale(1);
				-webkit-transition-duration:.5s;
				-moz-transform: scale(1);
				-moz-transition-duration:.5s;
				-ms-transform: scale(1);
				-ms-transition-duration:.5s;
				-o-transform: scale(1);
				-o-transition-duration:.5s;
				z-index: 100;
				}
				.packageOverlayWrap {width:320px; height:502px; position:absolute; left: 16px; top: 16px; overflow:hidden;}
				.packageOverlay {width:320px; height:502px; position:absolute; left: 0; top: 0; overflow:hidden; /*background:url(../images/blackPixelRpt.png) repeat*/}
				.blockPackages img {width: 320px; height:233px; display:block; float:left}
				.blockPackages hgroup {width:320px; height:105px; float:left; background: #ededea url(../images/Druff-Interactive-Package-HeadingBG.jpg) left top no-repeat; border-bottom: 1px solid #cdccc3}			
						.blockPackages hgroup h1 {font: 14px/39px 'TitilliumText22LRegular', Arial, sans-serif; color:#ffffff; text-transform:uppercase}
						.blockPackages hgroup h2 {font: 22px/73px 'TitilliumText22LLight', Arial, sans-serif; color:#878984; text-transform:uppercase; text-align:left; text-indent: 10px}
							.packageGreen {font: 22px/73px 'TitilliumText22LBold', Arial, sans-serif; color:#71a71d}
				
				.blockPackages p {width: 300px; height: 102px; float:left; padding: 10px; text-align: left; font: 14px/14px Arial, Helvetica, sans-serif; color:#585858}
		  		
				.packageBtnsWrap {width: 300px; height: 32px; float:left; padding: 0 10px 10px 10px}
					.packageBtnsWrap h3 {width: 176px; height: 32px; float:left; background:url(../images/Druff-Interactive-Package-Price.png) left top no-repeat; text-align:center; font:13px/36px 'TitilliumText22LBold', Arial, sans-serif; color:#ffffff; text-transform:uppercase}
					.packageBtn {width: 114px; height: 32px; margin: 0 0 0 10px; font:13px/36px 'TitilliumText22LBold', Arial, sans-serif; color:#ffffff; text-transform:uppercase; cursor:pointer; float:left; text-align:center; background:url(../images/Druff-Interactive-Package-Btn.png) left top no-repeat;
					opacity:1;
					transition: all .2s ease-in;
					-webkit-transition: all .2s ease-in;
					-moz-transition: all .2s ease-in;
					-o-transition: all .2s ease-in;
					-ms-transition: all .2s ease-in
					}
					.packageBtn:hover {opacity:.80}			

		/*--------- Portfolio ---------*/
		#featuredBlock {width:972px; height:306px; display:block; float:left; background:url(../images/portfolio/Druff-Interactive-web-portfolio-featured.png) no-repeat; margin:0 0 8px 0}
			#featuredBlockInfo {width:195px; height:274px; display:block; float:left; background:url(../images/portfolio/Druff-Interactive-web-portfolio-info-repeat.jpg) repeat-x; margin:16px 0 0 16px; padding:0 10px 0 10px; position:relative}
				#featuredBlockInfo .featuredHeading1 {font-family:'TitilliumText22LRegular', Arial, sans-serif; color:#ffffff; font-size:16px; text-transform:uppercase; margin:13px 0 20px 0}
				#featuredBlockInfo .featuredHeading2 {font-family:'TitilliumText22LRegular', Arial, sans-serif; color:#ffffff; font-size:11px; text-transform:uppercase; margin:10px 0 0 0}
					#featuredBlockInfo .featuredHeading2 a {text-decoration:none; color:#ffffff}
					#featuredBlockInfo featuredHeading2 a:hover {text-decoration:underline}
				#featuredBlockInfo p {font-family:Arial, Helvetica, sans-serif; color:#8e8c8c; font-size:11px; margin:6px 0 0 0}
					.featuredVisitWebsite {width:112px; height:34px; line-height:36px; text-decoration:none; font-family:'TitilliumText22LBold', Arial, sans-serif; font-size:12px; color:#FFFFFF; text-transform:uppercase; text-align:center; background:url(../images/portfolio/Druff-Interactive-web-portfolio-visit-website_button.png) no-repeat; display:block; position:absolute; margin:250px 0 0 21px;
					opacity:1;
					transition: all .2s ease-in;
					-webkit-transition: all .2s ease-in;
					-moz-transition: all .2s ease-in;
					-o-transition: all .2s ease-in;
					-ms-transition: all .2s ease-in
					}
					.featuredVisitWebsite:hover {
						width:112px; 
						height:34px; 
						display:block;
						opacity:.86;
						}
					.ie7 .featuredVisitWebsite {display:none}
				#featuredBlockScreenshot {width:715px; height:274px; display:block; float:left; margin:16px 0 0 10px}
				#featuredBlockScreenshot img {
					opacity:1;
					transition: all .2s ease-in;
					-webkit-transition: all .2s ease-in;
					-moz-transition: all .2s ease-in;
					-o-transition: all .2s ease-in;
					-ms-transition: all .2s ease-in}
				#featuredBlockScreenshot img:hover {opacity:.94}
			
	#bodyContentWrapperWeb {width:996px; margin:0 auto; height: auto; padding:0 0 0 8px; display:block}
		.latestBlockWeb {width:221px; height:306px; position:relative; float:left; background:url(../images/portfolio/Druff-Interactive-web-portfolio-latest.png) no-repeat; margin:0 0 -8px 8px; display:block; padding:16px 0 0 16px}
			.latestBlockWeb img {display:block}
			.latestBlockWebInfo {
	width:205px;
	height:38px;
	overflow:hidden;
	background:url(../images/portfolio/Druff-Interactive-web-portfolio-info-trans-repeat.png) repeat-x;
	margin: 0 0 10px 0;
	position: absolute;
	top: 248px;
	height: 38px;
	
}			
						
					.latestBlockWebInfo h1 {font-family:'TitilliumText22LRegular', Arial, sans-serif; color:#FFFFFF; font-size:16px; text-transform:uppercase; margin:13px 0 20px 10px}
						.ie .latestBlockWebInfo h1 {font-family:'TitilliumText22LRegular', Arial, sans-serif; color:#FFFFFF; font-size:15px; text-transform:uppercase; margin:13px 0 20px 10px}
					.latestBlockWebInfo h2 {font-family:'TitilliumText22LMedium', Arial, sans-serif; color:#FFFFFF; font-size:11px; text-transform:uppercase; margin:10px 0 0 10px}
					.latestBlockWebInfo h2 a {text-decoration:none; color:#FFFFFF}
					.latestBlockWebInfo h2 a:hover {text-decoration:underline}
					.latestBlockWebInfo p {font-family:Arial, Helvetica, sans-serif; color:#8e8c8c; font-size:11px; margin:6px 10px 0 10px}
				.latestVisitWebsite {width:112px; height:34px; line-height:36px; text-decoration:none; display:block; font-family:'TitilliumText22LBold', Arial, sans-serif; font-size:12px; color:#FFFFFF; text-transform:uppercase; overflow:hidden; text-align:center; background:url(../images/portfolio/Druff-Interactive-web-portfolio-visit-website_button.png) no-repeat; margin: 10px 0 0 6px; position:absolute}
				.latestVisitWebsite:hover {width:112px; height:34px; display:block}
			
	#bodyContentWrapperLogo {width:994px; margin:0 auto; height: auto; padding:0 0 0 4px; display:block}
		.latestBlockLogo {width:302px; height:219px; position:relative; float:left; background:url(../images/portfolio/Druff-Interactive-logo-portfolio-latest.png) no-repeat; margin:0 0 -8px 9px; display:block; padding:16px 0 0 16px}
			.latestBlockLogo img {display:block}
			.latestBlockLogoInfo {width:286px; height:38px; overflow:hidden; background:url(../images/portfolio/Druff-Interactive-web-portfolio-info-trans-repeat.png) repeat-x; margin: 0 0 10px 0;  position: absolute; top: 165px; height: 38px}			
						
					.latestBlockLogoInfo h1 {font-family:'TitilliumText22LRegular', Arial, sans-serif; color:#FFFFFF; font-size:16px; text-transform:uppercase; margin:13px 0 16px 10px}
					.latestBlockLogoInfo p {font: 11px/12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 0 10px}
		
	#bodyContentWrapperCorp {width:994px; margin:0 auto; height: auto; padding:0 0 0 5px; display:block}
		.latestBlockCorp {width:466px; height:312px; position:relative; float:left; background:url(../images/portfolio/Druff-Interactive-corp-portfolio-latest.png) no-repeat; margin:0 0 -8px 8px; display:block; padding:16px 0 0 16px}
			.latestBlockCorp img {display:block}
			.latestBlockCorpInfo {width:450px; height:38px; overflow:hidden; background:url(../images/portfolio/Druff-Interactive-web-portfolio-info-trans-repeat.png) repeat-x; margin: 0 0 10px 0;  position: absolute; top: 165px; height: 38px}			
						
					.latestBlockCorpInfo h1 {font-family:'TitilliumText22LRegular', Arial, sans-serif; color:#FFFFFF; font-size:16px; text-transform:uppercase; margin:13px 0 16px 10px}
					.latestBlockCorpInfo p {font: 11px/12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 0 10px}
	
	#bodyContentWrapperMail {width:996px; margin:0 auto; height: auto; padding:0 0 0 8px; display:block}
		.latestBlockMail {width:221px; height:306px; position:relative; float:left; background:url(../images/portfolio/Druff-Interactive-web-portfolio-latest.png) no-repeat; margin:0 0 -8px 8px; display:block; padding:16px 0 0 16px}
			.latestBlockMail img {display:block}
			.latestBlockMailInfo {width:205px; height:38px; overflow:hidden; background:url(../images/portfolio/Druff-Interactive-web-portfolio-info-trans-repeat.png) repeat-x; margin: 0 0 10px 0;  position: absolute; top: 165px; height: 38px; position:absolute}			
						
					.latestBlockMailInfo h1 {font-family:'TitilliumText22LRegular', Arial, sans-serif; color:#FFFFFF; font-size:16px; text-transform:uppercase; margin:13px 0 16px 10px}
					.latestBlockMailInfo p {font: 11px/12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 0 10px}
					
	.portfolioHeading h1 {font:38px/64px 'TitilliumText22LBold', Arial, sans-serif; color:#ffffff; text-indent: 10px; text-transform:uppercase; text-align:center}
	
	/*--------- Feedback From ---------*/
	.request ul {padding:7px 0px 0px 10px; margin: 0 0 0 15px}
				.request li {padding:0; font:12px/16px Arial, Helvetica, sans-serif; text-align:justify}
				
		/*--------- Request a Quote / Contact Us ---------*/
		.request { }
			.request h1 {font-size:38px; text-transform:uppercase; line-height:34px; display:block}
			.request h2 {font-family:'TitilliumText22LMedium', Arial, sans-serif; font-size:18px; text-transform:uppercase; line-height:24px; display:block; color:#71a71d; margin:10px 0 10px 0}
			.request .form_float {float:left; margin-right:20px; width:440px}
			
			.map_directions a {font-family:'TitilliumText22LMedium', Arial, sans-serif; font-size:14px; text-transform:uppercase; line-height:20px; display:block; color:#71a71d; margin:10px 0 10px 0; width:200px; float:left;}
			
		.form_divider {height:1px; width:940px; background:#666; float:left}
		
		.content {padding:8px 10px 6px 10px; width:920px; display:block; height:auto; float:left}
		.content_2 {padding:0 10px 6px 10px; width:920px; display:block; height:auto; float:left}
		
		.content p a, .content_2 p a {text-decoration:underline; color:#71a71d}
		.content p a:hover, .content_2 p a:hover {text-decoration:none; color:#71a71d}
		
		.left {width:195px; float:left; padding:7px 0px 0px 7px; min-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
			.left .form_small {font-size:9px}
		.middle {width:5px; float:left; padding:7px 0px 0px 7px; min-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center}
		.right {width:215px; float:left; padding:5px; min-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
			.right input {width:170px}
			.right select {width:170px}
			.right textarea {resize:none; width:200px; height:90px}
		.right_2 {width:230px; float:left; padding:5px; min-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
			.right_2 textarea {resize:none; width:200px; height:40px}
		.subCheckbox {background-color:none; display:block; min-height:22px; width:300px; float:left; padding:0px 0px 0px 7px; margin-left: 200px; font-family:Arial, Helvetica, sans-serif; font-size:12px}	
		
		.all {width:400px; float:left; padding:7px 0px 0px 7px; min-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
		.all_2 {width:400px; float:left; padding:0 0px 0px 7px; min-height:14px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
		
		.clear {float:none; clear:both; height:0px}
		
		.row {background-color:none; display:block; min-height:32px; font: 12px Arial, Helvetica, sans-serif}
		.text {width:190px}
		.ruler {width:400px; border-bottom:dashed 1px #dcdcdc}
		
		.radios input {width:20px; text-align:left}
		.checks input {width:20px; text-align:left}
		
		tr:focus {background-color:#fcfcf0}
		td {vertical-align:top}
		
		.over{background:url(../images/Druff-Interactive-form-highlight.png) repeat; /*background:#333;*/ color:#FFFFFF !important}
		.out{background:none; color:#343434 !important}
		
		#content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9, #content10, #content11, #content12, #content13, #content14, #content15, #content16{
		visibility:hidden;
	 	}
	 
	 	#content1.hidden, #content2.hidden, #content3.hidden, #content4.hidden, #content5.hidden, #content6.hidden, #content7.hidden, #content8.hidden, #content9.hidden, #content10.hidden, #content11.hidden, #content12.hidden, #content13.hidden, #content14.hidden , #content15.hidden, #content16.hidden {
	 	width:0px;
		height:0px;
		display:none;
	 	}
	 
	 	#content1.show, #content2.show, #content3.show, #content4.show, #content5.show, #content6.show, #content7.show, #content8.show, #content9.show, #content10.show, #content11.show, #content12.show, #content13.show, #content14.show, #content15.show, #content16.show {
	 	width:auto;
		height:auto;
		}
		
		#content5, #content4{margin-left:27px;}
		#content9 {margin-left:14px;}
		#content7 {margin-left:20px;}
		#content3, #content2 {margin-left:25px;}
		#content1 {margin-left:15px;}
		
		#contactSpecial {width:440px; margin:0 0 0 20px; height:245px; display:block; float:left; background:url(../images/Druff-Interactive-contact_page_special_ad.png) no-repeat}
			#contactSpecial h1 {font-family:'TitilliumText22LBold', Arial, sans-serif; color:#71a71d; font-size:30px; padding:16px 0 0 16px; text-transform:uppercase}
			#contactSpecial h2 {font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:14px; font-weight:bold; padding:0 0 0 16px; margin:0; line-height:14px; text-transform:uppercase}
			#contactSpecial p {font-family:Arial, Helvetica, sans-serif; color:#717171; font-size:12px; font-weight:bold; padding:10px 0 0 16px; margin:0; line-height:12px; text-transform:uppercase}
			#contactSpecial ul.first {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; float:left; margin:10px 0 0 38px}
			#contactSpecial ul.second {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; float:left; margin:10px 0 0 38px}
				#contactSpecial ul li {line-height:16px}
			
			#contactButton {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-transform:uppercase; width:186px; height:37px; display:block; float:left; background:url(../images/Druff-Interactive-contact_page_special_button.jpg) no-repeat; text-align:center; margin:21px 0 0 16px; line-height:37px}
			#contactButton a {text-decoration:none; color:#FFFFFF; width:186px; height:37px; display:block}
			
			#contactPrice {width:212px; height:37px; display:block; float:left; line-height:37px; margin:21px 0 0 10px; padding:0 0 0 10px}
				#contactPrice h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; float:left}
				#contactPrice p {font-family:Arial, Helvetica, sans-serif; font-size:30px; text-transform:uppercase; color:#FFFFFF; float:left; font-weight:normal; text-indent:0px; line-height:16px}

/*---------Feed Back Page--------*/
         .feed{  margin:10px 0 0 0px;}
			 .feed h1{margin:10px 0 0 0px;}
			#client_web_link{width:447px; height:157px;}
				 .Feed_back_link{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
			.feed_back_content {padding:0px 0px 6px 10px; width:940px; height:auto; float:left}
			#feed_back_image_right {width:473px; margin:-30px -0px 0 0; height:277px; float:right;}
				#feed_back_image{ margin:-0px -0px 0 0;}
			#feed_bacck_message{height:130px; width:205px;}
			#feed_bacck_input{ width:205px;}
			.feed_back_services_header{padding:0px 0 0 10px; font-size:37px; text-transform:uppercase; line-height:34px;}
			.feed_back_services_wrap{ background:url(../images/Druff-Interactive-feed-back-services-bg.png) no-repeat; width:960px; }  
			  #feed_back_services{ padding:10px; height:866px;}
			    .service_image { width:410px; height:159px; float:left; background-color:#343434; opacity:1;
										transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in;}
			    .service_image:hover { opacity: 0.7}
				 .first{ margin:0 0 0 40px;}
				 .second {margin:0 0 0 43px;}
				 .bottom_images { margin-top:-5px;}
				 
/*---------10 Reasons--------*/	

/* ------- Blog Styles -------*/
.blog {margin:0 0 0 10px}
/* == left side == */
.blogMainColumn {width:670px; height:auto; float:left; margin:0 20px 8px 0}
	
	/* == Featured Article == */
	.blogArticle {width:640px; height:auto; float:left; position:relative; background:#ededea; border:1px solid #bcb9b9; padding:10px; margin-top:10px}
	
		.blogArticleDate {width:auto; height:37px; position:absolute; z-index:1; top:20px; left: 5px}
			.blogGrey {width:12px; height:37px; float:left; background:#343434}
			.blogGreen {width:12px; height:37px; float:left; background:#71a71d}
			.dateWrap {width:auto; height:37px; float:left; background:#fbfbfb; text-transform:uppercase;
			/* --- Drop Shadow --- */ 
			background-color: none; /* Needed for IEs */
			-moz-box-shadow: 0px 2px 3px 0px rgba(250,250,250,0.6);
			-webkit-box-shadow:0px 2px 3px 0px rgba(250,250,250,0.6);
			box-shadow: 0px 2px 3px 0px rgba(68,68,68,0.6);
					
			filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
			-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
			zoom: 1;
			}
				.dateWrap date {width:50px; height:29px; float:left; font:12px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color:#75ab21; text-align:center; padding:8px 10px 0 10px}
					.dateWrap date .greyDate {float:left; color:#9c9a9a}
				.dateWrap h3 {float:left; font:12px/37px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color:#75ab21; padding-left:50px}
			.arrowEnd {width: 0; height: 0; float:left; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 19px solid #fbfbfb;
			/* --- Drop Shadow --- */ 
			background-color: none; /* Needed for IEs */
			-moz-box-shadow: 0px 2px 3px 0px rgba(250,250,250,0.6);
			-webkit-box-shadow:0px 2px 3px 0px rgba(250,250,250,0.6);
			box-shadow: 0px 2px 3px 0px rgba(68,68,68,0.6);
					
			filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
			-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
			zoom: 1;
			}
		
		.mainImage {}
		.mainImage2 {float: left; padding-right: 10px}
		.featuredArticle h2  {}
		.blogHeading { font:22px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color:#6c6c6c; padding-top: 5px; letter-spacing: 1px}
		.blogRightSubsH4 { font:16px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color:#6c6c6c; padding-top: 5px; letter-spacing: 1px}
		.blogRightSubsH5 {font:12px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color: #92c83e}
		
		/*== blog sub nav == */
	
				
				
				.blogSubNav {width: 380px; height: 25px; float: left; padding-top: 5px; color: #999696;  list-style:none; font:12px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; display: block}
				.blogSubNav li {float: left; width: auto; padding-right: 10px;}
	            .author {height: 24px; width: auto; background-image: url(../images/Druff-Interactive-Blog-Design-icons_admin.png); background-repeat: no-repeat; padding-top: 9px; padding-left: 24px}
	            .note {height: 24px; width: auto; background-image: url(../images/Druff-Interactive-Blog-Design-icons_note.png); background-repeat: no-repeat; padding-top: 9px; padding-left: 24px}
				.comment {height: 24px; width: auto; background-image: url(../images/Druff-Interactive-Blog-Design-icons_comment.png); background-repeat: no-repeat; padding-top: 9px; padding-left: 24px}
				.reblog {height: 24px; width: auto; background-image: url(../images/Druff-Interactive-Blog-Design-icons_reblog.png); background-repeat: no-repeat; padding-top: 9px; padding-left: 24px}
				.code {height: 24px; width: auto; background-image: url(../images/Druff-Interactive-Blog-Design-icons_code.png); background-repeat: no-repeat; padding-top: 9px; padding-left: 24px}
		
			.blogText {display: block; font: 13px Arial, Helvetica, sans-serif; color: #6c6c6c!important; letter-spacing: 1px}
		    .readBlogBTN {height:34px; float: right; line-height:36px; text-decoration:none; font-family:'TitilliumText22LMedium', Arial, sans-serif; font-size:13px; color:#FFFFFF; text-transform:uppercase; text-align:center; background:url(images/portfolio/Druff-Interactive-web-portfolio-visit-website_button.png) no-repeat; border:none; cursor:pointer}
		

/* == right side == */
.blogRightColumn {width:230px; height:auto; float:left; padding:10px 10px 10px 0}
	.blogSearchWrap {}
		.searchBar {}
	
	.blogRightSubs {width:220px; height:auto; background:#ededea; border:1px solid #bcb9b9; padding:10px; margin-top:10px}
		.blogRightSubsh4 {font:16px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color:#6c6c6c; padding-top: 5px; letter-spacing: 1px}
			
			.latestBlogArticles {}
				.latestBlogArticles li {list-style: none; display: block; height: 75px; width: 220px;padding: 10px 0 10px 0; border-bottom: 1px solid #666666;}
					.latestBlogDate {width: 40px; height: 20px; float: left; position: relative; padding: 20px 15px 20px 15px; font:12px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color:#75ab21;text-align: center; background-color: #000000; margin-right: 10px }
						.latestBlogDate span {color: #ffffff}
					.latestBlogArticles li p {}
					.blogReadMore {font: 10px Arial, Helvetica, sans-serif; color: #6c6c6c; font-weight: bold; text-decoration: none; float: right}
						.blogReadMore:hover {color: #bcb9b9;}
						.blogArticleText {font: 12px Arial, Helvetica, sans-serif; color: #6c6c6c!important;}
			
			.blogCategoriesList {font:14px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color: #6c6c6c}
				.blogCategoriesList li {margin-left: 10px; color: #71a522}
					.blogCategoriesList li a {font:14px 'TitilliumText22LBold', Arial, Helvetica, sans-serif; color: #6c6c6c; text-decoration: none}
						.blogCategoriesList li a:hover {color: #bcb9b9;}
	

	/*----------- Youtube page ------------*/
	.youtubeWrapper {width:100%; height:auto; float:left; margin:0 0 40px 0}
		.tvAndArrow {width:430px; height:300px; float:left; margin:20px 0 0 10px;}
		.tvAndArrow1 {width:430px; height:300px; float:right; margin:-40px 0 10px 0;}
		.youtubeForm {width:480px; height:265px; float:left; background:url(../youtube/images/Druff-Interactive-Youtube-Form-background.png) repeat-x; margin:30px 0 0 10px;}
			.youtubeForm h3 {font-size:40px; font-family: 'DancingScriptOTRegular'; color:#444444; margin:10px 0 0 20px;}
		
			 
			 
			 
			 
			 
/*--------- FOOTER ---------*/
footer {width:100%; height:450px; position:relative; display:block; padding: 0px; background:url(../images/Druff-Interactive-gray-mosaic-bg.jpg) repeat-x}
footer#otherPagesFooter {height: 253px; float:left}
#homePageFooter {background:url(../images/Druff-Interactive-greenFooter-mosaic-bg.jpg) repeat-x;}


#footerTopWrap {width:960px; height:212px; margin:0 auto 10px auto}
	#leftAddTabFooter {height:158px; width:960px; margin:0 0 0 -960px; background:url(../images/Druff-Interactive-footer-left-add-tab.png) repeat-x; position:absolute}
	.ie7 #leftAddTabFooter {display: none}
	
	
	
	#socialMediaWrap {width:78px; height:162px; margin:0; float:left; padding: 5px 10px 5px 0}
		#socialMediaWrap img {
			opacity:1;
			transition: all .5s ease-in;
			-webkit-transition: all .5s ease-in;
			-moz-transition: all .5s ease-in;
			-o-transition: all .5s ease-in;
			-ms-transition: all .5s ease-in;
			}
		#socialMediaWrap img:hover {
			opacity:.7;
			}
		.twitterWrap {width:78px; height:80px; float:left}
		.facebookWrap {width:78px; height:80px; float:left}
		
	/* new addition for google+ */
	#footerTopWrapnew {width:960px; height:172px; margin:0 auto 10px auto}
	#leftAddTabFooternew {height:169px; width:960px; margin:24px 0 0 -960px; background:url(../images/Druff-Interactive-footer-left-add-tab-new.png) repeat-x; position:absolute}
	.ie7 #leftAddTabFooternew {display: none}
	
	#socialMediaWrapnew {width:78px; height:162px; margin:24px 0px; float:left; padding: 7px 10px 5px 0}
		#socialMediaWrapnew img {
			opacity:1;
			transition: all .5s ease-in;
			-webkit-transition: all .5s ease-in;
			-moz-transition: all .5s ease-in;
			-o-transition: all .5s ease-in;
			-ms-transition: all .5s ease-in;
			}
		#socialMediaWrapnew img:hover {
			opacity:.7;
			}
		.twitterWrapnew {width:60px; height:55px; float:left}
		.facebookWrapnew {width:60px; height:52px; float:left}
		.googleWrapnew {width:60px; height:52px; float:left; padding-top: 2px}
		
	/* end */
		
		
	
	#footerContactWrap {width:290px; height:149px; float:left; border-right: 1px solid #343434; margin: 28px 0 12px 0}
		#footerContactWrap h1 {font: 20px/24px 'TitilliumText22LXBold', Arial, sans-serif; color:#343434}
		#footerContactWrap p {font:14px/18px Arial, Helvetica, sans-serif; color:#343434}
		#footerContactWrap a {color:#ffffff}
		#footerContactWrap a:hover {color:#000000; text-decoration:none}
	
	#footerTestimonialsWrap {width:565px; height:179px; float:left; margin: 28px 0 12px 16px}
	.ie7 #footerTestimonialsWrap, .ie8 #footerTestimonialsWrap {width:545px; height:149px; float:left; margin: 12px 0 12px 16px}
		#footerTestimonialsWrap h1 {font: 20px/24px 'TitilliumText22LXBold', Arial, sans-serif; color:#343434}
		
		#footerTestimonialsWrap article {width:565px; height:115px; float:left; margin-top: 5px; overflow:hidden}
		.ie7 #footerTestimonialsWrap article,.ie8 #footerTestimonialsWrap article {width:545px; height:97px; float:left; margin-top: 5px; overflow:hidden}
			.contentdiv {width:565px; height:113px; float:left; overflow:hidden}
			.ie7 .contentdiv, .ie8 .contentdiv {width:545px; height:97px; float:left; overflow:hidden}
			.TestimonialsImg {width:129px; height:77px; float:left; margin: 0 10px 10px 0; border:1px solid #ffffff; padding: 4px;}
			.TestimonialsTxt {width:408px; height:97px; float:left;}
			.ie7 .TestimonialsTxt, .ie8 .TestimonialsTxt {width:388px; height:97px; float:left;}
				.TestimonialsTxt h2 {font: 18px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; text-transform:uppercase}
				.TestimonialsTxt p {font: 12px/18px Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff; text-align:justify}
		
		.pagination{width: 565px; text-align: left; padding: 0; margin: 0}
		.ie7 .pagination, .ie8 .pagination{width: 545px; text-align: left; padding: 0; margin: 0}
			.pagination a {padding: 3px 6px 3px 5px; margin-right: 5px; text-decoration: none; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #ffffff;  color: #ffffff;}
			.pagination a:hover, .pagination a.selected{background: #71a71d}
		
	#footerMiddleWrap {width:972px; margin:0 auto}
		#startupWrap {width:672px; height:184px; float:left; margin: 0 4px 0 0;}
			.startupLeft {width:12px; height:184px; float:left; background: url(../images/Druff-Interactive-startup-sprite.png) left top no-repeat;}
			
			.startupMiddle {width:648px; height:153px; float:left; padding: 19px 0 12px 0; background: url(../images/Druff-Interactive-startup-repeat.png) left top repeat-x;}
				.startupBG {width:648px; height:153px; float:left; background:url(../images/Druff-Interactive-startup-BG.jpg) right bottom no-repeat}
					.startupMidHeadings {width:648px; height:80px; float:left;}
						.startupMidHeadings hgroup {width:498px; height:80px; float:left; margin-left: 5px; display:block}
							.startupMidHeadings hgroup h1 {width:100%; height:24px; float:left; font: 30px/24px 'TitilliumText22LBold', Arial, sans-serif; color:#71a71d}
							.startupMidHeadings hgroup h2 {width:100%; height:40px; float:left; font: 16px/30px Arial, Helvetica, sans-serif; color:#343434; font-weight:bold}
							.startupMidHeadings hgroup h3 {width:100%; height:16px; float:left; font: 12px/1px Arial, Helvetica, sans-serif; color:#717171; font-weight:bold}
						.startupMidHeadings a {width:137px; height:32px; float:left; display:block; margin: 0 8px 48px 0; background:url(../images/Druff-Interactive-startup-Btn.gif) left top no-repeat; text-align:center; font: 16px/32px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none}
				.startupBG ul {float:left; margin: 8px 0 0 30px; width:auto;}
					.startupBG ul li {font: 12px/15px Arial, Helvetica, sans-serif; color:#ffffff}
				.startupBG p.startupOnly {float:left; margin: 0 0 0 35px; width:auto; font: 12px/62px Arial, Helvetica, sans-serif; color:#ffffff}
					.startupBG p.startupText {float:left; margin: 0 0 0 5px; width:auto; font: 30px/62px Arial, Helvetica, sans-serif; font-weight: bold; color:#ffffff}
				.startupBG p.disclaimer {float:left; width: 400px; margin: 0 0 0 109px; width:auto; font: 10px/16px Arial, Helvetica, sans-serif; color:#71a71d}
				#contactSpecial p.disclaimer_Start_up {float:left; width: 400px; margin: -5px 0 0 0px; font: 8px Arial, Helvetica, sans-serif; color:#71a71d}
			.startupRight {width:12px; height:184px; float:left; background: url(../images/Druff-Interactive-startup-sprite.png) right top no-repeat;}
	
		#quoteBeeWrap {width:296px; height:184px; float:left; margin: 0 0 0 0;}
			.quoteWrap {width:292px; height:105px; float:left; margin-left: 4px}
				.quoteWrap a {
					width:292px; 
					height:105px;
					float:left; 
					display:block;
					text-decoration: none;
					opacity:1;
					transition: all .5s ease-in;
					-webkit-transition: all .5s ease-in;
					-moz-transition: all .5s ease-in;
					-o-transition: all .5s ease-in;
					-ms-transition: all .5s ease-in;
					}
				.quoteWrap a:hover {
					opacity:.7;
					}
				
				.quoteLeft {width:15px; height:105px; float:left; background:url(../images/Druff-Interactive-quote-sprite.png) left top no-repeat }
				
				.quoteMiddle {width:262px; height:90px; float:left; position:relative; padding: 15px 0 0 0; background:url(../images/Druff-Interactive-quote-repeat.png) left top repeat-x}
					  .quoteMiddle span {width: auto; height:auto; position:absolute;}
					  .quoteGreyDark {font: 46px 'TitilliumText22LXBold', Arial, sans-serif; color:#343434}
					  .quoteGreyLight {font: 48px 'TitilliumText22LLight', Arial, sans-serif; color:#cccbc2; top: 42px; left: 85px}
					  .quoteGreen {font: 48px 'TitilliumText22LMedium', Arial, sans-serif; color:#71a71d; top: 50px; left: 115px}
						
				.quoteRight {width:15px; height:105px; float:left; background:url(../images/Druff-Interactive-quote-sprite.png) right top no-repeat}
					
			.beeWrap {width:280px; height:60px; float:left; margin: 14px 0 0 10px; position:relative}
				.beeWrap a {
					width:280px;
					height:60px;
					float:left;
					background:url(../images/Druff-Interactive-bee-BG.png) left top no-repeat;
					text-decoration: none;
					opacity:1;
					filter: alpha(opacity=100); 
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					transition: all .5s ease-in;
					-webkit-transition: all .5s ease-in;
					-moz-transition: all .5s ease-in;
					-o-transition: all .5s ease-in;
					-ms-transition: all .5s ease-in;
					}
				.beeWrap a:hover {
					opacity:.7;
					filter: alpha(opacity=70); 
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
					}
					.beeLarge {position:absolute; top:7px; left: 116px; font: 40px Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold}
					.beeSmall {position:absolute; top:20px; left: 202px; font: 11px Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold}
					
					.listedweb {text-align: center; width: 100%;color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif}

	footer nav {width: 972px; height: auto; clear:both; float:none; margin: 0 auto; overflow:visible }
			footer nav ul {list-style-type:none; width:710px; margin: 10px auto }
			.ie7 footer nav ul, .ie8 footer nav ul {list-style-type:none; width:640px; margin: 0 auto }
				footer nav ul li {float:left; font: 11px/10px Arial, Helvetica, sans-serif;  text-transform: none; padding:0 15px 0 0; margin: 15px 0 0 15px; display:block; border-right:1px solid #FFFFFF}
				footer nav ul li.navLast {margin:15px 0 0 15px; border-right:none}
				footer nav ul li a {color:#FFFFFF; text-decoration:none}
				footer nav ul li a:hover {color:#343434; text-decoration:none}
			footer nav h1 {float:left}

.google {text-align: center}

.block {width: 430px; height: 220px;
		background-color: #ffffff;
		padding: 20px;
		position: relative;
		margin-left: 400px;
		margin-top: -350px;
		-moz-box-shadow: 3px 3px 4px #b6b6b6;
		-webkit-box-shadow: 3px 3px 4px #b6b6b6;
		box-shadow: 3px 3px 4px #b6b6b6;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6');
}

.block p {
	    
	    font: 12px/18px Arial, Helvetica, sans-serif; 
		color: #343434; 
		text-transform: uppercase; 
		letter-spacing: 4; 
		text-align: center;
		font-weight: bold;
		}

.block h2 {
		font: 30px 'TitilliumText22LXBold', 
		Arial, sans-serif; 
		color: 6d9825; 
		text-transform: uppercase 
		}

.blockbutton { 
        margin: 30px auto;
		background-image:url(../images/Druff-Interactive-Career-button.png); 
		width: 230px; 
		height: 33px; 
		text-transform: uppercase; 
		color: #ffffff; 
		font: 12px Arial, Helvetica, sans-serif; 
		padding-top: 16px;
		text-align: center;
		}
		
		/* Styles for the careers page starts here */
		.rightBodyInfo {width: 520px; height:auto ; float:left; margin:0 20px 20px 0; text-align:justify; }
		.leftBodyInfo {width: 360px; height:auto; background-color: #fff; padding:20px 20px 10px 20px; margin-top:15px; float:left ;-moz-box-shadow: 3px 3px 4px #b6b6b6;-webkit-box-shadow: 3px 3px 4px #b6b6b6;box-shadow: 3px 3px 4px #b6b6b6;/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6')";
		/* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6');}
			.leftBodyInfo p { font: 12px/18px Arial, Helvetica, sans-serif; color: #343434;text-align: left ;}
			.leftBodyInfo .mainHead {font:26px 'TitilliumText22LMedium', Arial, sans-serif; color:#999; text-transform: uppercase}
			
		ul.CareerSend {width:358px; height:36px; float:left; margin: 10px 0; list-style:none; text-align:center}
					ul.CareerSend li {width:130px; height:36px; float:left;}
							ul.CareerSend li a {width:118px; height:36px; display:block; background:url(../images/Druff-Web-ServicesBtn.png) left top no-repeat; font:16px/38px  'TitilliumText22LXBold', Arial, sans-serif; text-align:center; padding-left:0; margin:0 0 0 -10px!important;
												color:#ffffff; text-decoration: none; opacity:1; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -ms-transition: all .4s ease-in}
							ul.CareerSend li a:hover { opacity:.8}	
			
			
			
		/* Styles for the careers page ends here */
		
		
/* Captcha styles */	


.captcha{margin:0 auto;
		width: 300px;
		height: 500px;}


	
#ebcaptchatext {float: left;
			margin-bottom: 20px;
			font-size:12px;
			font-family:  Arial, sans-serif;
			line-height: 30px;
			margin-right: 140px;}
			
#ebcaptchainput {
	        font-size:12px;
			font-family: Arial, sans-serif;
			width: 170px}
			
input[type=submit]:disabled,
button:disabled {
    		width:112px; 
			height:34px; 
			line-height:36px; 
			text-decoration:none; 
			font-family:'TitilliumText22LMedium', Arial, sans-serif; 
			font-size:13px; color:#FFFFFF; 
			text-transform:uppercase; 
			text-align:center; 
			background:url(../images/portfolio/Druff-Interactive-web-portfolio-visit-website_button-off.png) no-repeat; 
			border:none; 
			cursor:pointer; float:left;
}

input[type=submit] {
	        width:112px; 
			height:34px; 
			line-height:36px; 
			text-decoration:none; 
			font-family:'TitilliumText22LMedium', Arial, sans-serif; 
			font-size:13px; color:#FFFFFF; 
			text-transform:uppercase; 
			text-align:center; 
			background:url(../images/portfolio/Druff-Interactive-web-portfolio-visit-website_button.png) no-repeat; 
			border:none;
			cursor:pointer
}
/* end Captcha styles */