/* Author Name: Lalit Kumar, lalit@bcvogue.com. Company: 337 Design*/
/* Base Css Starts*/
body{
	margin:0px; padding:0px;
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}
	
.expand{
	float:left;
	width:100%;
	text-align:left;
	}

a img{
	border:none;
	}

a{
color:#0388C6;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

		
.center{
	text-align:center;
	}
.align-left{
	text-align:left;
	}
	
.align-right{
	text-align:right;
	}
	
.main-con{
	width:946px;
	float:none;
	margin:0px auto;
	}
	
.100{
	width:100%;
	float:left;
	text-align:center;
	}
	
/* Global Page Controls Css Starts here*/
.header-con{
	height:139px;
	}
	
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px; color:#d04133;
	padding:0px 0px 18px 0px;
	margin:0px;
	font-weight:normal;
	}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px; color:#d04133;
	padding:0px 0px 7px 0px;
	margin:0px;
	font-weight:normal;
	}
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px; color:#d04133;
	padding:0px 0px 7px 0px;
	margin:0px;
	font-weight:bold;
	}

	
p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:20px;
 color:#555555;
 padding:0px 0px 15px 0px;
 margin:0px;
 }
 
form{
	margin:0px; padding:0px;
	}

/* Home Page Css Starts heere*/
.home-header-bg{
	background:url(../images/design/home-header-bg.jpg) repeat-x;
	height:442px;
	}
	
.inner-header-bg{
	background:url(../images/design/inner-header-bg.jpg) repeat-x;
	height:272px;
	}
	
.web-design-tool{
	width:393px;
	float:left;
	margin-right:28px;
	}
	
.abt-337{
	float:left;
	width:513px; font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	line-height:20px;
	}

.tools-img{
	width:85px;
	float:left;
	}
	
.tool-desc{
	width:304px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:12px;
	}
	
.tool-heading{
	font-size:15px;
	line-height:25px;
	}
	
.tool-heading a{
	color:#555555;
	text-decoration:none;
	}
	
.tool-heading a:hover{
	color:#555555;
	text-decoration:underline;
	}
	
.home-content-bg{
	background:url(../images/design/home-content-bg.jpg) repeat-x;
	min-height:580px;
	}
	
.inner-content-bg{
	background:url(../images/design/inner-content-bg.jpg) repeat-x;
	background-color:#eeeeee;
	min-height:580px;
	overflow:auto;
	}
	
.home-green-bg{
	background:url(../images/design/home-green-bg.jpg) repeat-x;
	min-height:249px;
	}
	
#tv{
	background:url(../images/design/tv.png) no-repeat;
	width:447px;
	height:383px;
	position:absolute;
	margin:121px 0px 0px 430px;
	}
	
.logo-con{
	width:220px;
	padding:38px 0px 0px 0px;
	float:left;
	}
	
.top-menu{
	margin:0px; padding:0px;
	}
	
.top-menu ul{
	margin:0px; padding:0px;
	}
	
.top-menu ul li{
	display:inline;
	list-style:none;
	padding-right:4px;
	}
	
	
.contact-top{
	height:42px;
/*	width:440px;*/
	text-align:right;
	float:right;
	color:#ffffff;
	font-size:13px;
	font-family:Arial,Helvetica, sans-serif;
	padding:0 9px 0 0;
	}
	
.contact-top a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.contact-top a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.seprator{
	color:#5b9d7e;
	font-size:14px;
	}
	
.top-links{
	width:495px;
	float:right;
	padding-top:21px;
	}
/* Inner Css Starts heere*/	
.template-title{
	width:242px;
	float:left;
	}
	
.title-box{
	height:58px;
	width:704px;
	padding-bottom:18px;
	float:left;
	}
	
.template-title-desc{
	width:704px;
	float:left;
	}
	
.start-website{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	padding:6px 20px 0px 0px;
	}

.start-website a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.start-website a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.left-nav-bg{
	width:226px;
	min-height:548px;
	background:url(../images/design/left-nav-bg.gif) no-repeat;
	float:left;
	margin:42px 18px 0px 0px;
	}
	
.left-nav{
	width:226px;
	float:left;
	margin:0px; padding:0px;
	}
	
.left-nav ul{
	margin:0px; padding:0px;
	}
	
.left-nav ul li{
	list-style:none;
	padding-bottom:12px;
	}
	
.left-nav1{
	width:226px;
	float:left;
	margin:0px; padding:0px;
	}
	
.blog-nav{
	width:216px;
	float:left;
	margin:0px; padding:0px 10px 0px 0px;
	}
	
.left-nav1 ul{
	margin:0px; padding:0px;
	}
	
.left-nav1 ul li{
	list-style:none;
	padding-bottom:12px;
	font-size:17px;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	padding-bottom:24px;
	font-weight:bold;
	}
	
.left-nav1 ul li a{
	color:#555555;
		display:block;
	text-decoration:none;
}

.left-nav1 ul li a:hover{
	text-decoration:underline;
}
.content-box{
	width:701px; float:left;
	margin:42px 0px 0px 0px;
	}
	
.client-success-con{
	width:100%;
	float:left;
	border-bottom:1px solid #d9d9d9;
	margin-bottom:32px;
	}
	
.blog-post-con-box{
	width:100%;
	float:left;
	margin-bottom:26px;
	}
	
.client-name{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#555555;
	font-weight:bold;
	padding-bottom:22px;
	}
	
.client-name-light{
	color:#d04133;
	}
	
.client-image{
	width:174px;
	float:left;
	}
	
.client-info{
	width:523px;
	float:left;
	}
	
.input-bg{
	height:43px;
	background:url(../images/design/input-bg.gif) no-repeat;	
	}
.input-bg-small{
	height:43px;
	background:url(../images/design/input-bg-small.gif) no-repeat;	
	}
.required{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#010101;
	padding-top:6px;
	}
	
.form-text{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888888;
	font-weight:bold;
	}
	
.quote-input{
	width:289px; height:16px;
	color:#888888;
	border:none;
	font-weight:bold;
	margin:10px 0px 0px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.quote-input-small{
	width:120px; height:16px;
	color:#888888;
	border:none;
	font-weight:bold;
	margin:0px 0px 0px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:none;
	}

.select{
	width:227px;
	height:24px;
	color:#000;
	background-color:#ababab;
	margin-bottom:10px;
	border:1px solid #adadad;
	font-weight:bold;
	}
	
.txt-area{
	width:496px;
	background:url(../images/design/txt-area.gif) no-repeat;
	height:99px;
	}
	
.text-area{
	margin:2px 0px 0px 10px;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	font-weight:bold;
	width:470px;
	height:80px;
	border:none;
	}
	
.portfolio-con{
	width:970px;
	float:none;
	margin:26px 0px;
	}
	
.port-item-con{
	width:475px;
	float:left;
	}
	
.img-con{
	width:290px;
	float:left;
	background:url(../images/portfolio/poet-bg.jpg) no-repeat;
	height:247px;
	padding:10px 0px 0px 9px;
	}
	
.item-des{
	width:164px;
	float:left;
	}
	
.blog-break{
	background:url(../images/design/blog-left-break.gif) repeat-x;
	height:24px;
	}
	
.blog-list{
	margin:0px; padding:0px;
	}
.blog-list ul{
	margin:0px; padding:0px;
	}
.blog-list ul li{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:12px;
	line-height:25px;
	list-style:none;
	background:url(../images/design/blog-list.png) left top no-repeat;
	}
	
.blog-list ul li a{
	margin:0px;
	color:#d04133;
	text-decoration:none;
	}
	
.date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	}
	
.free-website{
	background:url(../images/design/free-website.png) no-repeat;
	width:134px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	padding:37px 0px 0px 60px;
	}
	
.planer{
	background:url(../images/design/website-planer.png) no-repeat;
	width:134px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	padding:37px 0px 0px 60px;
	}
	
	
.blog-post-title h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
	}
	
.post-by{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	padding-bottom:4px;
	}
	
.comment-info{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0388c6;
	background:url(../images/design/blog-comment.gif) repeat-x;
	height:30px;
	padding:7px 0px 0px 0px;
	}
	
.home-left1{
	width:663px;
	float:left;
	margin:0px 0px 22px 0px;
	}
	
.client-success-box{
	width:281px;
	float:left;
	}
	
.home-left-box1{
	background:url(../images/design/home-left-bg1.png) no-repeat;
	padding:16px 0px 0px 0px;
	}

.home-boxes{
	width:208px;
	float:left;
	padding:0px 33px 0px 90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	line-height:21px;
	}

.home-boxes1{
	width:216px;
	float:left;
	padding:0px 28px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	line-height:21px;
	}
	
.home-box2{
	background:url(../images/design/home-box-2.png) no-repeat;
	padding-top:64px;
	}
	
.box-heading{
	font-size:14px;
	font-weight:bold;
	color:#555555;
	line-height:24px;
	}
	
.beautiful-websites{
	background:url(../images/design/understand-business.png) no-repeat left top;
	}
	
.understand-business{
	background:url(../images/design/sell.png) no-repeat left top;
	}
	
.window{
	background:url(../images/design/beautifiul-websites.png) no-repeat left top;
	padding-left:88px;
	}
	
.manage{
	background:url(../images/design/manage-websites.png) no-repeat left top;
	padding-left:88px;
	}
	
.sell{
	background:url(../images/design/understanding_business_home.png) no-repeat left top;
	padding-left:75px;
	}
	
.testimonials-home{
	padding-bottom:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	float:left;
	}
	
.testimonial-img{
	width:109px;
	float:left;
	background:url(../images/design/testimonial-bg.png) no-repeat;
	height:94px;
	padding:5px 0px 0px 5px;
	}
	
.home-test-desc{
	width:167px;
	float:left;
	}
	
.home-test-desc a{
	color:#0388c6;
	text-decoration:none;
	padding:0px 0px 0px 3px;
	}
	
.home-test-desc a:hover{
	text-decoration:underline;
	}
	
/* Footer Css Starts heere*/

.total-footer{
	background:url(../images/design/expand-footer.jpg) left top repeat-x;
	height:404px;
	}
    
.footer-bg-img{
	background:url(../images/design/footer-bg.jpg) center top no-repeat;
	height:364px;
	padding-top:40px;
	}
	

.blog-post-con{
	width:286px;
	float:left;
	padding-right:28px;
	}
	
.news-con{
	width:320px;
	float:left;
	padding-right:30px;
	}
	
.social-con{
	width:276px;
	float:left;
	}
	
.social-con-space{
	margin-top:16px;
	}

.footer-stamp{
	width:215px;
	float:left;
	}
	
.footer-links{
	width:730px;
	float:left;
	}
	
.foot-list{
	margin:0px; padding:0px;
	}
	
.foot-list ul{
	margin:0px; padding:0px;
	}
	
.foot-list ul li{
	list-style:none;
	color:#4ba7df;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;	text-decoration:none;background:url(../images/design/footer-list-break.gif) no-repeat right top;
	}	
.foot-list ul li.last{
	background:none;
	}
	
.foot-list ul li a{
	color:#4ba7df;
	padding-right:10px;
	
	}
	
.foot-list ul li a:hover{
	color:#4ba7df;
	text-decoration:underline;
	}
.cpy-stamp{
	width:142px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9aa7af;
	float:left;
	padding:0 0 0 8px;
	.margin:-4px 0 0 0;
	}
	
.blog-list-color{
	color:#91ecff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
    
.blog-list-color a{
	color:#91ecff;
    text-decoration:none;
	}
	
.blog-list-color a:hover{
    text-decoration:underline;
	}
	    
.white12{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	}
	
.quick-quote{
	padding:24px 5px 0px 0px;
	}
	
.news-box{
	width:301px;
	min-height:142px;
	background-color:#59a3a7;
	padding:0px 10px 12px;
	}
	
.newsletter-email{
	width:302px;
	height:25px;
	padding-right:1px;
	margin:0px 0px 4px 0px;
	float:left;
	background:url(../images/design/footer-email_box.png) no-repeat -1px top;
	}
.newsletter-email-small{
	width:99px;
	height:25px;
	padding-right:1px;
	padding-top: 4px;
	float:left;
	background:url(../images/design/footer-newletter_box.png) no-repeat left top;
	}
.capchalabel
{
	height:25px;
	}
.newsletter-input{
	width:148px;
	height:25px;
	margin:2px 0px 0px 0px;
	float:left;
	background:url(../images/design/footer-name_box.png) no-repeat;
	}
	
	
.news-input-small{
	width:100px;
	padding:0px 0px 0px 2px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	font-weight:normal;
	margin:1px 0px 0px 2px;
	background:none;
	}
	.news-input{
	width:138px;
	padding:0px 0px 0px 2px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	font-weight:normal;
	margin:4px 0px 0px 2px;
	background:none;
	}
	
.news-input1{
	width:190px;
	}
	
.catmain01008910{
	color:#ececec!important;
    }
    
   	
.catmain01008910:hover{
	color:#ececec!important;
    }
	

ol.blogsitesummary {
	margin:0px; padding:0px;
	}
	
ol li{
	margin:0px; padding:0px;
	list-style:none;
    display:block;
	}
    
	
ol li span.author{
	display:none;
	}
    
ol li span.date{
	display:block;
    font-family:arial;
    font-sze:11px;
    color:#bee5ff;
	background:url(../images/design/blog-list-break.png) no-repeat left bottom;
	padding-bottom:7px;
	margin-bottom:2px;
	}
	
ol li a{
	color:#91ecff;
	text-decoration:none;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
	}
	
ol li a:hover{
	text-decoration:underline;
	}

.pad-right {padding:0 1px 0 0;}
.pad-right .seprator {padding:0 0 0 1px;}