/* 

Title : 89Bytes - Default StyleSheet Version 1.0

CSS Level : CSS 2.1

Author : Sujay Ghatak - 89Bytes Web Studio

URL : www.89Bytes.com

Created : October 22, 2008

Copyright: 89Bytes Web Studio. All Rights Reserved.

*/


/*----------Common----------*/
* { padding:0px; margin:0px; }
html{ height: 100%;  margin-bottom: 1px; }
body { background:#242424 url(../images/background.jpg) left top repeat; font:normal 11px "Trebuchet MS", Arial, Verdana; color:#666666; }
img { border:0px; }
.floatLeft, .floatMid, .fL { float:left; }
.floatRight, .fR, .fRight { float:right; }
.ovflow { overflow:hidden; }
.clear { clear:both; display:block; }
.Holder, #FooterContent { width:960px; margin:auto; }
.more { font-weight:bold; text-align:right; }
.error { color:#CC0000; }
.bigBlkTxt { font-size:12px; color:#111; border-bottom:1px solid #666666; }
input, select, textarea { font:normal 12px "Trebuchet MS", Arial, Verdana; color:#666; }
#HomePage, #Header, #Content, #Footer { width:100%; }
#Footer a, #FooterContent a { color:#FFCC00; text-decoration:none; }
#Footer a:hover, #FooterContent a:hover { color:#e4e0db; }
/*----------HomePage----------*/
#HomePage { background:#850129 url(../images/logo.gif) center 40px no-repeat; height:440px; border-bottom:1px dashed #b5043b; }
#HomePage .menuItem { width:670px; margin:auto; padding:300px 0px 0px 0px; }
#HomePage .menuItem li { display:inline; }
#HomePage .menuItem li.divider { width:2px; background:url(../images/home-divider.gif) left top repeat-y; float:left; height:120px; }
#HomePage .menuItem li a { float:left; display:block; margin:45px 28px 35px 28px; height:32px; border-bottom:8px solid #850129; }
#HomePage .menuItem li a:hover { border-bottom:8px solid #91002d; }
#HomePage .menuItem li a.design { background:url(../images/design.gif) left top no-repeat; width:101px; }
#HomePage .menuItem li a.development { background:url(../images/development.gif) left top no-repeat; width:196px; }
#HomePage .menuItem li a.promotion { background:url(../images/promotion.gif) left top no-repeat; width:173px; }
#HomePage .menuItem li a span { display:none; }
#HomePage .centerItem { text-align:center; }
#HomePage h1 { display:none; }

/*----------Header----------*/

#Header .floatRight { width:394px; padding-top:34px; }
#Header .floatRight ul { height:30px; overflow:hidden; }
#Header .floatRight li { display:inline; }
#Header .floatRight li a { float:left; display:block; margin-right:22px; height:17px; }
#Header .floatRight li a span { display:none; }
#Header .HeaderContent { padding-top:15px; }

/*----------Content----------*/

#Content h2 { display:block; height:29px; font-size:14px; }
#Content h2 span { display:none; }
#Content h2.welcome { background:url(../images/welcome.gif) left top no-repeat; }
#Content h2.recentWorks { background:url(../images/recent-works.gif) left top no-repeat; }
#Content h2.testimonials { background:url(../images/testimonials.gif) left top no-repeat; }
#Content h2.explore { background:url(../images/explore.gif) 10px top no-repeat; height:36px; }
#Content h2.quickQuote { background:url(../images/quick-quote.gif) left top no-repeat; height:36px; }
#Content h2.clients { background:url(../images/clients.gif) left top no-repeat; }
#Content h2.quote { background:url(../images/request-a-quote.gif) left top no-repeat; margin-top:10px; }
#Content h2.caseStudies { background:url(../images/case-studies.gif) left top no-repeat; margin-top:5px; }
#Content h2.whoWeAre { background:url(../images/who-we-are.gif) left top no-repeat; }
#Content h2.contact { background:url(../images/contact-us.gif) left top no-repeat; }
#Content h2.reasons { background:url(../images/reasons.gif) left top no-repeat; margin-top:5px; }
#Content h2.webDesign { background:url(../images/web-design.gif) left top no-repeat; height:36px; }
#Content h2.logoDesign { background:url(../images/logo-design.gif) left top no-repeat; height:36px; }
#Content h2.xhtmlCss { background:url(../images/xhtml-css.gif) left top no-repeat; }
#Content h2.BannerSalesPage { background:url(../images/banners-sales-page.gif) left top no-repeat; height:36px; }
#Content h2.flashAnimations { background:url(../images/flash-animations.gif) left top no-repeat; }
#Content h2.brochureFlyer { background:url(../images/brochure-flyer.gif) left top no-repeat; height:36px; }
#Content h2.openSource { background:url(../images/open-source.gif) left 10px no-repeat; height:36px; }
#Content h2.onlineStores { background:url(../images/online-stores.gif) left top no-repeat; }
#Content h2.customWebDev { background:url(../images/custom-website-development.gif) left top no-repeat; height:36px; }
#Content h2.eCommerce { background:url(../images/ecommerce.gif) left top no-repeat; height:36px; }
#Content h2.terms { background:url(../images/terms.gif) left 6px no-repeat; }
#Content h2.privacy { background:url(../images/privacy.gif) left top no-repeat; height:36px; }
#Content h2.links { background:url(../images/links.gif) left top no-repeat; height:36px; }
#Content h2.noMarginTop { margin-top:0px; }
#Content .txtContent { padding-bottom:15px; }
#Content .txtContent .fL { width:43%; }
#Content .txtContent .fR { width:47%; }
#Content .box { float:left; width:104px; height:100px; background:url(../images/works-bg.gif) left top no-repeat; padding-bottom:10px; }
#Content .box img { padding:7px 0px 0px 8px; }
#Content .lastBox { width:104px; }
#Content .clientInfo { background:url(../images/testi.gif) 25px top no-repeat; border-bottom:1px solid #e5efe5; padding: 19px 0px 10px 10px; }
#Content .clientInfo strong { color:#000; }
#Content .testimonial { background:#E8E8E8; padding:13px; color:#202020; }
#Content .frmArea { line-height:24px; color:#403f3f; padding-bottom:10px; }
#Content .frmArea .inputBox, #Content .frmArea textarea { padding:2px; border:1px solid #c5c4c4; width:194px; background:#f9f9f9; }
#Content .frmArea .inputBoxBig, #Content .frmArea textarea.Big { padding:4px; border:1px solid #c5c4c4; width:390px; background:#f9f9f9; }
#Content .button { border: 1px outset; cursor : default; font:bold 10px "Trebuchet MS", Arial, Verdana; background: url(../images/button.gif) left top repeat-x; text-transform:uppercase; padding:0px 4px; }
#Content .frmArea .button { margin-top:8px; }
#Content .frmArea .optional { color:#aaa; }
#Content .doubleCoulumn .fL, #Content .doubleCoulumn .fR { width:49%; }
#Content .doubleCoulumn .fL p, #Content .doubleCoulumn .fR p { margin:0px; line-height:25px; background:url(../images/arrow.gif) left 9px no-repeat; padding-left:20px; }
#Content .normalList p { margin:0px; background:url(../images/arrow.gif) 15px 4px no-repeat; padding-left:35px; margin-bottom:8px; }
#Content div.more { padding:5px; border-bottom:1px solid #e8e8e8; }
#Content .boldTxt { font-weight:bold; }
#Content .botPadding { padding-bottom:10px; }
#Content .wBox { width:228px; margin-bottom:25px; padding:10px; background:#f2f2f2; border:1px solid #ebeaea; text-align:center; float:left; overflow:hidden; }
#Content .wBoxtext { padding-top:10px; font-weight:bold; text-transform:uppercase; font-size:13px; color:#333; }
#Content .marginR { margin-right:25px; }
#Content .noBorderBottom { border-bottom:0px; }
#Content .lowerTable td { padding:3px 8px 3px 0px; white-space:nowrap; }
#Content .lowerTable td strong { text-transform:uppercase; }

/*----------Footer----------*/

#Footer { text-align:right; color:#fff; border-bottom:1px dashed #232323; background:#0b0b0b; }
#Footer .Holder{ background:#0b0b0b url(../images/logo-black.gif) left center no-repeat;padding:10px 0px; }

/*----------FooterContent----------*/

#FooterContent { padding:15px 0px; color:#fff; }
#FooterContent .floatLeft { width:400px; }
#FooterContent .floatRight { width:250px; text-align:right; }