* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/


body {
height:100%;
background:#040404 url(images/background2.jpg) no-repeat center 200px;
color:#fff;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.78em;
line-height:140%;
}

#flash-top-left {
position:absolute; top:0; left:0; z-index:-1
}

#flash-top-right {
position:absolute; top:0; right:0; z-index:-1
}

a {
color:#9DC20A;
text-decoration:underline;
}

a:hover {
color:#81950F;
text-decoration:none;
}

a.readmore {
background:url(images/readmore.gif) no-repeat;
width:80px;
height:20px;
display:block;
text-indent:-999999px;
outline:none;
overflow:hidden;
margin-top:10px;
}

hr {
margin:10px 0 20px 0;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

ul {margin:0 0 0 15px;}

p 
{
padding:3px 0 12px 0;
}

h2, h3, h4, h5 {
color:#9DC20A;
}

#centerColumn { 	
margin:0 auto;
width:980px;
text-align:left;
vertical-align: middle;	
padding:10px 10px 0 10px;
position:relative;
z-index:10000;
}

h2 {
font-family:Helvetica, Arial;
font-size:22px;
}

h3 {
padding:.75em 0 .5em 0;
font-size:20px;
font-weight:lighter;
font-family:arial;
}

h3.webdesignheader 
{
padding:20px;
}

h4 {
font-family:georgia;
font-size:17px;
font-weight:normal;
}

h5 {
font-family:georgia;
font-size:15px;
font-weight:normal;
}

#navbar {
padding:0 0 12px 0;
}

#navbar ul {
list-style:none;
margin:0;
}

#navbar li {
margin:0;
list-style:none;
display:block;
float:left;
}

#navbar li a {
margin:0 0 0 6px;
text-indent:-999999px;
display:block;
outline:none;
overflow:hidden;
width:158px;
height:35px;
}

#navbar li a.home {
background:url(images/nav_home.gif) no-repeat 0 -35px;
margin:0;
}
#navbar li a:hover.home, #home #navbar li a.home {
background:url(images/nav_home.gif) no-repeat;
}

#navbar li a.about {
background:url(images/nav_about.gif) no-repeat 0 -35px;
}

#navbar li a:hover.about, #about #navbar li a.about {
background:url(images/nav_about.gif) no-repeat;
}

#navbar li a.webdesign {
background:url(images/nav_webdesign.gif) no-repeat 0 -35px;
}
#navbar li a:hover.webdesign, #webdesign #navbar li a.webdesign {
background:url(images/nav_webdesign.gif) no-repeat;
}

#navbar li a.webmarketingnav {
background:url(images/nav_webmarketing.gif) no-repeat 0 -35px;
}
#navbar li a:hover.webmarketingnav, #webmarketing #navbar li a.webmarketingnav {
background:url(images/nav_webmarketing.gif) no-repeat;
}

#navbar li a.businesssolutions {
background:url(images/nav_businesssolutions.gif) no-repeat 0 -35px;
}
#navbar li a:hover.businesssolutions, #businesssolutions #navbar li a.businesssolutions {
background:url(images/nav_businesssolutions.gif) no-repeat;
}

#navbar li a.contact {
background:url(images/nav_contact.gif) no-repeat 0 -35px;
}
#navbar li a:hover.contact, #contact #navbar li a.contact {
background:url(images/nav_contact.gif) no-repeat;
}

#navbar li a.blog {
background:url(images/nav_blog.gif) no-repeat 0 -35px;
}
#navbar li a:hover.blog, #blog #navbar li a.blog {
background:url(images/nav_blog.gif) no-repeat;
}

#header {
margin:0;
padding:0;
height:120px;
}

#header h1 {
margin:0;
padding:17px 0 0 0;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#fff;
width:187px;
height:73px;
float:left;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:210px;
height:73px;
background:transparent url(images/logo.gif) no-repeat;
overflow:hidden;
outline:none;
}




#header h2 {
margin:0;
padding:0 0 0 0;
font-size:16px;
color:#fff;
font-weight:normal;
float:right;
width:420px;
text-align:right;
line-height:23px;
clear:right;
}

#header h2 strong {
color:#9DC20A;
}

#fullwidthbanner {
margin:0 0 15px 0;
}

.contentWrap {
margin:0 0 0 0;
}

.centerCol {
width:509px;
float:left;
display:inline;
margin:0 14px 14px 14px;
background:#000 url(images/element_bg.jpg) repeat-x scroll 0 0;
overflow:hidden;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border:1px solid #333;
}

h2#stylishdesign {
background:url(images/h2_stylishdesign.jpg) no-repeat;
height: 77px;
width:479px;
margin:15px;
text-indent: -999999px;
}

#flashheaderwrap {
position:relative;
}

#flashheaderwrap h3 {
position:absolute;
top:0;
color:#fff;
font-size:22px;
}

#flashheader {
position:relative; top:-10px; left:-20px;
}

#flashheaderbanner {
position:relative;
top:-10px;
left:-20px;
margin-bottom:20px;
}

.breaker {
margin:15px;
border-top:1px solid #333;
padding:5px 0;
}

.breaker ul.headedlist {
float:left;
width:50%;
margin:5px 0;
}

.breaker ul.fullwidth {width:100%;}

.breaker ul.headedlist li {
padding:5px 0 2px 30px;
}

.clientwork h4 {
color:#fff;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:10px 0 0 0;
}

.breaker h3 {
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
font-family: Arial;
color: #fff;
}

.centerColInner 
{
padding:15px;
border:1px solid #333;
}

.leftCol {
width:220px;
float:left;
}

.rightCol {
width:220px;
float:right;
}

.rightCol h3, .rightCol h4, .ourServices h3 {
color:#9DC20A;
font-family:arial;
padding:14px 12px 12px 10px;
margin:0 0 13px 0;
font-weight:bold;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
text-transform:uppercase;
font-size:13px;
border-bottom:1px solid #333;
}


.twoThirdsLeft 
{
float:left;
width:703px;
border:1px solid #333;
padding:10px 20px 20px 20px;
background:#000 url(images/twothirdsleft.jpg) repeat-x;
overflow:hidden;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.twoThirdsLeft p {
color:#fff;
}

#webdesign .twoThirdsLeft 
{
width:742px;
padding:0;
}

.twoThirdsLeft h4 
{
font-family:Arial;
font-size:1.2em;
font-weight:bold;
padding:20px 0 10px 0;
}

.businesssolutions 
{
float:left;
width:300px;
margin-right:35px;
}

.webdesign1 
{
padding:0 0 25px 100px;
background:url(images/webdesignicon.gif) 20px 8px no-repeat;
}

.webhosting
{
padding:0 0 25px 100px;
background:url(images/webhostingicon.gif) 25px 8px no-repeat;
}

.systemsintegration
{
padding:0 0 25px 100px;
background:url(images/systemsintegrationicon.gif) 25px 8px no-repeat;
}

.contentmanagement
{
padding:0 0 25px 100px;
background:url(images/contentmanagementicon.gif) 25px 8px no-repeat;
}

.ecommerce
{
padding:0 0 25px 100px;
background:url(images/ecommerceicon.gif) 25px 8px no-repeat;
}

.emailmarketing
{
padding:0 0 25px 100px;
background:url(images/emailmarketingicon.gif) 25px 8px no-repeat;
}

.webmarketing
{
padding:0 0 25px 100px;
background:url(images/webmarketingicon.gif) 25px 8px no-repeat;
}

.textmarketing
{
padding:0 0 25px 100px;
background:url(images/textmarketingicon.gif) 25px 8px no-repeat;
}

.hardwaresupplies
{
padding:0 0 25px 100px;
background:url(images/hardwaresuppliesicon.gif) 25px 8px no-repeat;
}

.copywriting {
padding:0 0 25px 100px;
background:url(images/copywritingicon.gif) 25px 8px no-repeat;
}

.logodesign {
padding:0 0 25px 100px;
background:url(images/logodesignicon.gif) 25px 8px no-repeat;
}

.businesssolutions h3 
{
font-family:Rockwell, Arial;
font-size:16px;
color:#fff;
}

#banner {
margin-bottom:15px;
height:352px;
}

.moreinfo {
background:#000;
border:1px solid #333;
padding:12px;
}

#moreInfoController span{
color:#9DC20A;
margin-right:10px;
cursor:pointer;
padding:4px 12px;
display:block;
float:left;
font-family: Georgia;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border:1px solid #151515;
}

#jFlowSlide{
/* container of jFlow content */
clear:both;
}

#moreInfoController span.jFlowSelected {
background:#9DC20A;
color:#000;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
display:none;
}

#moreInfo div {

}

#moreInfo div.infoPadding {
padding:12px;
}

.ourServices {
border:1px solid #333333;
background:#000 url(images/element_bg.jpg) repeat-x;
margin-bottom:15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.ourServices ul {
list-style-type:none;
margin:0;
}

.ourServices ul li {
list-style-type:none;
margin:0;
padding:0;
background:url(none);
}

.ourServices ul li a {
padding:8px 15px 8px 55px;
display:block;
color:#fff;
text-decoration:none;
}

.ourServices ul li a.corporateid {
background:url(images/pallete.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.corporateid {
background:url(images/pallete.gif) no-repeat 10px center;
}

.ourServices ul li a.search {
background:url(images/search.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.search {
background:url(images/search.gif) no-repeat 10px center;
}

.ourServices ul li a.roi {
background:url(images/roi.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.roi {
background:url(images/roi.gif) no-repeat 10px center;
}

.ourServices ul li a.emailmarketing {
background:url(images/emailmarketing.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.emailmarketing {
background:url(images/emailmarketing.gif) no-repeat 10px center;
}

.ourServices ul li a.cms {
background:url(images/cms.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.cms {
background:url(images/cms.gif) no-repeat 10px center;
}

.ourServices ul li a.systemsintegration {
background:url(images/systemsintegration.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.systemsintegration {
background:url(images/systemsintegration.gif) no-repeat 10px center;
}

.ourServices ul li a.consultancy {
background:url(images/consultancy.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.consultancy {
background:url(images/consultancy.gif) no-repeat 10px center;
}

.ourServices ul li a.hosting {
background:url(images/hosting.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.hosting {
background:url(images/hosting.gif) no-repeat 10px center;
}

.ourServices ul li a.copywriting {
background:url(images/copywriting.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.copywriting {
background:url(images/copywriting.gif) no-repeat 10px center;
}

.ourServices ul li a.txtmarketing {
background:url(images/txtmarketing.gif) no-repeat 10px center;
}
.ourServices ul li a:hover.txtmarketing {
background:url(images/txtmarketing.gif) no-repeat 10px center;
}


h4.latestnews {
background:#000 url(images/h3_bottom.gif) bottom left no-repeat;
color:#000;
font-size:13px;
font-family:arial;
padding:14px 10px 17px 10px;
font-weight:bold;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
text-transform:uppercase;
font-size:13px;
border:none;
}

div.news {
padding:0 10px 10px 10px;
}

ul.tick {
padding:8px 0;
}

ul.tick li {
padding:2px 15px 2px 20px;
background:url(images/arrowright.gif) no-repeat 5px center;
list-style-type: none;
}

ul.plus {
padding:0 0 8px 0;
}

ul.plus li {
padding:2px 15px 2px 20px;
background:url(images/plus.gif) no-repeat 5px center;
list-style-type: none;
}

.ulLeft {
float:left;
margin-right:25px;
}

ul#areas, ul#services {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background:#252525 url(images/arrowright.gif) 10px center no-repeat;
border:none;
padding:4px 4px 4px 20px;
margin:5px 13px;
width:169px;
overflow:hidden;
}

ul#areas {
margin-bottom:15px;
}

ul#areas li, ul#services li {
display:block;
width:100%;
padding:0;
border:none;
background:transparent;
}












fieldset.emailenquiry {
border:none;
}

fieldset.emailenquiry legend {
display:none;
}

fieldset.emailenquiry label {
float:left;
display:block;
width:130px;
margin-bottom:2px;
}

fieldset.emailenquiry input {
margin-bottom:2px;
}

fieldset.emailenquiry input.button {
position:relative;
left:130px;
}







.clientLogin {
border:1px solid #333333;
background:#000 url(images/element_bg.jpg) repeat-x;
margin-bottom:15px;
overflow:hidden;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.enquiryRequest input {
background:#000;
color:#fff;
border:1px solid #333;
padding:3px;
}

.enquiryRequest textarea {
background:#000;
color:#fff;
border:1px solid #333;
}

.clientLogin fieldset {
border:none;
padding:0 13px 15px 15px;
}

.clientLogin fieldset legend {
display:none;
}

.clientLogin label {
float:left;
clear:both;
width:60px;
padding-right:10px;
display:block;
}

.clientLogin input {
width:110px;
margin-bottom:3px;
float:right;
border:1px solid #333;
background:#000;
color:#fff;
padding:3px;
}

.clientLogin input.login {
border:none;
background:transparent;
padding:0;
width:80px;
height:23px;
clear:both;
}

#LoginPanel #Login 
{
float:right;
width:80px;
}

img.individual, img.tel {
margin-bottom:10px;
}

div.quote {
border-top:1px solid #333;
border-right:1px solid #333;
border-left:1px solid #333;
background:#000 url(images/quote_bg.jpg) repeat-x;
padding:10px;
}

div.quoteAuthor {
padding:18px 10px 20px 10px;
background:url(images/quote_author_bg.gif) no-repeat;
text-align:right;
}

div.quoteAuthor p.name {
color:#fff;
padding:0;
}
div.quoteAuthor p.company {
color:#9DC20A;
padding:0;
}

.aboutquote 
{
float:right;
margin:10px 0 10px 15px;
width:302px;
height:60px;
background:url(images/about_quote.jpg) no-repeat;
padding:20px;
}

.aboutquote h3
{
line-height:120%;
padding:10px 15px;
font-size:18px;
}

dl {margin:20px 0; margin-right:30px;}
dt {font-weight:bold; clear:left; width:180px;}
dd {margin:0 0 12px 20px;}
  
fieldset {border:none; padding:0;}
legend {font-weight:bold; color:#fff; text-indent:0;}


form fieldset.emailform {
border:1px solid #333;
padding:5px 0 10px 5px;
background:url(images/email_bg.jpg) repeat-x;
}

form fieldset.emailform label { 

	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 135px; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-weight: normal;
	font-size:12px;

}



form fieldset.emailform input, form fieldset.emailform textarea, form fieldset.emailform select {

	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */

	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of

                              label aligns textarea better in IE */

}

form fieldset.emailform input 
{
    width:175px;
    background:#000000 none repeat scroll 0 0;
    border:1px solid #333333;
    color:#FFFFFF;
    padding:3px;
}

input#sendemail 
{
margin:0;
}

form fieldset.emailform select {width:250px;}

form fieldset fieldset {margin:0 10px 15px 0; padding:0; font-size:12px; color:#000; border:solid 1px #ccc;}

form fieldset ol li {list-style-type:none; clear:both; padding:2px 0 5px 0;}


div#emailsent {background:#D1F3D1; border:1px solid #61B32F; padding:10px;}
div#emailform {width:80%;}

div#vsSummary {background:#FFDDDD; border:1px solid #D11010; padding:10px; margin:15px 0; color:#333;}

fieldset.send {padding:0 0 20px 0;}
fieldset.send legend {margin-top:16px; padding:0;}

.button 
{
    position:relative;
    left:153px;
    }

#sendmailPanel 
{
float:right;
margin:0;
width:340px;
}

.barepic {
border:none;
}

.right {
float:right;
margin:10px 0 10px 15px;}

.left {
float:left;
margin:10px 15px 10px 0;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.clear {
clear:both;
}

img.floatright {
float:right;
margin-left:15px;
}

img.floatleft {
float:left;
margin-right:15px;
}


#footer {
clear:both;
text-align:center;
font-size:.7em;
position:relative;
z-index:100;
overflow:hidden;
padding:0 0 30px 0;
}

#footer p 
{
padding:0;
}

#footerInner {
width:980px;
margin:0 auto;
padding:10px 0 15px 0;
position:relative;
}

.footerLeft {
float:left;
width:450px
margin-right:10px;
text-align:left;
position:relative;
color:#fff;
}

.footerLeft p {
color:#fff;
}

.footerRight {
float:right;
width:450px;
margin-left:10px;
text-align:right;
position:relative;
}

.footerRight ul li {
list-style-type: none;
display:inline;
padding-left:10px;
}

.emailSent {
position:absolute;
top:0;
left:0;
width:100%;
height:25px;
border-bottom:1px solid #fff;
font-weight:bold;
font-size:20px;
text-align:center;
padding:20px 0;
background:#9DC20A;
color:#000;
z-index:100000000;
opacity: 0.75;
-moz-opacity: 0.75; /* older Gecko-based browsers */
filter:alpha(opacity=75); /* For IE6&7 */
}

.emailSent a {
color:#000;
}

.close {
display:block;
}


a.downloadsamplereport {
background:transparent url(images/downloadsamplereport.jpg) no-repeat scroll 0 0;
border-bottom:medium none;
display:block;
float:left;
height:53px;
margin-right:25px;
overflow:hidden;
text-indent:-999999px;
width:225px;
}

a.downloadlatestreport {
background:transparent url(images/downloadlatestreport.jpg) no-repeat scroll 0 0;
border-bottom:medium none;
display:block;
float:left;
height:53px;
overflow:hidden;
text-indent:-999999px;
width:303px;
}

a.createanewsubscription {
background:transparent url(images/createanewsubscription.jpg) no-repeat scroll 0 0;
border-bottom:medium none;
display:block;
float:left;
height:53px;
overflow:hidden;
text-indent:-999999px;
width:303px;
}

div.icon {
width:90px;
height:60px;
padding:10px 0 0 0;
text-align:center;
float:left;
margin:0 3px;
font-size:.9em;
background:#000 url(images/icon_bg.gif) no-repeat;
}

div.icon a {
color:#fff;
text-decoration:none;
}

#icons {
border:1px solid #202020;
padding:5px 8px 5px 8px;
clear:both;
font-size:10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background:#000;
}

ul.topnav {
float:right;
list-style-type:none;
padding:5px 0;
font-size:.9em;
}

ul.topnav li {
padding:0 10px;
display:inline;
border-left:1px solid #333333;
}

ul.topnav li.first {
border:none;
}

ul.topnav li a {
color:#666666;
}

ul.headedlist {
list-style-type:none;
margin:5px 0 15px 0;
}

ul.headedlist li {
padding:5px 0 15px 30px;
background:url(images/tick.gif) no-repeat 7px 7px;
}

.ourServices ul.headedlist li {
padding:5px 0 5px 30px;
}

ul.headedlist li span {
display:block;
font-weight:bold;
font-size:1.1em;
padding:0 0 3px 0;
}

.arrangeameeting, .offerofthemonth {
border:1px solid #333;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size:.9em;
margin:0 0 14px 0;
background:#000 url(images/element_bg.jpg) repeat-x;
color:#fff;
}

.arrangeameeting h3 {
background:#9DC20A url(images/h3_bottom.gif) bottom left no-repeat;
color:#000;
font-family:arial;
padding:14px 10px 18px 10px;
font-weight:bold;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
text-transform:uppercase;
font-size:13px;
border:none;
}

.arrangeameeting p {
color:#fff;
}

.arrangeameeting label {
width:65px;
float:left;
text-align:right;
padding-right:5px;
}

.arrangeameeting input, .arrangeameeting textarea {
width:123px;
background:#000;
color:#fff;
border:1px solid #333;
}

.arrangeameeting input.button {
width:85px;
height:22px;
left:110px;
top:4px;
}


div.meetingpadded {
padding:0 10px 10px 10px;
}

div.offerofthemonth {
position:relative;
}

div.viewportfolio {
border:1px solid #333;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size:.9em;
margin:0 0 14px 0;
background:#000 url(images/element_bg.jpg) repeat-x;
color:#fff;
padding:0 10px;
position:relative;
}

div.viewportfoliocontent {
width:160px;
}

.morearrow {
background:url(images/more.gif) no-repeat;
display:block;
width:22px;
height:22px;
position:absolute;
top:40px;
right:10px;
text-indent:-999999px;
}

div.offerofthemonth .desc {
width:112px;
margin-left:10px;
float:left;
display:inline;
}

div.offerofthemonth .desc h3 {
font-family: Arial;
color:#fff;
border:none;
text-transform: capitalize;
padding:0;
font-size:18px;
font-weight:normal;
padding:0.75em 0 0.5em;
margin:0;
}

div.viewportfolio h3 {
font-family: Arial;
color:#fff;
border:none;
text-transform: capitalize;
padding:0;
font-size:18px;
font-weight:normal;
padding:0.75em 0 0.5em;
margin:0;
}

div.offerofthemonth .desc p {
padding:0 0 6px 0;
color:#fff;
}

div.offerofthemonth .offer {
position:absolute;
top:0;
right:-2px;
background:url(images/offer_bg.jpg) no-repeat;
width:84px;
height:69px;
padding:2px 2px 0 10px;
text-align:center;
}

div.offerofthemonth .offer h4, div.offerofthemonth .offer p {
text-transform: uppercase;
color:#000;
font-family: Arial;
line-height:110%;
border:none;
}

div.offerofthemonth .offer h4 {
font-weight: bold;
font-size:11px;
padding:3px 0 0 0;
margin:0;
}

div.offerofthemonth .offer p {
font-weight:bold;
}

div.offerofthemonth .offer p span {
display:block;
font-size:18px;
}

div.offerofthemonth .enquire a {
position:absolute;
bottom:8px;
right:8px;
background:#A91345;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color:#000;
padding:1px 5px;
font-weight:bold;
text-decoration:none;
}


#twitter_div {
border:1px solid #333;
background:#000 url(images/twitterBG.jpg) no-repeat;
padding:45px 5px 5px;
font-size:.9em;
margin:15px 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#twitter_div ul {
list-style-type:none;
}


.bubbleInfo {
            position: relative;
            width: 90px;
        }
        .trigger {
            position: relative;
        }
     
        /* Bubble pop-up */

        .popup {
                position: absolute;
                display: none;
                z-index: 50;
                width:289px;
                height:169px;
                text-align:left;
                background:url(images/bubble.gif) no-repeat;
                padding:7px 10px;
                
                
        }
        
        .popup h4 {
        color:#000;
        font-family:arial;
        font-size:12px;
        padding:0 0 7px 0;
        }
        
        .popup p {
        padding:2px 0 4px 0;
        font-size:11px;
        color:#fff;
        }


div.icon .bubbleInfo a {
color:#9DC20A;
}

#videotilediv {
margin-bottom:15px;
}



/*========HALLOWEEN========*/

/*

#header h1 a {
display:block;
width:243px;
height:88px;
background:transparent url(images/logo-halloween.gif) no-repeat;
left:-33px;
position:relative;
}

#navbar {
padding:0 0 2px 0;
}

#navbar li a.home {
background:url(images/nav_home_halloween.gif) no-repeat 0 -45px;
margin:0;
height:45px;
}
#navbar li a:hover.home, #home #navbar li a.home {
background:url(images/nav_home_halloween.gif) no-repeat;
}

#navbar li a.webdesign {
background:url(images/nav_webdesign_halloween.gif) no-repeat 0 -45px;
height:45px;
}
#navbar li a:hover.webdesign, #webdesign #navbar li a.webdesign {
background:url(images/nav_webdesign_halloween.gif) no-repeat;
}

#navbar li a.about {
background:url(images/nav_aboutus_halloween.gif) no-repeat 0 -45px;
height:45px;
}

#navbar li a:hover.about, #about #navbar li a.about {
background:url(images/nav_aboutus_halloween.gif) no-repeat;
}

#navbar li a.webmarketingnav {
background:url(images/nav_webmarketing_halloween.gif) no-repeat 0 -45px;
height:45px;
}
#navbar li a:hover.webmarketingnav, #webmarketing #navbar li a.webmarketingnav {
background:url(images/nav_webmarketing_halloween.gif) no-repeat;
}

#navbar li a.businesssolutions {
background:url(images/nav_businesssolutions_halloween.gif) no-repeat 0 -45px;
height:45px;
}
#navbar li a:hover.businesssolutions, #businesssolutions #navbar li a.businesssolutions {
background:url(images/nav_businesssolutions_halloween.gif) no-repeat;
}

#navbar li a.contact {
background:url(images/nav_contact_halloween.gif) no-repeat 0 -45px;
height:45px;
}
#navbar li a:hover.contact, #contact #navbar li a.contact {
background:url(images/nav_contact_halloween.gif) no-repeat;
}

#navbar li a.blog {
background:url(images/nav_blog_halloween.gif) no-repeat 0 -45px;
height:45px;
}
#navbar li a:hover.blog, #blog #navbar li a.blog {
background:url(images/nav_blog_halloween.gif) no-repeat;
}

*/