/* CSS Document */

/* Normalize CrossBrowser Margins set them all to zero */
*{margin:0; padding:0;}
img{margin:0; padding:0; border:0;}

#BodyInner{background: Red;}
#container{width: 975px; margin: auto; position: relative;}

body {margin:0; padding:0; color:#333333; font-family:Arial, Helvetica, sans-serif;}
body#Home {background:url(../Images/dt-top-bg.jpg) repeat-x; width:100%;}
#DTHcontainer {width:974px; margin:0 auto;}
#DTHHeader a {position: relative; font-size: 16px; width:291px; height:100px; display:block; margin:0; padding:0;}
#DTHHeader span{position: absolute; font-size: 16px; background:url(../Images/DTTopLogo2.jpg) no-repeat; width:291px; height:100px; display:block; margin:0; padding:0;}
#Slogan {width:496px; height:433px; background:url(../Images/SloganBkg.png) no-repeat; float:left; margin:0; padding:0;}
	#Slogan h2 {font-size:28px; letter-spacing: -1.2px; font-weight:bold; padding:38px 0px 0px 55px; line-height:38px; margin:0;}
	#Slogan p.mainpar {font-size:18px; font-weight: bold; padding:12px 0px 0px 55px; margin:0; line-height: 1.6em;}
	#Slogan p.mainpar a {font-size:18px; font-weight: bold; color:#0085d7;}
	#Slogan p.mainpar a:hover {color:#025f99;}
#DTintro{margin: 0; padding: 0;}
	
#CallofAction1{width: 410px;}
.LearnMoreBtn{width: 200px; float:left; height: 66px; margin-top: 25px; margin-left: 50px;position: relative;}
.LearnMoreBtn:hover{background-position: bottom;}
.GetaQuoteBtn{float: right; width: 199px;height: 67px; margin-top: -66px; margin-left: 220px; margin-right:25px; position: relative;}
.GetaQuoteBtn:hover{background-position: bottom;}

.LearnMoreBtn span {background: url(../Images/LearnMoreBtn.png) top no-repeat; margin-top: -5px; margin-left: -10px;position: absolute; display: block; width: 196px; height: 61px;}
.LearnMoreBtn:hover span{background-position: bottom;}
.GetaQuoteBtn span{background: url(../Images/QuoteBtn.png) top no-repeat; margin-top: -5px; margin-left: -10px; position: absolute; display: block; width: 196px; height: 61px;}
.GetaQuoteBtn:hover span{background-position: bottom;}

.ReferralBtn{width: 432px; float:left; height: 77px; margin-top: 33px; margin-left: 42px;position: relative;}
.ReferralBtn:hover{background-position: bottom;}
.ReferralBtn span {background: url('../Landingpages/ReferralProgram/images/refer-a-friend-banner2.png') no-repeat 50% top; 
margin-top: -10px; margin-left: -30px;position: absolute; display: block; width: 436px; height: 80px;
    top: 19px;
    left: 10px;
}
.ReferralBtn:hover span{background-position: bottom;}

	
#FlashToster {width:477px; height:433px; padding-top:40px; background:url(../Images/FlashTBkg.png ) no-repeat; float:left; clear:right; position:relative;}

img.FeaturedSite {position:absolute; top:10px; left:6px; border:0;}

/* adjust top margin on these three to set pushdown of the second fold */
#RecentNews {}
#RecentTweets {clear:right;}
#Flickr { }
#FlickrPhotos {margin: 20px 0px 0px 34px;}
#Testimonials {clear:both;}



.toprowbkg{width:448px; height:350px; margin-top:20px; background:url(../Images/newelementbkg.jpg ) bottom no-repeat; float:left; margin-left:20px;}
.midrowbkg{width:448px; height:450px; margin-top:20px; background:url(../Images/newelementbkg.jpg ) bottom no-repeat; float:left; margin-left:20px;}
.botrowbkg{width:448px; height:250px; margin-top:20px; background:url(../Images/newelementbkg.jpg ) bottom no-repeat; float:left; margin-left:20px; margin-bottom:45px;}



/* homepage content segments */
.segment {background:url(../Images/bgSegment.png) center bottom no-repeat; clear:both; color:#585858; margin-bottom:20px; padding:14px 0;}
.segment h2 {margin-left:-2px; margin-bottom:18px; font-size:20px; background:url(../Images/iconssprite02.png) no-repeat; padding-left:38px; height:30px; line-height:34px;}
.segment h2 a {color:#3c3731; text-decoration:none;}
.segment h2 a:hover {color:#5c564f;}
.segment h3 {font-size:14px; font-weight:bold;}
.segment h3 a, .linkAll2 a {color:#0085d7; text-decoration:none;}
.segment h3 a:hover, .linkAll2 a:hover {color:#025f99;}
.segment p {font-size:12px; line-height:1.5em; margin-bottom:1em;}


/* homepage content boxes*/
/* left side */
#DtIntro, #RecentNews, #BlogCont {float:left; width:400px; margin-left:40px;}

/* right side */
#RecentDesigns, #RecentTweets, #Flickr {float:right; width:420px; margin-right:30px;}

/* introductory text */
p.pullquote {position:relative; background:#f9db78; border-left:11px solid #f3c341; font-size:14px; font-weight:bold; font-style:italic; margin:20px 60px 20px 8px; padding:12px 50px 12px 40px; text-align:center;} 
.pullquote span {color:#c3a647; position:absolute; top:16px;}
.pullquote .sixtysix {font-size:60px; left:0px;  display:block; line-height:60px;}
.pullquote .ninetynine {font-size:60px; right:18px; display:block; line-height:60px;}

/* Recent Site Launches */
#RecentDesigns h2 {background-position:0 -30px;}

/* Recent News */
#RecentNews h2 {background-position:0 -122px;}
span.NewsDate {display:block; color:#909090; font-size:10px; font-weight:bold; clear:right;margin-bottom:3px;}
span.linkAll2  {display:block; float:right; font-size:11px; color:#444; font-weight:bold; margin-bottom:1.5em;}
.linkAll2 a {margin-left:5px; margin-right:5px;}

/* Recent Tweets */
#RecentTweets h2 {background-position:0 -93px;}

/* Blog Spotlight */
#BlogCont h2 {background-position:0 -155px;}

/* Flickr */
#Flickr h2 {background-position:0 -62px;}
#Flickr a#flink {font-size:11px; font-weight:bold; color:#444; text-decoration:none; float:right; margin-right:10px;}
#Flickr a#flink span {color:#1e7ad1;}
#Flickr a#flink span span {color:#de00d6;}
#Flickr a#flink:hover {text-decoration:underline;}


/* H2 with Icons */
.whiteBkg{background:url(../Images/newcontbkg.jpg) repeat-y; width:968px; margin-left:4px; height:100%; display:block; margin-bottom:20px;}
#SecContent{width:958px; margin-left:5px; margin-top:-40px;}
#MediaSection{float: left; }
.newtop02 {background:url(../Images/newtopborder.jpg) no-repeat; margin-top:-45px; width:968px; height:82px; display:block;} 
.newbot02 {background:url(../Images/newbotborder.jpg) no-repeat; margin-top:-14px; width:968px; height:77px; display:block; margin-bottom:0px;} 



/* Flickr badge code */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {width:85px; height:85px; border: 1px solid #c0c0c0 !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_uber_wrapper {margin-left:-30px; margin-top:-10px;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


.TweetBox a:hover {color:#025f99;}
.Twitter_img{margin-right: 15px; border: none;}
.Twitter_username{font-weight: bold; color: #0179c3; font-size: 14px; text-decoration: none;}
.Twitter_status{clear: both; width: 400px;}
.Twitter_status a{color: #0179c3; text-decoration: none; font-weight: bold;}
.Twitter_timestamp{float: right; color: #909293; padding-top: 4px;}
.Twitter_timestamp a{color: #0179c3; text-decoration: none;}
.Twitter_grid tr{height: 85px;}
.Twitter_grid td{vertical-align: top; margin-top: 2px;}


#RecentTweets .TweetBox{font-size:11px; margin:30px 0px 0px 0px; background-position:0px 14px; position:relative; width:380px;}

#MidSection{display:block; clear:both; margin-bottom:15px;}

/* adjust top margin on recentcustomers and testimonials to control pushdown of third fold */
#Testimonials{width:492px; height:264px; background:url(../Images/TestimonialsBkg.png ) no-repeat; background-position:0px 0px; margin:20px 0px 0px 0px; float:left;}

#Testimonials h2{font-size:20px; font-weight:bold; margin:30px 0px 0px 47px;}

#Testimonials .TestimonialsBox {margin:0px 0px 10px 38px; background:url(../Images/TestimonialsIcon.png) no-repeat; position:relative; height:180px; width:430px;}
#Testimonials .TestimonialsBox h3{font-size:14px; font-weight:bold; color:#0179c3; top:14px; left:114px; position:absolute; display:block;}
#Testimonials .TestimonialsBox p{font-size:11px; top:35px; left:114px; position:absolute; display:block; line-height:1.5em; }
#Testimonials .TestimonialsBox .TestimonialName{position:absolute; display:block; font-size:11px; color:#8c8c8c; font-weight:bold; right:0px; bottom:35px;}
#Testimonials .TestimonialsBox .TestimonialVisit a{position:absolute; display:block; font-size:11px; color:#0179c3; font-weight:bold; right:120px; bottom:10px;}
#Testimonials .TestimonialsBox .TestimonialMore a{position:absolute; display:block; font-size:11px; color:#0179c3; font-weight:bold; right:0px; bottom:10px;}
#Testimonials .TestimonialsBox .TestimonialVisit a:hover{color:#025f99;}
#Testimonials .TestimonialsBox .TestimonialMore a:hover{color:#025f99;}
/* adjust top margin on recentcustomers and testimonials to control pushdown of third fold */
#RecentCustomers{width:482px; height:264px; background:url(../Images/RecentCustomersBkg.png ) no-repeat; background-position:0px 0px; margin:20px 0px 0px 0px; float:left}

#RecentCustomers h2{font-size:20px; font-weight:bold; margin:30px 0px 0px 47px;}
#RecentCustomers .RecentCustomersBox {margin:6px 0px 10px 38px; background:url(../Images/clientlogos.png) bottom no-repeat; position:relative; height:159px; width:389px;}
#RecentCustomers .RecentCustomersBox h3{font-size:14px; font-weight:bold; color:#0179c3; top:14px; left:114px; position:absolute; display:block;}

/* recent site launch content boxes */
#RecentDesigns .DesignBox{margin:0px 10px 0px 0px; position:relative; height:120px; width:200px; float:left;}
#RecentDesigns .DesignBox img {display:block; border:1px solid #e6e6e6; }
#RecentDesigns .DesignBox a:hover img{border:1px solid #cacaca;}

#RecentDesigns .DesignBox span.DesignDate{width:34px; height:20px; font-weight:bold; font-size:10px; color:#848484; top:90px; left:0px; position:absolute; display:block; line-height:20px; vertical-align:middle; margin:0; padding:0; text-align:center;}

#RecentDesigns .DesignBox a.RecentDesName{position:absolute; display:block; font-size:11px; color:#0179c3; font-weight:bold; right:5px; top:93px;}
#RecentDesigns .DesignBox a.RecentDesName:hover{color:#025f99;}

#RecentDesigns p {float:left; font-weight:bold; width:280px; font-size:11px; letter-spacing:-0.03em; margin-top:10px;}
#RecentDesigns a.SeePortfolio {display:block; width:132px; height:32px; float:right; position:relative; margin-top:10px;}
#RecentDesigns a.SeePortfolio span{position:absolute; background: url(../Images/AllWorkBtn.png) left top no-repeat;	width:100%; height:100%; margin-left:-3px;}
#RecentDesigns a.SeePortfolio:hover span {background-position: left bottom;}

#RecentDesigns .DesignBox p{text-indent:-9000px; height:1px; width:1px;}

#RecentTweets a.SeeTweets {width:122px; height:32px; position:relative;float:right; margin-top:10px; font-size: 0px; line-height: 0px;}
#RecentTweets a.SeeTweets span{position:absolute; background: url(../Images/FollowUsBtn.png) left top no-repeat;	width:100%; height:100%; margin-left:-3px;}
#RecentTweets a.SeeTweets:hover span {background-position: left bottom;}




/* Menus */

#MainMenu ul{list-style: none; float: right; position: absolute; z-index: 100; top: 51px; right: 40px;}
#MainMenu ul li{float: left; padding: 0 0 0 28px;}
#MainMenu ul li a{font-weight: bold; display: block; text-decoration: none; color: #6c6c6c;}

#MainMenu ul li a:hover{border-bottom:5px solid #f9db78;}

#MainMenu ul li a:hover, body#Home .nHome, body#AboutUs .nAboutUs, body#Services .nServices, 
body#Portfolio .nPortfolio, body#Blog .nBlog, body#Contact .nContact, 
body#AboutUs .nAboutUs
{border-bottom:5px solid #f9db78;}


/* Link Styles */
p a:link, p a:visited {color:#0085d7;}
p a:hover {text-decoration:none; color:#025f99;}



/* Social Media */

#TopSocialMenu ul{position: absolute; top: 0px; right: 5px; list-style: none; background: url(../Images/SocialTab.jpg) no-repeat; width: 172px; height: 26px;}
#TopSocialMenu ul li{float: right; padding: 3px 4px 0 3px;}
#phone{font-size: 13px; font-weight: bold; color: #878787; margin-top: 1px; margin-right: 1px;}

.FlickrBtn{background: url(../Images/SocialSprite.jpg) no-repeat; background-position: 0 -18px; width: 16px; height: 16px; display: block;}
.FacebookBtn{background: url(../Images/SocialSprite.jpg) top no-repeat; margin-right: 8px; width: 16px; height: 16px; display: block;}
.TwitterBtn{background: url(../Images/SocialSprite.jpg) no-repeat; background-position: 0 -36px; width: 16px; height: 16px; display: block;}

/* Quote */
.egsmall{font-size: 12px; font-weight: 100;}

#QuoteLeft{margin-top:2px; background: url(../Images/quoteBGLeft.png) no-repeat; padding-left: 40px; padding-right:30px; width: 433px; display: block;height: 432px; float: left;}
#QuoteRight{position:relative; margin-top:2px; background: url(../Images/quoteBGRight.png) no-repeat; width: 447px; height: 392px; padding-left: 25px; float: right; padding-top:40px;}

#QuoteLeft h1 { padding-top:55px; margin-bottom:10px;}
#QuoteLeft p {color:#0d0d0c; font-size:0.8em; margin-bottom:1.4em; line-height:1.6em; font-weight:bold;}
.qlabel {text-align:right; font-weight:bold; vertical-align:top; padding-top:5px;}
.qlabelr {text-align:right; font-weight:bold; vertical-align:top; }
.qlabeltop {text-align:right; font-weight:bold; vertical-align:top;}
.qfield {font-size:14px; font-weight:bold; padding:4px; color:#31343c; width:240px; margin-left:20px; margin-bottom:10px;}
.qmulti {padding:4px; font-family:arial, helvetica, sans-serif; height:142px; width:240px; font-size:14px; margin-left:20px;}
.qbudget input {margin-left:20px; position:relative; top:1px;}
.qbudget label {margin-left:4px; font-size:12px; font-weight:bold;}
.qbudget p {height:20px;margin-bottom:2px; }

.qMessage {color:red; position:absolute; top:18px; left:105px; font-weight:bold; font-size:14px;}

.contactSubmitBtn {margin-left:20px; margin-top:5px; cursor:pointer; background:url(../images/btnqSubmit.png) left bottom no-repeat; width:123px; height:35px; display:block; border:0;}
.contactSubmitBtn:hover {background-position:left top;}



/* Footer */

#DTFooter{background: url(../Images/FooterBkg.jpg) repeat-x; height: 270px;}
#FooterContainer{width: 920px; margin: auto; padding-top: 60px; position: relative;}
#FooterMenu{float: left;}
#FooterMenu ul{float: left; list-style: none; width: 150px;}
#FooterMenu ul li{padding: 0; margin: 0; height: 15px;}
#FooterMenu ul li a{font-size: 11px;  color: #037ec8; text-decoration: none;}
#FooterMenu ul li h3 {font-weight: normal; letter-spacing: normal;}
#NewsLetter{float: right; background: url(../Images/newsletterBkg.jpg) no-repeat; width: 449px; display: block; height: 151px;}
#NewsLetter h2{font-size: 18px; margin-left: 18px; padding-top: 11px; float: left;}
#info{font-size: 11px; position: absolute; top: 75px; right: 80px;}
.searchbox{position: absolute; top: 106px; border: 0; right: 146px; height: 28px; width: 280px; padding-top:8px;}
#searchbox input {font-size:18px;}
#backTopBtn{position: absolute; top: 15px; right: 0px;}
#enterEmail{font-size: 11px; position: absolute; top: 93px; right: 268px;}
.newsError{font-size: 10px; position: absolute; top: 92px; left: 491px;}

.SubscribeBtn{background: url(../Images/subscribeBtn.png) top no-repeat; position: absolute; top: 102px; right: 10px; display: block; width: 128px; height: 49px;}
.SubscribeBtn:hover{background-position: bottom;}

.BackTopBtn{position: relative; display: block; width: 131px; height: 39px;}
.BackTopBtn:hover{background-position: bottom;}
.BackTopBtn span{background: url(../Images/BacktoTopBtn.png) top no-repeat; position: absolute; margin-top: -5px; margin-left: -10px; display: block; width: 131px; height: 39px;}
.BackTopBtn:hover span{background-position: bottom;}


.smallBlue{font-size: 10px; color: #333; width: 449px;clear: both; text-align: right; padding-top: 80px; padding-right: 5px;}