* {margin:0; padding:0;}

body {background:url(../img/bgr.jpg) top center no-repeat #101620; font-family:Arial, Helvetica, sans-serif;}


h3 {font-size:22px; letter-spacing:-1px; line-height:24px; color:#fff;}
h4 {font-size:20px; color:#fff;}
h5 {font-size:14px; color:#fff;}


p {font-size:12px; color:#bcedf1; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
a {outline:none; color:#f4851c; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
input:focus, textarea:focus {outline:none;}

#wrapTop {float:left; width:100%; margin:auto;}

	#topSegment {margin:auto; width:982px;}
		.logo {float:left; padding-top:23px; padding-left:20px}
			.logo h1 a {float:left; width:209px; height:50px; display:block; text-indent:-9999px; background:url(../img/logo.png) left top no-repeat;}
			
		.mainNav {float:right; padding:32px 0 0 0;}
		.header {float:left; width:962px; height:230px; background:url(../img/digimurai.png) center center no-repeat; text-indent:-9999px;}


#wrapContent {float:left; width:100%; margin:auto;}
	.homeBgr {background:url(../img/featured-light.jpg) center 385px no-repeat;}

	#content {margin:auto; width:982px;}
	
		.jsclass body .randomslogans {display: none}
	
			.contentTitle {float:left; width:967px; padding-left:15px}
				.contentTitle h2 {float:left; width:947px; height:66px; text-indent:-9999px;}
					.contentTitle h2.homeTitle-1 {background:url(../img/title-home-1.png) left top no-repeat;}
					.contentTitle h2.homeTitle-2 {background:url(../img/title-home-2.png) left top no-repeat;}
					.contentTitle h2.homeTitle-3 {background:url(../img/title-home-3.png) left top no-repeat;}
					.contentTitle h2.aboutTitle {background:url(../img/title-about.png) left top no-repeat;}
					.contentTitle h2.servicesTitle {background:url(../img/title-services.png) left top no-repeat;}
					.contentTitle h2.worksTitle {background:url(../img/title-works.png) left top no-repeat;}
					.contentTitle h2.getAquoteTitle {background:url(../img/title-get-a-quote.png) left top no-repeat;}
					
					.randomslogans p {padding:5px 0 0 20px; width:680px;}
		
		.mainColumn {float:left; width:724px;}
			.mainColumn h4  {padding-left:20px;}
			.mainColumn p {padding:5px 20px 10px 20px;}
			
			/* Home content */
			.featuredBox {float:left; width:724px;}
				.featuredRibbon {position:absolute; top:0; left:0; width:165px; height:165px; background:url(../img/featured-ribbon.png) left top no-repeat;}
				.featuredImg {float:left; position:relative; width:704px; height:403px; padding:70px 0 0 20px; background:url(../img/featured-bgr.png) left top no-repeat;}
						
			.definitionBox {float:left; width:724px; padding:35px 0 0 0;}
				.skillsHolder {float:left; width:710px; padding:20px 0 0 14px;}
					.skillsBox {float:left; width:335px; height:93px; padding-right:5px;}
						.speed {background:url(../img/icon-speed.png) left top no-repeat;}
						.ethics {background:url(../img/icon-ethics.png) left top no-repeat;}
						.durability {background:url(../img/icon-durability.png) left top no-repeat;}
						.multitasking {background:url(../img/icon-multitasking.png) left top no-repeat;}
							.skillsBox p {padding-left:70px; font-size:11px; line-height:15px;}
							.skillsBox h5 {padding-left:70px;}
							
			/* About content */
			.aboutHolder {float:left; width:704px; padding:34px 0 10px 20px;}
				.aboutBox {float:left; width:342px; padding-bottom:30px;}
					.aboutBox img {float:left;}
					.aboutDetails {float:right; width:217px;}
						.aboutDetails h4 {padding:0 0 1px 0; line-height:20px; padding-bottom:3px;}
						.aboutDetails p {padding:0 14px 7px 0;}
							.aboutDetails p i {font-size:10px; font-style:normal; text-transform:uppercase; color:#faf1a5;}
				
			/* Services content */
			.servicesHolder {float:left; width:704px; padding:30px 0 20px 20px;}
				.servicesBox {float:left; width:613px; background-position:0 5px; background-repeat:no-repeat; padding-left:65px;}
					.servicesBox h3 {font-size:15px; color:#fff; padding:0;}
					.servicesBox p {padding:0 0 19px 0;}
						.interfaceDesign {background-image:url(../img/icon-interface-design.jpg);}
						.iconsDesign {background-image:url(../img/icon-icon-design.jpg);}
						.xhtmlCss {background-image:url(../img/icon-xhtml-css.jpg);}
						.ajax {background-image:url(../img/icon-ajax.jpg);}
						.webStandards {background-image:url(../img/icon-web-standards.jpg);}
						.usability {background-image:url(../img/icon-usability.jpg);}
			
			#wrapContent {}
			
			/* Works content */
			.worksThumbsHolder {float:left; width:962px; padding:9px 0 0 0; margin-left:20px; background:url(../img/separator.gif) bottom left repeat-x;}
				ul#worksNav {float:left; width:962px;}
					ul#worksNav li {float:left; display:inline-block; width:191px; height:58px; list-style-type:none; padding-bottom:25px;}
						ul#worksNav li a {display:block; width:121px; height:58px; padding:0 0 0 70px; font-size:11px; line-height:58px;  background-position:0 0; background-repeat:no-repeat;}
							ul#worksNav li a span {display:table-cell; width:121px; height:58px; text-align:left; vertical-align:middle;}
							
							ul#worksNav li a#hobsonNav {background-image:url(../img/works/hobson-s.gif);}
							ul#worksNav li a#frontRangeNav {background-image:url(../img/works/frontrange-s.gif);}
							ul#worksNav li a#bytecNav {background-image:url(../img/works/bytec-s.gif);}
							ul#worksNav li a#nwCarpetsNav {background-image:url(../img/works/nw-carpets-s.gif);}
							ul#worksNav li a#nikonNav {background-image:url(../img/works/nikon-s.gif);}
							ul#worksNav li a#skypeNav {background-image:url(../img/works/skype-s.gif);}
							ul#worksNav li a#catNav {background-image:url(../img/works/cat-s.gif);}
							ul#worksNav li a#nokiaNav {background-image:url(../img/works/nokia-s.gif);}
							ul#worksNav li a#logitechNav {background-image:url(../img/works/logitech-s.gif);}
								ul#worksNav li a:hover {background-position:0 -116px; text-decoration:none;}
								ul#worksNav li a.activeWork {background-position:0 -58px; color:#868686; text-decoration:none;}
			
			#worksContent {min-height:750px; height:auto !important; height:750px;}
			
			.worksHolder {float:left; width:724px; margin-top:8px; background:url(../img/works-bgr.gif) left top repeat-y;}
				.worksLarge {float:left; width:724px; background:url(../img/works-header.gif) left top no-repeat; padding-top:69px;}
					.worksBox {float:left; width:678px; min-height:250px; height:auto !important; height:250px; background:url(../img/works-bottom.gif) left bottom no-repeat; padding:0 26px 17px 20px;}
					
			.worksNav {float:left; width:724px; padding:0 0 40px 0;}
				.worksNav a {display:block; height:23px; line-height:23px;; color:#bcedf1; font-size:11px;}
				.worksLeftNav {float:left; width:300px; padding:0 0 0 20px;}
					.worksLeftNav a {background:url(../img/button-back.gif) left 0 no-repeat; padding-left:34px;}
						.worksLeftNav a:hover {background-position:left -23px; text-decoration:none;}
				.worksRightNav {float:right; width:300px; text-align:right; padding:0 24px 0 0;}
					.worksRightNav a {background:url(../img/button-next.gif) right 0 no-repeat; padding-right:34px;}
						.worksRightNav a:hover {background-position:right -23px; text-decoration:none;}
						
			.quoteFormHolder {float:left; width:683px; padding:34px 0 40px 20px;}
				.quoteForm {float:left; width:644px; height:474px; padding:36px 0 0 39px; background:url(../img/get-a-quote-bgr.jpg) left top no-repeat;}
					.quoteForm fieldset {float:left; width:644px; height:474px; position:relative;  border:0;}
						.quoteForm fieldset input.getaquoteField {float:left; display:block; clear:left; width:327px; height:24px; background:url(../img/footer-input-bgr.gif) 0 0 no-repeat; border:0; margin-bottom:9px; font-size:11px; color:#434f63; padding:9px 5px 0 6px;}
						.quoteForm fieldset textarea {float:left; clear:left; position:relative; z-index:5; width:317px; height:93px; border:0; background:none; margin-bottom:9px; overflow:auto; font-size:11px; color:#434f63; padding:5px 9px 9px 6px; font-family:Arial, Helvetica, sans-serif;}
							.quoteFakeTextarea {position:absolute; display:block; z-index:1; top:295px; left:0; width:338px; height:108px; background:url(../img/quote-textarea-bgr.gif) 0 0 no-repeat;}
						.quoteForm fieldset p {float:left; width:338px; padding:0 0 9px 0; height:33px; position:relative;}
						.quoteForm fieldset select {float:left; clear:left; position:relative;}
						
							/* jDrop Specific... */
							div.jDrop {position:absolute; top:0; left:0; width:338px;}
							div.jSel {background:url(../img/footer-input-bgr.gif) 0 0 no-repeat; padding:0; z-index:1; position:relative; height:33px; overflow:hidden; float:left; width:338px; color:#434f63; font-size:11px;}
							/*div.jSel.hover{background-position:0px -25px;color:#fff;}*/
							span.jSelOp {float:left; padding:9px 0 0 9px; white-space:nowrap;}
							div.jDropBut {background:url(../img/select-button.gif) 0 0 no-repeat; width:29px; height:33px; float:left; cursor:pointer;}
							div.jDropBut.hover {background-position:0px -33px;}
							div.jOpDrop {position:absolute; margin-top:1px; z-index:1000; display:none; background:url(../img/dropdown-bgr.gif) bottom center no-repeat; border:0; color:#434f63;}
							* html div.jOpDrop {width:338px;}
							div.jOp {padding:2px 17px 3px 17px; font-size:11px; white-space:nowrap;}
							div.jOpDrop div.jOp.hover {color:white; cursor:pointer;}
						
						.quoteForm fieldset input.sendButton {float:left; clear:left; border:0; width:107px; margin-top:10px; height:41px; background:url(../img/button-send.png) 0 0 no-repeat; cursor:pointer;}
							.quoteForm fieldset input.sendButton:hover {background-position:0 -41px;}
								
						#info2 {float:left; color:#373737; font-size:11px; padding:22px 0 0 10px;}	
				
		
		
		.rightColumn {float:right; width:251px; padding-bottom:10px; padding-top:20px;}
		.homeRight {padding-top:47px;}
		.aboutRight {padding-top:64px;}
		.servicesRight {padding-top:65px;}
		.worksRight {padding-top:53px;}
		.getaQuoteRight {padding-top:65px;}
			.rightColumn h3 {padding-top:18px; color:#bcedf1;}
				.rightColumn h3.projectName {background:url(../img/separator.gif) bottom left repeat-x; padding:18px 0;}
				.rightColumn h3 span {font-size:10px; font-weight:normal; display:block; line-height:22px; padding-top:1px; text-transform:uppercase; color:#faf1a5; letter-spacing:normal;}
			.rightColumn p {padding:5px 0 10px 0; color:#868686;}
				.worksRight p {padding:15px 0 15px 0; background:url(../img/separator.gif) bottom left repeat-x;}
			.rightColumn ul {padding:15px 0;}
				.rightColumn ul li {list-style-type:none; padding-left:13px; background:url(../img/side-bullet.gif) 0 6px no-repeat; color:#868686; font-size:12px; line-height:18px;}
			
			a.featuredButton {float:left; width:176px; height:49px; background:url(../img/button-explore.png) 0 0 no-repeat; text-indent:-9999px;}
				a.featuredButton:hover {background-position:0 -49px;}
			
			.rightColumn p.sideScreens {background:url(../img/separator.gif) bottom left repeat-x; padding-top:0;}
				.rightColumn p.sideScreens a {display:inline-block; width:39px; height:42px; font-size:11px; margin:11px 11px 11px 0; text-indent:-9999px;}
					.rightColumn p.sideScreens a.hobson-1 {background:url(../img/works/hobson-side-1.jpg) 0 0 no-repeat;}
					.rightColumn p.sideScreens a.hobson-2 {background:url(../img/works/hobson-side-2.jpg) 0 0 no-repeat;}
						.rightColumn p.sideScreens a:hover, .rightColumn p.sideScreens a.activeSideScreen {background-position:0 -42px;}
			

#footer {float:left; width:100%; height:424px; background:url(../img/footer-bgr-tile.jpg) left top repeat-x;}
	.innerFooter {float:left; width:100%; position:relative; height:424px; background:url(../img/footer-bgr-img.jpg) bottom center no-repeat;}
	
		.footerContent {width:962px; margin:auto; padding:27px 0 0 0;}
			.footerContent h4 {padding-bottom:9px;}
			.footerContent p {color:#383838;}
			
			.leftFooter {float:left; width:678px; padding:0 0 0 10px;}
				.footerHireBox {float:left; width:307px;}
					.footerHireBox p {padding:3px 5px 13px 0; color:#5a5a5a;}
					.footerHireBox p a {display:block; width:107px; height:41px; background:url(../img/button-geta-quote.png) left top no-repeat; text-indent:-9999px;}
						.footerHireBox p a:hover {background-position:0 -41px;}
				.footerHelloBox {float:right; width:338px;}
					.footerForm {float:left; position:relative; width:338px; padding:5px 0 0 0px;}
					.footerForm fieldset {float:left; border:0; position:relative;}
						.footerForm fieldset input {float:left; width:327px; height:24px; background:url(../img/footer-input-bgr.gif) 0 0 no-repeat; border:0; margin-bottom:9px; font-size:11px; color:#434f63; padding:9px 5px 0 6px;}
						.footerForm fieldset textarea {float:left; position:relative; z-index:10; width:317px; height:74px; border:0; background:none; margin-bottom:9px; overflow:auto; font-size:11px; color:#434f63; padding:5px 9px 9px 6px; font-family:Arial, Helvetica, sans-serif;}
							.footerFakeTextarea {position:absolute; display:block; z-index:1; top:85px; left:0; width:338px; height:88px; background:url(../img/footer-textarea-bgr.gif) 0 -88px no-repeat;}
						.footerForm fieldset input.sayHelloButton {float:left; width:107px; margin-top:11px; height:41px; background:url(../img/button-send.png) 0 0 no-repeat; cursor:pointer;}
							.footerHelloBox fieldset input.sayHelloButton:hover {background-position:0 -41px;}
							
						#info {float:left; color:#373737; font-size:11px; padding:22px 0 0 10px;}	
					
					.footerHelloBox p {float:left; width:336px; text-align:center; font-size:11px; color:#373737; line-height:15px; padding:60px 0 0 2px;}
			
			.rightFooter {float:right; width:240px;}
				.rightFooter p {line-height:20px; color:#5a5a5a;}