@charset "Utf-8";
body {
	margin:0px;
	padding:0px;
	background-image:url(../images/designawebsite-banner-bg.jpg); background-repeat:repeat-x;
	height:395px; 
	font-family: sans-serif;	
}
.wrapper {
      margin:0px auto 0px auto;
	  width:999px;
	  height:auto;	
}
.footer {

	PADDING-RIGHT: 0px; BORDER-TOP: #f27523 8px solid; PADDING-LEFT: 0px; BACKGROUND: #333; PADDING-BOTTOM: 20px; MARGIN: 0px auto 0px auto; OVERFLOW: hidden; LINE-HEIGHT: 18px; 
}
.wrapper .banner {
	float:left;
	width: 999px;
}
.wrapper .banner .logo {
	float: left;
	width: 200px;
	height:auto;
	padding-top:7px;
	padding-left:12px;
}
.nav{
/*display:inline;*/
height:20px;


border-right:1px solid #7c7678;
    margin-top:0px;
	
	 text-align:center; 
	 text-decoration:none;
	 font-family:Helvetica, Regular, Crisp; 
	
	  font-size:12px; color:#000000;
	  
	   
		 float:left; 
		 padding-left:14px;
		  padding-right:14px;
		  padding-top:5px;
		  
		  
}
a.nav:hover {color:#fff; background-image:url(../images/designawebsite-button-bg.jpg); background-repeat:repeat-x;}


a.nav:active {color:#fff; background-image:url(../images/designawebsite-button-bg.jpg); background-repeat:repeat-x;}
.wrapper .maincontent-area {
	float: left;
	height: auto;
	width: 999px;
	padding-top:5px;
	padding-bottom:20px;
	margin-top:5px;
	
}

.wrapper .maincontent-area2 {
	float: left;
	height: auto;
	width: 999px;
	padding-top:5px;
	padding-bottom:10px;
	margin-top:5px;
	
}

.wrapper .maincontent-area .pageheading {
	float:left;
	width: 145px;
	height:auto;
	margin:0px 0px 0px 12px;
}

.wrapper .maincontent-area .middle {
	float:left;
	width: 545px; 
	height:auto; line-height:19px;
	margin-left:15px; color:#666666!important;
}



.wrapper .maincontent-area .middle .webdesign1 {
float:left;
	width: 550px;
	height:auto;
	
}
.wrapper .maincontent-area .requestaquote 
{
	float:right;
	width: 261px;
	position:relative;
	top:-8px;

}

h2{
   margin:0px; padding:0px;
}

.wrapper .maincontent-area .middle .middle-content {
	float: left;
	width: 550px;
}

.wrapper .maincontent-area .middle .middle-content .icon {
	float: left;
	width: 44px;
	height:55px;

}
.wrapper .maincontent-area .middle .middle-content .text {
	float: right;
	width:500px;
}
.wrapper .button {
	
}
.top-nav
{
font-family: sans-serif; color:#CCCCCC; font-size:13px; padding-top:20px; margin:0px; text-align:right;
}
.top-nav a
{
text-decoration:none;
color:#cccccc;
}
.top-nav a:hover
{
text-decoration:none;
color:#ff6600;
}
.wrapper .seo-link{
font-size:9px;
color:#CCCCCC;
height:9px;
width:989px;
text-align:right;
padding:0px 0px 0px 0px;
}
h1{
font-size:9px;
margin:0px;
padding:0px;
}




.links-home{font-size:medium; line-height:26px; color:#FF6600; padding:3px 20px 3px 0px; margin-top:20px; text-decoration:none;}

.links-home a{color:#FF6600; text-decoration:none;}

.blog-container{float:left; width:700px; }

.blog-right-roundtop{float:left; width:360px; margin-top:20px; height:11px;}
.blog-right-roundbot{float:left; width:360px; height:12px; margin-bottom:25px;}

.totalbody-container{float:left; width:990px;}
.blg-ttl{float:left; width:600px;}
.blg-ttl h1{color:#BC2E22; float:left; font-size:16px; font-weight:normal;  padding:0 0 10px; text-transform:uppercase;  width:517px;}
.blog-property{float:left; width:680px; padding:5px 0 20px 0;}
.blog-row{float:left; width:678px; margin:10px 0 5px 0;}
.blog-detail{float:left; width:116px; height:114px; padding:4px 0 0 0; margin-right:15px;}
.blog-detail-new{float:left; width:116px; padding:0; margin-right:15px;}

.blog-leftspacer{float:left; width:127px; padding:4px 0 0 0;}
.blogs-rightdetails{float:left; width:530px; font-size:12px;}
.blogs-rightdetails ul{float:left; padding:0; margin:0 0 0 16px;}
.blogs-rightdetails ul li{float:left; margin:0; padding:3px 0 3px 0; width:100%;}
.blogs-rightdetails ul li{float:left; padding:4px 0 4px 0; width:100%;}
.blogs-rightdetails table{float:left;}
.blogs-rightdetails table td{padding:2px 3px 2px 3px; border:1px solid #9c9c9b; border-collapse:collapse;}

.blogs-rightdetails h2{float:left; width:100%; font-size:15px; color:#FF8B00; font-weight:normal; padding:0 0 6px 0; margin:0;} .blogs-rightdetails h2 a{color:#FF8B00; text-decoration:none;} .blogs-rightdetails h2 a:hover{color:#FF8B00; text-decoration:underline;}
.blogs-rightdetails h3{float:left; width:100%; font-weight:normal; color:#68625A; font-size:12px; padding:0 0 5px 0; margin:0;}
.blogs-rightdetails h3 a{color:#68625A; text-decoration:none;} .blogs-rightdetails h3 a:hover{color:#2c2b2a; text-decoration:none;}
.blogs-rightdetails p{float:left; width:100%; text-align:justify; font-size:12px; color:#68625A; padding:0 0 15px 0; margin:0; line-height:18px;}
.uppered{text-transform:uppercase;}

.share-area{float:left; width:530px; padding:2px 0 12px 0;}
.coments{float:left; width:140px; padding:0 0 3px 22px; color:#848079; background:url(../images/view-comment.png) no-repeat left 0px;} .coments a{color:#848079; text-decoration:none;} .coments a:hover{color:#36322D; text-decoration:none;}
.ad-coments{float:left; width:140px; padding:0 0 3px 22px; color:#848079; background:url(../images/add-comments.png) no-repeat left 0px;} .ad-coments a{color:#848079; text-decoration:none;} .ad-coments a:hover{color:#36322D; text-decoration:none;}
.posted-by{float:left; color:#68625A; font-size:12px; padding:1px 0 9px 0;}
.month2{float:left; width:116px; height:22px; border-bottom:solid 1px #b9b3a9;}
.month2 a{float:left; width:116px; height:9px; padding:3px 0 5px 0; display:block; background:url(../images/mike-icon.png) no-repeat right top;}
.month2 a:hover{background:url(../images/mike-icon-red.png) no-repeat right top;}


.addthis_counter.addthis_pill_style a.atc_s{background-color:#afa69c;}
.addthis_counter a.atc_s{background-color:#afa69c;}
.addthis_counter.addthis_pill_style{background-color:#afa69c;}

.date2{float:left; width:116px; text-align:right; font-size:12px; color:#36322d; padding:5px 0 3px 0;}
.year2{float:left; width:97px; text-align:right; margin:-1px 0 0 18px; color:#848079; font-size:12px;}
.year3{float:left; width:97px; text-align:right; margin:-1px 0 0 18px; color:#848079; font-size:12px;}
.year2 a{color:#848079; text-decoration:none;} .year2 a:hover{color:#848079; text-decoration:underline;}

.rightblog-section{width:274px; padding:0; float:left;}
.coloums{float:left; width:274px; padding:18px 0 12px 0; border:solid 1px #f5f3f3; border-top:none; background:url(../images/blog-right-bg.jpg) repeat-x top; margin-bottom:15px;}
.coloums2{float:left; width:274px; padding:4px 0 12px 0; border:solid 1px #f5f3f3; border-top:none; background:url(../images/blog-right-bg.jpg) repeat-x top; margin-bottom:15px;}

.liner{float:left; width:243px; padding:0 0 1px 0; border-bottom:solid 1px #d6d0c5;}
.liner h2{float:left; width:243px; font-weight:normal; font-size:14px; color:#FF8B00; padding:0 0 8px 0; border-bottom:solid 1px #d6d0c5;} .liner h2 a{color:#FF8B00; text-decoration:none;} .liner h2 a:hover{color:#FF8B00; text-decoration:underline;}

.liner-new{float:left; width:274px; padding:8px 0 2px 2px; border-bottom:solid 3px #f57423;}

.categ-active{position:absolute; top:27px; left:45%; background:url(../images/category-selected.png) no-repeat bottom; width:9px; height:9px;}
.deep-brown{color:#36322d!important;} .deep-brown a{color:#36322d; text-decoration:none;} .deep-brown a:hover{color:#36322d; text-decoration:none;}
.category-wd{float:left; width:262px; margin:0 10px -2px 5px;}



 
.archive-wd{float:left; width:103px;}
.archive-wd h2{float:left; color:#848079; font-size:13px; padding:3px 0 3px 0; font-weight:normal; text-transform:uppercase;} .archive-wd h2 a{color:#848079; text-decoration:none;}
.archive-wd h2 a:hover{color:#000; text-decoration:none;} .archive-wd h2 a.selected{color:#000; text-decoration:none;}


.archive-wd ul{float:left; list-style:none; margin:0; padding:0;}
.archive-wd li{float:left; width:103px; } .archive-wd li a{color:#393c3d; font-size:11px; display:block; padding:3px 0 3px 9px; background:url(../images/more-icon3.png) no-repeat left 8px; text-decoration:none;} .archive-wd li a:hover{color:#000; text-decoration:underline;}

.category-ds ul{float:left; width:162px; list-style:none; margin:0; padding:0 0 0 7px;}
.category-ds li{float:left; width:158px; margin:0;}
.category-ds li a{color:#36322d; font-size:11px; display:block; padding:3px 0 3px 11px; margin:0; background:url(../images/more-icon3.png) no-repeat left 8px; text-decoration:none;} .category-wd li a:hover{color:#000000!important; text-decoration:underline;}



.bot-comments{float:left; width:264px; padding-bottom:10px;}
.bot-comments h3{float:left; width:96%; font-size:10px; font-weight:normal; text-align:right; font-style:italic; padding:5px 0 0 7px; color:#848079; margin:1px 0 1px 0; }
.bot-comments h3 a{color:#848079; text-decoration:none;} .bot-comments h3 a:hover{color:#848079; text-decoration:none;}
.bot-comments p{float:left; font-size:12px; width:98%; margin:0; padding:0; color:#68625A; line-height:18px;}
.bot-comments p a{color:#68625A; text-decoration:none; display:block; background:url(../images/inverted-comma.png) no-repeat left 3px; text-decoration:none; cursor:text; margin:15px 0 3px 0; padding:0 0 0 16px; } .bot-comments p a:hover{color:#68625A; text-decoration:none; background:url(../images/inverted-comma-hover.png) no-repeat left 3px;}

.lft-spacer{height:44px; float:left; width:114px;}

.blogs-response{float:left; width:530px; border-bottom:1px solid #d6d0c5;}
.blogs-response h2{color:#FF8B00; float:left; font-weight:normal; font-size:15px; margin:5px 0 10px 0; padding:0 0 8px 0; width:100%; background:url(../images/double-line.png) repeat-x bottom;}
.blogs-response h3{float:left; width:554px; font-size:12px; font-weight:normal; color:#FF8B00; margin:4px 0 5px 0;} 
.blogs-response h4{float:left; width:94%; font-style:italic; padding:0 0 0 12px; font-weight:normal; font-size:11px; color:#393c3d; margin:0 0 10px 0;}
.blogs-response p{float:left; font-size:12px; width:94%; padding:0 0 20px 0; margin:0; color:#68625A; line-height:18px;}
.text-box-bg{float:left; position:relative; margin-bottom:8px;}
.go-top{float:left; margin-bottom:-30px;} .go-top a{color:#36322d; padding:4px 0 0 16px; text-decoration:none;  background:url(../images/go-top.png) no-repeat left 5px; } .go-top a:hover{color:#36322d; text-decoration:underline;  background:url(../images/go-top-hover.png) no-repeat left 5px; }
.add-comnt{float:left; width:554px; margin-left:132px; padding-bottom:30px;}
.add-comnt h4{color:#FF8B00; float:left; font-weight:normal; font-size:15px; margin:40px 0 16px 0; padding:0 0 8px 0; width:100%; background:url(../images/double-line.png) repeat-x bottom;}
.add-comnt input[type=text]{width:318px; float:left; margin-bottom:2px; padding:5px 2px 5px 16px; border:1px solid #DFD9CE; color:#9b9894; font-size:12px;}
.add-comnt textarea{width:526px; float:left; height:113px; overflow:hidden; border:1px solid #DFD9CE; padding:5px 2px 5px 16px; color:#9b9894; margin-bottom:2px; font-size:12px;}
.error{color:#FF0000; float:left; font-size:10px; font-weight:normal; height:8px; line-height:8px; margin:0; padding:7px 0 0 0; width:200px;}


.next-previous{float:left; width:553px; margin:80px 0 0 0; background:url(../images/next-thin-liner.jpg) repeat-x  10px;}
.next-icon{float:right; width:81px; text-transform:uppercase; font-size:11px; height:20px; margin-right:-1px; color:#fff; text-align:center;} .next-icon a{width:81px; display:block; height:20px; text-decoration:none; line-height:20px; background:url(../images/next-blog-bg.png) no-repeat left -20px; color:#fff;}
.next-icon a:hover{width:81px;  height:20px; background:url(../images/next-blog-bg.png) no-repeat left top; color:#fff; text-decoration:none;}

.previous-icon{float:left; width:81px; height:20px; margin-left:-1px; text-transform:uppercase; font-size:11px; color:#fff; text-align:center;} .previous-icon a{width:81px; display:block; height:20px; text-decoration:none; line-height:20px; background:url(../images/blog-previous-icon.png) no-repeat left -20px; color:#fff;}
.previous-icon a:hover{width:81px; height:20px; background:url(../images/blog-previous-icon.png) no-repeat left top; color:#fff; text-decoration:none;}

.older-entry{color:#36322d; font-size:14px; margin-top:12px;} .older-entry a{color:#36322d; text-decoration:none;} .older-entry a:hover{color:#BC2E22; text-decoration:none;}

.more-blog{float:right; color:#848079; padding:0 0 0 8px; font-size:10px; background:url(../images/red-bullets.jpg) no-repeat left 5px;}
.more-blog a{color:#848079; text-decoration:none;} .more-blog a:hover{color:#000; text-decoration:underline;}
.star{position:absolute; left:4px; top:2px; font-family:Arial;}
.red{color:red;}


.googleplus{margin:0px; padding:0px; float:right; width:50px; position:relative; bottom:160px; left:110px;}