@font-face{
font-family:Rockwell;
src: url("/scripts/Rock.eot");}
@font-face{
font-family:Rockwell;
src: url("/scripts/Rock.TTF");}
body{margin:0;padding:0;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:url(../images/background.gif) repeat-x;overflow:-moz-scrollbars-vertical;color:#373737;background-color:#303030;}
img{border-style:none;}
img.imgborder{border:3px solid #303030;}
img.imgborder:hover{border:3px solid #F7941D;}
p{margin:0 0 5px 0;padding:0 0 5px 0;}
.none{display:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.alignjustify{text-align:justify;}
.alignleft{text-align:left!important;}
.aligncenter{text-align:center!important;}
.alignmiddle{vertical-align:middle;}
.alignright{text-align:right!important;}
.border{border:#F5F8FF 2px solid;}
.borderbottom2px{border-bottom:#F5F8FF 2px solid;}
.border2px{border:2px solid #303030;}
.bordernone{border:none 0;}
.bold{font-weight:bold;}
.normal{font-weight:normal !important;}
.fontrockwell{font-family:Rockwell, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;}
.font12px{font-size:12px;}
.font20px{font-size:20px;}
.font24px{font-size:24px;}
.font26px{font-size:26px;}
.font36px{font-size:36px;}
.fontcolorF5F8FF{color:#F5F8FF;}
.fontcolorF7941D{color:#F7941D;}
.fontcolor303030{color:#303030;}
.fontcolorD3D3D3{color:#D3D3D3;}
.bg303030{background-color:#303030;}
.width215px{width:215px;}
.width300px{width:300px;}
.width400px{width:400px;}
.width650px{width:650px;}
.margin0{margin:0;}
.margin10pxr{margin-right:10px;}
.margin10pxb{margin-bottom:10px;}
.padding4pxt{padding:4px 0 0 0;}
.padding5pxb{padding:0 0 5px 0;}
.padding10pxb{padding:0 0 10px 0;}
.padding10px{padding:10px;}
.padding10pxlr{padding:0 10px 0 10px;}
.padding10pxrb{padding:0 10px 10px 0;}
.padding17pxtb{padding:17px 0 17px 0;}
a:link.black {color:#373737; font-weight:bold; text-decoration:none;}
a:hover.black {color:#F7941D; font-weight:bold; text-decoration:underline;}
a:visited.black {color:#373737; font-weight:bold; text-decoration:none;}
a:link.light {color:#D3D3D3; font-weight:bold; text-decoration:none;}
a:hover.light {color:#D3D3D3; font-weight:bold; text-decoration:underline;}
a:visited.light {color:#D3D3D3; font-weight:bold; text-decoration:none;}
#wrapper {width:960px;margin:0 auto;text-align:left;}
.topnavlavaLampwrapper {padding:0;margin:0;width:960px;text-align:center;clear:both;}
.topnavlavaLampWithImage {position:relative;padding:20px 0 0 9px;margin:0;overflow:hidden;height:60px;}
.topnavlavaLampWithImage li {float:left;list-style:none;}
.topnavlavaLampWithImage li.back {background:url(../images/lava.png) no-repeat right -31px;width:9px;height:32px;z-index:8;position:absolute;}
.topnavlavaLampWithImage li.back .left {background:url(../images/lava.png) no-repeat top left;height:32px;margin-right:9px; /* 9px is the width of the rounded shape */}
.topnavlavaLampWithImage li a {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#F5F8FF; text-decoration:none;outline:none;text-align:center;top:6px;z-index:10;display:block;float:left;height:32px;position:relative;overflow:hidden;margin:auto 20px;}
.topnavlavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {border:none;}
#logo {clear:both;text-align:center;}
#logopage {clear:both;float:left; padding:0 0 20px 7px;}
#headercontactus{clear:both;text-align:right;padding:5px 0 20px 0;}
#headercontactus a:link {color:#303030;text-decoration:none;}
#headercontactus a:visited {color:#303030;text-decoration:none;}
#headercontactus a:hover {color:#303030;text-decoration:none;}
#headerpagecontactus{float: right;text-align:right;padding:25px 10px 0 0;margin: 0;}
#headerpagecontactus a:link {color:#303030;text-decoration:none;}
#headerpagecontactus a:visited {color:#303030;text-decoration:none;}
#headerpagecontactus a:hover {color:#303030;text-decoration:none;}
.email {float:right;padding:5px 120px 0 0;font:28px "Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;color:#373737;text-decoration:none;}
.telephone {float:right;padding:0 10px 0 0;font:40px "Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;color:#373737;text-decoration:none; }
.homelefttop {clear:both;background-image:url(../images/homepage-sprite.png);background-position:-10px -10px;background-repeat:no-repeat;height:10px;}
.homeleft {clear:both;padding:0 10px;}
.services {margin:0;padding:0;clear:both;}
.services h2 {font-size:20px;color:#F7941D;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-weight:normal;margin:0;	padding:0 0 5px 0;}
.services ul {margin:0;padding:0;list-style:none;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-size:15px;color:#F5F8FF;}
.services li {margin:0;display:block;}
.services a:link{text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;height:27px;padding:9px 0 7px 39px; font-weight:normal;}
.services a:visited{text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;height:27px;padding:9px 0 7px 39px; font-weight:normal;}
.services a:hover{text-decoration:none;color:#F5F8FF;display:block;margin:0;clear:both;height:27px;padding:9px 0 7px 39px; font-weight:normal;}
.services a.webdesign {background-image:url(../images/icons-sprite.png);background-position:-10px -10px;background-repeat:no-repeat;}
.services a.webdevelopment {background-image:url(../images/icons-sprite.png);background-position:-10px -66px;background-repeat:no-repeat;}
.services a.ecommerce {background-image:url(../images/icons-sprite.png);background-position:-10px -122px;background-repeat:no-repeat;}
.services a.searchoptimisation {background-image:url(../images/icons-sprite.png);background-position:-10px -178px;background-repeat:no-repeat;}
.services a.emailmarketing {background-image:url(../images/icons-sprite.png);background-position:-10px -234px;background-repeat:no-repeat;}
.services a.webhosting {background-image:url(../images/icons-sprite.png);background-position:-10px -290px;background-repeat:no-repeat;}
.services a.contentmanagement {background-image:url(../images/icons-sprite.png);background-position:-10px -346px;background-repeat:no-repeat;}
.services a.trafficanalytics {background-image:url(../images/icons-sprite.png);background-position:-10px -402px;background-repeat:no-repeat;}
.services a.corporatebranding {background-image:url(../images/icons-sprite.png);background-position:-10px -458px;background-repeat:no-repeat;}
.homerighttop{clear:both;background-image:url(../images/homepage-sprite.png);background-position:-10px -40px;background-repeat:no-repeat;height:10px;}
.homeright {clear:both;padding:0 10px;}
#slideshow {width:630px;}
#slideshow-back{width:630px;height:255px;float:left;background-color:#303030;}
#slideshow ul {margin:0;padding:0;list-style-type: none;}
#slideshow ul:after {content: ".";clear: both;display: block;height: 0;visibility: hidden;}    
#slideshow .slides {float:left;overflow: hidden;width: 630px;padding:0;}
#slideshow .slideheight {height:150px;}
#slideshow .slides ul {width: 3000px;}
#slideshow .slides li {width: 630px;height:240px;float: left;color:#F5F8FF;text-align:justify;padding:0 0 10px 0;}
#slideshow .slides h2 {margin:0 0 10px 0;font-family:Rockwell, "Times New Roman", Times, serif;font-size:22px;color:#F7941D; font-weight:normal;}
.slidebutton {color:#F5F8FF;background:url(../images/slide-button.png) no-repeat left top;display:block;width:619px;height:31px;font-family:Rockwell, "Times New Roman", Times, serif;font-size:18px;color:#F5F8FF; text-decoration:none;padding:7px 0 0 10px;margin:15px 0 0 0;}
.slidebutton:hover {background:url(../images/slide-button-hover.png) no-repeat left top;display:block;width:619px;height:31px;font-family:Rockwell, "Times New Roman", Times, serif;font-size:18px;color:#F5F8FF; text-decoration:none;padding:7px 0 0 10px;}
.slides-nav {position:relative;z-index:10;height:50px;}
#slideshow .slides-nav ul {margin:0;padding:0;list-style:none;}
#slideshow .slides-nav li {float:left;margin:0;padding:0;font-family:Rockwell, "Times New Roman", Times, serif;font-size:13px;color:#F5F8FF;margin:0 14px 0 0;}
#slideshow .slides-nav li.last {margin:0;}
#slideshow .slides-nav li a {display:block;background-image:url(../images/homepage-sprite.png);background-position:-10px -70px; background-repeat:no-repeat;padding:9px 0 11px 0;text-decoration:none;color:#F5F8FF;width:146px;text-align:center;outline:none;}
#slideshow .slides-nav li.on {color:#F5F8FF;}
#slideshow .slides-nav li.on a {background-image:url(../images/homepage-sprite.png);background-position:-10px -129px;color:#F5F8FF;outline:none;}
#projectshow {clear:both;padding:0;margin:0;width:630px;height:254px;background-image:url(../images/homepage-sprite.png);background-position:-10px -188px;background-repeat:no-repeat;position:relative;}
#projectshow #projectsContainer {width:630px; height:254px;overflow:auto;position:relative;}
#projectshow #projectsContainer .project {width:600px;height:254px; text-align:justify;}
#projectshow #projectsContainer .project h3 {font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-size:18px;margin:0;padding:0 0 10px 0; font-weight:normal;}
#projectshow #projectsContainer .project img {margin:0 0 0 10px;}
#projectshow #projectsContainer .project a:link {color:#303030;text-decoration:none;}
#projectshow #projectsContainer .project a:visited {color:#303030;text-decoration:none;}
#projectshow #projectsContainer .project a:hover {color:#F7941D;text-decoration:underline;}
#projectshow #projectsContainer .project ul {text-align:center;margin:0;padding:0;}
#projectshow #projectsContainer .project li {display:inline;text-align:center;padding:0 4px 0 4px;border-right:1px solid #303030;}
#projectshow #projectsContainer .project li.linelast {border:none;}
#rotating_items {position:relative;margin:0; clear:both;}
#rotating_items h3 {margin:0; clear:both;}
#rotating_items div.rotating_item {position: absolute; clear:both;}
.control {display:block;width:36px;height:36px;text-indent:-10000px;position:absolute;cursor:pointer;z-index:2;}
#leftControl {top:205px;left:15px;background:transparent no-repeat;background-image:url(../images/homepage-sprite.png);background-position:-10px -462px;}
#rightControl {top:205px;right:15px;background:transparent no-repeat;background-image:url(../images/homepage-sprite.png);background-position:-10px -518px;}
#pagetop{clear:both;background-image:url(../images/page-sprite.png);background-position:-10px -10px;background-repeat:no-repeat;height:10px;}
#page {clear:both;padding:0 10px;background-color:#303030;color:#F5F8FF;}
#page a:link {color:#F5F8FF; text-decoration:none; font-weight:bold;}
#page a:visited {color:#F5F8FF; text-decoration:none; font-weight:bold;}
#page a:hover {color:#F5F8FF; text-decoration:underline; font-weight:bold;}
#page h1 {padding:0 0 8px 0;clear:both;margin:0;font-size:18px;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-weight:normal;}
#page h2 {padding:0 0 8px 0;clear:both;margin:0;font-size:16px;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-weight:normal;}
#page h3 {padding:0 0 8px 0;clear:both;margin:0;font-size:16px;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-weight:normal;}
#page .contactgoogle {width:515px;border:solid 1px #F5F8FF;clear:both;}
#page .left {float:left;width:530px;}
#page .right {float:right;width:400px;padding:0 0 0 10px;}
#page .boxtop {clear:both;background-image:url(../images/page-sprite.png);background-position:-10px -40px;background-repeat:no-repeat;height:10px;}
#page .boxmid {clear:both;background-image:url(../images/page-sprite.png);background-position:-10px -70px;background-repeat:no-repeat;color:#303030; padding:0 10px 0 10px;}
#page .boxbot {clear:both;background-image:url(../images/page-sprite.png);background-position:-10px -562px;background-repeat:no-repeat;height:10px;}
#page ul {margin: 0;padding:5px 0 15px 0;}
#page li {margin: 0;display: block;list-style-position: inside;list-style-type: none;background-image:url(../images/page-sprite.png);background-position:-5px -584px;background-repeat: no-repeat;padding:2px 0 2px 13px;}
#page li a:link {display:block;}
#page li a:visited {display:block;}
#page #newsleft {width:640px; float:left;}
#page #newsright {width:280px;float:right;background-image: url(/images/bg-newssignup.png);background-repeat: no-repeat;}
#portfoliopage {clear:both;padding:0 10px;background-color:#303030;color:#F5F8FF;}
#portfoliopage h1 {padding:0 0 8px 0;clear:both;margin:0;font-size:18px;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-weight:normal;}
#portfoliopage h2 {padding:0 0 8px 0;clear:both;margin:0;font-size:16px;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-weight:normal;}
#portfoliopage a:link {color:#F5F8FF; text-decoration:none; font-weight:bold;}
#portfoliopage a:visited {color:#F5F8FF; text-decoration:none; font-weight:bold;}
#portfoliopage a:hover {color:#F5F8FF; text-decoration:underline; font-weight:bold;}
#portfoliopage #portfolio .itemtop {clear:both;padding:0;margin:0;width:938px;height:13px;background:url(../images/bg-portfolio-long-top.png);background-repeat:no-repeat;position:relative; color:#303030;}
#portfoliopage #portfolio .itembot {clear:both;padding:0;margin:0 0 15px 0;width:938px;height:13px;background:url(../images/bg-portfolio-long-bot.png);background-repeat:no-repeat;position:relative; color:#303030;}
#portfoliopage #portfolio .item {clear:both;padding:15px;margin:0;width:908px; background:url(../images/bg-portfolio-long.png);background-repeat:no-repeat;background-color:#FDFEE7;position:relative; color:#303030;}
#portfoliopage #portfolio .item img {margin:0 15px 0 0;}
#portfoliopage #portfolio .item h3 {font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-size:18px;margin:0;padding:0 0 10px 0; font-weight:normal;}
#portfoliopage #portfolio .item a:link {color:#303030;text-decoration:none;}
#portfoliopage #portfolio .item a:visited {color:#303030;text-decoration:none;}
#portfoliopage #portfolio .item a:hover {color:#F7941D;text-decoration:underline;}
#portfoliopage #portfolio .item .sitespec ul {text-align:center;margin:0;padding:0;}
#portfoliopage #portfolio .item .sitespec li {display:inline;text-align:center;padding:0 4px 0 4px;border-right:1px solid #303030;}
#portfoliopage #portfolio .item .sitespec li.linelast {border:none;}
#portfoliopage .left {float:left;width:530px;}
#portfoliopage .boxtop {clear:both;background-image:url(../images/page-sprite.png);background-position:-10px -40px;background-repeat:no-repeat;height:10px;}
#portfoliopage .boxmid {clear:both;background-image:url(../images/page-sprite.png);background-position:-10px -70px;background-repeat:no-repeat;color:#303030; padding:0 10px 0 10px;}
#portfoliopage .boxbot {clear:both;background-image:url(../images/page-sprite.png);background-position:-10px -562px;background-repeat:no-repeat;height:10px;}
#portfoliopage .right {float:right;width:400px;padding:0 0 0 10px;}
#breadcrumb {clear:both;margin-bottom:5px;padding: 0;}
#breadcrumb ul {margin:0;padding:5px 0 5px 0;}
#breadcrumb li {display:inline;margin:0;padding:0 8px 0 0;background-image:none;}
#breadcrumb li a:link {display: inline;text-decoration:none;border-right-width: 1px;border-right-style: solid;border-right-color: #D6DBBF;padding-right: 10px;}
#breadcrumb li a:visited {display: inline;text-decoration:none;border-right-width: 1px;border-right-style: solid;border-right-color: #D6DBBF;padding-right: 10px;}
#breadcrumb li a:hover {display: inline;text-decoration:underline;}
#breadcrumb li.first {display: inline;padding-left:0;font-weight:bold;background: none;}
#footer {clear:both;color:#D3D3D3;margin:0;padding:10px 0 0 0;}
#footer h4 {font-size:20px;font-weight:normal;margin:0;padding:0 0 5px 0;color:#F7941D;}
#footer #news{margin:0;padding:0 0 5px 10px;float:left;width:290px;}
#footer #news img {border:#F5F8FF 2px solid;}
#footer #news .info {text-align:justify;}
.newsticker-jcarousellite {width:285px; margin:0 0 10px 0;padding:0;}
.newsticker-jcarousellite ul {list-style:none;padding:0;margin:0;}
.newsticker-jcarousellite li {list-style:none; display:block; padding:0;margin:0;}
.newsticker-jcarousellite li a:link {text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:bold;}
.newsticker-jcarousellite li a:visited {text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:bold;}
.newsticker-jcarousellite li a:hover {text-decoration:underline;color:#D3D3D3;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:bold;}
.newsticker-jcarousellite .title {text-align:left;font-weight:bold;float:left;width:167px;}
.newsticker-jcarousellite .thumbnail {float:left;width:90px;}
.newsticker-jcarousellite .info {float:left;width:167px;}
#footer #pages{margin:0;padding:0;float:left;width:210px;}
#footer #pages ul {margin:0;padding:0;list-style:none;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-size:13px;color:#F5F8FF;}
#footer #pages li {margin:0;display:block;}
#footer #pages a:link{text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:normal;}
#footer #pages a:visited{text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:normal;}
#footer #pages a:hover{text-decoration:none;color:#F5F8FF;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:normal;}
#footer #sitemap{margin:0;padding:0;float:left;width:180px;}
#footer #sitemap ul {margin:0;padding:0;list-style:none;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-size:13px;color:#F5F8FF;}
#footer #sitemap li {margin:0;display:block;}
#footer #sitemap a:link{text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:normal;}
#footer #sitemap a:visited{text-decoration:none;color:#D3D3D3;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:normal;}
#footer #sitemap a:hover{text-decoration:none;color:#F5F8FF;display:block;margin:0;clear:both;padding:0 0 5px 0;font-weight:normal;}
#footer #besocial {margin:0;padding:0;float:left;width:270px;}
#footer #besocial .icons {float:left; width:84px; text-align:center;font-family:"Rockwell", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;color:#D3D3D3;padding:10px 0 10px 0; margin:0 50px 0 0; }
#footer #besocial .icons a:link {color:#D3D3D3; text-decoration:none;display:block;font-weight:normal;}
#footer #besocial .icons a:visited {color:#D3D3D3; text-decoration:none;display:block;font-weight:normal;}
#footer #besocial .icons a:hover {color:#F5F8FF; text-decoration:none;display:block;font-weight:normal;}
#footerbottom{text-align:right;margin:0;clear:both;padding:20px 0 20px 0;}
fieldset{padding:0;margin:0;border:none;}
label{display:block;float:left;text-align:right;padding:3px 8px 0 0;width:120px;font-weight:bold;color:#303030;height:25px;}
.inputcontact{float:left;font-size:12px;border:1px #303030 solid;color:#303030;height:20px;line-height:20px;font-weight:normal;width:225px;margin:0 0 7px 0;}
.inputnews{float:left;font-size:12px;border:1px #303030 solid;color:#303030;height:20px;line-height:20px;font-weight:normal;width:160px;margin:0 0 7px 0;}
.selectcontact{float:left;color:#303030;border:1px #303030 solid;font-size:12px;padding:3px;width:229px;margin:0 0 7px 0;}
.textarea{font-size:11px;border:1px #303030 solid;color:#303030;font-family:arial, sans-serif;width:225px;font-weight:normal;}
.submit{float:left;background:url(../images/submitoff.png) no-repeat;border:none;width:122px;height:34px;cursor:pointer;line-height:29px;margin:7px 0 10px 0;}
.submit:hover{float:left;background:url(../images/submiton.png) no-repeat;border:none;width:122px;height:34px;cursor:pointer;line-height:29px;margin:7px 0 10px 0;}