/* CSS Document */



body { padding:0; margin:0;  background-color:#FFFFFF; }

h1,h2,h3,h4,span,p,div { margin:0; padding:0; }

img { display:block; border:0; margin:0; padding:0; }

.image-left { float:left; margin:0; padding:0; }

.image-right { float:right; margin:0; padding:0; }



#wrap { margin:0 auto; padding:0; width:1002px; overflow:hidden; }



/*LOGO PART*/



#logo-section { width:1002px; margin:0; padding:0;float:left}

#logo-section h1 { display:none; }

#logo-section ul { width:1002px; margin:0; padding:0; float:left;  } 

#logo-section ul li { margin:0; padding:0; float:left; list-style:none;}

#logo-section ul.logo { width:316px; margin:0; padding:0; list-style:none; float:left; }



/*NAVIGATION PART*/



#logo-section ul.nav { width:666px; height:32px; margin:0; padding:95px 0px 0px 20px; list-style:none; float:left; background:url(../images/nav-bg.jpg) no-repeat; }

#logo-section ul li.nav-text { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#BA1218; }

#logo-section ul li.nav-text a { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#BA1218; text-decoration:none;}

#logo-section ul li.nav-text a:hover { color:#660004; text-decoration:none;}



#banner-section { width:1002px; height:318px; margin:0; padding:0; background:url(../images/banner.jpg) no-repeat; float:left;  }

#banner-section h2 { width:968px;  font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#A60006; padding:10px 0px 0px 34px; float:left; }



/*SERVICES PART*/



#services { width:1002px; margin:0; padding:0; float:left;  }

#services ul { width:1002px; height:219px; margin:0; padding:0; float:left;  } 

#services ul li {  margin:0; padding:0; float:left; list-style:none;  } 



#services ul.dream-service { width:254px;  margin:0; padding:0; float:left; background:url(../images/dream-service-bg.jpg) no-repeat; }

#services ul li.dream-service-content {  width:154px; margin:0; padding:60px 0px 0px 100px; float:left; list-style:none;  } 

.dream-service-text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#373737; padding:10px 0px 0px 0px;}

.dream-service-morebtn {float:right; padding:14px 5px 0px 0px;}



#services ul.affordable-websites { width:248px;  margin:0; padding:0; float:left; background:url(../images/affordable-websites-bg.jpg) no-repeat; }

#services ul li.affordable-websites-content {  width:158px; margin:0; padding:35px 0px 0px 90px; float:left; list-style:none;  } 

.affordable-websites-content-heading {  font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#373737; line-height:17px; font-weight:bold;  padding:10px 0px 0px 0px;  } 

.affordable-websites-text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#373737; padding:3px 0px 0px 0px;}

.affordable-websites-morebtn {float:right; padding:7px 5px 0px 0px;}



#services ul.what-is { width:247px;  margin:0; padding:0; float:left; background:url(../images/what-is-bg.jpg) no-repeat; }

#services ul li.what-is-content {  width:147px; margin:0; padding:60px 0px 0px 100px; float:left; list-style:none;  } 

.what-is-text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#373737; padding:10px 0px 0px 0px;}

.what-is-morebtn {float:right; padding:40px 5px 0px 0px;}



#services ul.directory { width:253px;  margin:0; padding:0; float:left; background:url(../images/directory-bg.jpg) no-repeat; }

#services ul li.directory-content {  width:168px; margin:0; padding:52px 0px 0px 85px; float:left; list-style:none; }

.directory-content-text {  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#373737; line-height:17px;  } 

.directory-content-morebtn {float:right; padding:8px 10px 0px 0px;}





/*CONTENT PART*/



#content { width:1002px; margin:0; padding:0;  background:url(../images/content-bg.jpg) repeat-y; float:left; }



#content-left { width:630px; margin:25px 0px 0px 49px; padding:0;  background:url(../images/lft-content-bg.jpg) no-repeat top; float:left; overflow:hidden; } 

#content-left h3 {width:630px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#BA1218; font-weight:normal; padding:10px 0px 10px 0px;}

.content-left-text { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#373737; line-height:19px; float:left; padding:10px 36px 0px 0px; }



#content-right { width:299px; margin:25px 24px 0px 0px; padding:0;  background:url(../images/form-bg.jpg) no-repeat top; float:left; } 

#content-right h4 {width:219px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#BA1218; font-weight:normal; padding:33px 0px 10px 80px;}

#content-right ul { width:299px; margin:0; padding:0; float:left; }

#content-right ul li { width:299px; margin:0; padding:0; float:left;  list-style:none; }

#content-right ul li.field-name { width:263px; margin:0; padding:10px 0px 0px 36px; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#373737; }

#content-right ul li.form-field { width:263px; margin:0; padding:3px 0px 0px 36px; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#373737; }

.text-field { border:1px solid #9C9C9C; background:url(../images/text-field-bg.jpg) repeat-x; width:260px;}

.text-area { border:1px solid #9C9C9C; background:url(../images/text-area-bg.jpg) repeat-x; width:260px; height:85px;}

.submit-btn { margin:10px 0px 0px 0px; float:right; }



/*FOOTER PART*/



#footer  { margin:0; padding:0; width:100%; background:url(../images/footer-bg.jpg) repeat-x; height:98px;float:left;}

#footer-content { width:1002px; height:98px; margin:0 auto; padding:0; border:0; list-style:none; overflow:hidden; clear:both; text-align:right; }

.footer-txt { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#BA1218; padding:20px 60px 0px 0px; text-align:right; }

.footer-txt a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#BA1218; text-decoration:none;  text-align:right;}

.footer-txt a:hover { text-decoration:underline; }

.copyright { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#BA1218; padding:15px 60px 0px 0px; }





/*22-09-09*/



#inner-content { width:1002px; margin:0; padding:0;  background:url(../images/content-bg.jpg) repeat-y; float:left; }

#inner-content h2 { width:947px; height:28px; float:left; margin:0; padding:12px 0px 0px 55px; background:url(../images/menu-header-img.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; font-weight:normal; }



#main-content { width:962px; margin:13px 20px 0px 20px; padding:0; float:left;  background:url(../images/inner-content-bg.jpg) no-repeat top; }



#main-content h3 { width:927px; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#BA1218; font-weight:normal; padding:30px 0px 20px 35px; float:left; }

#main-content p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#373737; font-weight:normal; padding:0px 25px 0px 35px; line-height:20px; }

#main-content p.options { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BD0007; font-weight:normal; padding:2px 25px 3px 0px;}

#main-content p.options a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BD0007; font-weight:normal; text-decoration:none;}

#main-content p.options a:hover { text-decoration:underline;}



#main-content p.options-text { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#373737; font-weight:normal; padding:2px 25px 3px 75px; line-height:20px; }



#main-content ul { width:962px; margin:0; padding:0; float:left; list-style:none;}

#main-content ul li { margin:0; padding:0; float:left; list-style:none;}



.bullet {margin-top:5px; float:left;}



#main-content p.bullet-options { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BD0007; font-weight:normal; padding:2px 25px 3px 36px;}

#main-content p.bullet-options a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BD0007; font-weight:normal; text-decoration:none;}

#main-content p.bullet-options a:hover { text-decoration:underline;}







#contact-content { width:962px; margin:13px 20px 0px 20px; padding:0; float:left;  background:url(../images/contact-us-bg.jpg) no-repeat top; }

#contact-content ul { width:962px; margin:0; padding:0; float:left; list-style:none;}

#contact-content ul li { margin:0; padding:0; float:left; list-style:none;}

#contact-content p.contact-text { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BD0007; font-weight:normal; padding:0px 10px 0px 0px; line-height:25px;}



.form-field-name { float:left; width:150px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#373737; font-weight:normal; padding:5px 0px 5px 0px;}

.form-field {  width:450px; margin:0; padding:5px 0px 5px 0px; float:left;}


/***** Planning Your Website Section *****/
#planning-your-website { width:862px; float:left; padding:50px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#373737; font-weight:normal; }
#planning-your-website ul { width:862px; float:left; list-style:none; margin:0; padding:0; }
#planning-your-website ul li { width:862px; float:left; list-style:none; margin:0; padding:10px 0px 0px 0px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#373737; font-weight:normal; }
.element { width:200px; float:left; font-weight:bold; }
.element-field { float:left; padding:5px 0px 0px 20px; }
.element-field1 {width:902px; float:left; padding:10px 0px 0px 20px; }
.element-field2 {width:902px; float:left; padding:10px 0px 0px 20px; }
.element-field3 { width:200px; float:left; padding:0px 0px 0px 20px; }
.textfield { width:250px; border:1px solid #9C9C9C; background:url(../images/text-field-bg.jpg) repeat-x; }
.textarea { width:250px; height:80px; border:1px solid #9C9C9C; background:url(../images/text-area-bg.jpg) repeat-x; }
#planning-your-website ul li.planning-details-header { width:862px; float:left; list-style:none; text-decoration:underline; margin:0; padding:30px 0px 0px 0px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#DC0109; font-weight:bold; }