* {
padding : 0;
margin : 0;
}
html {
height : 100%;
margin-bottom : 1px;
}
body {
background : #242424 url(../images/background.jpg) repeat left top;
font : normal 11px "Trebuchet MS", Arial, Verdana;
color : #666666;
}
img {
border : 0;
}
.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 : #E27220;
text-decoration : none;
}
#Footer a:hover, #FooterContent a:hover {
color : #e4e0db;
}
#HomePage {
background : #2A000D url(../images/logo.gif) no-repeat center 40px;
height : 440px;
border-bottom : 1px dashed #b5043b;
}
#HomePage .menuItem {
width : 670px;
margin : auto;
padding : 300px 0 0 0;
}
#HomePage .menuItem li {
display : inline;
}
#HomePage .menuItem li.divider {
width : 2px;
background : url(../images/home-divider.gif) repeat-y left top;
float : left;
height : 120px;
}
#HomePage .menuItem li a {
float : left;
display : block;
margin : 45px 28px 35px 28px;
height : 32px;
border-bottom : 8px solid #2A000D;
}
#HomePage .menuItem li a:hover {
border-bottom : 8px solid #2A000D;
}
#HomePage .menuItem li a.design {
background : url(../images/design.gif) no-repeat left top;
width : 101px;
}
#HomePage .menuItem li a.development {
background : url(../images/development.gif) no-repeat left top;
width : 196px;
}
#HomePage .menuItem li a.promotion {
background : url(../images/promotion.gif) no-repeat left top;
width : 173px;
}
#HomePage .menuItem li a span {
display : none;
}
#HomePage .centerItem {
text-align : center;
}
#HomePage h1 {
display : none;
}
#Header .floatRight {
width : 456px;
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 h2 {
display : block;
height : 29px;
font-size : 14px;
}
#Content h2 span {
display : none;
}
#Content h2.welcome {
background : url(../images/welcome.gif) no-repeat left top;
}
#Content h2.about {
background : url(../images/about.gif) no-repeat left top;
}
#Content h2.get-in-touch {
background : url(../images/get-in-touch.gif) no-repeat left top;
}
#Content h2.works {
background : url(../images/works.gif) no-repeat left top;
}
#Content h2.news {
background : url(../images/news.gif) no-repeat left top;
}
#Content h2.clients {
background : url(../images/clients.gif) no-repeat left top;
}
#Content h2.pay {
background : url(../images/paybill.gif) no-repeat left top;
}
#Content h2.client-login {
background : url(../images/client-login.gif) no-repeat left top;
}
#Content h2.recentWorks {
background : url(../images/recent-works.gif) no-repeat left top;
}
#Content h2.testimonials {
background : url(../images/testimonials.gif) no-repeat left top;
}
#Content h2.explore {
background : url(../images/explore.gif) no-repeat 10px top;
height : 36px;
}
#Content h2.quickQuote {
background : url(../images/quick-quote.gif) no-repeat left top;
height : 36px;
}
#Content h2.clients {
background : url(../images/clients.gif) no-repeat left top;
}
#Content h2.quote {
background : url(../images/request-a-quote.gif) no-repeat left top;
margin-top : 10px;
}
#Content h2.fquote {
background : url(../images/quote-form.gif) no-repeat left top;
}
#Content h2.caseStudies {
background : url(../images/case-studies.gif) no-repeat left top;
margin-top : 5px;
}
#Content h2.whoWeAre {
background : url(../images/who-we-are.gif) no-repeat left top;
}
#Content h2.contact {
background : url(../images/contact-us.gif) no-repeat left top;
}
#Content h2.reasons {
background : url(../images/reasons.gif) no-repeat left top;
margin-top : 5px;
}
#Content h2.webDesign {
background : url(../images/web-design.gif) no-repeat left top;
height : 36px;
}
#Content h2.logoDesign {
background : url(../images/logo-design.gif) no-repeat left top;
height : 36px;
}
#Content h2.xhtmlCss {
background : url(../images/xhtml-css.gif) no-repeat left top;
}
#Content h2.BannerSalesPage {
background : url(../images/banners-sales-page.gif) no-repeat left top;
height : 36px;
}
#Content h2.flashAnimations {
background : url(../images/flash-animations.gif) no-repeat left top;
}
#Content h2.brochureFlyer {
background : url(../images/brochure-flyer.gif) no-repeat left top;
height : 36px;
}
#Content h2.openSource {
background : url(../images/open-source.gif) no-repeat left 10px;
height : 36px;
}
#Content h2.onlineStores {
background : url(../images/online-stores.gif) no-repeat left top;
}
#Content h2.customWebDev {
background : url(../images/custom-website-development.gif) no-repeat left top;
height : 36px;
}
#Content h2.seo {
background : url(../images/seo.gif) no-repeat left top;
height : 36px;
}
#Content h2.ppc {
background : url(../images/payperclick.gif) no-repeat left top;
height : 36px;
}
#Content h2.eCommerce {
background : url(../images/ecommerce.gif) no-repeat left top;
height : 36px;
}
#Content h2.terms {
background : url(../images/terms.gif) no-repeat left 6px;
}
#Content h2.privacy {
background : url(../images/privacy.gif) no-repeat left top;
height : 36px;
}
#Content h2.noMarginTop {
margin-top : 0;
}
#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) no-repeat left top;
padding-bottom : 10px;
}
#Content .box img {
padding : 7px 0 0 8px;
}
#Content .lastBox {
width : 104px;
}
#Content .clientInfo {
background : url(../images/testi.gif) no-repeat 25px top;
border-bottom : 1px solid #e5efe5;
padding : 19px 0 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 .inputBox2, #Content .frmArea textarea {
padding : 2px;
    margin-left: auto;
    margin-right: auto;

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) repeat-x left top;
text-transform : uppercase;
padding : 0 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 : 0;
line-height : 25px;
background : url(../images/arrow.gif) no-repeat left 9px;
padding-left : 20px;
}
#Content .normalList p {
margin : 0;
background : url(../images/arrow.gif) no-repeat 15px 4px;
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;
float : left;
margin-bottom : 25px;
padding : 10px;
background : #f2f2f2;
border : 1px solid #ebeaea;
text-align : center;
}
#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 : 0;
}
#Footer {
text-align : right;
color : #fff;
border-bottom : 1px dashed #232323;
background : #0b0b0b;
}
#Footer .Holder {
background : #0b0b0b url(../images/logo-black.gif) no-repeat left center;
padding : 10px 0;
}
#FooterContent {
padding : 15px 0;
color : #fff;
}
#FooterContent .floatLeft {
width : 400px;
}
#FooterContent .floatRight {
width : 250px;
text-align : right;
}
a {
color : #850128;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
#Header {
background : #2A000D;
}
#Header .TopArea {
background : #719F00;
padding : 8px 0;
text-align : right;
color : #E27220;
}
#Header .TopArea a {
color : #fffffe;
text-decoration : none;
font-weight : bold;
padding : 0 3px;
}
#Header .TopArea a.selected, #Header .TopArea a:hover {
color : #E27220;
}
#Header .Main {
background : url(../images/h-divider.gif) repeat-x left bottom;
height : 85px;
}
#Header .InnerMain {
height : 75px;
}
#Header h1.logo {
float : left;
margin-top : 15px;
background : url(../images/cmddesign2.gif) no-repeat left top;
z-index: 1;
}
#Header h1.logo a {
display : block;
width : 200px;
height : 52px;
}
#Header h1.logo a span {
display : none;
}
#Header .floatRight li a {
border-bottom : 5px solid #2A000D;
}
#Header .floatRight li a:hover {
border-bottom : 5px solid #9f0030;
}
#Header .floatRight li a.selected {
border-bottom : 5px solid #6b0020;
}
.floatRight li a.home {
background : url(../images/home-r.gif) no-repeat 2px top;
width : 44px;
}
.floatRight li a.about {
background : url(../images/about-r.gif) no-repeat 2px top;
width : 51px;
}
.floatRight li a.works {
background : url(../images/works-r.gif) no-repeat 2px top;
width : 52px;
}
.floatRight li a.clients {
background : url(../images/clients-r.gif) no-repeat 2px top;
width : 56px;
}
.floatRight li a.blog {
background : url(../images/blog-r.gif) no-repeat 2px top;
width : 40px;
}
.floatRight li a.getInTouch {
background : url(../images/get-in-touch-r.gif) no-repeat 2px top;
width : 102px;
margin-right : 0;
}
#Header .HeaderContent {
background : url(../images/design-moto.gif) no-repeat left 35px;
height : 85px;
}
#Header .HeaderContent span {
display : none;
}
#Content {
background : #fff url(../images/content-bg.gif) repeat-x center top;
padding : 65px 0 10px 0;
}
#Content .floatLeft {
width : 525px;
}
#Content .floatLeft p {
margin-bottom : 15px;
}
#Content .floatMid {
width : 200px;
border-left : 1px solid #e8e8e8;
padding : 0 10px;
margin-left : 10px;
}
#Content .floatRight {
width : 200px;
border-left : 1px solid #e8e8e8;
padding-bottom : 10px;
}
#Content .fRight {
width : 400px;
border-left : 1px solid #e8e8e8;
padding : 0 10px;
}
#Content .headings, #Content .headingsBig, #Content .headingsBigNoMargin {
margin-bottom : 10px;
border-bottom : 1px solid #e8e8e8;
}
#Content .headings {
padding-bottom : 10px;
}
#Content .headingsBig {
padding-bottom : 3px;
}
#Content .headingsBigNoMargin {
margin-bottom : 0;
padding-bottom : 3px;
}
#Content .headingsBigTopMargin {
margin-bottom : 0;
padding-bottom : 10px;
margin-top : 10px;
}
#Content .floatRight a {
display : block;
border-bottom : 1px solid #e8e8e8;
background-color : #fff;
color : #333;
text-decoration : none;
padding : 7px 12px;
}
#Content .floatRight a:hover {
background-color : #f2f2f2;
}
#Content .floatRight a.selected {
background-color : #333;
color : #fff;
}

#maincontent2 {
padding : 8px 0;
color : #000000;
}

.mainmenu {
text-align : right;
}



/*----------Content----------*/
#Content { background:#fff url(../images/content-bg.gif) center top repeat-x; padding:65px 0px 10px 0px; }
#Content .floatLeft { width:525px; }
#Content .floatLeft p { margin-bottom:15px; }
#Content .floatMid { width:200px; border-left:1px solid #e8e8e8; padding:0px 10px; margin-left:10px; }
#Content .floatRight { width:200px; border-left:1px solid #e8e8e8; padding-bottom:10px; }
#Content .fRight { width:400px; border-left:1px solid #e8e8e8; padding:0px 10px; }
#Content .headings, #Content .headingsBig, #Content .headingsBigNoMargin { margin-bottom:10px; border-bottom:1px solid #e8e8e8; }
#Content .headings { padding-bottom:10px; }
#Content .headingsBig { padding-bottom:3px; }
#Content .headingsBigNoMargin { margin-bottom:0px; padding-bottom:3px; }
#Content .headingsBigTopMargin { margin-bottom:0px; padding-bottom:10px; margin-top:10px; }
#Content .floatRight a { display:block; border-bottom:1px solid #e8e8e8; background-color:#fff; color:#333; text-decoration:none; padding: 7px 12px;  }
#Content .floatRight a:hover { background-color:#f2f2f2; }
#Content .floatRight a.selected { background-color:#333; color:#fff; }



/*------------menu--------------*/
#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(../images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #719F00;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(images/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#DF7426;background:#fff url(../images/bgON.gif) no-repeat top right;}





#Content .frmArea textarea dl  {
position : relative;
width : 500px;
padding : 10px;
}



dl  {
position : relative;
width : 500px;
padding : 10px;
}
dt {
clear : both;
float : left;
width : 150px;
padding : 6px 0 2px 0;
text-align : right;
}
dd {
float : left;
width : 300px;
margin : 0 0 16px 0;
padding-left : 6px;
} 


.boxinfo {
padding-top: 0px;
padding-left: 25px;
background:#fff url(../images/background.jpg) center top repeat-x 
}