/* CSS Document */
/* ----------MAIN BODY STYLES---------- */
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, caption, tbody, tfoot, thead, tr, td, th {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }*/

/* base css start*/
body { margin:0px; font-family:verdana; }
.bodyTag { margin:0px; padding:0px; }

.mainbodybg{ width:100%; background:url(images/main-body-bg.jpg) top center repeat-x; height:100%; clear:both;}

.mainbodybg2{ width:100%; background:url(images/header-bg2.jpg) bottom center repeat-x; height:100%; clear:both;}

.bdrmain { width:990px; }

/* base css end*/

/* header css start*/

/*#headerbg1 {width:100%; float:left; position:relative;background:#fff url(images/aboutbg_body.jpg) repeat-x top center; margin:0px;padding-top:0px; padding-bottom:20px;}

#headerbg {width:100%; float:left; position:relative;background:#fff url(images/bg_body.jpg) repeat-x top center; margin:0px; padding-top:0px; padding-bottom:20px;}	*/
		
#header {width:1000px; margin:0px auto; clear:both; background:url(images/slider-block.jpg) top left no-repeat; height:295px; }
#headerinner {width:1000px; margin:0px auto; clear:both; background:url(images/hedearinner.jpg) top left no-repeat; height:139px; }
	.imageL{width:360px; float:left; text-align:left; height:235px;}
	.contentR {width:600px; float:right; height:230px; position:relative; padding-left:10px;}
		.contentR p {font-size:12px; line-height:24px; color:#363636; }
		.vmsbutton {background:url(images/view_more_services.png) repeat 0px 0px; width: 165px; height: 28px; display: block; position:relative; z-index:2; }
		a.vmsbutton span {display: none;}
		a.vmsbutton:hover {background: url(images/view_more_services.png) repeat 0px -28px;  position:relative; z-index:2;}
.logo {display:inline; float:left; padding-top:35px; padding-left:35px;}
.logo a:link, .logo a:visited {display:block; background-repeat:no-repeat; text-indent:-999999px; background-image:url(images/logo.gif); width:220px; height:88px;}
.pdesc {font-size:11px; color:#323232; line-height:22px;}
.pdesc a:link, .pdesc a:visited{color:#1b79b9;}
.pdesc a:hover {text-decoration:underline; color:#323232;}
/* header css end*/

/* about page header css start*/
#aboutheader {width:970px; float:none; position:relative; margin:0 auto;}
.companyimagel{background:url(images/company.png) no-repeat 0 0; width:289px; height:106px; float:left;  margin-top:15px;}
.aboutimagel{background:url(images/aboutus_header.png) no-repeat 0 0; width:292px; height:106px; float:left;  margin-top:15px;}
.serviceimagel{background:url(images/ourservices_header.png) no-repeat 0 0; width:350px; height:106px; float:left;  margin-top:15px;}
.portfolioimagel{background:url(images/portfolio_header.png) no-repeat 0 0; width:270px; height:106px; float:left; margin-top:15px;}
.testiimagel{background:url(images/testimonials_header.png) no-repeat 0 0; width:355px; height:106px; float:left; margin-top:15px;}
.contactimagel{background:url(images/contactus_header.png) no-repeat 0 0; width:335px; height:106px; float:left; margin-top:15px;}
.internetmktimagel{background:url(images/internetmarktg_header.png) no-repeat 0 0; width:543px; height:106px; float:left; margin-top:15px;}
.seocopywrtgimagel{background:url(images/seocopywriting_header.png) no-repeat 0 0; width:490px; height:106px; float:left; margin-top:15px;}
.webdesignimagel{background:url(images/webdesign_header.png) no-repeat 0 0; width:338px; height:106px; float:left; margin-top:15px;}
.webdevelopntimagel{background:url(images/webdevelopment_header.png) no-repeat 0 0; width:512px; height:106px; float:left; margin-top:15px;}
.webhostingimagel{background:url(images/webhosting_header.png) no-repeat 0 0; width:359px; height:106px; float:left; margin-top:15px;}
.newbusinessvimagel{background:url(images/newbusinessvent_header.png) no-repeat 0 0; width:599px; height:106px; float:left; margin-top:15px;}
.seoimagel{background:url(images/SEO_header.png) no-repeat 0 0; width:129px; height:106px; float:left; margin-top:15px;}
.howseoimagel{background:url(images/howseoworks_header.png) no-repeat 0 0; width:451px; height:106px; float:left; margin-top:15px;}
.seopackgsimagel{background:url(images/seopackages_header.png) no-repeat 0 0; width:379px; height:106px; float:left; margin-top:15px;}
.emailmktgimagel{background:url(images/emailmarketing_header.png) no-repeat 0 0; width:451px; height:106px; float:left; margin-top:15px;}
.webanalyticimagel{background:url(images/webanalytics_header.png) no-repeat 0 0; width:399px; height:106px; float:left; margin-top:15px;}
.socialnetworkingimagel{background:url(images/socialnetworking_header.png) no-repeat 0 0; width:504px; height:106px; float:left; margin-top:15px;}
.webadvantageimagel{background:url(images/webdesigndevadvantage_header.png) no-repeat 0 0; width:472px; height:106px; float:left; margin-top:15px;}
.searchmetroimagel{background:url(images/searchmetro_header.png) no-repeat 0 0; width:376px; height:106px; float:left; margin-top:15px;}
.requestaquoteimagel{background:url(images/requestaquote_header.png) no-repeat 0 0; width:474px; height:106px; float:left; margin-top:15px;}
.blogmarketingimagel{background:url(images/blogmarketing_header.png) no-repeat 0 0; width:436px; height:106px; float:left; margin-top:15px;}
.cmssystemsimagel{background:url(images/cmssystems_header.png) no-repeat 0 0; width:370px; height:106px; float:left; margin-top:15px;}
.webdesignprocessimagel{background:url(images/webdesinprocess.png) no-repeat 0 0; width:559px; height:106px; float:left; margin-top:15px;}
.customwebdesignimagel{background:url(images/customwebdesigning_header.png) no-repeat 0 0; width:626px; height:106px; float:left; margin-top:15px;}
.customapplicationimagel{background:url(images/customapplication_header.png) no-repeat 0 0; width:557px; height:106px; float:left; margin-top:15px;}
.ecommercesolimagel{background:url(images/ecommercesolution_header.png) no-repeat 0 0; width:582px; height:106px; float:left; margin-top:15px;}
.domainregimagel{background:url(images/domainregistration_header.png) no-repeat 0 0; width:563px; height:106px; float:left; margin-top:15px;}
.websitehostingimagel{background:url(images/websitehosting_header.png) no-repeat 0 0; width:453px; height:106px; float:left; margin-top:15px;}
.sslcertificateimagel{background:url(images/sslcertificates_header.png) no-repeat 0 0; width:416px; height:106px; float:left; margin-top:15px;}
.sitemapimagel{background:url(images/Sitemap_header.png) no-repeat 0 0; width:239px; height:106px; float:left; margin-top:15px;}
.salonspasourceimagel{background:url(images/SalonSpaSource_header.png) no-repeat 0 0; width:470px; height:106px; float:left; margin-top:15px;}
.paidsearchimagel{background:url(images/paidsearch_header.png) no-repeat 0 0; width:325px; height:106px; float:left; margin-top:15px;}
.disclaimerimagel{background:url(images/disclaimer_header.png) no-repeat 0 0; width:298px; height:106px; float:left; margin-top:15px;}
.privacypolicyimagel{background:url(images/PrivacyPolicy_header.png) no-repeat 0 0; width:375px; height:106px; float:left; margin-top:15px;}
.webredesignimagel{background:url(images/webredesigning_header.png) no-repeat 0 0; width:486px; height:106px; float:left; margin-top:15px;}
.blogimagel{background:url(images/blog_header.png) no-repeat 0 0; width:161px; height:106px; float:left; margin-top:15px;}
.calltrackingimagel{background:url(images/calltracking_header.png) no-repeat 0 0; width:354px; height:106px; float:left; margin-top:15px;}
.businessmodell{background:url(images/Businessmodel_header.png) no-repeat 0 0; width:421px; height:106px; float:left; margin-top:15px;}
.Expertisel{background:url(images/Expertise_header.png) no-repeat 0 0; width:262px; height:106px; float:left; margin-top:15px;}
.ExpertiseCertl{background:url(images/Expertisecertifications_header.png) no-repeat 0 0; width:367px; height:106px; float:left; margin-top:15px;}
.SalonSpaSourcel{background:url(images/SalonSpaSource_header.png) no-repeat 0 0; width:469px; height:106px; float:left; margin-top:15px;}
.RealPeoplel{background:url(images/Realpeople_header.png) no-repeat 0 0; width:329px; height:106px; float:left; margin-top:15px;}
.Ourprocessl{background:url(images/Ourprocess_header.png) no-repeat 0 0; width:327px; height:106px; float:left; margin-top:15px;}
.Searchengineviewl{background:url(images/sev_header.png) no-repeat 0 0; width:527px; height:106px; float:left; margin-top:15px;}
.Seopackagel{background:url(images/seopackage_header.png) no-repeat 0 0; width:334px; height:106px; float:left; margin-top:15px;}
.Analyzeursitel{background:url(images/ays_header.png) no-repeat 0 0; width:461px; height:106px; float:left; margin-top:15px;}
.SearchMetrol{background:url(images/sm_header.png) no-repeat 0 0; width:359px; height:106px; float:left; margin-top:15px;}
.ChamberPrograml{background:url(images/cp_header.png) no-repeat 0 0; width:482px; height:106px; float:left; margin-top:15px;}


	
.tagline {float:left; font-size:12px; color:#142169; margin-top:60px; margin-left:10px; font-family:Arial; text-transform:capitalize; font-weight:bold;}
/* header css end*/
/*mid image*/
.midimage { background:url(images/mid-img-right.jpg) right top no-repeat; padding:38px 19px 0px 60px;}

/* footer css start*/
#footerbtm {background:url(images/footer_bg.jpg) top center repeat-x; height:400px; width:100%; text-align:center; float:left; margin-top:0px;}
.footerbtm td { color:#979797; padding:4px 0px;}
.footerbtm td.ftd {padding:4px 0px; color:#ffffff;}
.footerbtm a:link{color:#979797; font-weight:normal; text-decoration:none;}
.footerbtm a:visited{color:#979797; font-weight:normal; text-decoration:none;}
.footerbtm a:hover{color:#ffffff; font-weight:normal; text-decoration:none;}
/* footer css end*/

/* navigation css start*/
.menubg { height:36px; padding:0px 16px 0px 19px;}

#mainnav {float:right; width:590px; height:30px; margin-top:40px;}
.linkmenu {display:block; text-align:center; float:right; text-transform:uppercase; color:#333; padding:5px 15px 5px 15px; cursor:pointer;}
.linkmenu strong {font:bold 12px; color:#333; text-transform:uppercase;}
.linkmenu span {font-size:11px; color:#333; text-transform:lowercase}
#mainnav div {float:none;}
.small {font-size:11px; color:#3a3a3a; text-transform:lowercase}
a.linkmenu:link, a.linkmenu:visited {display:block; text-align:center; float:left; font-weight:bold; font-size:14px; font:bold 12px arial; letter-spacing:normal; color:#333; text-decoration:none;}
a.linkmenu span{display:block; float:left; color:#333;}
a.linkmenu:hover{background:url(images/menu-hover-bg.jpg) repeat-x 0 0; color:#fff;text-decoration:none}
a.linkmenu:hover span{color:#fff; text-decoration:none}

.overmenu a:link, .overmenu a:visited {background-color:#e0f2f8; height:20px; display:block; color:#000; text-decoration:none; font-weight:500; padding:5px 3px 3px 5px; border-bottom:solid 1px #36abcd; border-right:solid 1px #36abcd; border-left:solid 1px #36abcd; font-size:11px;}
.overmenu a:hover {background-color:#36abcd; height:20px; display:block; color:#fff; text-decoration:none; font-weight:500; padding:5px 3px 3px 5px; font-size:11px;}

/* navigation css end*/

/*leftside css start*/
.leftback {color:#424242; padding:4px 19px 50px 19px; width:284px; line-height:18px; float:left}
.leftback td p span div{ color:#424242;}
.leftback a:link {color:#000000; font-weight:bold; text-decoration:none;}
.leftback a:visited{color:#000000; font-weight:bold; text-decoration:none;}
.leftback a:hover {color:#424242; text-decoration:none;}
/*leftside css end*/



/*copyrights css start*/
.copyrights {font-size:11px; color:#17267b; padding:10px; }
.copyrights a:link{font-size:11px; color:#17267b;}
.copyrights a:visited{ font-size:11px; color:#17267b;}
.copyrights a:hover{font-size:11px; color:#36abcd;}
/*copyrights css end*/

/* basic css start*/
A {COLOR: #000; text-decoration:none; cursor:pointer; }
A:link {COLOR:#17267b; text-decoration:underline;}
A:visited {COLOR:#17267b; text-decoration:underline;}
A:hover {text-decoration:none; color:#DE4900}

td, p, span, div{ color:#424242; font-family:Verdana; font-size:12px; letter-spacing:0.03em;  } 

hr {padding-right: 5px; padding-left: 5px;}
form {margin:0px; padding:0px;}
select {color:#424242; border:1px solid #424242;}
input,textarea{color:#424242; border:1px solid #424242; font-size:11px; padding:3px;}
table.checkbox td input{ background-color: transparent; border: 0px; }
/* basic css end*/

/* general css start */
/*H Tags*/ /*default font-size for each H tag is 32,24,18,16,13,9 respectively*/

H1 {font-size:28px; color:#373636; margin:0px; padding-bottom:5px; }
H1 a:link {font-size:20px; font-weight:normal; color:#373636; margin:0px; padding:0; height:42px; text-decoration:none;}
H1 a:visited {font-size:20px; font-weight:normal; color:#373636; margin:0px; padding:0; height:42px; text-decoration:none;}
H1 a:hover {font-size:20px; font-weight:normal; color: #484848; margin:0px; padding:0; height:42px; text-decoration:none;}

/*use this for header (page title)*/

H2 {font-size:16px; color: #17267b; padding-bottom:0px; border-bottom:solid 1px #17267b; font-weight:bold;}
H2 a:link {font-size:16px; font-weight: normal; color: #17267b; margin:0px; text-decoration:none; }
H2 a:visited {font-size:16px; font-weight: normal; color: #17267b; margin:0px; text-decoration:none; }
H2 a:hover {font-size:16px; font-weight: normal; color: #17267b; margin:0px; text-decoration:none;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:14px; font-weight:100; color:#db6200;}
H3 a:link {font-size:14px; font-weight:100; color:#db6200; text-decoration:none; padding:0px;}
H3 a:visited {font-size:14px; font-weight:100; color:#db6200; text-decoration:none; padding:0px; }
H3 a:hover {font-size:14px; font-weight:100; color:#585858; text-decoration:underline; padding:0px;}
/*use this for small-title */

H4 {font-size:14px; font-weight:bold;  margin:0px; padding-bottom:7px; color:#acacac; }
h4 a:link {font-size:13px; font-weight:normal;  color:#acacac; margin:0px; padding:0px;}
h4 a:visited {font-size:13px; font-weight:normal; color:#acacac; margin:0px; padding:0px;}
h4 a:hover {font-size:13px; font-weight:normal; color:#de4900; margin:0px; padding:0px;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:11px; font-weight:normal; margin:0px; padding:0px; color:#262626; padding-bottom:3px;}
H5 span { color:#de4900; font-weight:bold}
h5 a:link {font-size:11px; font-weight:normal; text-decoration:none; color:#262626}
h5 a:visited {font-size:11px; font-weight:normal; text-decoration:none; color:#262626;}
h5 a:hover {font-size:11px; font-weight:normal; text-decoration:none; color:#3d7803;}


/*use this for bold small title (no special identification)*/
H6 {font-size:9px; font-weight:normal; font-style:normal;color:#cbcbcb; margin:0px; }
h6 a:link {font-size:9px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:visited {font-size:9px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:hover {font-size:9px; font-weight:normal; font-style:normal;color:#cbcbcb; text-decoration:none}

/* here I used it for small italic or very small notes*/

/* These classes will apply at several standard places (like error message, in case if you don't want border (image link) information block etc.) default classes in each CSS*/

.error {color:#ff0000; font-weight:bold;}
.error a:link{color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:visited {color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:hover {color:#ff0000; font-weight:bold; text-decoration:none;}

.button {background:url(images/button-bg.jpg) repeat-x left top; color:#ffffff; font-weight:bold; font-size:12px; border:1px solid #53b5d1; height:28px; padding:0px 3px; margin:0px;} 


.noborder {border:0px;}
.noborder a:link{border:0px;}
.noborder a:visited {border:0px;}
.noborder a:hover {border:0px;}

.information {background-color:#ededed; border:1px solid #b3b3b3; padding:3px;}

.breadcrumb {color:#000000;} 
.breadcrumb a:link {color:#000000; text-decoration:underline; font-weight:normal;}
.breadcrumb a:visited {color:#000000; text-decoration:underline; font-weight:normal;}
.breadcrumb a:hover {color:#242424; text-decoration:none; font-weight:normal;}

.highlighted-row {background-color:#e4f3f7; padding: 4px;}
.highlighted-row table {border:1px solid #ffffff; background-color:#e4f3f7; padding: 4px;}
.highlighted-row table td table{border:0px solid #000000; background-color:#e4f3f7; padding: 4px;}
.highlighted-row a:link { text-decoration:none; font-weight:normal; color:#323232;}
.highlighted-row a:visited { text-decoration:none; font-weight:normal;color:#323232;}
.highlighted-row a:hover { text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color: #dfefbc; padding: 4px;}
.highlighted-row1 table {border:1px solid #a8bf75 ;background-color: #dfefbc; padding: 4px;}
.highlighted-row1 table td table{border:0px solid #a6e0e9; background-color: #dfefbc;  padding: 4px;}
.highlighted-row1 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color: #ededed; padding: 4px;}
.highlighted-row2 {border:1px solid #b3b3b3 ;background-color: #ededed; padding: 4px;}
.highlighted-row2 table td table{border:0px solid #a6e0e9; background-color: #ededed; padding: 4px;}
.highlighted-row2 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row3 {background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 {border:1px solid #000000; background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 table td table{border:0px solid #a6e0e9; background-color: #797979; padding: 4px;}
.highlighted-row3 a:link {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:visited {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;}

/*special table with header or alter effect*/

img.productimage {border:1px solid #de4900; padding:4px;}

/*.price {background-color:#c5c5c5; padding:2px; font-weight:bold;}*/
.price {background-color:#de4900; font-weight:bold; color:#ffffff;}

.pagelist {color:#242424}
.pagelist table {padding:3px;}
.pagelist table td { padding-left:6px; padding-right:6px;  }
.pagelist table td a:link {color:#242424; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#242424; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#de4900; text-decoration:none; font-weight:bold;}

.pagelist p {color:#000000}
.pagelist p a:link {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:active {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:hover {color:#666666; text-decoration:none; font-weight:bold;}


table .alt-lines {border:1px solid #000000; border-collapse:collapse; background-color:#797979;}
table .alt-lines .alt-lineschange1 {background-color:#ffffff; padding:2px; border:1px solid #ffffff; }
table .alt-lines {background-color:#F7F7F7; padding:2px; font-weight:bold; font-size:12px;  }
table .alt-lines .alt-linechange2 {background-color:#eeeeee; color:#000000; font-weight:normal;  }


table.tablewithheader  {border:1px solid #b3b3b3; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #b3b3b3; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #b3b3b3; border-collapse:collapse; padding:3px; background-color:#ededed; color:#454545; font-size:12px;}
.tablewithheader a:link {color:#454545; font-weight:normal;}
.tablewithheader a:visited{color:#454545; font-weight:normal;}
.tablewithheader a:hover {color:#000000; font-weight:normal;}

.imgna {background-color:#dddddd; text-align:center; width:100px; height:100px; text-transform:uppercase}
.imgna td a:link {color:#000000; text-decoration:underline}
.imgna td a:visited {color:#000000; text-decoration:underline}
.imgna td a:hover {color:#000000; text-decoration:none}


.textbold {font-size:11px; font-weight: bolder; color:#454545;}
.textsmall {font-size:10px;}
.txtprice {	color: #CC0000;}

.logintab {padding: 4px;}
.logintab table {border:1px solid #ededed;  padding: 4px;}
.logintab th {}
.logintab table td table{background-color: #e0cee8;  padding: 4px;}
.logintab a:link {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:visited {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:hover {color:#000000; text-decoration:underline; font-weight:normal;}

.fntwhitebold {font-size:11px; font-weight:bold; color:#FFFFFF;}

table.invocetab  {border:1px solid #dddddd; border-collapse:collapse; padding:3px;}
.invocetab td {border:1px solid #dddddd; border-collapse:collapse; padding:3px;}

table.bluetable  {border:1px solid #b3b3b3; border-collapse:collapse; padding:3px;}
.bluetable td {border:1px solid #b3b3b3; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #b3b3b3; border-collapse:collapse; padding:2px; text-transform:uppercase;}
.bluetable th{border:1px solid #b3b3b3; border-collapse:collapse; padding:2px; height:20px; background-color:#ededed; color:#000000; font-size:10px; text-transform:uppercase;}
.bluetable a:link {color:#ffce0d; font-weight:normal;}
.bluetable a:visited{color:#ffce0d; font-weight:normal;}
.bluetable a:hover {color:#000000; font-weight:normal;}

.mid {padding:5px 0px 15px 12px; float:left; width:690px;}
.mid td {line-height:20px;}
.fontwhite {color:#FFFFFF;}

table.topicons {}
.topicons td{}
.topicons a:link, topicons a:visited { color:#595351;}
.topicons a:hover { color:#2c8271;}
.topicons td.last{ text-align:center; padding:5px;}

.titlefont { font-size:18px; font-weight: 100; color: #242424; height:25px; border-bottom: solid 1px #000000;}

table.box { }
.box th{ padding:2px; color:#FFFFFF; background:#929292; height:20px;}
.box td{ padding:2px; background:#f7f7f7;}

table.boxright { padding:5px; margin-top:5px;}
.boxright th{ padding:2px; color:#000000; background:#000000; text-align:left; border-bottom:1px solid #cccccc; font-size:14px;  height:20px;}
.boxright td{ padding:2px; background:#242424; }

.graybg{ background-color:#a1a1a1; padding:5px 3px; border-bottom:2px solid #e9e9e9;}
.sepratorbg { background-color:#ffffff;}
.BodyText {font:12px verdana;}
/*general css end*/

/*extra css*/
#container {margin:0px auto; width:1000px;}
#container2 {margin:0px auto; width:1000px;}
#top {margin:0 auto; width:990px; float:left; height:162px}
#left {color:#BEBDBD; float:left; font-size:11px; padding:5px 0 0 0px; text-align:justify; width:650px;}
#left p{ line-height:22px; color:#323232}
#content {width:990px; float:left;}
#contentleft {width:690px; float:left;}
/*#content a:link {COLOR: #333; text-decoration:underline;}
#content a:visited {COLOR: #333; text-decoration:none;}
#content a:hover {text-decoration:none; color:#DE4900}*/

/*rightside css start*/
.rightback {width:280px; float:right; padding:8px 10px 15px 0px;}
.rightback td{ color:#ffffff;}
.rightback a:link {COLOR: #000; text-decoration:none;}
.rightback a:visited{COLOR: #000; text-decoration:none;}
.rightback a:hover {text-decoration:none; color:#000}

.rightback .wd{height:39px; width:273px; margin:0px 0px 10px 0px;}
	.rightback .wd div{}
		.wd div a:link, .wd a:visited{ background:url(images/rightbar_button.png) no-repeat 0 0; font-size:13px; line-height:22px; color:#000; word-spacing:-1px; height:43px; width:261px; display:block; padding:12px 0px 0px 12px; text-decoration:none; }
		.wd div a:hover {background:url(images/rightbar_button.png) no-repeat 0 -49px;text-decoration:none}
/*right side css end*/

#rightbar {width:280px; float:right; padding:5px 20px 0 0px;}
#rightbar a:link {COLOR: #000; text-decoration:none;}
#rightbar a:visited {COLOR: #000; text-decoration:none;}
#rightbar a:hover {text-decoration:none; color:#000}
	#rightbar .wd{height:39px; width:273px; margin:0px 0px 10px 0px;}
	#rightbar .wd div{}
		.wd div a:link, .wd a:visited{ background:url(images/rightbar_button.png) no-repeat 0 0; font-size:13px; line-height:22px; color:#000; word-spacing:-1px; height:43px; width:261px; display:block; padding:12px 0px 0px 12px; text-decoration:none; }
		.wd div a:hover {background:url(images/rightbar_button.png) no-repeat 0 -49px;text-decoration:none}
		
		
		
#phone {background: url(images/call-graphics.jpg) top right no-repeat; width:400px; height:49px; float:right; margin:40px 10px 0px 0px; }

	.testimonials {width:280px; float:right;}
		#quotes {background:#e4f3f7; padding:10px 15px 15px 15px; height:175px}
		#txt{font-size:11px; color:#3b3b3b; line-height:18px;}
		.darrow {background:url(images/test_arrow.jpg) no-repeat 55px 0; width:185px; float:right; margin-right:30px;}
		#author{font-size:12px; margin:5px 0; width:280px; float:left; height:45px;}
	#newsletter {float:left; width:480px;}
	#email_add {width:200px; border:solid 1px #ccc; margin-top:15px; height:17px; padding:8px 3px 3px 3px;}
.gonews {background: url(images/go-button.jpg) no-repeat scroll 0 0; color:#FFFFFF; cursor:pointer;  font-size:12px; font-weight:bold; height:30px; margin:15px 0 0; text-transform:uppercase; width:39px; border:none;}
#news_form {width:255px; float:left}
#footerm {width:990px; margin:0px auto;}
#farea {width:920px; float:left; padding-top:25px; padding-left:70px;}
#farea .title {font-size:14px; font-weight:normal; color:#000; padding-bottom:0px;}
/*column1 start*/
	.advantage {width:260px; text-align:left; float:left; padding-left:5px; margin-right:35px; margin-left:20px}
	.advantage ul { margin:0px; padding:0px;}
	.advantage li { list-style-type:none; line-height:28px; }
	.advantage a:link, .advantage a:visited {color:#585858;text-decoration:none;}
	.advantage a:hover {text-decoration:none; color:#242424;}
	.advantage p {font-size:12px; line-height:21px;}
/*column1 end*/

/*column2 start*/	
	.services {width:240px; text-align:left; float:left; padding-left:5px; margin-right:45px;}
	.services ul { margin:0px; padding:0px;}
	.services li { list-style-type:none; line-height:28px; }
	.services a:link, .services a:visited {color:#585858;text-decoration:none;}
	.services a:hover {text-decoration:none; color:#242424;}
	.services p {font-size:12px; line-height:18px;}
/*column2 end*/	

/*column3 start*/
	.touch {width:220px; text-align:left; float:left}
	.touch a:link, .touch a:visited {color:#585858;text-decoration:none;}
	.touch a:hover {text-decoration:none; color:#242424;}
	.touch p {font-size:12px; line-height:21px; color:#585858;}
	.touch span {font-size:12px; line-height:21px; color:#585858; padding-top:10px;}
	.contact ul {margin:0; padding:0}
	.contact li {font-size:12px; line-height:21px; color:#585858;}
	
	li.phone {background:url(images/phone_icon.jpg) no-repeat 0px 5px; list-style:none; padding-left:25px; line-height:20px; margin-left:-40px;}
	li.fax {background:url(images/fax_icon.jpg) no-repeat 0px 5px; list-style:none; padding-left:25px; line-height:20px;margin-left:-40px;}
	li.email {background:url(images/email_icon.jpg) no-repeat 0px 5px; list-style:none; padding-left:25px; line-height:20px;margin-left:-40px;}
/*column3 end*/	
	
/*column4 start*/	
	.quote {width:250px; text-align:left; float:right}
		#frmcontact {width:220px; float:left; padding-top:0px;}
		#frmcontact label {font-size:11px; color:#7f7f7f; display:block; padding-bottom:2px;}
		#frmcontact span {color:#A50E0E; font-size:10px; font-weight:bold;padding-bottom:2px;}
		.textboxcontact {border:1px solid #aac4d6; width:170px; background:url(images/name_bg.jpg) repeat-x; padding:2px 2px 5px 3px; height:15px}
		.textareacontact {border:1px solid #aac4d6; font-size:11px; width:175px; background:url(images/textarea_bg.jpg) repeat-x; height:50px; float:left}
		.submitcontact {background: url(images/submit.jpg) no-repeat scroll 0 0; border:medium none; color:#FFFFFF; cursor:pointer; font-size:12px; font-weight:bold; height:23px; margin:3px 0 0; text-transform:uppercase; width:100px; float:left}
/*column4 end*/
		
		#footerS {width:100%; float:left; height:47px; background:url(images/footermain_bg.png) repeat-x 0 0; }
		#footercont {width:990px; margin:0 auto; padding-top:15px; }
		.footerL {width:650px; font-size:10px; color:#fff; float:left; text-align:left}
			.footerL a:link, .footerL a:visited {color:#fff; text-decoration:none;}
			.footerL a:hover {text-decoration:none; color:#efefef;}
		.footerR {width:270px; font-size:10px; color:#fff; float:right; text-align:right}
		
ul.ordered {margin:7px 0px 15px 25px; padding:0px; text-align:left;}
.ordered li{font-size:12px; color:#323232; line-height:20px; text-align:left;}

.testinside {font-size:11px; color:#424a4d; line-height:18px; text-align:justify; padding-top:10px;}
		.prtfliobutton {background:url(images/our-portfolio.png) repeat 0px 0px; width: 227px; height: 29px; display: block; z-index:2; float:right}
		a.prtfliobutton span {display: none;}
		a.prtfliobutton:hover {background: url(images/our-portfolio.png) repeat 0px -29px;  position:relative; z-index:2;}
		
/*POPULAR PRODUCT BOX STARTS*/
#popular {background:url(images/footer_bg.jpg) top left repeat-x; height:429px; width:100%; text-align:center; float:left; margin-top:10px;}
	#content_area { margin:0 auto; width:990px; text-align:center; padding-top:15px; padding-left:15px;}
	#content_area2 { margin:0 auto; width:500px; text-align:center; padding-top:15px; float:left; clear:both;}
	#tab1_container {float:left; height:140px; width:242px; }
	#tab1 {background:transparent url(images/tab1.png) no-repeat 0 10px; display:block; height:140px; text-indent:-9999px; width:242px;}
	#tab2_container {float:left; height:140px; width:242px; margin-left:2px;}
	#tab2 {background:transparent url(images/tab2.png) no-repeat scroll 0 10px; display:block; height:140px; text-indent:-9999px; width:242px;}
	#tab3_container {float:left; height:140px; width:242px; margin-left:2px;}
	#tab3 {background:transparent url(images/tab3.png) no-repeat scroll 0 10px; display:block; height:140px; text-indent:-9999px; width:242px;}
	#tab4_container {float:left; height:140px; width:242px; margin-left:2px;}
	#tab4 {background:transparent url(images/tab4.png) no-repeat scroll 0 10px; display:block; height:140px; text-indent:-9999px; width:242px;}
	
/*HOMEPAGE SLIDER STARTS*/
/*#slider {height:232px !important; overflow:hidden; position:relative; width:970px !important; margin:0px auto;}
#slider ul, #slider li {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#slider li {float:left; height:232px !important; overflow:hidden; width:970px !important;}*/

/*SERVICES PAGE*/
/*.servicepoints {width:620px}
.servicepoints h3 {font-size:14px; font-weight:normal; color:#000; padding-bottom:5px; padding:10px 0px 0px 10px; text-decoration:none;}
ul.servicepoints {margin:0px; padding:0px;text-decoration:none;}
.servicepoints li {background:#f9f9f9; color:#333333; border:1px solid #e0e0e0; width:620px; list-style:none; text-decoration:none; margin-bottom:15px;}
.servicepoints li a:link, .servicepoints li a:visited {color:#fff; display:block; text-decoration:none;}
.servicepoints li a:hover {background:#efefef; text-decoration:none; }
.servicepoints p{font-size:12px; padding:10px; text-decoration:none; }*/

/*TESTIMONIALS PAGE*/
#content-primary {float:left; width:610px; }
#content-secondary {float:right; width:270px;}
div.testimonialsm {color:#323232; margin-bottom:20px;}
div.testimonialsm p {padding-bottom:20px; padding-left:10px;}
div.section, dl.faq dd, div.schedule p {background:transparent url(images/separator.gif) no-repeat scroll left bottom; margin-bottom:14px; padding-bottom:2px; width:100%;}
blockquote p:first-child {background:transparent url(images/quote-left.gif) no-repeat scroll 0 0; padding-top:48px; padding-left:10px;}
blockquote {background:transparent url(images/quote-right.gif) no-repeat scroll right bottom; margin:0 0 14px; padding:0; width:100%;}

/*CONTACT US PAGE*/
.main-content {float:left; width:630px;}
.span1, .span2, .span4, .span5 {float:left; text-align:left;}
.span2 ul, ol{list-style-type:none; margin:13px 0 13px 15px; padding:0;}
.span2 ul li, .span2 ol li {line-height:1.7; margin:0 0 2px; padding:0;}
.span2 li a:hover{text-decoration:underline; color:#323232;}
#contactform {width:300px; margin-left:60px}
#contactform li{position:relative;}
#contactform label {color:#666666; display:block; float:left; font-size:11px; font-weight:normal; left:10px; padding:8px 0 0; position:absolute; top:1px; width:100px;}
#contactform input, #contactform textarea {background:#F7F7F7 none repeat scroll 0 0; border:1px solid #CCCCCC; color:#666666; font-size:11px; margin:4px 0 13px; padding:6px; width:100%;}
#contactform .errorbox {color:#BB252C; display:none; font-weight:bold; margin:0;}

/*SLIDE BOX*/
div.slideBox {background-color:#000000; border-top:1px solid #CCCCCC; float:left; height:133px; overflow:hidden; position:relative; width:218px; z-index:1;}
div.slideBox div.Scontent {position:absolute; z-index:1;}
.Scontent {padding:10px 15px; z-index:1;}
.Scontent a:link{font-size:11px; color:#FFFFFF; text-decoration:none;}
.Scontent a:visited{font-size:11px; color:#FFFFFF; text-decoration:none;}
.Scontent a:hover{font-size:11px; color:#FF9900; text-decoration:none;}
.Scontent H4 {font-size:12px; font-weight:bold; margin:0px; padding-bottom:7px; color:#acacac; } 
.Scontent p{color:#f8f8f8; font-size:11px; line-height:15px; z-index:1;}
.Scontent a:link, .Scontent a:visited {background-color:#333333; border:1px solid #111111; color:#999999; padding:2px 8px; position:relative; text-decoration:none; top:10px; color:#f8f8f8; font-size:11px;}
div.slideBox p, div.slideBox h3 {margin:0; padding:0; z-index:auto;}
div.slideBox img {border:0 solid #33415C; position:absolute; width:218px; z-index:2;}
.Scontent a:hover {background-color:#555555; color:#FF9900; text-decoration:none;}



/*seo packages table*/
.seotable {font-size:12px; text-align:left; margin-left:20px;}
.seotable .title { background-color:#36abcd; color:#fff; font-size:12px; font-weight:bold; border-right:solid 1px #ccc; padding:0px;}
.seotable td { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc; padding:3px}
/*seo packages table*/

/*image slider css*/
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:408px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:18px; left:18px}
#thumbwrapper {margin-top:10px; padding:8px 0; width:682px; height:106px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:106px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:106px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer; border:solid 1px #999; height:104px;}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
/*image slider css*/

/*coupon*/	
#coupontraffic h1 a {margin:0px; padding:0px; background:url(images/coupon_traffic.png) top center no-repeat; float:right; width:274px; height:235px; text-indent:-99999px; margin:30px 10px 10px 0px; }
#couponcustomer h1 a {margin:0px; padding:0px; background:url(images/coupon_customer.png) top center no-repeat; float:right; width:274px; height:235px; text-indent:-99999px; margin:10px 10px 10px 0px; }
#couponwebsolution h1 a {margin:0px; padding:0px; background:url(images/coupon_websolution.png) top center no-repeat; float:right; width:274px; height:235px; text-indent:-99999px; margin:20px 10px 0px 0px; }
#couponhosting h1 a {margin:0px; padding:0px; background:url(images/coupon_economyweb_hosting.png) top center no-repeat; float:right; width:274px; height:235px; text-indent:-99999px; margin:20px 10px 0px 0px; }
/*coupon*/

/*About block*/
.aboutblockmid {background:#fcfcfc url(images/about-block-middle.jpg) repeat-x left top; width:624px; border-left:1px solid #efefef; border-right:1px solid #efefef; padding:20px 12px 0px 12px;  height:auto; display:table; margin:0px;}
.aboutblockmid ul {margin:0 0 15px 15px;  padding-bottom:10px; list-style:none;}
.aboutblockmid li { margin:0px; padding-left:13px; background:url(images/blue-bullet.gif) no-repeat left top; list-style:none; line-height:22px; text-align:left;}
/*.aboutblockmid ul {margin:0 0 15px 15px;  padding-bottom:10px; list-style:none;}
.aboutblockmid li {float:left; width:265px; margin:0px; padding-left:13px; background:url(images/blue-bullet.gif) no-repeat left top; list-style:none; line-height:22px; text-align:left;}*/


.blueblock {background:#c5e4f6 url(images/blue-block-middle.jpg) repeat-x left top; width:648px; border-left:1px solid #a6d0e7; border-right:1px solid #a6d0e7; padding:0px; margin:0; height:auto; display:table; }
.blueblock h3 {font-size:14px; font-weight:bold; font-family:Verdana; color:#DB6200;  padding:10px 0px 10px 15px; margin:0px; text-decoration:none;}
.blueblock a:link, .blueblock a:visited {display:block; text-decoration:none;}
.blueblock a:hover { text-decoration:none; }
.blueblock .blockcont{font-size:12px; padding:10px 15px; text-decoration:none; font-family:Verdana; line-height:22px; }
.blueblock ul {margin:0 0 15px 15px;  padding:0px; list-style:none;}
.blueblock li {float:left; width:265px; margin:0px; padding-left:13px; background:url(images/blue-bullet.gif) no-repeat left top; list-style:none; line-height:22px; text-align:left;}


.grayblock {background:#e9e9e9 url(images/gray-block-middle.jpg) repeat-x left top; width:648px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:0px; margin:0px; height:auto; display:table; }
.grayblock h3 {font-size:14px; font-weight:bold; font-family:Verdana; color:#DB6200; padding:10px 0px 10px 15px; margin:0px; text-decoration:none;}
.grayblock a:link, .grayblock a:visited {display:block; text-decoration:none;}
.grayblock a:hover {text-decoration:none; }
.grayblock .blockcont{font-size:12px; padding:10px 15px; text-decoration:none; font-family:Verdana; line-height:22px; }
.grayblock ul {margin:0 0 15px 15px; padding:0px; list-style:none;}
.grayblock li { float:left; width:265px; margin:0px; padding-left:13px; background:url(images/blue-bullet.gif) no-repeat left top; list-style:none; line-height:22px; text-align:left;}


.anchorlinkblock {background:#afe0eb url(images/anchor-block-middle.jpg) repeat-x left top; width:648px; border-left:1px solid #a5dbe8; border-right:1px solid #a5dbe8; padding:0px; margin:0; height:auto; display:table; }
.anchorlinkblock h3 {font-size:14px; font-weight:normal; font-family:Verdana; color:#000;  padding:10px 0px 10px 15px; margin:0px; text-decoration:none;}
.anchorlinkblock .blockcont{font-size:12px; padding:10px 15px; text-decoration:none; font-family:Verdana; line-height:22px; }
.anchorlinkblock ul {margin:0 0 15px 15px; padding:0; list-style:none;}
.anchorlinkblock li {float:left; width:265px; background:url(images/orange-bullet.gif) no-repeat left top; margin:0px; padding-left:13px; list-style:none; line-height:22px; text-align:left;}
.anchorlinkblock li a:link, .serviceblock li a:visited {text-decoration:none;}
.anchorlinkblock li a:hover { text-decoration:none; }

.service { margin:0px; padding:0px;}
.service .grayblock {background:#eeecec url(images/gray-block-middle-services.jpg) repeat-x left top; width:648px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:0px; margin:0px; height:auto; display:table; }
.service .grayblock h3 {font-size:14px; font-weight:normal; font-family:Verdana; color:#000; padding:10px 0px 10px 15px; margin:0px; text-decoration:none;}
.service .grayblock a:link, .service .grayblock a:visited {display:block; text-decoration:none;}
.service .grayblock a:hover {text-decoration:none; }
.service .grayblock .blockcont{ background:url(images/services-arc-bg.png) no-repeat left bottom; font-size:12px; padding:10px 15px; text-decoration:none; font-family:Verdana; line-height:22px; }
.service .grayblock ul {margin:0 0 15px 15px; padding-bottom:10px; list-style:none;}
.service .grayblock li { float:left; width:265px; margin:0px; padding-left:13px; background:url(images/blue-bullet.gif) no-repeat left top; list-style:none; line-height:22px; text-align:left;}

ul.column {margin:7px 0 15px 15px; padding:0; list-style:none;}
.column li{ width:285px; font-size:12px; color:#323232; line-height:20px; background:url(images/blue-bullet.gif) no-repeat left top; padding-left:13px; }

.topbutton {background:url(images/top_btn.png) repeat 0px 0px; width: 39px; height: 16px; display: block; position:relative; z-index:2; }
		a.topbutton span {display: none;}
		a.topbutton:hover {background: url(images/top_btn.png) repeat 0px -16px;  position:relative; z-index:2;}


.featuretitle {font-size:16px; color: #17267b; padding-bottom:0px; font-weight:normal; border-bottom:solid 1px #17267b;}

.clearboth { clear:both;}

.form  { width:auto; margin:0; padding:0;}
.form .nameblock {width:130px; padding:5px 0px 5px 0px; text-align:left; float:left;}
.form .inputblock {width:400px; padding:5px 0px 5px 0px; float:left; margin-left:30px;}

/*Slider Css*/


.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content1 {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}

.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
/*a:link, a:visited {
	color: #3671A8;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #CC5914;
}*/
.panel-overlay h2 {color:#FFFFFF; font-size:16px; font-weight:bold;}
.panel-overlay {
	margin: 0px 0px 0px 0px; color:#FFFFFF;  letter-spacing:0.03em; line-height: 18px; padding-bottom:10px;
}

.sitename { color:#fff; font-size:18px; font-weight:bold; text-decoration:none; padding:5px 0px;}

/*Slider Css -End*/


#connect-with-us{ width:277px; background:url(images/connect-bg.jpg) top left no-repeat; height:93px;}
.so-icon-list{width:250px; margin:0px auto; padding-top:45px;}
.so-icon-list ul{margin:0px; padding:0px;}
.so-icon-list li{float:left; list-style:none; list-style-type:none; padding:0px 12px 0px 12px; margin:2px 0px 0px 0px; }

/*portfolio*/

#porfolio { width:650px; margin:0px auto; padding:0px;}

.portfolio1 a { padding:0px; background:url(images/PortfolioGraphics1.jpg) top center no-repeat; float:left; width:209px; height:200px; text-indent:-99999px; margin:0px 0px 0px 0px; }
.portfolio2 a { padding:0px; background:url(images/PortfolioGraphics2.jpg) top center no-repeat; float:left; width:209px; height:200px; text-indent:-99999px; margin:0px 10px; }
.portfolio3 a { padding:0px; background:url(images/PortfolioGraphics3.jpg) top center no-repeat; float:left; width:209px; height:200px; text-indent:-99999px; margin:0px 0px 0px 0px; }

/*portfolio*/

/*Homepage Slider Starts*/	
#slider { margin:0px auto; clear:both; overflow:hidden; height:295px; position:relative; width:900px;}
	
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#slider li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:900px;
	height:295px;
	overflow:hidden;
}
#slider img {
	padding:30px;
}
#slider li .content {
	padding:30px 20px 10px 0px;
}

#slider li .content  h1 {
	font-size:20px;
	font-weight:bold; border-bottom:none;
}
#slider li .content p {
font-size:12px; line-height:22px;
}

#prevBtn, #nextBtn {
	display:block;
	margin:0;
	overflow:hidden;       
	width:33px;
	height:84px;
	position:absolute;
	left:0 auto;
	 
}

#nextBtn {
	right:0;
}
#prevBtn a, #nextBtn a {
	display:block;
	width:33px;
	height:84px;
	background:url(images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a {
	background:url(images/btn_next.gif) no-repeat 0 0;
}
img {
	border:none;
}
pre {
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;
	margin:.5em 0;
	width:674px;
}
/* image replacement */
        .graphic {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}	
#prevBtn{
	margin:0;
	padding:0 8px;
	display:block;
	overflow:hidden;
	text-indent:-8000px; top:269px;
}
#nextBtn{
	margin:0 auto;
	padding:0 6px;
	display:block; position:relative; top:-188px;
	overflow:hidden; float:right;
	text-indent:-8000px;
	width:36px;
}	

#content-sli {
	position:relative;
}
.sliderbutton { margin-left:416px; text-align:left;}
/*Homepage Slider Ends*/

/*request a quote start*/	
#requestaquote h1 a {margin:0px; padding:0px; background:url(images/requestaquote_graphc.jpg) top center no-repeat; float:right; width:273px; height:68px; text-indent:-99999px; margin:10px 5px 10px 0px;}
/*request a quote end*/

/*home box end*/
#homebox { border:solid 1px #36abcd; background-color:#f9f9f9; padding:10px; color:#2e2e2e; font-family:Verdana; font-size:12px; letter-spacing:0.03em; line-height:22px; font-weight:normal;}
#homebox .title {font-size:16px; color: #17267b; padding-bottom:0px; font-weight:bold;}
/*home box end*/

/*----Tab contant-----*/

img{border:0px;}
#moving_tab {
		/* hide overlength child elements*/
		overflow:hidden;
		
		/* all the child elements are refering to this width */
		width:613px;
        
		/* fix ie 6 overflow bug */
		position:relative
		
		/* styling */
		border:1px solid #ccc; float:leftl
		margin:0 auto;
	}
	
		#moving_tab .tabs {
			/* enable absolute position for .lava */
			position:relative;	
			height:130px;
			 float:left;
			/* styling */
			padding-top:5px;
			cursor:default;
		}
	
		#moving_tab .tabs .item {
			/* enable z-index */
			position:relative;
			z-index:10; float:left; margin:10px;
		
			/* display in one row */
			float:left;
			display:block;

			/* width = half size of #moving_tab */
			width:150px;
			
			/* height = height of .tabs */
			text-align:center;
			font-size:14px;
			font-weight:700;	
		}

		#moving_tab .tabs .lava {
			/* Set it to absolute */
			position:absolute;
			top:0; left:0;
			
			/* display the lava in bottom most layer */
			z-index:0;		
				
			/* width = half size of #moving_tab */
			width:150px;

			/* height = height of .tabs */
			height:30px;
			
			/* styling */
			background:#abe3eb;

		}
		
		#moving_tab .content {
			/* enable absolute position for .panel */	
			position:relative; width:300px; float:right;
			overflow:hidden;
			
			/* styling */
			background:#abe3eb;
			border-top:1px solid #d9fafa;
		}
		
		#moving_tab .panel {
			/* width is width of #moving_tab times 2 */
			position:relative;
			width:600px;
		}
		
		#moving_tab .panel ul {
			/* display in one row */
			float:left;
			
			/* width is the same with #moving_tab */
			width:300px;
			
			/* remove all styles */
			padding:0;
			margin:0;
			list-style:none;
			

		}
			/* styling */
			#moving_tab .panel ul li {
				padding:5px 0 5px 10px;	
				border-bottom:1px dotted #fff;
			}
	
	
	
.more-img{width:62px; height:20px; margin:10px 10px 10px 0px; float:right;
	clear:both;}	
	
.tab{width:253px; height:300px; float:left; overflow:hidden;}	
	
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none; height:300px; clear:both;
	 /*--Set height of tabs--*/
	
	width:256px;
}
ul.tabs li {
	margin: 0;
	height: 100px; /*--Subtract 1px from the height of the unordered list--*/
	 /*--line-height: 30px; Vertically aligns the text within the tab--*/
	/*margin-bottom: -1px;*/ /*--Pull the list item down 1px--*/
	overflow:hidden; display:block;
	letter-spacing:normal; padding:0px;
	background:url(images/left-tab-bg.png) top left no-repeat;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size:13px; margin:0px;
	padding:37px 20px 0px 20px;
	/*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none; font-weight:bold; font-family:"Trebuchet MS";  height:100px;
}
ul.tabs li a:hover {
	background:url(images/tab-hover-bg.png)top left no-repeat; height:100px; color:#00679d; margin:0px; 
}
ul.tabs li a:active {
	background: url(images/tab-hover-bg.png) top left no-repeat; height:100px; color:#00679d; margin:0px;}
/*ul.tabs li.active,  ul.tabs li.active a:hover  {
	background: url(images/tab-hover-bg.png) top left no-repeat; height:65px; color:#fff;margin:0px;
	
}	*/
	
.tab_container {
 height:300px;
	overflow: hidden; float:left;
	
	float: left; width:397px;
	/*background:url(images/tab-menu-cantbg.jpg) top left no-repeat;*/
}
.tab_content {
	margin:10px 15px 10px 10px; line-height:19px; color:#000000; display:block;
	font-size:12px; height:250px; 
}	

.home-tab-body{width:650px; margin:5px auto; height:300px; display:table; background:url(images/tab-bodybg.jpg) top left no-repeat;}

.calltrakingbg {background: url(images/call-traking-tab-bg.jpg) top left no-repeat; width:274px; height:154px; padding:0; margin:0;}

.getstartedbutton {background:url(images/get_started_today.png) repeat 0px 0px; width: 152px; height: 29px; display: block; z-index:2; float:left;}
a.getstartedbutton span {display: none;}
a.getstartedbutton:hover {background: url(images/get_started_today.png) repeat 0px -29px;  position:relative; z-index:2;}

.expertisebutton {background:url(images/expertise-cert.png) repeat 0px 0px; width: 170px; height: 29px; display: block; z-index:2; float:right}
a.expertisebutton span {display: none;}
a.expertisebutton:hover {background: url(images/expertise-cert.png) repeat 0px -29px;  position:relative; z-index:2;}