/* ==== jbandg web design stylesheet - hand coded with love! ==== */

/* ==== common ==== */
html {
margin: 0; 
padding: 0;
font: normal 13px Tahoma, Arial, Helvetica, sans-serif, serif;
background-color:#020202;}


img {
margin: 0; 
padding: 0;
border: 0 }

.notes {
font: normal 10px/16px Arial, Helvetica, sans-serif, serif; color: #848484; }

.clear {
clear: both;
height: 0px;
overflow: hidden; }


.break {
background:url(/images/backgrounds/break.jpg) top left no-repeat;
display:block;
margin:5px 0 0 0;
width:580px;
height:24px; }

.normalbreak {
background:url(/images/backgrounds/break.jpg) bottom left no-repeat;
display:block;
margin:0 0 -10px 0;
width:580px;
height:24px;
padding: 10px 0 0 0; }

.fullbreak {
background:url(/images/backgrounds/break-full.jpg) bottom left no-repeat;
display:block;
margin:0 0 -10px 0;
width:940px;
height:24px;
padding: 10px 0 0 0; }


#pages { 
width: 970px;
padding: 0 15px;
margin: 0 auto;
background: #fff;}




/* ==== header ==== */

#headerwrapper {
width: 100%;
height: 149px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/header.jpg) top center no-repeat #080808;
border-bottom: solid 2px #ffffff;}

#header {
width: 960px;
height: 149px;
padding: 0 0 0 0;
margin: 0 auto;}
#headerleft {
width: 270px;
float: left;
padding: 0;
margin: 0;}
#style-switch {
width:80px;
height:24px;
color:#FFFFFF;}
#style-switch #stylechooser li {
height:7px;
float:left;
overflow:hidden;
margin: 0 3px 0 0;}

#style-switch #stylechooser li.pink {
background-color:#ff0155;}

#style-switch #stylechooser li.blue {
background-color:#3598d7;}

#style-switch #stylechooser li.orange {
background-color:#f57a20;}

#style-switch #stylechooser li.green {
background-color:#6db82a;}

#style-switch #stylechooser li a {
display:block; height: 32px; width:10px;}


#headerright {
width: 630px;
float: right;
padding: 7px 0 0 0;
margin: 0;}


/* ==== logo ==== */

p.jbandg-header {
width: 248px;
height:88px;
display:block;
overflow:hidden;
margin:0;
padding:0;}

p.jbandg-header span {
width: 248px;
height:88px;
display:block;}

p.jbandg-header span a {
width: 248px;
height:88px;
display:block;}



/* ====  top nav ==== */

#topnav {
padding: 0 0 0 0;}
#topnav ul {
float: right;}
#topnav li {
float: left;
list-style: none;
margin: 0 0 0 0;
display:block;}
#topnav li a {
position: relative; 
overflow: hidden;
text-decoration: none;
font: bold 10px Arial,Helvetica,sans-serif;
color: #acacac; 
outline: none;
text-align: center;
height: 14px; 
top: 0px;
z-index: 10; 
letter-spacing: 0;
float: left; 
display: block;
margin: 0;
padding: 2px 6px 1px 6px;}
#topnav li.login a {
color:#c27a2d;}
#topnav li a:hover {
color:#FFF;}



/* ====  main nav ==== */

#mainnav {
padding-top: 25px;}

#mainnav ul {
float: right;}
	
#mainnav ul li {
float: left;
margin: 0 0 0 5px;}

#mainnav ul li a {
width: 198px;
display:block;
color:#bfbfbf;
font-size:11px;
text-decoration:none;
line-height:16px;}

#mainnav ul li a.portfolio {
width: 103px;
height: 38px;
padding: 33px 15px 0 80px;
background:url(/images/header/main-nav/portfolio.png) top left no-repeat;
_background:url(/images/header/main-nav/portfolio.gif) top left no-repeat;}

#mainnav ul li a.portfolio:hover {
background:url(/images/header/main-nav/portfolio-hover.png) top left no-repeat;
_background:url(/images/header/main-nav/portfolio-hover.gif) top left no-repeat;}

#mainnav ul li a.services {
width: 105px;
height: 38px;
padding: 33px 15px 0 78px;
background:url(/images/header/main-nav/services.png) top left no-repeat;
_background:url(/images/header/main-nav/services.gif) top left no-repeat;}

#mainnav ul li a.services:hover {
background:url(/images/header/main-nav/services-hover.png) top left no-repeat;
_background:url(/images/header/main-nav/services-hover.gif) top left no-repeat;}

#mainnav ul li a.contact {
width: 125px;
height: 38px;
padding: 33px 15px 0 58px;
background:url(/images/header/main-nav/contact.png) top left no-repeat;
_background:url(/images/header/main-nav/contact.gif) top left no-repeat;}

#mainnav ul li a.contact:hover {
background:url(/images/header/main-nav/contact-hover.png) top left no-repeat;
_background:url(/images/header/main-nav/contact-hover.gif) top left no-repeat;}





/* ====  page structure ==== */

#breadcrumb-container {
width: 940px;
margin: 0 auto 25px auto;
height: 24px;}

#breadcrumbs {
height: 24px;
padding: 0 18px 0 0;
color:#747474;
font: bold 10px Arial,Helvetica,sans-serif;}

#breadcrumbs ul li {
background:url(/images/breadcrumbs/background.jpg) top right no-repeat;}

#breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited {
color:#959595;
text-decoration:none;
float:left;}

#breadcrumbs a:hover {
color:#747474;
text-decoration:none;
float:left;}

#breadcrumbs ul li {
float: left;
list-style:none;
height:24px;
padding: 0;
float:left;}

#breadcrumbs ul li.currentpage {
float: left;
list-style:none;
height:19px;
padding: 5px 16px 0 8px;
float:left;}

#breadcrumbs ul li a {
background:url(/images/breadcrumbs/li-border.jpg) top right no-repeat;
height:19px;
display:block;
padding: 5px 16px 0 8px;
float:left;}

#breadcrumbs ul li a.home {
background:url(/images/breadcrumbs/li-border.jpg) top right no-repeat;
height:19px;
display:block;
padding: 5px 16px 0 30px;
float:left;}

#breadcrumbs ul li span {
background:url(/images/breadcrumbs/home-bg.jpg) top left no-repeat;
display:block;
float:left;}

/* ====  page structure ==== */

#content-wrapper {
width: 100%;
background: url(/images/backgrounds/content-top.jpg) top left repeat-x #fff;
padding: 25px 0 0 0;}
.content-bottom-shadow {
width: 100%;
background: url(/images/backgrounds/content-bottom.jpg) bottom left repeat-x;
padding: 0 0 50px 0;}


/* ==== main content ==== */

#main {
width: 940px;
padding: 0;
margin: 0 auto;
color:#494d54;}

#main p {
padding: 0;}

.otherpage {
background: url(/images/backgrounds/main-other-bg.gif) top left no-repeat;}

/* ==== left content ==== */

#left {
width: 580px;
margin: 0;
padding: 0;
float:left;}
#left p {
padding: 0;
margin: 0 0 18px 0;
line-height:22px; } 

#left h1 {
font: normal 26px Arial, Helvetica, sans-serif; color: #382f31; 
margin: 0 0 14px 0;}
#left h2 {
font: normal 22px Arial, Helvetica, sans-serif; color: #382f31; 
margin: 20px 0 14px 0;
padding: 0 0 0 0;}

#left a:link, #left a:active, #left a:visited {
text-decoration:none;
font-weight:normal;}

#left a:hover {
text-decoration:underline;
font-weight: normal;}


ul#list {
list-style:disc;
margin:0 0 10px 0; padding:0 0 0 40px;}
ul#list li {
margin:0; padding:0 0 10px 0;
line-height:22px;}




/* ==== full content ==== */

#full {
width: 940px;
margin: 0;
padding: 0;
float:left;}
#full p {
padding: 0;
margin: 0 0 18px 0;
line-height:22px; } 

#full h1 {
font: normal 26px Arial, Helvetica, sans-serif; color: #382f31; 
margin: 0 0 14px 0;}
#full h2 {
font: normal 22px Arial, Helvetica, sans-serif; color: #382f31; 
margin: 20px 0 14px 0;
padding: 0 0 0 0;}

#full a:link, #full a:active, #full a:visited {
text-decoration:none;
font-weight:normal;}

#full a:hover {
text-decoration:underline;
font-weight: normal;}



/* ==== centre content ==== */

#right {
width: 300px;
margin: 0 0 0 0;
padding: 0;
float: right;}
#right p {
margin: 0 0 18px 0;
line-height:22px;  }
#right h2 {
font: normal 22px Arial, Helvetica, sans-serif; color: #382f31; 
margin: 0 0 14px 0;
padding: 0 0 0 0;}
#right h3 {
font: bold 13px Arial, Helvetica, sans-serif; color: #382f31; 
margin: 0 0 0 0;
padding: 0 0 5px 0;}

#right a:link, #right a:active, #right a:visited {
text-decoration:none;
font-weight:normal;}

#right a:hover {
text-decoration:underline;
font-weight: normal;}


.rightbreak {
padding: 0;
margin: -5px 0 15px 0;}




/* ====  cu3er homepage  ==== */

#cu3er-shadow {
width: 100%;
height: 412px;
background: url(/images/backgrounds/cu3er.jpg) top center no-repeat;
margin: 0 auto 12px auto;}

#cu3er-container-box {
width: 960px;
height: 360px;
margin: 0 auto;}



/* ====  scroller homepage  ==== */

#scrolling-container {
margin-top: 5px;}

#scrolling-container li {
width: 123px;
margin: 0 29px 0 0;
text-align:center;}

#scrolling-container li p {
margin-bottom: 5px;
color:#494d54;}

#scrolling-container li p.leadtext {
font-size:11px;
line-height:19px;
margin-bottom: 10px;}

#scrolling-container li p.title {
font-size: 14px;}
 


/* ====  In Page Testimonials  ==== */ 

.page-testimonial {
width: 580px;
background: url(/images/backgrounds/page-testimonial.jpg) top left no-repeat #f1eded;
margin: 0 0 8px 0;}

.page-testimonial-bottom {
padding: 14px 27px 16px 60px;
background: url(/images/backgrounds/page-testimonial-btm.jpg) bottom left no-repeat;
font: italic 16px Georgia, "Times New Roman", Times, serif; color:#494d54}

.testiminial-name {
margin:0;
padding:0;
font-size:15px;
line-height:normal;
display:block;
margin-bottom: 25px;}

 
/* ====  button styles - changeable  ==== */ 

a.view-portfolio-button {
display:block;
width:181px;
height:63px;}

a.home-scroll-findoutmore {
display:block;
width: 123px;
height: 32px;}





/* ====  link arrows - changeable  ==== */ 

.linkarrow {
padding-left:18px;
float:left;}

/* ====  right hand quick nav  ==== */ 

#quicknav {
border-bottom: solid 3px #dddddd;
margin-bottom:25px;}

#quicknav ul li {
border-top: solid 3px #dddddd;}

#quicknav ul li a:link, #quicknav ul li a:active, #quicknav ul li a:visited {
width: 225px;
height:27px;
display:block;
color: #8c8e91;
padding: 38px 0 0 75px;}

#quicknav ul li a:hover {
color: #8c8e91;
text-decoration:none;}

#quicknav ul li a.about {
background: url(/images/quicknav/about-jbandg.jpg) top left no-repeat;}
#quicknav ul li a.about:hover {
background: url(/images/quicknav/about-jbandg-hover.jpg) top left no-repeat;}

#quicknav ul li a.portfolio {
background: url(/images/quicknav/portfolio.jpg) top left no-repeat;}
#quicknav ul li a.portfolio:hover {
background: url(/images/quicknav/portfolio-hover.jpg) top left no-repeat;}

#quicknav ul li a.services {
background: url(/images/quicknav/services.jpg) top left no-repeat;}
#quicknav ul li a.services:hover {
background: url(/images/quicknav/services-hover.jpg) top left no-repeat;}

#quicknav ul li a.newbusiness {
background: url(/images/quicknav/business-startup-packages.jpg) top left no-repeat;}
#quicknav ul li a.newbusiness:hover {
background: url(/images/quicknav/business-startup-packages-hover.jpg) top left no-repeat;}

#quicknav ul li a.compare {
background: url(/images/quicknav/compare-packages.jpg) top left no-repeat;}
#quicknav ul li a.compare:hover {
background: url(/images/quicknav/compare-packages-hover.jpg) top left no-repeat;}

#quicknav ul li a.quote {
background: url(/images/quicknav/quote-builder.jpg) top left no-repeat;}
#quicknav ul li a.quote:hover {
background: url(/images/quicknav/quote-builder-hover.jpg) top left no-repeat;}

#quicknav ul li a.contact {
background: url(/images/quicknav/contact.jpg) top left no-repeat;}
#quicknav ul li a.contact:hover {
background: url(/images/quicknav/contact-hover.jpg) top left no-repeat;}

#quicknav ul li a.help {
background: url(/images/quicknav/help.jpg) top left no-repeat;}
#quicknav ul li a.help:hover {
background: url(/images/quicknav/help-hover.jpg) top left no-repeat;}


#tweet {
border-left: solid 3px #e5e5e5;
padding: 5px 0 5px 17px;
line-height:22px;
background: url(/images/backgrounds/twitter.jpg) top left no-repeat;
margin: 0 0 15px 0;}


#blog {
border-left: solid 3px #e5e5e5;
padding: 5px 0 5px 17px;
line-height:22px;
background: url(/images/backgrounds/twitter.jpg) top left no-repeat;
margin: 0 0 20px 0;}

#blog p {margin:0;}


.blogdivide {
height:1px;
width:100%;
display:block;
margin:5px 0 13px 0;
background:#e5e5e5;}







/* ====  portfolio list  ==== */

ul.display li a {
    color: #e7ff61;
    text-decoration: none;
}
ul.display li .content_block .bigimage {
    padding: 0;
	margin-bottom: 10px;
}


ul.display li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.7em;
}
ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 245px;  <span style="color: #777;">/*--The left padding keeps the
content from flowing under the image--*/</span>
    font-size: 1.2em;
}
ul.display li .content_block a img{ <span style="color: #777;">/*--Double border technique--*/</span>
    padding: 5px;
    background: #fff;
    margin: 0 15px 0 0;
    float: left;
}
ul.display li .smallimage {display: none;}
ul.display li .bigimage {display: inline;}


ul.thumb_view li{ 
width: 166px; 
height:218px; 
float:left; 
margin:0 15px 4px 0; 
padding: 6px 0 0 6px;
background:url(/images/web-design-portfolio/results/grid/grid-bg.jpg) top left no-repeat; } 

ul.thumb_view li h2 { display: inline; }
ul.thumb_view li h6 { 
/*display: inline; */
font-size:11px; 
font-weight:bold; 
width: 100%;
padding: 9px 0 10px 3px;}

#greylink ul.thumb_view li h6 a:link, #greylink ul.thumb_view li h6 a:active, #greylink ul.thumb_view li h6 a:hover, #greylink ul.thumb_view li h6 a:visited {
color: #494D54;
text-decoration:none;} 



ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0; }
ul.thumb_view li .bigimage {display: none;}
ul.thumb_view li .smallimage {display: inline;}

.is_shop_icon {
float: left;
display:block;
width: 40px;
height: 31px;}

.grid_comments {
float: right;
width: 98px;
height: 24px;
padding: 7px 11px 0 0;
margin: 8px 0 0 0;
display:block;
text-align:center;
font-size: 11px;
background:url(/images/web-design-portfolio/results/grid/comments-bg.jpg) top left no-repeat;}


/* === List / Grid Switcher Styles ==== */

#switch-grid-container {
float:right;}

#switch-grid-container a.switch_list {
display:block;
width: 63px;
height: 22px;
background:url(/images/backgrounds/view-list-view.jpg) top left no-repeat;
padding: 6px 0 0 32px;
margin:0 15px 0 0;
color:#6e6e6e;
font-size: 11px;
font-weight:normal;}

#switch-grid-container a.switch_list:hover, #switch-grid-container a.listselected  {
color: #fff;
background:url(/images/backgrounds/view-list-view-hover-pink.jpg) top left no-repeat;}

#switch-grid-container a.switch_grid {
display:block;
width: 63px;
height: 22px;
background:url(/images/backgrounds/view-grid-view.jpg) top left no-repeat;
padding: 6px 0 0 32px;
margin:0 0 0 0;
color:#6e6e6e;
font-size: 11px;
font-weight:normal;}

#switch-grid-container a.switch_grid:hover, #switch-grid-container a.gridselected {
color: #fff;
background:url(/images/backgrounds/view-grid-view-hover-pink.jpg) top left no-repeat;}

/* ====  portfolio details  ==== */

#left p.portfolio-link {
font-size: 16px;
font-weight: bold;
margin: -12px 0 16px 0;
}

.portfolio-title {
width: 505px;
float: left;}

.portfolio-counter {
width: 59px;
height:49px;
float: right;
background: url(/images/backgrounds/portfolio-counter.jpg) top left no-repeat;
font-size:8px;
text-align:center;
padding: 4px 0 0 9px;}

.portfolio-counter .count {
font-size:14px;
margin-bottom:2px;
display:block;}

#technologies-used {
margin-bottom: 12px;}
#technologies-used .tech-icon {
float: left;
margin: -3px 8px 0 0;}

#technologies-used li {
float: left;
width: 150px;}

.commentsuccess {
color:#00FF00;}

.commenterror {
color:#FF0000;}

#commentarea {
margin-bottom: 25px;}

#commentarea li {
border-top: solid 1px #d6d6d6;
margin: 0 0 12px 0;
padding: 12px 0 0 0;
background: url(/images/backgrounds/comment-row.jpg) top left repeat-x;}

#commentarea li .meta {
float: left;
padding: 0 0 0 10px;
width: 80px;}

#commentarea li .shout {
float: right;
width: 465px;
padding: 0 10px 0 0;}

#commentarea li .meta img {
border:solid 2px #d6d6d6;}



#jbandgcomments {
width: 300px;
padding:0 0 0 0;
margin:0;}

#jbandgcomments .input {
width: 300px;
margin: 0 0 13px 0;
padding: 0 0 0 5px;
/*padding: 5px 0 0 5px\9;*/
line-height:42px;
font-size: 12px;
height: 42px;
color: #626262;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background:url(/images/web-design-portfolio/form/input-bg.jpg) top left no-repeat;
border:none;
}

#jbandgcomments textarea {
width: 300px;
margin: 0 0 13px 0;
padding: 15px 0 0 5px;
padding: 5px 0 0 5px\9;
font-size: 12px;
height: 116px;
color: #626262;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background:url(/images/web-design-portfolio/form/textarea-bg.jpg) top left no-repeat;
border:none;
}

#jbandgcomments .submit { 
width: 72px;
height: 26px;
margin: 0;
cursor:pointer;
border:none;
float:left;}



/* ====  expandable shadow boxes   ==== */
 
.slidey-shadow-top {
width: 580px;
height: 14px;
padding: 0;
margin:0;
display:block;
background:url(/images/backgrounds/slidey-top.jpg) top left no-repeat;
}

.slidey-shadow-bottom {
width: 540px;
padding: 0 20px 25px 20px;
margin:0 0 15px 0;
display:block;
background:url(/images/backgrounds/slidey-bottom.jpg) bottom left no-repeat;}



/* ===== FAQ Section ===== */

#faqSection {
margin-bottom:30px;}

#faqSection dt {
	color:#666666;
	font-size:18px;
	font-weight:bold;
	margin-top:35px;
	padding-left:80px;
	position:relative;
	cursor:pointer;
	border:1px solid transparent;
}

/*#faqSection dt:hover{ color:#828282;}*/

#faqSection dt .icon {
	background:url(/images/faq-icon.png) top left no-repeat;
	height:38px;
	left:0;
	top:-6px;
	position:absolute;
	width:64px;
}


#faqSection dt.opened .icon{ background-position:left bottom;}

#faqSection dd {
	font-size:13px;
	color:#494D54;
	line-height:1.5;
	padding:10px 0 0 80px;
	width:510px;
	display:none;
}


/* ====  services page  ==== */

#services h2 {
margin-top: 8px;}

#services .home-scroll-findoutmore {
float: right;}

.services-left {
width: 93px;
float: left;}

.services-right {
width: 436px;
float: right;}


.serviceprice {
margin:0; padding:0; 
font-size:20px;}
.serviceprice span {
font-size:24px;
font-weight:bold;}
.serviceprice .pricenotes {
margin:0; padding:0;
font-size:10px;}

.whychooseus-left {
float:left;
width:280px;
margin:0; padding:0;}
.whychooseus-right {
float:right;
width:280px;
margin:0; padding:0;}
ul.whychooseus {
list-style-type:none;
margin:10px 0 0 0; padding:0;}
ul.whychooseus li {
margin:0; padding:0 0 20px 35px;
line-height:22px;
background:url(../images/large-bullet-tick.gif) top left no-repeat;
font-size:11px;
line-height:18px;}
ul.whychooseus li span {
font-size:16px;
padding:4px 0 0 0;
margin:0 0 0 -2px;}


/* ====  about us page  ==== */

ul#questionnaire {
float:left;
width:580px;
margin:0 0 20px 0; padding:0;
list-style:none;}

ul#questionnaire li {
width:270px;
height:78px;
float:left;
margin:0; padding:20px 0 0 20px;
background:url(../images/about/questionnaire-bg.gif)}

ul#questionnaire li p {
line-height:16px;}

.question {
font-size:12px;
color:#4d4e50;}



/* ====  compare packages page  ==== */

#compare-table tr {
margin:0; padding:0;}

#compare-table td {
margin:0; padding:0;}

#compare-table th {
margin:0; padding:20px 0 20px 0;}

.compare-break{
height: 2px;
width: 519px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/contact-break.gif) top left repeat-x;
margin: 10px 0 10px 0;}


a.compare-enquire {
display:block;
width: 84px;
height: 31px;}



 
/* ====  footer  ==== */
 
#footerwrapper {
width: 100%;
border-top: solid 2px #fff;
background: url(/images/backgrounds/footer-bg.jpg) top center no-repeat;}
 
#footer {
width: 940px;
margin: 0 auto;
padding:30px 0 15px 0;
color:#757575;}

#footer h2 {
font: normal 19px Arial, Helvetica, sans-serif; color: #818181; 
margin: 0 0 9px 0;
padding: 0 0 0 0;}

#footer p {
line-height:19px;}

.footerbreak {
background-color:#3c3d3b;
width: 290px;
height: 4px;
display:block;
margin:0 0 20px 0;
overflow:hidden;}
 
 
#footermain {
width: 610px;
float: left;}
#footerright {
width: 290px;
float: right;}
#footerleft {
width: 290px;
float: left;}

#footerleft h2, #footercentre h2 {
width: 185px;}
 
#footercentre {
width: 290px;
float: right;}

#footerleft a:link, #footerleft a:active, #footerleft a:visited {
font: Arial, Helvetica, sans-serif; 
text-decoration:none;
font-weight:bold;}

#footerleft a:hover {
font: Arial, Helvetica, sans-serif; 
text-decoration:underline;
font-weight:bold;}

#footercentre a:link, #footercentre a:active, #footercentre a:visited {
font: Arial, Helvetica, sans-serif; 
text-decoration:none;
font-weight:bold;}

#footercentre a:hover {
font: Arial, Helvetica, sans-serif; 
text-decoration:underline;
font-weight:bold;}


.footerh2link {
float: right;
padding-top: 7px;
text-align:right;}

#footerfull p {
margin-bottom: 13px;
text-align:center;
font-size:11px;}

#footerfull a:link, #footerfull a:active, #footerfull a:visited {
color: #b8b8b8;
text-decoration:none;}

#footerfull a:hover {
text-decoration:underline;}


#footertestimonial {
background: url(/images/footer/testimonials/bubble.png) top left no-repeat;
_background: url(/images/footer/testimonials/bubble.gif) top left no-repeat;
width:206px;
height: 103px;
padding: 14px 17px 0 67px;
color:#494d54;}


/* ====  footer social links  ==== */

#social {
margin-bottom: 13px;}

div#social ul#grower {
margin: 0 0 12px 0;
list-style: none;
display: inline-block;}
    
div#social ul#grower li {
padding: 0px;
float: left;
position: relative;
margin-left: 0;
margin-right: 10px;
width: 32px;
height: 32px;}

div#social ul#grower li a {
position: absolute;}

div#social ul#grower li img {
position: absolute;
width: 32px;
top: 0px;
left: 0px;
padding: 0px;
margin: 0 0 0 0;
border: none;
overflow: hidden;}

.footerbreakline {
margin-top: 13px;}
 
 
 
 
/* ====  footer slideshow  ==== */ 

 
.nivoSlider {
position:relative;}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;}
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;}
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;}
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;}
.nivo-caption p {
padding:5px;
margin:0;}
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;}
.nivo-prevNav {
left:0px;}
.nivo-nextNav {
right:0px;}
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;}
.nivo-controlNav a.active {
font-weight:bold;}


#slider {
position:relative;
margin:0 0 0 0;
background:#040404 url(/images/footer/loading.gif) no-repeat 50% 50%;
width: 290px;
height: 108px;}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;}
#slider a {
border:0;
display:block;}
.nivo-controlNav {
position:absolute;
left:41%;
bottom:-30px;}
.nivo-controlNav a {
display:block;
width:10px;
height:10px;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;}
.nivo-controlNav a.active {
background-position:-10px 0;}
.nivo-directionNav a {
display:block;
width:32px;
height:34px;
background:url(/images/footer/arrows.png) no-repeat;
text-indent:-9999px;
border:0;}
a.nivo-nextNav {
background-position:-32px 0;
right:10px;}
a.nivo-prevNav {
left:10px;}



/* ====  footer newsletter  ==== */


#newsletterform {
width: 290px;
padding:0;
margin:0;}


#newsletterform .newsletter-intro {
padding: 0 0 10px 0;
margin: 0 0 0 0;
}

#newsletterform .newsletter-custom {
display:none;}

#newsletterform .newsletter-input {
width: 213px;
_width: 210px;
margin: 0;
padding: 0 0 0 5px;
padding: 5px 0 0 5px\9;
font-size: 12px;
height: 26px;
color: #626262;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background:url(/images/footer/newsletter/input-bg.jpg) top left no-repeat;
border:none;
float:left;
}

#newsletterform .newsletter-submit { 
width: 72px;
height: 26px;
margin: 0;
cursor:pointer;
border:none;}




/* ====  main contact form  ==== */




.contact-ring {
width:490px;
margin:0; padding:18px 0 0 0;
float:left;
font-size:22px;
color:#4e5156;}
.contact-ring span {
font-size:23px;
font-weight:bold;}
.call-jbandg-design {
float:left;
margin:7px 10px 0 0;
padding:0;}



#contact {
width: 519px;
padding: 6px 9px 0 12px;}

.contact-left {
width: 210px;
float: left;}

.contact-right {
width: 286px;
float: right;
margin: 0 0 17px 0;}

.contact-break {
height: 2px;
width: 519px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/contact-break.gif) top left repeat-x;
margin-bottom: 14px;}

.contact-title {
display:block;
font-size:16px;
color:#000000;
margin: 6px 0 4px 0;}

.contact-sub {
color:#8f8f8f;
font-size: 11px;
font-style:italic;}

.contact-width {
width: 275px;

height: 42px;
/*height: 28px\9;
padding-top: 0;
padding-top: 14px\9;*/
line-height:42px;

border: none;
background:url(/images/contact/input-bg.jpg) top left no-repeat;
padding-left:5px;
margin: 0;
font-size: 13px;
color:#525252;
display:block; }


#contact .tick {
padding-top: 8px;
padding-bottom: 8px;}

#contact textarea {
width: 275px;

height: 153px;
padding-top: 10px;

border: none;
background:url(/images/contact/textarea-bg.jpg) top left no-repeat;
padding-left:5px;
margin: 0;
font: 13px Tahoma,Arial,Helvetica,sans-serif,serif;
color:#525252;
display:block; }

#contact .error {
background:url(/images/contact/input-bg-required.jpg) top left no-repeat;}

#contact .error-textarea {
background:url(/images/contact/textarea-bg-required.jpg) top left no-repeat;}

.contact-error {
color: #d22d2d;}

.contact-watermark {
color:#bbbbbb;}

.contactform-submit {
cursor:pointer;
border:none;
display:block;
margin: 0 0 0 0;
width: 181px;
height:56px;}


.login-submit {
cursor:pointer;
border:none;
display:block;
margin: 0 0 0 0;
width: 181px;
height:56px;}


.go-submit {
cursor:pointer;
border:none;
display:block;
margin: 0 0 0 0;
width: 181px;
height:56px;}









/* ==== ie6 message  ==== */

#ie6Warning {
width: 760px;
margin: 0 auto 15px auto;
padding: 15px 175px 0 15px;
background:url(/images/backgrounds/ie6.jpg) top right no-repeat #e6e6e6;
border: solid 1px #d7d7d7;}

#ie6Warning h2 {
font: normal 22px Arial, Helvetica, sans-serif; color: #382f31; 
margin: 0 0 14px 0;
padding: 0 0 0 0;}

#ie6Warning p {
font: normal 13px Tahoma, Arial, Helvetica, sans-serif; color: #494D54; 
margin: 0 0 13px 0;
padding: 0 0 0 0;
line-height:22px;}

#ie6Warning a:link, #ie6Warning a:active, #ie6Warning a:visited {
text-decoration:none;
font-weight:normal;
color:#FE0155;}

#ie6Warning a:hover {
text-decoration:underline;
font-weight: normal;
color:#FE0155;}






/* ====== Sifr ====== */

.sIFR-flash {
visibility: visible !important;
margin: 0;}
.sIFR-replaced {
visibility: visible !important;}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {
display: none !important;}
.sIFR-hasFlash h1, .sIFR-hasFlash .question {
visibility: hidden;
font-size: 20px;
letter-spacing:-2px;}