@media screen, projection {
	* 					{margin:0; padding:0;}
	body 				{font-family:Verdana, Arial, sans-serif; font-size:12px;}
	body, tr, input, 
	td, textarea, a		{}
		
	a					{color:#618375;}
	a:hover				{color:#000;}

.clear {clear:both;}
.indent {text-indent:-10000px;}
.print {display:none;}
.kill { background:#FFBFC2; padding:5px; border:2px #000 dashed; }
.printer_show {display:none;}

body.index-bg1 {background:#050102 url(../i/bg/phone_bg.jpg) top center no-repeat;}
body.index-bg2 {background:#050102 url(../i/bg/cord_bg.jpg) top center no-repeat;}
body.index-bg3 {background:#050102 url(../i/bg/coffee_bg.jpg) top center no-repeat;}

body.inner-bg1 {background:#050102 url(../i/bg/bg1_inner.jpg) top center no-repeat;}
body.inner-bg2 {background:#050102 url(../i/bg/bg2_inner.jpg) top center no-repeat;}
body.inner-bg3 {background:#050102 url(../i/bg/bg3_inner.jpg) top center no-repeat;}

body.index-bg1 #container {background:url(../i/bg/phone_bg.jpg) center -64px no-repeat;}
body.index-bg2 #container {background:url(../i/bg/cord_bg.jpg) center -64px no-repeat;}
body.index-bg3 #container {background:url(../i/bg/coffee_bg.jpg) center -64px no-repeat;}

body.inner-bg1 #container {background:url(../i/bg/bg1_inner.jpg) center -64px no-repeat;}
body.inner-bg2 #container {background:url(../i/bg/bg2_inner.jpg) center -64px no-repeat;}
body.inner-bg3 #container {background:url(../i/bg/bg3_inner.jpg) center -64px no-repeat;}

#bg {display:none;}

#flash_cover {position:absolute; width:500px; height:400px; z-index:200; margin:-113px 0px 0px -124px;}
#flash_gallery {position:relative; z-index:100;}

#top {width:100%; height:64px;}
	#top-content {width:989px; height:64px; margin:0 auto;}
		#call-us {float:left; text-indent:-10000px; width:290px; height:64px; background:url(../i/text/call_us.gif) bottom right no-repeat;}
		#top-links {float:right; height:64px;}
			#top-links ul {list-style-type:none;}
			#top-links ul li {float:right;}
				#top-links ul li a {height:64px; display:block; overflow:hidden; text-indent:-10000px;}
				#top-link-home {width:128px; background:url(../i/text/home.gif) 0 0 no-repeat;}
				#top-link-contact {width:131px; background:url(../i/text/contact.gif) 0 0 no-repeat;}
				#top-link-request {width:165px; background:url(../i/text/request.gif) 0 0 no-repeat;}
				#top-links ul li a:hover {background-position:0 -64px;}
				
				#top-links ul li a#top-link-blog {margin:20px 20px 0 0; width:69px; height:39px; background:url(../i/dhblog.gif);}
				#top-links ul li a#top-link-blog:hover {background-position:0 -39px;}

#container {width:989px; margin:0 auto;}
	#header {width:989px; height:177px; position:relative;}
		/*#logo {width:273px; height:129px; text-decoration:none; position:absolute; top:16px; left:48px; text-indent:-10000px; background:url(../i/logo.png);}*/
		#logo {width:218px; height:93px; text-decoration:none; position:absolute; top:56px; left:64px; text-indent:-10000px;}
		#header h1 {width:600px; height:66px; position:absolute; top:30px; right:10px; background:url(../i/text/slogan2.gif) no-repeat;}
/*		#header ul {width:509px; height:43px; overflow:hidden; position:absolute; top:134px; right:0; list-style-type:none;}
*/		#header ul {width:528px; height:43px; overflow:hidden; position:absolute; top:134px; right:0; list-style-type:none;}
		#header ul li {float:left;}
		#header ul li a {display:block; height:43px; overflow:hidden; text-indent:-10000px;}
			/*#work-link {width:71px; background:url(../i/text/work_link.gif) 0 0 no-repeat;}
			#services-link {width:98px; background:url(../i/text/services_link.gif) 0 0 no-repeat;}
			#contact-link {width:104px; background:url(../i/text/contact_link.gif) 0 0 no-repeat;}
			#about-link {width:80px; background:url(../i/text/about_link.gif) 0 0 no-repeat;}
			#quote-link {width:156px; background:url(../i/text/quote_link.gif) 0 0 no-repeat;}*/
			#portfolio-link {width:108px; background:url(../i/text/portfolio_link.gif) 0 0 no-repeat;}
			#services-link {width:101px; background:url(../i/text/services_link.gif) 0 0 no-repeat;}
			#contact-link {width:103px; background:url(../i/text/contact_link.gif) 0 0 no-repeat;}
			#about-link {width:91px; background:url(../i/text/about_link.gif) 0 0 no-repeat;}
			#quote-link {width:124px; background:url(../i/text/quote_link.gif) 0 0 no-repeat;}
		#header ul li a:hover {background-position:0 -42px;}
		
	#middle {width:989px;}
		#notebook {float:left; width:286px; height:348px; background:url(../i/text/notebook.gif) bottom right no-repeat; padding:86px 0 0 68px; position:relative;}
		#notebook a {position:absolute; top:360px; left:110px; width:218px; height:59px; text-indent:-10000px;}
		#iphone_flash {float:right; width:558px; height:411px; margin:35px 61px 0 0;}
		#left-col {width:194px; height:412px; background:url(../i/text/left_col.gif) bottom right no-repeat;}
			.left-col-index {clear:left; float:left; padding:48px 0 0 46px;}
		
		#points {float:left; width:672px; padding:60px 0 20px 40px;}
		#points h2 {text-indent:-10000px; clear:left; float:left; width:210px; height:37px; background-position:top left;}
			#h2-web-design {background:url(../i/text/h2_web_design.gif) no-repeat;}
			#h2-programming {background:url(../i/text/h2_programming.gif) no-repeat;}
			#h2-seo {background:url(../i/text/h2_seo.gif) no-repeat;}
			#h2-services {background:url(../i/text/h2_other_services.gif) no-repeat;}
		#points p {float:left; width:462px; color:#fff; font-size:12px;}
		#points a.more-link {float:right; margin-top:10px; width:80px; height:14px; display:block; background:url(../i/text/more_link.gif) top right no-repeat; text-indent:-10000px;}
		#points a {color:#ffffff; text-decoration:underline;}
		#points a:hover {text-decoration:underline; color:#F9E37B;}
		#points a.more-link:hover {background-position:right -14px;}
		div.hr {width:647px; height:20px; background:url(../i/hr_bg.gif) bottom no-repeat; clear:both; margin:20px 0;}
		
		#business-cards.index {width:617px; height:222px; float:right; padding:20px 96px 0 0; background:url(../i/cards.jpg) no-repeat; position:relative;}
		#business-cards.inner {display:none;}
		#business-cards * {text-indent:-10000px;}
		#business-cards a {position:absolute; display:block;}
			#card-home-link {top:36px; left:472px; width:100px; height:18px;}
			#card-contact-link {top:116px; left:306px; width:112px; height:18px;}
		
		#follow-us {width:587px; height:140px; background:url(../i/follow_us_on_facebook_and_twitter.png) no-repeat; text-indent:-10000px; margin:20px 0 0 6px;}
			#follow-us-facebook {position:absolute; width:192px; height:48px; margin:74px 0 0 77px;}
			#follow-us-twitter {position:absolute; width:192px; height:48px; margin:74px 0 0 310px;}
		
	div.hr-long {width:879px; height:20px; background:url(../i/hr_long_bg.gif) bottom no-repeat; clear:both; margin:20px auto;}
	
	#footer {width:866px; margin:0 auto; color:#f9e37b; font-size:12px; padding-bottom:40px;}
	#footer a {color:#f9e37b; text-decoration:none;}
	#footer a:hover, #footer a.underline {text-decoration:underline;}
	#footer a.underline:hover {color:#fff;}
	

#inner-left {float:left; width:260px; height:1020px;}
	/*#submenu {width:224px; height:336px; overflow:hidden; padding:75px 0 0 32px;}
		#submenu ul {list-style-type:none;}
		#submenu li {height:50px;}
		#submenu li a {color:#d62b09; font-size:38px; font-weight:bold; text-indent:12px; text-decoration:none; background:none; padding-bottom:6px;}
		#submenu li a:hover {background:url(../i/underline.gif) center bottom no-repeat;}
		#submenu li img {border:none;}*/
		
	#submenu {width:219px; height:328px; margin:82px 0 0 28px;}
		#submenu ul {list-style:none;}
		/*#submenu a {display:block; width:219px; text-indent:-10000px;}
		#submenu a:hover {background-position:-219px 0;}
			#menu-website {height:46px; background:url(../i/text/menu_website.gif);}
			#menu-e-commerce {height:39px; background:url(../i/text/menu_e_commerce.gif);}
			#menu-flash {height:42px; background:url(../i/text/menu_flash.gif);}
			#menu-e-marketing {height:38px; background:url(../i/text/menu_e_marketing.gif);}
			#menu-app {height:40px; background:url(../i/text/menu_app.gif);}
			#menu-site {height:41px; background:url(../i/text/menu_site.gif);}
			#menu-e-mail {height:42px; background:url(../i/text/menu_e_mail.gif);}
			#menu-web {height:44px; background:url(../i/text/menu_web.gif);}*/
			
		#submenu a {display:block; width:219px; text-indent:-10000px;}
		#submenu a:hover {background-position:-219px 0;}
			#menu-website {height:41px; background:url(../i/nav/menu_website.gif);}
			#menu-e-commerce {height:33px; background:url(../i/nav/menu_e_commerce.gif);}
			#menu-flash {height:37px; background:url(../i/nav/menu_flash.gif);}
			#menu-e-marketing {height:38px; background:url(../i/nav/menu_e_marketing.gif);}
			#menu-social-media {height:33px; background:url(../i/nav/menu_social_media.gif);}
			#menu-app {height:36px; background:url(../i/nav/menu_app.gif);}
			#menu-site {height:37px; background:url(../i/nav/menu_site2.gif);}
			#menu-e-mail {height:33px; background:url(../i/nav/menu_e_mail.gif);}
			#menu-web {height:46px; background:url(../i/nav/menu_web.gif);}
				
		
		h2.company-info {color:#436c79; font-size:36px;}
	
	.left-col-inner {padding:92px 0 0 32px;}

#inner-right {float:left; width:714px; position:relative;}
	#page-heading {padding:80px 40px 0 0; height:92px; overflow:hidden;}
	h1.page-title {text-align:right; font-size:90px; color:#436c79; font-weight:bold;}
	#content {padding:0 50px 20px 90px; color:#618375; font-size:12px; background:url(../i/content_bg.jpg);}
	#mouse-shadow {position:absolute; top:69px; left:660px; width:74px; height:301px; background:url(../i/mouse_shadow.gif) no-repeat;}
	
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, 
	#content p,
	#content ul, #content ol {margin-bottom:19px;}
	#content ul, #content ol {margin-left:40px;}
	
/*#page-submenu {list-style:none; height:18px; margin:0; padding-bottom:4px; border-bottom:1px solid #000;}
#page-submenu li {float:left; margin:0 10px;}
#page-submenu a {color:#000; text-decoration:none; font-weight:bold;}
#page-submenu a:hover {text-decoration:underline;}*/

#page-submenu {float:right; padding:10px 0 20px 20px; border-left:1px solid; border-bottom:1px solid;}
#page-submenu li {padding:0 0 4px 0;}
#page-submenu a {font-size:36px;} 
	
}