/*
Theme Name:		SEOMize
Theme URI:		http://www.shabuanower.com
Description:	Optimized WordPress theme for service site, SEOMize.com
Version:		1.0
Author:			Shabu Anower
Author URI:		http://www.shabuanower.com
*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; background: #c0c0c0; color:#4b4b4b;}
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif;}
.clear { clear: both; padding: 0; margin: 0;}

a { text-decoration: none; color: #5f9302;}
a:hover { text-decoration: underline;}
a img { border: 0px;}

#wrapper { width: 990px; margin: 30px auto 30px auto; padding: 10px 0 0 0; background: #fff url('images/top.gif') no-repeat left top;}

.sidebar { float: left; width: 285px; margin: 0 15px 0 15px; font-size: 11px; padding: 0;}
.incontent { width: 655px; float: right; margin: 0 15px 0 0;}

#header { width: 960px; height: 55px; padding: 0; margin: 5px auto 5px auto;}
#header a { text-decoration: none;}
#header h1 { padding: 0; margin: 0; font-weight: bold; }
#header .logo { width: 200px; margin: 0; padding: 0; border: 0;}

.menubar { width: 960px; height: 71px; margin: 10px 15px 5px 15px; background: url('images/menu-bar.gif') no-repeat;}
.menubar ul { padding: 0; margin: 0; list-style: none; line-height: normal;}
.menubar li { float: left;}

.menubar #services a { border:0; text-indent: -9999em; background:url('images/menu.gif') no-repeat top left; width: 192px; height: 48px; display: block; overflow: hidden;}
.menubar #services a:hover { border:0; background:url('images/menu.gif') no-repeat bottom left; }
.menubar #services-active a {border:0; text-indent: -1000em; background:url('images/menu.gif') no-repeat bottom left; width: 192px; height: 48px; display: block; overflow: hidden;}
			
.menubar #who a { border:0; text-indent: -9999em; background:url('images/menu.gif') no-repeat -192px top; width: 109px; height: 48px; display: block; overflow: hidden;}
.menubar #who a:hover { border:0; background:url('images/menu.gif') no-repeat -192px -48px; }
.menubar #who-active a {border:0; text-indent: -1000em; background:url('images/menu.gif') no-repeat -192px -48px; width: 109px; height: 48px; display: block; overflow: hidden;}

.menubar #support a { border:0; text-indent: -9999em; background:url('images/menu.gif') no-repeat -301px top; width: 155px; height: 48px; display: block; overflow: hidden;}
.menubar #support a:hover { border:0; background:url('images/menu.gif') no-repeat -301px -48px; }
.menubar #support-active a {border:0; text-indent: -1000em; background:url('images/menu.gif') no-repeat -301px -48px; width: 155px; height: 48px; display: block; overflow: hidden;}

.menubar #testimonials a { border:0; text-indent: -9999em; background:url('images/menu.gif') no-repeat -456px top; width: 115px; height: 48px; display: block; overflow: hidden;}
.menubar #testimonials a:hover { border:0; background:url('images/menu.gif') no-repeat -456px -48px; }
.menubar #testimonials-active a {border:0; text-indent: -1000em; background:url('images/menu.gif') no-repeat -456px -48px; width: 115px; height: 48px; display: block; overflow: hidden;}

.menubar #contact a { border:0; text-indent: -9999em; background:url('contact.gif') no-repeat left top; width: 113px; height: 45px; display: block; overflow: hidden;}
.menubar #contact a:hover { border:0; background:url('contact.gif') no-repeat 0px -45px; }
.menubar #contact-active a {border:0; text-indent: -1000em; background:url('contact.gif') no-repeat 0px -90px; width: 113px; height: 45px; display: block; overflow: hidden;}


#footer { background: url('images/footer.gif') no-repeat top; width: 950px; height: 172px; padding: 20px 20px 0 20px; margin: 20px auto 0 auto; font-size: 11px; color: #333333;}
#footer ul { margin: 0 20px 0 0; padding: 0; width: 210px; float: left; list-style: none;}
#footer ul li { list-style-type: none; line-height: 18px;}
#footer ul li h3 { margin: 0 0 10px 0; border-bottom: 1px solid #cccccc; font-size: 13px; line-height: 25px;}
#footer .left { float: left; width: 460px;}
#footer .copy { padding: 0; font-size: 11px; margin: 0; width: 470px; float: left;}
#footer .copy h3 { margin: 0 0 10px 0; border-bottom: 3px solid #cccccc; font-size: 13px; line-height: 25px;}
#footer a { color: #333333; text-decoration: none;}
#footer a:hover { text-decoration: underline;}


.boxmsg {margin: 0 auto; width: 960px;}
.boxmsg a { text-decoration: none;}
.boxmsg a:hover { text-decoration: underline;}

.boxmsg #why { float: left; width: 300px; margin: 0 30px 0 0;}
.boxmsg #why p { background: url('images/seo.gif') no-repeat; line-height: 18px; padding: 0 0 0 60px; margin: 0 0 0 10px; }
.boxmsg #why p:hover, p:focus { background: url('images/seo2.gif') no-repeat;}

.boxmsg #who { float: left; width: 300px; margin: 0 30px 0 0;}
.boxmsg #who p { background: url('images/who.gif') no-repeat; line-height: 18px; padding: 0 0 0 60px; margin: 0 0 0 10px; }
.boxmsg #who p:hover, p:focus { background: url('images/who2.gif') no-repeat;}

.boxmsg #seomize { float: left; width: 300px; margin: 0;}
.boxmsg #seomize ul { background: url('images/seomize1.gif') no-repeat; line-height: 18px; padding: 0 0 0 60px; margin: 0 0 0 10px; list-style-type: square;}
.boxmsg #seomize ul li { margin: 0 0 0 10px; line-height: 18px;}
.boxmsg #seomize ul:hover, ul:focus { background: url('images/seomize2.gif') no-repeat;}

.boxmsg h2 { border-bottom: 4px solid #ececec; color: #373737; font-size: 18px; font-weight: normal;}


/* slider area */
#slider_area{ width:960px; text-align:center; clear:both; display:block; margin: 0 auto; height:260px;}
.slide{ width:960px; z-index:-3;}
/* sliding texts on main page slider */
/* slider title text */
.sliding-text{ font-size:16px; line-height:22px; text-align:left; float:left; letter-spacing:1px; position:absolute; overflow:hidden; top:0px; left:0px;}
.sliding-text p { padding:0px; clear:left;}
/* slider title title*/
.sliding-text h2{ font-size:26px; float:left; font-weight:normal; text-align:left; text-decoration:none; margin-top:50px;}
/* slider text link */
.sliding-text  h2 a{ text-decoration:none;}
.sliding-text a{ text-decoration:underline;}
.sliding-text a:hover{ text-decoration:none;}
#slider_area .right_side{ width:460px; float:left; text-align: right;}
#slider_area .left_side{ float:left; width:500px;}
/* slider numbers*/
#numbers{ position:absolute; top:360px; margin-left:15px; z-index:999;}
#numbers li { float:left; list-style-type:none; overflow:hidden; width:22px; height:22px; text-align:center; margin-left:3px; margin-top:0px; line-height:22px;}
/* active number style*/
#numbers  li a { font-size:12px; text-decoration:none; display:block; color: #fff; background: url('images/numbers_back_off.png') top center no-repeat;}
#numbers  li a.activeSlide { font-size:12px; text-decoration:none; display:block; color: #fff; background: url('images/numbers_back.png') top center no-repeat;}

.seo-services { margin: 0; padding: 0;}
.seo-services h3 { margin: 0 0 10px 0; padding: 0; color: #b3b3b3;}
.seo-services .services { border-top: 2px solid #b3b3b3; padding: 10px 0 0 0;}
.seo-services .services p { line-height: 18px; margin: 0 0 20px 0;}
.seo-services .services h2 { font-size: 16px; color: #75a60f; margin: 0 0 5px 0; padding: 0;}
.seo-services .services a { text-decoration: none; color: #75a60f;}
.seo-services .services a:hover { text-decoration: underline;}
.seo-services .services h4 { font-size: 13px; color: #75a60f; margin: 0 0 15px 0;}
.seo-services .services ul { list-style-type: none; margin: 0 0 20px 15px; padding: 0;}
.seo-services .services ul li { list-style-type: none; background: url('images/bullet.gif') no-repeat left 4px; padding: 0 0 0 20px; line-height: 20px;}

.info { background: url('images/info.gif') no-repeat left center; padding: 0 0 0 25px; margin: 10px 0 10px 0; line-height: 20px;}

.top { background: url('images/top.gif') no-repeat top; padding: 10px 0 0 0;}
.bottom { background: white url('images/bottom.gif') no-repeat bottom; padding: 0 0 10px 0;}

.details { width: 544px; padding: 0 10px 5px 10px; margin: 0 0 15px 0; line-height: 18px;} 


.even { background: #e8f1d5 url('images/package.gif') no-repeat left top; width: 652px; padding: 7px 0 0 0; margin: 0 0 10px 0;}
.even .bottom { background: #e8f1d5 url('images/package.gif') no-repeat -652px bottom; padding: 0 0 7px 0;}
.even .left { width: 520px; float: left; margin: 0 0 0 10px;}
.even .right { width: 100px; float: right; margin: 0 10px 0 12px;}
.even .price { font-size: 13px; font-weight: bold; color: #ea7400;}
.even .price span { font-size: 9px; color:#4b4b4b;}
.even h3 { font-size:13px; margin:0; padding:5px 0 5px 0; color: #75a60f;}
.even a { text-decoration: none; color: #464646;}
.even p { margin:0 10px 0 10px; padding: 0; color: #464646; line-height: 15px; font-size: 11px;}

.post { position:relative; padding:0; width:250px; float:left; overflow: hidden; margin:0 15px 10px 0; border:5px solid #5f9302;}
.post h2 { font-size:13px; margin:0 0 3px 0; padding:0;}
.post h2 a {color:#fff; text-decoration:none;}
.post h2 a:hover { color:#fff; text-decoration:none;}
.post p { margin:0 0 4px 0; border:#e5e5e5 1px solid;}

/***************************************************/
.box { width: 384px; padding: 0; margin: 0 0 15px 0;}
.box h2 { margin: 0 5px 0 6px; width: 384px; border: 1px solid #eee; height: 22px; background: #fffff4; color: #72aa29; line-height: 22px; font-weight: bold; text-indent: 10px; font-size: 13px;}
.imgbox { width: 384px; margin: 0 5px 0 6px; padding: 10px 0 10px 0; border-left: 1px solid #eee; border-right: 1px solid #eee; background: #fff; text-align: center; border-bottom: 1px solid #eee;}

/***************************************************/
.NavInner { background: #ebebeb url('images/sidebar-bg.gif') no-repeat left top; color: #464646; width: 285px; padding: 4px 0 0 0; margin: 0 0 10px 0;}
.NavInner .bottom { background: #ebebeb url('images/sidebar-bg.gif') no-repeat -285px bottom; padding: 0 0 10px 0;}
.NavInner h2 { color: #75a60f; padding: 0 0 5px 10px; margin: 0; line-height: 22px; font-weight: bold; font-size: 15px;}
.NavInner ul { list-style-type:none; margin:0 10px 0 10px; padding: 0; border-bottom: 2px solid #b3b3b3; border-top: 2px solid #b3b3b3; background: #fff; width: 265px;}
.NavInner ul li { list-style-type:none; margin:0; padding: 0; width: 265px;}
.NavInner ul li a { list-style-type: none; margin: 0; padding: 5px 10px 5px 10px; border-bottom: 1px solid #b3b3b3; line-height: 17px; width: 245px; display: block; color: #596052; text-decoration: none;}
.NavInner ul li a:hover { background: #b3b3b3; list-style-type: none; padding: 5px 10px 5px 10px; margin: 0; border-bottom: 1px solid #b3b3b3; line-height: 17px; width: 245px; display: block; text-decoration: none; color:#fff;}
.NavInner ul li #current { background: #b3b3b3; list-style-type: none; padding: 5px 10px 5px 10px; margin: 0; border-bottom: 1px solid #b3b3b3; line-height: 17px; width: 245px; display: block; text-decoration: none; color:#fff;}


.misc { width: 405px; padding: 4px 0 0 0; margin: 0 0 20px 6px;}
.misc p { margin:0; padding: 0;}
.misc a { display: block; float: left; margin: 0 5px 5px 0; line-height: 20px; text-decoration: none;}

.caption { color: #5f9302; padding:5px; margin: 3px 0 3px 0; background: #e7f2d9; font-size:13px;}
.bg1 { background: #faf4e1; padding: 2px 5px 2px 5px; border-bottom: solid 1px #fff; border-right: solid 1px #fff;}
.bg2 { padding: 2px 5px 2px 5px; background: #edf8fc; border-bottom: solid 1px #fff; border-right: solid 1px #fff;}

/***************** CSS For Contact form *******************/
.contactform { border-top: 2px solid #b3b3b3; padding: 5px 0 0 0; color: #9b9b9b;}
form { padding: 0; margin: 0;}
.contactform .bg1 { margin: 5px 0 5px 0; padding: 10px; background: #fcfcfc;}
.contactform .bg2 { margin: 5px 0 5px 0; padding: 10px; background: #fcfcfc;}
.contactform .left {width: 150px; margin: 0; padding: 0; float: left; height: 20px;}
.contactform .right {width: 400px; margin: 0; padding: 0; float: left;}
.contactform .captcha { margin: 0 0 0 150px; border: 1px solid #3d9539;}

.input { padding: 5px 5px 3px 5px; border: #d6d6d6 1px solid; font-size: 12px; color: #615951; height: 16px; margin: 0 5px 0 0;}
.detail{ padding: 5px 5px 3px 5px; width: 300px; border: #d6d6d6 1px solid; font-size: 12px; color: #615951; margin: 0 5px 0 0;}
select { padding: 3px 2px 2px 5px; width: 305px; border: #d6d6d6 1px solid; font-size: 12px; color: #615951; height: 26px;}
.btn { font-size: 12px; color: #474747; padding: 1px 10px 1px 10px; margin: 0 0 0 150px;}