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

Title : The CogWorks Layout Stylesheet

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

/* COMMON AND GLOBAL */
body { margin:0; padding:0; color:#000000; text-align:left; background:url(/images/bodyBg.gif) bottom left repeat-x;}

/* ----- GENERAL IDS ----- */
#containerHome { background:url(/images/headerBgHome.gif) top left repeat-x;}
#containerServices { background:url(/images/headerBgServices.gif) top left repeat-x;}
#containerPortfolio { background:url(/images/headerBgPortfolio.gif) top left repeat-x;}
#containerContactus { background:url(/images/headerBgContact.gif) top left repeat-x;}
#containerAbout,#containerEvents { background:url(/images/headerBgAbout.gif) top left repeat-x;}
#containerUmbraco { background:url(/images/headerBgUmbraco.gif) top left repeat-x;}
#containerBlog { background:url(/images/headerBgBlog.gif) top left repeat-x;}
#containerPagenotfound { background:url(/images/headerBgAbout.gif) top left repeat-x;}
#container2 { width:1000px; margin:0 auto; font-size:110%;}   

/* ----- HEADER ----- */
#header { width:1000px; height:106px; position:relative;}
#header #logo { width:177px; height:63px; background:url(/images/logo.gif) top left no-repeat; display:block; position:absolute; top:21px; left:21px; }
#header #logo a { width:177px; height:63px; display:block; text-indent:-9999px;}

/* ----- TOP mainNavIGATION ----- */

#mainNav {width:760px; height:106px; left:260px; margin: 0;padding: 0;background: url(/images/navigation_new.jpg) repeat-x;list-style: none;overflow: hidden;position:relative;}
#mainNav li {position: absolute;overflow: hidden;font-size: 1em;}
#mainNav li, #mainNav li * { height: 106px }
#mainNav a { display: block }
#mainNav em, #mainNav span {display: block;position: absolute;top: 0; left: 0;z-index: 1;background: url(/images/navigation_new.jpg) no-repeat; cursor: pointer;}
#mainNav span { display: none }
		
#n-homepage { left: 0px }
#n-homepage, #n-homepage * { width: 89px }
#n-homepage em { background-position: 0px 0 }
#n-homepage:hover em, #n-homepage span, #homepage #n-homepage em { background-position: 0px -106px }
#n-homepage.selected em  {background-position: 0px -212px }
		
#n-umbraco, #n-umbraco * { width: 109px }
#n-umbraco { left: 89px }
#n-umbraco em { background-position: -89px 0 }
#n-umbraco:hover em, #n-umbraco span, #about-us #n-umbraco em { background-position: -89px -106px }
#n-umbraco.selected em  {background-position: -89px -212px }
		
#n-services, #n-services * { width: 106px }
#n-services { left: 198px }
#n-services em { background-position: -198px 0 }
#n-services:hover em, #n-services span { background-position: -198px -106px }
#n-services.selected em  {background-position: -198px -212px }
		
#n-portfolio, #n-portfolio * { width: 118px }
#n-portfolio { left: 304px }
#n-portfolio em { background-position: -304px 0 }
#n-portfolio:hover em, #n-portfolio span, #n-portfolio #n-portfolio em { background-position: -304px -106px }
#n-portfolio.selected em { background-position: -304px -212px }
		
#n-about-us, #n-about-us * { width: 109px }
#n-about-us { left: 422px }
#n-about-us em { background-position: -422px 0 }
#n-about-us:hover em, #n-about-us span, #case-studies #n-about-us em { background-position: -422px -106px }
#n-about-us.selected em  {background-position: -422px -212px }
		
#n-blog, #n-blog * { width: 107px }
#n-blog { left: 531px }
#n-blog em { background-position: -531px 0 }
#n-blog:hover em, #n-blog span, #n-blog #n-blog em { background-position: -531px -106px }
#n-blog.selected em  {background-position: -531px -212px }
		
#n-contact-us, #n-contact-us * { width: 122px }
#n-contact-us { left: 638px }
#n-contact-us em { background-position: -638px 0 }
#n-contact-us:hover em, #n-contact-us span, #contact-us #n-contact-us em { background-position: -638px -106px }
#n-contact-us.selected em  {background-position: -638px -212px }
		
#mainNav .over { text-indent: -9999em }
#mainNav em { text-indent: -9999em }
#mainNav .over em { background-image: none }

/* ----- SUB NAVIGATION ----- */
#subNav { width:275px;}
#subNav ul.lv1 { margin:60px 0 0 0; padding:0 0 30px 0; list-style:none;}
#subNav ul.lv1 li { display:block; border-bottom:1px solid #dedede; background:none; padding-left:0px;}
#subNav ul.lv1 li a {display:block; height:auto !important; height:1px; min-height:1px; padding:14px 28px 15px 28px; text-decoration:none; font-weight:normal; font-size:11px;}

#subNav ul.lv1 li.selected a.selected strong {color:#ffffff;}
#subNav ul.lv1 li a:hover strong {color:#ffffff;}


#subNav ul.lv2 {padding-top:10px;}
#subNav ul.lv2 li { display:block; border-bottom:0px solid #dedede; background:none; padding:5px 0 5px 35px;}
#subNav ul.lv2 li a {padding:0 0 0 15px;background:url(../images/leftNavLev2Norm.gif) 0px 5px no-repeat !important;}
#subNav ul.lv2 li a:hover strong {color:#fc5904;}


/* ----- BANNER ----- */
#bannerDay {height:345px; position: absolute; top:106px; left:0px;  overflow:hidden; background-repeat:no-repeat; background-attachment:inherit; background-position:50% 50%; padding:0px 0px 0px 0px; display:none;}
#bannerNight {height:345px; position: absolute; top:106px; left:0px;  overflow:hidden; background-repeat:no-repeat; background-attachment:inherit; background-position:50% 50%; padding:0px 0px 0px 0px; display:none;}
#banner { width:1000px; height:349px; position:relative;}

#banner .title { position:absolute; top:37px; left:20px;}
#banner .subtitle { position:absolute; top:80px; left:20px; font-size:20px;}

/* Old 3 Box banner styles */
/*
#banner .bannerContent {}
#banner .bannerInstallingConfiguring { position:absolute; top:221px; left:20px; width:230px; }
#banner .bannerSupportTraining { position:absolute; top:221px; left:275px; width:220px;}
#banner .bannerCustomising { position:absolute; top:221px; left:530px; width:220px;}
#banner .bannerContent p { font-size:13px; padding-bottom:10px; line-height:15px; color:#ffffff;}
#banner .bannerContent .heading { font-size:18px; display:block; line-height:24px; padding-bottom:4px;}
*/

#banner .bannerLinks { background:#f4f4f4; opacity:0.9; position:absolute; top:223px; left:786px; line-height:30px; margin:0; padding:15px 0 0 10px; list-style:none; width:204px; height:107px;}
#banner .bannerLinks li { display:block; background:url(/images/iconOrangeArrow.gif) 10px 11px no-repeat;  padding-left:25px; text-shadow: 0px 1px 0px #fff5f2; }
#banner .bannerLinks li a {color:#ef531e; }
#banner { color:#ffffff;}

/* Winter Day / Night Banner Content Styles */
#banner .bannerContent {position:absolute; top:25px; background:#ffffff; width:600px; height:215px; padding-left:23px; padding-top:20px;}
#banner .BannerTitle {background:url(/images/homeTitle-UmbSpecialists.gif) top left no-repeat;text-indent:-9999px;height:46px;}

/* Umbraco Gold Banner Styles */
#banner .bannerContentGold {position:absolute; top:25px; background:transparent; width:1000px; height:215px; padding-left:23px; padding-top:20px;}
#banner .BannerTitleGold {background:transparent;text-indent:-9999px;height:46px;}
#banner .BannerSubTitleGold {display:none; color:#ffffff; width:1000px; text-align:center; padding:0px 0px 0px 0px; position:absolute; top:160px; font-weight:bold; font-size:26px; line-height:32px; text-shadow: 2px 2px 4px #000;}
#banner #BannerSubTitleImage {position:relative; top:80px; margin:0 auto; width:835px; height:130px; z-index:999;}

#banner .bannerContent .bannerInstallingConfiguring {position:relative; float:left; left:20px; width:100%}
#banner .bannerContent .bannerSupportTraining{position:relative; float:left; left:75px; width:230px;}
#banner .bannerContent .bannerCustomising {position:relative; float:left; left:140px; width:230px;}
#banner .bannerContent .heading { font-family:arial; font-size:26px; display:block; line-height:24px; padding-bottom:4px; color:#000000; padding-bottom:10px}

#banner .BannerTitle {background:transparent;text-indent:-9999px;height:46px;}

#banner .bannerContent p { font-family:arial; font-size:15px; padding:0 20px 10px 0; color:#595959;line-height:18px;}

#banner .bannerContent p.BannerSubTitle {color:#000000;font-size:20px;font-weight:bold;}

.homeTelNo {float:left;width:190px;padding-top:10px;}
.homeTelNoText  {color:#f6762a;font-size:20px;}
.homeEmailAdd {float:left;width:150px;padding-top:10px;}
a.homeEmail {color:#f6762a;font-size:20px;font-weight:normal;text-decoration:none;}
a.homeEmail:hover {text-decoration:underline;}
p.homeContactBox {line-height:25px !important;}


/* ----- HOME CONTENT ----- */
#homeContent { background:url(/images/homeContentBg.gif) top left repeat-y; height:auto !important; height:500px; min-height:500px;}
#leftColHome { width:765px; margin-right:21px; float:left;}
#rightColHome { width:214px; float:left;}

/* ----- INTERNAL CONTENT ----- */
#internalContent { background:url(/images/internalContentBg.gif) top left repeat-y; height:auto !important; height:500px; min-height:500px;}
#leftColInternal { width:275px; margin-right:40px; float:left; background:url(/images/leftColBg.gif) 0px 0px no-repeat; height:auto !important; height:500px; min-height:500px;}
#rightColInternal { width:685px; float:right;}

/* ----- UMBRACO DEMO ----- */
.umbracoDemo { padding: 5px 0px 9px 20px; border-bottom:1px solid #cecece;}
.umbracoDemo .image { width:233px; float:left; display:inline; padding-left:10px}
.umbracoDemo .image img {max-width:233px;}
.umbracoDemo .content {float:left; width:502px;}
.umbracoDemo .btnReadMore { float:left; margin:7px 0 0 0;}

/* ----- THINGS WE OFFER ----- */
#thingsWeOffer { padding: 20px 20px 37px 20px; border-bottom:1px solid #cecece; line-height:18px;}
#thingsWeOffer .heading { font-size:15px; color:#000000; padding-bottom:2px; padding-top:5px;}
#thingsWeOffer .btnReadMore { float:left; margin:0; background:#e41c67 url(/images/iconWhiteSquare.gif) 5px 9px no-repeat; line-height:15px;}
#thingsWeOffer .btnReadMore:hover { background:#f18db3 url(/images/iconWhiteSquare.gif) 5px 9px no-repeat;}
#thingsWeOffer .cogworksConsultancy { float:left; width:254px;}
#thingsWeOffer .cogworksDesign { float:left; width:254px;}
#thingsWeOffer .cogworksTechnology { float:left; width:180px;}

/* ----- THINGS WE'VE DONE ----- */
#thingsWeveDone { padding:21px 0 50px 20px;}
#thingsWeveDone .image { border:1px solid #b7b7b7; width:201px; height:139px; margin-top:11px;}
#thingsWeveDone .title { font-size:15px; color:#000000; padding-bottom:5px; padding-top:11px;}
#thingsWeveDone .exampleWork1 { float:left; width:254px;}
#thingsWeveDone .exampleWork2 { float:left; width:254px;}
#thingsWeveDone .exampleWork3 { float:left; width:235px;}

/* ----- COG BLOG ----- */
#cogBlog { border-bottom:1px solid #cacaca; padding:7px 6px 6px 8px;}
#cogBlog .title { background:url(/images/iconCogBlog.gif) 0px 0px no-repeat; padding: 2px 0 2px 42px;}
#cogBlog ul { margin:0; padding:0; list-style:none;}
#cogBlog ul li { float:left; width:195px; display:inline; background: url(/images/dots.gif) bottom left repeat-x; padding:7px 2px 5px 3px; height:auto !important; height:1px; min-height:1px; line-height:1px;}
#cogBlog ul li.last { background: none;}
#cogBlog a { color:#595959; font-weight:normal; text-decoration:none; display:block; line-height:15px;}
#cogBlog a:hover { text-decoration:underline;}
#cogBlog .starRating { display:block; padding-bottom:5px; padding-left:1px; line-height:1px; font-size:1px; height:8px;}
#cogBlog .blogDate { display:block; padding-top:5px; color:#fa7000; font-size:12px; line-height:15px;}

/* ----- COG BLOG ----- */
#cogEvents { border-bottom:1px solid #cacaca; padding:12px 6px 6px 8px;}
#cogEvents .title { background:url(/images/iconCogEvents.gif) 1px 0px no-repeat; padding: 5px 0 4px 42px;}
#cogEvents ul { margin:0; padding:0; list-style:none;}
#cogEvents ul li { float:left; width:195px; display:inline; background: url(/images/dots.gif) bottom left repeat-x; padding:7px 2px 5px 3px; height:auto !important; height:1px; min-height:1px; line-height:1px;}
#cogEvents ul li.last { background: none;}
#cogEvents a { color:#595959; font-weight:normal; text-decoration:none; display:block; line-height:15px;}
#cogEvents a:hover { text-decoration:underline;}
#cogEvents .starRating { display:block; padding-bottom:5px; padding-left:1px; line-height:1px; font-size:1px; height:8px;}
#cogEvents .blogDate { display:block; padding-top:5px; color:#709700; font-size:12px; line-height:15px;}

/* ----- COG BLOG ----- */
#signUp { padding:12px 8px 30px 8px;}
#signUp .title { background:url(/images/iconSignUp.gif) 1px 1px no-repeat; padding: 4px 0 4px 42px;}
#signUp p { padding:5px 0 9px 3px;}
#signUp label { display:none;}
#signUp #enterAddress { background:#ffffff; border:1px solid #7f7f7f; width:180px; padding:5px 5px 6px 5px; color:#000000; margin-left:4px;}
#signUp .btnSubmit { margin:18px 0 0 4px;}

/* ----- FOOTER ----- */
#footer { width:1000px; margin: 0 auto; height:auto !important;  color:#ffffff;min-height:485px;height:485px;}
#footer a { color:#ffffff; font-weight:normal; text-decoration:none;}
#footer p { padding-right:0px; color:#ffffff;}
#footer li {  background:none; padding-left:0px;}

/* ----- WORK WITH US ----- */
#workWithUs { width:360px; float:left; margin-left:20px; display:inline; margin-top:42px; padding: 0 130px 0 0; background:url(/images/iconWorkWithUs.gif) 0px 0px no-repeat;}
#workWithUs .title { color:#ffffff; padding: 2px 0 10px 43px;}
#workWithUs p { font-size:12px; line-height:14px; padding-bottom:13px;}

/* ----- WORK WITH US ----- */
#contactUs { width:380px; float:left; margin-left:20px; display:inline; margin-top:42px; padding: 0; background:url(/images/iconWorkWithUs.gif) 0px 0px no-repeat;}
#contactUs .title { color:#ffffff; padding: 2px 0 10px 43px;}
#contactUs p { font-size:12px; line-height:14px; padding-bottom:12px;}
#contactUs .telephoneEmail { font-size:20px !important;}
#contactUs address,#contactUs .address { color:#919295; font-size:12px;}

/* ----- COG TWITTER ----- */
#cogTwitter { margin-left:20px; width:980px;  margin-top:26px; padding: 0; background:url(/images/iconCogTwitter.gif) 0px 0px no-repeat;}
#cogTwitter .title { color:#ffffff; padding: 0px 0 13px 43px;}
#cogTwitter ul { padding:0 0 25px 0; margin:0; list-style:none; font-size:12px; line-height:14px; width:980px; float:left;}
#cogTwitter ul li { padding:0 40px 0 0; width:205px;display:inline;float:left;}
#cogTwitter .last { width:175px;}
#cogTwitter .twitterStatus { display:block; color:#d0d0d0;}
#cogTwitter .twitterStatus a { color:#d0d0d0;text-decoration:underline;}
#cogTwitter .twitterStatus a:hover { text-decoration:none;}
#cogTwitter .twitterTime { display:block; color:#919295;}

/* ----- SECTION TITLE ----- */
#section { height:41px;}
#section .sectionTitle { font-size:21px; font-weight:normal; color:#ffffff; padding: 7px 0 0 42px;}

/* ----- CONTENT ----- */
#content { padding:18px 0 0 0;}

/* ----- LEFT COL BOXES ----- */
#leftColInternal p { font-size:14px; padding: 0 40px 15px 0; color:#9c9c9c;}
#leftColInternal .boxContactUs { border:1px solid #dedede; background: #ffffff url(/images/iconTelephone.gif) 210px 8px no-repeat; font-size:14px; color:#9c9c9c; line-height:16px; margin: 14px 14px 0 15px; padding: 8px 0 5px 12px;}
#leftColInternal .boxContactUs .title { font-size:19px; color:#626262; padding-bottom:0px;}
#leftColInternal .boxContactUs a { font-size:12px; color:#a6a6a6; text-decoration:none;}
#leftColInternal .boxContactUs a:hover { text-decoration:underline;}
#leftColInternal .boxViewOurDemo { border:1px solid #dedede; background: #ffffff url(/images/iconMonitor.gif) 201px 5px no-repeat; font-size:14px; color:#9c9c9c; line-height:16px; margin: 14px 14px 0 15px; padding: 5px 0 2px 12px;}
#leftColInternal .boxViewOurDemo .title { font-size:19px; color:#626262; padding-bottom:2px;}
#leftColInternal .boxSignup { border:1px solid #dedede; background: #ffffff url(/images/iconCamcorder.gif) 210px 5px no-repeat; font-size:14px; color:#9c9c9c; line-height:16px; margin: 14px 14px 15px 15px; padding: 7px 0 17px 12px;}
#leftColInternal .boxSignup .title { font-size:19px; color:#626262; padding-bottom:3px;}
#leftColInternal .boxSignup  label { display:none;}
#leftColInternal .boxSignup p { padding-bottom:13px;}
#leftColInternal .boxSignup  #enterAddress,#leftColInternal .boxSignup .contourField input { background:#ffffff; border:1px solid #7f7f7f; width:180px; padding:5px 5px 6px 5px; color:#000000; margin-left:1px;}

/* ----- TELEPHONE NUMBER ----- */
.telephoneNumber { font-size:14px; display:block; line-height:18px;}

/* ----- TESTIMONIALS ----- */
.testimonial { padding-top:5px;}
.testimonial em { font-size:14px;}
.testimonial strong { font-size:14px;}

/* ----- LISTINGS ----- */
.listing .date { font-size:12px; padding-bottom:8px;}
.listing .date span {}
.listing p { padding-right:20px; font-size:14px;}

.clients {width:685px}
.clients img {float:left; display:inline; width:180px; height:111px; margin:5px 30px 20px 0px;}

/* ----- PORTFOLIO ----- */
#portfolio { padding: 18px 0 0 0; height:auto !important; height:500px; padding-bottom:50px;}
.page-1106 #portfolio{min-height:607px;}
#portfolio h2 { padding-bottom:30px; padding-left:45px;}
#portfolioGallery { border-top:1px solid #d0d0d0;  margin-top:5px; margin-bottom: 5px;}
#portfolioGallery .portfolioItem { float:left; width:203px; padding: 0 32px 0 20px; border-bottom:1px solid #d0d0d0;}
#portfolioGallery .portfolioItem.last { padding-right:12px; }
#portfolioGallery .portfolioItem .image { width:201px; height:139px; border:1px solid #b4b5b5; display:block; position:relative; margin-top:20px; margin-bottom:20px;}
#portfolioGallery .portfolioItem .image .umbracoBanner { position:absolute; top:-5px; left:-4px;}
#portfolioGallery .portfolioItem .title { font-size:13px; color:#000000; padding-bottom:0px; padding-top:11px; padding-right:0px;}
#portfolioGallery .portfolioItem p { padding-right:0px;}
#portfolioDetails { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:13px 0 0 0; margin-top:5px;}
#portfolioContent { padding-left:45px; width:489px; float:left; height:1px;}
#portfolioContent .title { color:#111111; font-size:15px; padding:63px 50px 2px 0;}
#portfolioContent .link { font-size:15px; text-decoration:none;}
#portfolioContent .text { padding:15px 60px 15px 0;}
#portfolioContent .link:hover { text-decoration:underline;}
#portfolioImages { float:left; width:433px; padding-bottom:9px;}
#portfolioImages .image { width:446px; height:250px; border:1px solid #b4b5b5;display:block;position:relative;}
#portfolioImages .image .umbracoBanner { position:absolute; top:-5px; left:-4px;}
#portfolioImages .previous,#prevBtn { float:left; padding:5px 9px; color:#595959; background:#dedede; text-decoration:none; font-size:15px; margin-top:9px; margin-right:25px;}
#portfolioImages .previous:hover,#prevBtn:hover { background:#959698; color:#ffffff;}
#portfolioImages .next,#nextBtn { float:left; padding:5px 9px; color:#595959; background:#dedede; text-decoration:none; font-size:15px; margin-top:9px;}
#portfolioImages .next:hover,#nextBtn:hover { background:#959698; color:#ffffff;}
#prevBtn a,#nextBtn a{text-decoration:none;font-weight:bold;color:#595959;}
#slider ul{margin:0;padding:0;}
#slider ul li{background:none!important;padding-left:0px;border:none;height:310px;width:448px;}
#slider ul li img {border:1px solid #B4B5B5}

/* ----- MAP ----- */
#map { border:1px solid #cecece; width:670px; height:300px; margin-bottom:17px;}

/* ----- PAGINATION ----- */

.pagination { line-height:15px; font-size:12px; height:auto !important; height:1px; min-height:1px;}
.pagination ul { margin:5px 0 0 40px; padding:0; list-style:none; float:left; position:relative; display:inline;}
.pagination ul li { padding:0 0 0 2px; background:none; float:left;}
.pagination ul li.page { padding:3px;}
.pagination ul li.previous { padding:0 0 0 14px;}
.pagination ul li.previous a { padding: 3px 13px;}
.pagination ul li.next {}
.pagination ul li.next a { padding: 3px 13px;}
.pagination a { float:left; text-decoration:none; color:#595959; background:#dedede; padding:3px 7px;}
.pagination a:hover { background:#e4cff3;}
.pagination a.selected { background:#e4cff3;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.dividerContainer { position:relative; height:15px; line-height:1p; font-size:1px; clear:both;}
.divider { position:absolute; top:2px; left:-15px; width:700px; display:block; height:1px; line-height:1p; font-size:1px; border-bottom:1px solid #d0d0d0; background:#fff;}
.smallImage { float:left; margin: 3px 13px 13px 0; border: 1px solid #d0d0d0;}
.mediumImage { float:left; margin: 8px 17px 10px 0; border: 1px solid #d0d0d0;}
.mediumImageRight { float:right; margin: 8px 0 15px 0; border: 0px solid #d0d0d0;}
.largeImage { margin: 5px 17px 15px 0; border: 1px solid #d0d0d0;}
.iconImage { float:left; margin: 0 6px 15px 0; border:1px solid #d0d0d0;}
.iconLink { float:left; background:url(/images/iconPinkSquare.gif) 0px 12px no-repeat; padding:6px 0 0 7px;}

/* ----- BUTTONS ----- */
.button { border:none; background:none; clear:both; text-indent:-9999px; cursor:pointer; padding-top:0px; font-size:0px; line-height:150px;}
.btnViewOurDemo { position:absolute; top:270px; left:50px; background:url(/images/BTN_viewDemo.png) 0px 0px no-repeat; width:193px; height:43px; display:block; cursor:pointer; margin:13px 0 13px 0px;}
.btnViewOurDemo:hover { background:url(/images/BTN_viewDemo.png) -193px 0px no-repeat;}

.btnWhy { position:absolute; top:280px; left:20px; background:url(/images/btn_why_gold.png) 0px 0px no-repeat; width:299px; height:53px; display:block; cursor:pointer; margin:13px 0 13px 0px;}
.btnWhy:hover { background:url(/images/btn_why_gold.png) -299px 0px no-repeat;}

.btnWhat { position:absolute; top:280px; left:340px; background:url(/images/btn_what_gold.png) 0px 0px no-repeat; width:248px; height:53px; display:block; cursor:pointer; margin:13px 0 13px 0px;}
.btnWhat:hover { background:url(/images/btn_what_gold.png) -248px 0px no-repeat;}

.btnReadMoreNew { position:absolute; top:270px; left:300px; background:url(/images/BTN_readMore.png) 0px 0px no-repeat; width:291px; height:43px; display:block; cursor:pointer; margin:13px 0 13px 0px;}
.btnReadMoreNew:hover { background:url(/images/BTN_readMore.png) -291px 0px no-repeat;}

.btnViewOurDemo2 { position:absolute; top:114px; left:275px; background:url(/images/BTN_viewOurDemo.gif) 0px 0px no-repeat; width:193px; height:43px; display:block; cursor:pointer; margin:13px 0 13px 0px;}
.btnViewOurDemo2:hover { background:url(/images/BTN_viewOurDemo.gif) -193px 0px no-repeat;}
.btnReadMore { display:block; background:#fc5a06 url(/images/iconWhiteSquare.gif) 5px 9px no-repeat; color:#ffffff; width:71px; padding: 3px 0 3px 13px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnReadMore:hover {  background:#f9884d url(/images/iconWhiteSquare.gif) 5px 9px no-repeat; }
.btnViewOurPortfolio { display:block; background:#9641cf url(/images/iconWhiteSquare.gif) 5px 9px no-repeat; color:#ffffff; width:103px; padding: 3px 0 3px 13px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnViewOurPortfolio:hover {  background:#caa0e7 url(/images/iconWhiteSquare.gif) 5px 9px no-repeat; }
.btnSubmit,.contourSubmit { display:block; background:#afd249 url(/images/iconWhiteSquare.gif) 5px 9px no-repeat; color:#ffffff; width:49px; padding: 3px 0 3px 13px; text-decoration:none; font-weight:normal; font-size:12px;}


.btnFillOutForm { display:block; background:#dedede url(/images/iconWhiteGreySquare.gif) 5px -18px no-repeat; color:#595959 !important; width:73px; padding: 3px 0 3px 13px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnFillOutForm:hover {  background:#959698 url(/images/iconWhiteGreySquare.gif) 5px 9px no-repeat; color:#ffffff !important; }

/* ----- STYLED BY OTHER SHEETS BUTTONS ----- */
.btnViewDemo { display:block; line-height:15px; width:70px; padding: 3px 0 3px 13px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnViewDemo:hover {}
.btnSubmit { display:block; line-height:15px; width:49px; padding: 3px 0 3px 13px; margin:17px 0 0 1px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnSubmit:hover  {}
.btnFindOutMore { display:inline-block; line-height:15px;  color:#ffffff; width:85px; padding: 3px 0 3px 13px; margin:4px 0 17px 1px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnFindOutMore:hover {}
.btnBackToTop { display:block; line-height:15px; width:69px; padding: 3px 0 3px 13px; margin:14px 0 17px 1px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnBackToTop:hover {}
.btnReadThisCaseStudy { display:block; line-height:15px; width:129px; padding: 3px 0 3px 13px; margin:0px 0 17px 0px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnReadThisCaseStudy:hover {}
.btnBackToGalleryPage { display:block; line-height:15px; width:129px; padding: 3px 0 3px 13px; margin:5px 0 0 45px; text-decoration:none; font-weight:normal; font-size:12px;}
.btnBackToGalleryPage:hover {}
.btnContinue { display:block; line-height:15px; width:59px; padding: 3px 0 3px 13px; margin:9px 0 20px 0; text-decoration:none; font-weight:normal; font-size:12px;}
.btnContinue:hover {}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
address,.address { font-style:normal; font-size:14px; display:block; padding-bottom:15px;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
.contactus legend{display:block;color:#0B7AEF;font-size:16px;}
.contactus h4{display:none;}
.formContent { text-align:left; font-size:12px; padding:5px 0 0 0;} 
.formContent .padding { padding:0;}
.formContent form { padding:0; margin:0; }
.formContent form p { padding: 0px 0 10px 14px !important;}
.formContent fieldset { padding:0; margin:0; border:0px none; display:block;}
.formContent legend { display:none;}
.formContent label { display:block; padding: 0 20px 7px 0px; font-weight:normal; font-size:14px;}
.formContent ul { padding:0; margin:0; list-style:none;}
.formContent li { display:block; padding: 0 0 15px 0px; line-height:17px; background:none;} 
.formContent .textInput { width:200px; padding:3px 3px; margin:0; background:#ffffff; border:1px solid #cccccc; color:#b2b2b2; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:13px;}
.formContent .textareaInput { width:428px; height:154px; padding:3px 3px; margin:0; background:#ffffff; border:1px solid #cccccc; color:#b2b2b2; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:13px;}
.formContent .firstName { float:left; width:227px;}
.formContent .firstName input { width:200px;}
.formContent .lastName { float:left; width:240px;}
.formContent .greyLabel { display:block; font-size:12px; color:#adaeaf; padding-bottom:0px;}
.formContent .selectInputDateDay { width:52px; margin:0 8px 0 0; float:left;}
.formContent .selectInputDateMonth { width:89px; margin:0 8px 0 0; float:left;}
.formContent .selectInputDateYear { width:69px; margin:0 8px 0 0; float:left;}
.formContent .iconCalendar {width:16px; height:15px; margin:1px 0 0 0; float:left;}

/*hcard styles*/
span.type,.vcard a.url{display:none;}
div.street-address, div.locality, div.postal-code {float:left;margin-top:15px;}
div.street-address, div.locality {margin-right:5px;}


/*contour forms*/
.demosignup legend,.demosignup h4.contourPageName{display:none;}
.contourSubmit{width:61px!important;border:none!important;}

.hidden{display:none}




















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */