/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Design Fresh Stylesheet
Author : Wes Smith / wes@designfresh.co.uk / Design Fresh

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000000; color:#ffffff; text-align:center;}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif;}

/* ----- IDS ----- */
#container { text-align:left; font-size:120%; padding:15px 0 0 0;}
#container #navOuterContainer { width:100%; background:url(../images/topNavBg.gif) 0 0 repeat-x; margin-bottom:15px;}
#container #navContainer { width:940px; height:40px; margin:0 auto;}
#container #contentOuterContainer { width:100%; background:url(../images/contentBgBlue.jpg) top center no-repeat;}
#container #contentOuterContainer #header { width:940px; height:110px; margin:0 auto; position:relative;}
#container #contentOuterContainer #header #logo { position:absolute; top:10px; left:0;}
#container #contentOuterContainer #contactDetails { position:absolute; top:30px; left:740px; width:200px; font-size:16px;}
#container #contentOuterContainer #contactDetails #tel { background:url(../images/iconTel.gif) 0 0 no-repeat; padding:0 0 0 20px; line-height:14px; margin-bottom:8px; float:right;}
#container #contentOuterContainer #contactDetails #email { background:url(../images/iconEmail.gif) 0 0 no-repeat; padding:0 0 0 20px; line-height:16px; margin-bottom:10px; float:right;}
#container #contentOuterContainer #contactDetails #email a { text-decoration:none; font-weight:normal;}
#container #contentOuterContainer #contactDetails #email a:hover { text-decoration:underline;}
#container #contentOuterContainer #contentContainer { width:980px; margin:0 auto; background:#181818 url(../images/contentContainerTop.gif) 0 0 no-repeat; position:relative; min-height:1px;}
#container #contentOuterContainer #contentContainer #chat { position:absolute; top:-47px; right:20px; width:150px; background:url(../images/iconChat.gif) 0 0 no-repeat; padding:0 0 0 20px; line-height:16px;}
#container #contentOuterContainer #contentContainer #chat a { font-size:17px;}
#container #contentOuterContainer #contentContainer #contentWrapper { width:940px;}
#container #contentOuterContainer #contentContainer #contentWrapper #contentTop { width:940px; height:1px; display:block; background:url(../images/contentTopBg.gif) no-repeat; font-size:0px; line-height:1px;}
#container #contentOuterContainer #contentContainer #contentWrapper #contentBottom { width:940px; height:1px; display:block; background:url(../images/contentBottomBg.gif) no-repeat; font-size:0;}
#container #contentOuterContainer #contentContainer #contentWrapper #content { width:939px; background:url(../images/contentBodyBg.gif) 0 0 repeat-y; padding:0 0 0 1px;}
#container #contentOuterContainer #contentContainer #content a { color:#32b2e0; font-weight:bold; text-decoration:underline; outline:none;}
#container #contentOuterContainer #contentContainer #content a:hover { text-decoration:none;}
#container #contentOuterContainer #contentContainer #internalWrapper { width:940px;}
#container #contentOuterContainer #contentContainer #internalWrapper #internalTop { width:940px; height:1px; display:block; background:url(../images/internalContentBgTop.gif) no-repeat; font-size:0px; line-height:1px;}
#container #contentOuterContainer #contentContainer #internalWrapper #internalBottom { width:940px; height:1px; display:block; background:url(../images/internalContentBgBottom.gif) no-repeat; font-size:0;}
#container #contentOuterContainer #contentContainer #internalWrapper #internalBody { width:940px; background:url(../images/internalContentBgBody.gif) 0 0 repeat-y; padding:0 0 0 1px;}

/* ----- LEFT COL HOME IDS ----- */
#container #contentOuterContainer #contentContainer #content #leftColHome { float:left; width:698px; background:url(../images/leftColBgHome.gif) 0 0 repeat-x; margin-right:1px;}
#container #contentOuterContainer #contentContainer #content #leftColHome #introBox { padding:0 0 10px 0; background:url(../images/dividerBg.gif) bottom left repeat-x;}
#container #contentOuterContainer #contentContainer #content #leftColHome .serviceBox { padding:15px 0 15px 0; background:url(../images/dividerBg.gif) bottom left repeat-x;}
#container #contentOuterContainer #contentContainer #content #leftColHome .serviceBox.last { padding:15px 0 0px 0; background:none;}

/* ----- LEFT COL WORK IDS ----- */
#work #container #contentOuterContainer #contentContainer #contentWrapper #contentTop { width:940px; height:1px; display:block; background:url(../images/internlContentTopBgWork.gif) no-repeat; font-size:0px; line-height:1px;}
#work #container #contentOuterContainer #contentContainer #contentWrapper #content { width:939px; background:url(../images/contentBodyBgWork.gif) 0 0 repeat-y; padding:0 0 0 1px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork { float:left; width:698px; background:url(../images/middleColBg.gif) 0 0 repeat-x; height:auto !important; height:180px; min-height:180px; margin-right:1px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projects { width:638px; background:url(../images/workBoxesBg.gif) 0 0 repeat-y;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projects .projectBox { float:left; width:200px; height:250px; margin:0 19px 15px 0;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projects .projectBox.last { float:left; width:200px; height:250px; margin:0 0 15px 0;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projects .projectTitle { color:#FFFFFF; font-size:18px; line-height:18px; margin-bottom:10px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projects .projectThumb { background:#2d2d2d; padding:5px; border:1px solid #616060; margin-bottom:10px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projects .projectSummary {}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #mainImage { width:626px; height:388px; background:#2d2d2d; padding:5px; border:1px solid #616060; margin-bottom:15px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs { width:638px; height:80px; background:url(../images/projectThumbsBg.gif) 0 0 no-repeat; margin-bottom:15px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria { list-style:none; width:638px; margin:0; padding:0;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li.first { display:block; width:103px; height:68px; overflow:hidden; float:left; margin:6px 0 0 6px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li { display:block; width:103px; height:68px; overflow:hidden; float:left; margin:6px 0 0 28px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li.last { display:block; width:103px; height:68px; overflow:hidden; float:left; margin:6px 0 0 28px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li a { display:none;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li div { position:absolute; display:none; top:0; left:180px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li div img { cursor:pointer;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li.active div img, .galleria li.active div { display:block;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li .caption { display:block; padding-top:.5em;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .gallery { list-style:none;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .gallery li img { display:none;}
* html #work #container #contentOuterContainer #contentContainer #content #leftColWork #projectThumbs .galleria li div span { width:400px;} /* MSIE bug */
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectInfo { width:638px;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectInfo .title { float:left;}
#work #container #contentOuterContainer #contentContainer #content #leftColWork #projectInfo .backBtn { float:right; margin:5px 0 0 0;}

/* ----- LEFT COL INTERNAL IDS ----- */
#leftCol { width:218px; float:left; background:#181818;}
#general #container #contentOuterContainer #contentContainer #contentWrapper #content { width:939px; background:url(../images/contentBodyBgWork.gif) 0 0 repeat-y; padding:0 0 0 1px;}
#general #leftColGeneral { float:left; width:698px; background:url(../images/middleColBg.gif) 0 0 repeat-x; height:auto !important; height:180px; min-height:180px; margin-right:1px;}

/* ----- MIDDLE COL INTERNAL IDS ----- */
#middleCol { width:458px; float:left; margin-left:22px; background:url(../images/middleColBg.gif) 0 0 repeat-x; height:auto !important; height:180px; min-height:180px;}
#middleCol .stageBox { background:#383838 url(../images/stageBoxBg.gif) bottom right no-repeat; border:1px solid #474747; margin-bottom:20px;}
#middleCol #mapBox { margin-bottom:15px;}
#middleCol .testimonial { padding:0 0 15px 0; margin-bottom:15px; background:url(../images/dividerBg.gif) bottom left repeat-x;}
#middleCol .testimonialSummary { color:#dfddde; padding:0;}
#middleCol .testimonialSummary .quote { display:inline; position:relative; top:-3px;}
#middleCol .testimonialAuthor { color:#89c43e; padding:0; font-size:11px;}

/* ----- RIGHT COL IDS ----- */
#rightCol { float:left; margin-left:20px; width:220px;}
#rightCol .rightColBoxDivider { height:20px; background:#181818; display:block;}
#rightCol #quickEmailBox { width:220px; border-bottom:1px solid #2f2f2f; background:url(../images/rightColBoxBodyBg.gif) 0 0 repeat-y;}
#rightCol #quickEmailBox #contactIcon { background:url(../images/iconContact.gif) right 3px no-repeat; margin-top:20px;}
#rightCol #quickEmailBox #chatIcon { background:url(../images/iconChatWht.gif) right 0px no-repeat;}
#rightCol #blogBox { width:220px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f;}
#rightCol #blogBox #blogIcon { background:url(../images/iconBlog.gif) right 0px no-repeat;}
#rightCol #blogBox .blogItem { margin-bottom:15px;}
#rightCol #blogBox .articleTitle { font-weight:bold; color:#32b2e0; padding:0 0 4px 0;}
#rightCol #blogBox .articleSummary { color:#ffffff; padding:0 0 4px 0;}
#rightCol #blogBox .articleDate { color:#999999; padding:0; font-size:11px;}
#rightCol #blogBox .btnViewAllBlogs { background:url(../images/btnViewAllBlogs.gif) 0px 0px no-repeat !important; width:114px; height:25px; display:block; clear:none !important; cursor:pointer; text-indent:-9999px; margin:0; border:none;}
#rightCol #blogBox .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -25px no-repeat !important;}
#rightCol #testimonialsBox { width:220px; border-top:1px solid #2f2f2f;}
#rightCol #testimonialsBox #testimonialIcon { background:url(../images/iconTestimonial.gif) right 0px no-repeat;}
#rightCol #testimonialsBox .testimonial { margin-bottom:15px;}
#rightCol #testimonialsBox .testimonialSummary { color:#ffffff; padding:0;}
#rightCol #testimonialsBox .testimonialSummary .quote { display:inline; position:relative; top:-3px;}
#rightCol #testimonialsBox .testimonialAuthor { color:#32b2e0; padding:0; font-size:10px;}
#rightCol #testimonialsBox .btnViewAllTestimonials { background:url(../images/btnViewAllTestimonials.gif) 0px 0px no-repeat !important; width:157px; height:25px; display:block; clear:none !important; cursor:pointer; text-indent:-9999px; margin:0; border:none;}
#rightCol #testimonialsBox .btnViewAllTestimonials:hover { background:url(../images/btnViewAllTestimonials.gif) 0px -25px no-repeat !important;}
#internalBody #rightCol { float:left; margin-left:21px; width:220px;}
#rightCol #blogBoxTestimonials { width:220px; border-top:1px solid #2f2f2f; border-bottom:none;}
#rightCol #blogBoxTestimonials #blogIcon { background:url(../images/iconBlog.gif) right 0px no-repeat;}
#rightCol #blogBoxTestimonials .blogItem { margin-bottom:15px;}
#rightCol #blogBoxTestimonials .articleTitle { font-weight:bold; color:#32b2e0; padding:0 0 4px 0;}
#rightCol #blogBoxTestimonials .articleSummary { color:#ffffff; padding:0 0 4px 0;}
#rightCol #blogBoxTestimonials .articleDate { color:#999999; padding:0; font-size:11px;}
#rightCol #blogBoxTestimonials .btnViewAllBlogs { background:url(../images/btnViewAllBlogs.gif) 0px 0px no-repeat !important; width:114px; height:25px; display:block; clear:none !important; cursor:pointer; text-indent:-9999px; margin:0; border:none;}
#rightCol #blogBoxTestimonials .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -25px no-repeat !important;}

/* ----- HERO SECTION ----- */
#container #contentOuterContainer #contentContainer #heroBox { width:940px; height:300px; background:#000000; margin-bottom:20px;}
#feature_list { width:940px; height:300px; overflow:hidden; position:relative;}
#feature_list ul { position:absolute; top:0; list-style:none; padding:0; margin:0;}
ul#tabs { right:0; z-index:2; width:240px;}
ul#tabs .tabTitle { font-size:17px; font-weight:bold;}
ul#tabs li { font-size:14px; font-family:Arial;}
ul#tabs li a { color:#333; text-decoration:none; display:block; padding:13px 10px 10px 22px; width:188px; margin-left:20px; height:27px; outline:none; background:url(../images/heroTabBg.gif) 0 0 repeat-x;}
ul#tabs li a:hover { text-decoration:none; background:url(../images/heroTabBgHover.gif) right 0 no-repeat; color:#0e0e0e; margin-left:0; width:188px; padding:13px 10px 10px 42px;}
ul#tabs li a.current { background:url(../images/heroTabBgActive.png); color:#0e0e0e; margin-left:0; width:188px; padding:13px 10px 10px 42px;}
ul#tabs li a.current:hover { text-decoration:none; cursor:default;}
ul#output { left:0; width:720px; height:300px; position:relative;}
ul#output .featureTitle { font-size:30px; line-height:30px; padding:0 0 10px 0; display:block;}
ul#output p { font-size:16px;}
ul#output .btnLearnMore { width:97px; height:25px; display:block; background:url(../images/btnLearnMore.png) 0 0 no-repeat;}
ul#output li { position:absolute; width:720px; height:300px;}
ul#output li#webDesign { position:absolute; width:720px; height:300px; background:url(../images/heroBgBlue.jpg) 0 0 no-repeat;}
ul#output li#webDesign .btnLearnMore:hover { background:url(../images/btnLearnMore.png) 0 -25px no-repeat;}
ul#output li#webDevelopment { position:absolute; width:720px; height:300px; background:url(../images/heroBgGreen.jpg) 0 0 no-repeat;}
ul#output li#webDevelopment .btnLearnMore:hover { background:url(../images/btnLearnMore.png) 0 -50px no-repeat;}
ul#output li#cms { position:absolute; width:720px; height:300px; background:url(../images/heroBgPurple.jpg) 0 0 no-repeat;}
ul#output li#cms .btnLearnMore:hover { background:url(../images/btnLearnMore.png) 0 -75px no-repeat;}
ul#output li#ecommerce { position:absolute; width:720px; height:300px; background:url(../images/heroBgMint.jpg) 0 0 no-repeat;}
ul#output li#ecommerce .btnLearnMore:hover { background:url(../images/btnLearnMore.png) 0 -100px no-repeat;}
ul#output li#emailMarketing { position:absolute; width:720px; height:300px; background:url(../images/heroBgOrange.jpg) 0 0 no-repeat;}
ul#output li#emailMarketing .btnLearnMore:hover { background:url(../images/btnLearnMore.png) 0 -125px no-repeat;}
ul#output li#ppc { position:absolute; width:720px; height:300px; background:url(../images/heroBgRed.jpg) 0 0 no-repeat;}
ul#output li#ppc .btnLearnMore:hover { background:url(../images/btnLearnMore.png) 0 -150px no-repeat;}
ul#output li a { position:absolute; bottom:30px; left:30px;}
ul#output li a:hover { }

/* ----- ABOUT SECTION IDS ----- */
#about {}
#about #container #contentOuterContainer #contentContainer #content a { color:#89c43e; font-weight:bold; text-decoration:underline; outline:none;}
#about #container #contentOuterContainer #contentContainer #content a:hover { text-decoration:none;}
#about #container #contentOuterContainer #contactDetails #tel { background:url(../images/iconTel.gif) 0 -14px no-repeat;}
#about #container #contentOuterContainer #contactDetails #email { background:url(../images/iconEmail.gif) 0 -14px no-repeat;}
#about #container #contentOuterContainer #contentContainer #chat { background:url(../images/iconChat.gif) 0 -15px no-repeat;}
#about #container #contentOuterContainer { width:100%; background:url(../images/contentBgGreen.jpg) top center no-repeat;}
#about #rightCol #blogBox .articleTitle { color:#89c43e;}
#about #rightCol #blogBox .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -50px no-repeat !important;}
#about #rightCol #blogBoxTestimonials .articleTitle { color:#89c43e;}
#about #rightCol #blogBoxTestimonials .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -50px no-repeat !important;}
#about #quickEmailForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -50px no-repeat !important;}
#about #rightCol #testimonialsBox .testimonialAuthor { color:#89c43e;}
#about #rightCol #testimonialsBox .btnViewAllTestimonials:hover { background:url(../images/btnViewAllTestimonials.gif) 0px -50px no-repeat !important;}
#about #rightCol a { color:#89c43e; font-weight:bold; text-decoration:underline; outline:none;}
#about #rightCol a:hover { text-decoration:none;}
#about #contactForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -50px no-repeat !important;}

/* ----- SERVICES SECTION IDS ----- */
#services {}
#services #container #contentOuterContainer #contentContainer #content a { color:#ce45c6; font-weight:bold; text-decoration:underline; outline:none;}
#services #container #contentOuterContainer #contentContainer #content a:hover { text-decoration:none;}
#services #container #contentOuterContainer #contactDetails #tel { background:url(../images/iconTel.gif) 0 -28px no-repeat;}
#services #container #contentOuterContainer #contactDetails #email { background:url(../images/iconEmail.gif) 0 -28px no-repeat;}
#services #container #contentOuterContainer #contentContainer #chat { background:url(../images/iconChat.gif) 0 -30px no-repeat;}
#services #container #contentOuterContainer { width:100%; background:url(../images/contentBgPurple.jpg) top center no-repeat;}
#services #rightCol #blogBox .articleTitle { color:#ce45c6;}
#services #rightCol #blogBox .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -75px no-repeat !important;}
#services #quickEmailForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -75px no-repeat !important;}
#services #rightCol #testimonialsBox .testimonialAuthor { color:#ce45c6;}
#services #rightCol #testimonialsBox .btnViewAllTestimonials:hover { background:url(../images/btnViewAllTestimonials.gif) 0px -75px no-repeat !important;}
#services #rightCol a { color:#ce45c6; font-weight:bold; text-decoration:underline; outline:none;}
#services #rightCol a:hover { text-decoration:none;}
#services #leftNav ul li a { background:url(../images/leftNavBgPurple.gif) 0 -40px no-repeat;}
#services #contactForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -75px no-repeat !important;}

#services #container #contentOuterContainer #contentContainer #contentWrapper #contentTop { width:940px; height:1px; display:block; background:url(../images/internlContentTopBgWork.gif) no-repeat; font-size:0px; line-height:1px;}
#services #container #contentOuterContainer #contentContainer #contentWrapper #content { width:939px; background:url(../images/contentBodyBgWork.gif) 0 0 repeat-y; padding:0 0 0 1px;}
#services #container #contentOuterContainer #contentContainer #content #leftColFixedPrice { float:left; width:698px; background:url(../images/middleColBg.gif) 0 0 repeat-x; height:auto !important; height:180px; min-height:180px; margin-right:1px;}

/* ----- WORK SECTION IDS ----- */
#work {}
#work #container #contentOuterContainer #contentContainer #content a { color:#21f1ae; font-weight:bold; text-decoration:underline; outline:none;}
#work #container #contentOuterContainer #contentContainer #content a:hover { text-decoration:none;}
#work #container #contentOuterContainer #contactDetails #tel { background:url(../images/iconTel.gif) 0 -42px no-repeat;}
#work #container #contentOuterContainer #contactDetails #email { background:url(../images/iconEmail.gif) 0 -42px no-repeat;}
#work #container #contentOuterContainer #contentContainer #chat { background:url(../images/iconChat.gif) 0 -45px no-repeat;}
#work #container #contentOuterContainer { width:100%; background:url(../images/contentBgMint.jpg) top center no-repeat;}
#work #rightCol #blogBox .articleTitle { color:#21f1ae;}
#work #rightCol #blogBox .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -100px no-repeat !important;}
#work #quickEmailForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -100px no-repeat !important;}
#work #rightCol #testimonialsBox .testimonialAuthor { color:#21f1ae;}
#work #rightCol #testimonialsBox .btnViewAllTestimonials:hover { background:url(../images/btnViewAllTestimonials.gif) 0px -100px no-repeat !important;}
#work #rightCol a { color:#21f1ae; font-weight:bold; text-decoration:underline; outline:none;}
#work #rightCol a:hover { text-decoration:none;}
#work #leftNav ul li a { background:url(../images/leftNavBgMint.gif) 0 -40px no-repeat;}
#work #contactForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -100px no-repeat !important;}

/* ----- BLOG SECTION IDS ----- */
#blog {}
#blog #container #contentOuterContainer #contentContainer #content a { color:#eda325; font-weight:bold; text-decoration:underline; outline:none;}
#blog #container #contentOuterContainer #contentContainer #content a:hover { text-decoration:none;}
#blog #container #contentOuterContainer #contactDetails #tel { background:url(../images/iconTel.gif) 0 -56px no-repeat;}
#blog #container #contentOuterContainer #contactDetails #email { background:url(../images/iconEmail.gif) 0 -56px no-repeat;}
#blog #container #contentOuterContainer #contentContainer #chat { background:url(../images/iconChat.gif) 0 -60px no-repeat;}
#blog #container #contentOuterContainer { width:100%; background:url(../images/contentBgOrange.jpg) top center no-repeat;}
#blog #rightCol #blogBox .articleTitle { color:#eda325;}
#blog #rightCol #blogBox .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -125px no-repeat !important;}
#blog #quickEmailForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -125px no-repeat !important;}
#blog #rightCol #testimonialsBox .testimonialAuthor { color:#eda325;}
#blog #rightCol #testimonialsBox .btnViewAllTestimonials:hover { background:url(../images/btnViewAllTestimonials.gif) 0px -125px no-repeat !important;}
#blog #rightCol a { color:#eda325; font-weight:bold; text-decoration:underline; outline:none;}
#blog #rightCol a:hover { text-decoration:none;}
#blog #leftNav ul li a { background:url(../images/leftNavBgOrange.gif) 0 -40px no-repeat;}
#blog #contactForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -125px no-repeat !important;}

/* ----- CONTACT SECTION IDS ----- */
#contact {}
#contact #container #contentOuterContainer #contentContainer #content a { color:#ff135f; font-weight:bold; text-decoration:underline; outline:none;}
#contact #container #contentOuterContainer #contentContainer #content a:hover { text-decoration:none;}
#contact #container #contentOuterContainer #contactDetails #tel { background:url(../images/iconTel.gif) 0 -70px no-repeat;}
#contact #container #contentOuterContainer #contactDetails #email { background:url(../images/iconEmail.gif) 0 -70px no-repeat;}
#contact #container #contentOuterContainer #contentContainer #chat { background:url(../images/iconChat.gif) 0 -75px no-repeat;}
#contact #container #contentOuterContainer { width:100%; background:url(../images/contentBgRed.jpg) top center no-repeat;}
#contact #rightCol #blogBox .articleTitle { color:#ff135f;}
#contact #rightCol #blogBox .btnViewAllBlogs:hover { background:url(../images/btnViewAllBlogs.gif) 0px -150px no-repeat !important;}
#contact #quickEmailForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -150px no-repeat !important;}
#contact #rightCol #testimonialsBox .testimonialAuthor { color:#ff135f;}
#contact #rightCol #testimonialsBox .btnViewAllTestimonials:hover { background:url(../images/btnViewAllTestimonials.gif) 0px -150px no-repeat !important;}
#contact #rightCol a { color:#ff135f; font-weight:bold; text-decoration:underline; outline:none;}
#contact #rightCol a:hover { text-decoration:none;}
#contact #leftNav ul li a { background:url(../images/leftNavBgRed.gif) 0 -40px no-repeat;}
#contact #contactForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -150px no-repeat !important;}

/* ----- BLOG ARTICLE STYLES ----- */
.article { margin-bottom:15px; padding:0 0 15px 0; background:url(../images/dividerBg.gif) bottom left repeat-x;}
.article a { color:#eda325; text-decoration:none;}
.article a:hover { text-decoration:underline;}
.article .articleTitle a { font-size:14px; color:#eda325; text-decoration:none;}
.article .articleTitle a:hover { text-decoration:underline;}
.article .articleDate { padding:0;}
.articleDate { padding:0 0 10px 0;}
.backLink { color:#eda325; text-decoration:none;}
.backLink:hover { text-decoration:underline;}

/* ----- PAGINATION ----- */
.blogPagination {}
.blogPagination .paginationInfo { float:left;}
.blogPagination .paginationInfo span { padding:0; margin:0;}
.blogPagination .paginationLinks { float:right;}
.blogPagination span { padding:0px 3px; margin-right:5px;}
.blogPagination a { color:#eda325; font-weight:normal; text-decoration:none; padding:0px 3px; margin-right:5px;}
.blogPagination a:hover { background:#eda325; color:#FFFFFF;}
.blogPagination .ditto_view_pages { padding-right:5px;}
.blogPagination .ditto_currentpage { background:#eda325; color:#FFFFFF; padding:0px 3px;}
.blogPaginationGreen {}
.blogPaginationGreen .paginationInfo { float:left;}
.blogPaginationGreen .paginationInfo span { padding:0; margin:0;}
.blogPaginationGreen .paginationLinks { float:right;}
.blogPaginationGreen span { padding:0px 3px; margin-right:5px;}
.blogPaginationGreen a { color:#eda325; font-weight:normal; text-decoration:none; padding:0px 3px; margin-right:5px;}
.blogPaginationGreen a:hover { background:#89c43e; color:#FFFFFF;}
.blogPaginationGreen .ditto_view_pages { padding-right:5px;}
.blogPaginationGreen .ditto_currentpage { background:#89c43e; color:#FFFFFF; padding:0px 3px;}
.workPagination {}
.workPagination .paginationInfo { float:left;}
.workPagination .paginationInfo span { padding:0; margin:0;}
.workPagination .paginationLinks { float:right;}
.workPagination span { padding:0px 3px; margin-right:5px;}
.workPagination a { color:#eda325; font-weight:normal; text-decoration:none; padding:0px 3px; margin-right:5px;}
.workPagination a:hover { background:#21f1ae; color:#FFFFFF;}
.workPagination .ditto_view_pages { padding-right:5px;}
.workPagination .ditto_currentpage { background:#21f1ae; color:#FFFFFF; padding:0px 3px;}

/* ----- CLASSES ----- */
/* MIN HEIGHT HACK height:auto !important; height:0px; min-height:0px; */
.clear { clear:both;}
.hide { display:none;}
.show { display:block;}
.printShow { display:none;}
.float_left { float:left !important;}
.float_right { float:right !important;}
.align_left { text-align:left !important;}
.align_center { text-align:center !important;}
.align_right { text-align:right !important;}
.align_justify { text-align:justify !important;}
.align_bottom { vertical-align:bottom !important;}
.image_right { float:right; padding:0 0 15px 40px;}
.image_left { float:left; padding:0 15px 15px 0;}
.image_center { margin:0 auto;}
.relative { position:relative;}
.inline {display:inline;}
.hand { cursor:pointer;}
.lastPara { padding:0;}
.divider { margin:0 0 15px 0; background:url(../images/dividerBg.gif) center left repeat-x; height:2px; display:block; font-size:0; line-height:0;}
.bold { font-weight:bold;}
.cmsImage { margin-bottom:15px; background:#2d2d2d; padding:5px; border:1px solid #616060;}

/* ----- PADDING & MARGIN CLASSES ----- */
.pad20 { padding:20px;}
.pad30 { padding:30px;}
.pad15 { padding:15px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; color:#32b2e0;}
#about h1, #about h2, #about h3, #about h4, #about h5, #about h6 { margin:0; padding:0 0 10px 0; font-weight:bold; color:#89c43e;}
#services h1, #services h2, #services h3, #services h4, #services h5, #services h6 { margin:0; padding:0 0 10px 0; font-weight:bold; color:#ce45c6;}
#work h1, #work h2, #work h3, #work h4, #work h5, #work h6 { margin:0; padding:0 0 10px 0; font-weight:bold; color:#21f1ae;}
#blog h1, #blog h2, #blog h3, #blog h4, #blog h5, #blog h6 { margin:0; padding:0 0 10px 0; font-weight:bold; color:#eda325;}
#contact h1, #contact h2, #contact h3, #contact h4, #contact h5, #contact h6 { margin:0; padding:0 0 10px 0; font-weight:bold; color:#ff135f;}
#rightCol h3 { color:#FFFFFF !important;}
h1 { font-size:24px !important; line-height:24px !important;}
h2 { font-size:18px !important; line-height:18px !important;}
h3 { font-size:14px !important; line-height:14px !important;}

/* ----- TEXT COLOURS ----- */
.blue { color:#32b2e0;}
.green { color:#89c43e;}
.purple { color:#ce45c6;}
.mint { color:#21f1ae;}
.orange { color:#eda325;}
.red { color:#ff135f;}

/* ----- TOP NAVIGATION ----- */
#topNav { height:40px;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav ul li { float:left; display:block;}
#topNav ul li a { float:left; display:block; color:#ffffff; font-size:14px; font-weight:normal; text-decoration:none;}
#topNav ul li a span { float:left; display:block; padding:9px 20px;}
#topNav ul li a:hover { display:block; background:url(../images/topNavRightHovers.gif) right 0 no-repeat; text-decoration:none; color:#ffffff; cursor:pointer;}
#topNav ul li a:hover span { display:block; background:url(../images/topNavLeftHovers.gif) left 0 no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px; cursor:pointer;}
#topNav ul li#navItem2 a:hover { display:block; background:url(../images/topNavRightHovers.gif) right -40px no-repeat; text-decoration:none; color:#ffffff; cursor:pointer;}
#topNav ul li#navItem2 a:hover span { display:block; background:url(../images/topNavLeftHovers.gif) left -40px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px; cursor:pointer;}
#topNav ul li#navItem3 a:hover { display:block; background:url(../images/topNavRightHovers.gif) right -80px no-repeat; text-decoration:none; color:#ffffff; cursor:pointer;}
#topNav ul li#navItem3 a:hover span { display:block; background:url(../images/topNavLeftHovers.gif) left -80px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px; cursor:pointer;}
#topNav ul li#navItem4 a:hover { display:block; background:url(../images/topNavRightHovers.gif) right -200px no-repeat; text-decoration:none; color:#ffffff; cursor:pointer;}
#topNav ul li#navItem4 a:hover span { display:block; background:url(../images/topNavLeftHovers.gif) left -200px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px; cursor:pointer;}
#topNav ul li#navItem5 a:hover { display:block; background:url(../images/topNavRightHovers.gif) right -120px no-repeat; text-decoration:none; color:#ffffff; cursor:pointer;}
#topNav ul li#navItem5 a:hover span { display:block; background:url(../images/topNavLeftHovers.gif) left -120px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px; cursor:pointer;}
#topNav ul li#navItem6.last { float:right; display:block; width:150px;}
#topNav ul li#navItem6.last a { float:right; display:block; color:#ffffff; font-size:14px; font-weight:normal; text-decoration:none; background:url(../images/topNavContactBg.gif) 0 0 no-repeat;}
#topNav ul li#navItem6 a:hover { display:block; background:url(../images/topNavRightHovers.gif) right -160px no-repeat; text-decoration:none; color:#ffffff; cursor:pointer;}
#topNav ul li#navItem6 a:hover span { display:block; background:url(../images/topNavLeftHovers.gif) left -160px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px; cursor:pointer;}
#topNav ul li.active a { display:block; background:url(../images/topNavRightHovers.gif) right 0 no-repeat; text-decoration:none; color:#ffffff;}
#topNav ul li.active a span { display:block; background:url(../images/topNavLeftHovers.gif) left 0 no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px;}
#topNav ul li#navItem2.active a { display:block; background:url(../images/topNavRightHovers.gif) right -40px no-repeat; text-decoration:none; color:#ffffff;}
#topNav ul li#navItem2.active a span { display:block; background:url(../images/topNavLeftHovers.gif) left -40px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px;}
#topNav ul li#navItem3.active a { display:block; background:url(../images/topNavRightHovers.gif) right -80px no-repeat; text-decoration:none; color:#ffffff;}
#topNav ul li#navItem3.active a span { display:block; background:url(../images/topNavLeftHovers.gif) left -80px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px;}
#topNav ul li#navItem4.active a { display:block; background:url(../images/topNavRightHovers.gif) right -200px no-repeat; text-decoration:none; color:#ffffff;}
#topNav ul li#navItem4.active a span { display:block; background:url(../images/topNavLeftHovers.gif) left -200px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px;}
#topNav ul li#navItem5.active a { display:block; background:url(../images/topNavRightHovers.gif) right -120px no-repeat; text-decoration:none; color:#ffffff;}
#topNav ul li#navItem5.active a span { display:block; background:url(../images/topNavLeftHovers.gif) left -120px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px;}
#topNav ul li#navItem6.active a { display:block; background:url(../images/topNavRightHovers.gif) right -160px no-repeat; text-decoration:none; color:#ffffff;}
#topNav ul li#navItem6.active a span { display:block; background:url(../images/topNavLeftHovers.gif) left -160px no-repeat; text-decoration:none; color:#ffffff; padding:9px 20px;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { width:178px;}
#leftNav ul { list-style:none; padding:0; margin:0;}
#leftNav ul li { float:left; display:block; width:178px; padding:0; margin:0;}
#leftNav ul li a { float:left; display:block; color:#FFFFFF; height:22px; padding:9px 10px; width:158px; background:url(../images/leftNavBg.gif) 0 -40px no-repeat; text-decoration:none; font-size:14px; font-weight:normal; line-height:22px;}
#leftNav ul li a:hover { background-position:0 0px; text-decoration:none;}
#leftNav ul li.active a { background-position:0 0px !important; text-decoration:none;}

/* ----- FOOTER ----- */
#footer { width:980px; margin:0 auto; font-size:11px;}
#footer p { padding:0;}
#footer #footerLeft { float:left;}
#footer #footerLeft ul { list-style:none; padding:0; margin:0;}
#footer #footerLeft ul li { float:left; display:block;}
#footer #footerLeft ul li a { font-weight:normal; text-decoration:none;}
#footer #footerLeft ul li a:hover { text-decoration:underline;}
#footer #footerLeft p { font-size:9px; clear:both;}
#footer #footerRight { float:right; text-align:right;}
#footer #footerRight p { line-height:14px;}
#footer #footerRight span { font-size:9px;}
#footer a { text-decoration:none;}
#footer a:hover { text-decoration:underline}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0;}
address { font-style:normal;}
ol { margin:0 0 15px 19px; padding:0;}

/* ----- LINKS ----- */
a { color:#ffffff; font-weight:bold; text-decoration:underline; outline:none;}
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0;}
fieldset { padding:0; margin:0; border:0px none; display:block;}
legend { padding:0; margin:0; display:none;}
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
.button { border:none; background:none; cursor:pointer; padding:0px; font-size:0px; margin:0; line-height:150px;}

#contactForm { margin:0 0 10px 0;}
#contactForm label { display:block; float:left; width:398px;}
#contactForm input { background:#2d2d2d; border:1px solid #484848; color:#FFFFFF; width:246px; padding:3px 5px; margin:0 0 5px 0; line-height:12px; float:left;}
#contactForm textarea { background:#2d2d2d; border:1px solid #484848; color:#FFFFFF; width:246px; height:130px; padding:3px 5px; margin:0 0 10px 0; float:left; overflow:auto;}
#contactForm .btnSubmit { background:url(../images/btnSubmit.gif) 0px 0px no-repeat !important; width:65px; height:25px; display:block; clear:both !important; cursor:pointer; text-indent:-9999px; margin:0; border:none; float:left;}
#contactForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -25px no-repeat !important;}
#contactForm #code { float:left; margin:0 0 5px 0; width:208px; height:60px;}
#contactForm #budget { width:258px; float:left; margin:0 0 5px 0; background:#2d2d2d; border:1px solid #484848; color:#FFFFFF;}

#quickEmailForm { margin:0 0 0 0;}
#quickEmailForm label { display:block; float:left; width:178px;}
#quickEmailForm input { background:#2d2d2d; border:1px solid #484848; color:#FFFFFF; width:166px; padding:3px 5px; margin:0 0 5px 0; line-height:12px; float:left;}
#quickEmailForm textarea { background:#2d2d2d; border:1px solid #484848; color:#FFFFFF; width:166px; height:100px; padding:3px 5px; margin:0 0 10px 0; float:left; overflow:auto;}
#quickEmailForm .btnSubmit { background:url(../images/btnSubmit.gif) 0px 0px no-repeat !important; width:65px; height:25px; display:block; clear:both !important; cursor:pointer; text-indent:-9999px; margin:0; border:none; float:left;}
#quickEmailForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -25px no-repeat !important;}
#quickEmailForm #code { float:left; margin:0 0 5px 0; width:178px; height:60px;}
.formError { color:#ff135f;}

#quoteForm { padding:0 0 15px 0; margin:0;}
#quoteForm div { clear:both;}
#quoteForm label { display:block; float:left; width:110px; font-weight:bold;}
#quoteForm select { width:120px; float:left; margin:0; background:#2d2d2d; border:1px solid #484848; color:#FFFFFF;}
#quoteForm input { background:#2d2d2d; border:1px solid #484848; color:#FFFFFF; width:196px; padding:3px 5px; margin:0 0 5px 0; line-height:12px; float:left;}
#quoteForm .inputClear { background:#1a1a1a; border:none; color:#ce45c6; width:75px; padding:0px 5px; margin:0; font-size:12px !important; line-height:12px; float:none;}
#quoteForm .inputClearAlt { background:#2d2d2d; border:none; color:#ce45c6; width:75px; padding:0px 5px; margin:0; font-size:12px !important; line-height:12px; float:none;}
#quoteForm .inputClearBold { background:#1a1a1a; border:none; color:#ce45c6; width:75px; padding:0px 5px; margin:0; font-size:12px !important; font-weight:bold; line-height:12px; float:none;}
#quoteForm .checkbox { width:13px; height:13px; background:none; border:none; margin:0 0 0 50px; padding:0;}
#quoteForm textarea { background:#2d2d2d; border:1px solid #484848; color:#FFFFFF; width:166px; height:100px; padding:3px 5px; margin:0 0 10px 0; float:left; overflow:auto;}
#quoteForm .btnSubmit { background:url(../images/btnSubmit.gif) 0px 0px no-repeat !important; width:65px; height:25px; display:block; clear:both !important; cursor:pointer; text-indent:-9999px; margin:0; border:none; float:right;}
#quoteForm .btnSubmit:hover { background:url(../images/btnSubmit.gif) 0px -75px no-repeat !important;}
#quoteForm #floatedInputs {}
#quoteForm #floatedInputs label { width:206px; float:none;}
#quoteForm #floatedInputs .floated { float:left; width:206px; clear:none; height:55px; margin:5px 10px 0 0;}
#quoteForm #floatedInputs .floated.last { float:left; width:206px; clear:none; margin:5px 0 0 0;}

/* ----- TABLES ----- */
table { border-collapse:collapse;}
table p { padding:0px;}
.dataTable { border-collapse:collapse; border-bottom:1px solid #484848; border-right:1px solid #484848; width:638px; float:left; margin-bottom:5px;}
.dataTable td { border-top:1px solid #484848; border-left:1px solid #484848; padding:5px;}
.dataTable p { padding:0; margin:0;}
.dataTable td.title { width:305px !important;}
.dataTable td.desc { width:200px !important;}
.dataTable td.cost { width:60px !important;}
.dataTable td.form { width:120px !important;}
.dataTable tr.alt { background:#2d2d2d;}