fieldset
{
    border: none;
}
#right-website-ticker
{
    background: url(http://www.ideabubble.ie/images/p-website.jpg) left top no-repeat;
    height: 180px;
    margin-bottom: 10px;
    
}

#right-website-ticker #current img
{
    padding: 10px 0px 6px 0px;
    margin-left: -4px;
}

#comments
{
    font-size: 16px;
    color: White;
    text-align: right;
}
.green h1, .green h3, .green h3 a
{
    color: #6FAD23;
    line-height: 1em;
}
.green ul li
{
    background: url(http://www.ideabubble.ie/images/icons/design-b.JPG) 5px center no-repeat;
    display: block;
    float: left;
    padding-left: 20px;
    text-align: left;
    width: 180px;
}
#green p, #green a
{
    color: #6FAD23;
}
.green .panel
{
    background: url(http://www.ideabubble.ie/images/p-design.jpg) left top no-repeat;
}
.green a:hover
{
    color: #6FAD23;
}

.yellow h1, .yellow h3, .yellow h3 a
{
    color: #DDC33F;
    line-height: 1em;
}
.yellow ul li
{
    background: url(http://www.ideabubble.ie/images/icons/search-b.jpg) 5px center no-repeat;
    display: block;
    float: left;
    padding-left: 20px;
    text-align: left;
    width: 180px;
}
.yellow .panel
{
    background: url(http://www.ideabubble.ie/images/p-search.jpg) left top no-repeat;
}
.yellow a:hover
{
    color: #DDC33F;
}
#yellow p, #yellow a
{
    color: #DDC33F;
}
.purple h1, .purple h3, .purple h3 a
{
    color: #993379;
    line-height: 1em;
}
.purple ul li
{
    background: url(http://www.ideabubble.ie/images/icons/develop-b.jpg) 5px center no-repeat;
    display: block;
    float: left;
    padding-left: 20px;
    text-align: left;
    width: 180px;
}
#purple p, #purple a
{
    color: #993379;
}
.purple .panel
{
    background: url(http://www.ideabubble.ie/images/p-develop.jpg) left top no-repeat;
}
.purple a:hover
{
    color: #993379;
}

.brown h1, .brown h3, .brown h3 a
{
    color: #9F533B;
    line-height: 1em;
}
.brown ul li
{
    background: url(http://www.ideabubble.ie/images/icons/support-b.jpg) 5px center no-repeat;
    display: block;
    float: left;
    padding-left: 20px;
    text-align: left;
    width: 180px;
}
.brown .panel
{
    background: url(http://www.ideabubble.ie/images/p-support.jpg) left top no-repeat;
}

#brown p, #brown a
{
    color: #9F533B;
}
.brown a:hover
{
    color: #8B3027;
}
.brown .panel a
{
    color: #e7e9e9;
}

.grey h1, .grey h3, .grey h3 a
{
    color: #999999;
    line-height: 1em;
}
.grey ul li
{
    background: url(http://www.ideabubble.ie/images/icons/advertise-b.jpg) 5px center no-repeat;
    display: block;
    float: left;
    padding-left: 20px;
    text-align: left;
    width: 180px;
}
.grey a:hover
{
    color: #999999;
}
.grey .panel
{
    background: url(http://www.ideabubble.ie/images/p-advertise.jpg) left top no-repeat;
}

#grey p, #grey a
{
    color: #999999;
}

.blue h1, .blue h3, .blue h3 a
{
    color: #01a2e7;
    line-height: 1em;
}

.blue ul li
{
    background-position: 5px 5px;
    padding-left: 10px;
    background-image: url(http://www.ideabubble.ie/images/icons/idea-b.JPG);
    background-repeat: no-repeat;
    display: block;
    float: left;
    padding-left: 20px;
    text-align: left;
    width: 180px;
}

#blue p, #blue a
{
    color: #01a2e7;
}
.blue .panel
{
    background: url(http://www.ideabubble.ie/images/p-idea.jpg) left top no-repeat;
}

#rightheader
{
    float: right;
    width: 150px;
}
#twitter
{
    padding: 4px;
    line-height: 18px;
}
#twitter h2 a
{
    color: white;
}
#twitter span
{
    color: #999999;
}
#twitter a
{
    color: #b0b0b0;
}
#twitter h2
{margin-bottom:5px;
    }

#bottom-bar
{
    background: url(http://www.ideabubble.ie/images/bottom-bar.jpg) left -5px no-repeat;
    color: #FFF;
    float: left;
    font-size: 1em;
    font-weight: 700;
    height: 120px;
    line-height: 22px;
    padding-left: 400px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 555px;
}
#branding .body-left, #news .body-left
{
    background: url(http://www.ideabubble.ie/images/bubbleboy4.png) left 30px no-repeat;
}
#ctl00_content_sitemappath1
{
    float: left;
    margin-left: 5px;
    width: 670px;
}
#featurebar a:hover, .body-middle a
{
    color: #01a2e7;
}
#featurebar a
{
    color: #e7e9e9;
}
#featurebar
{
    color: #e7e9e9;
    margin-left: .9em;
}
.Left
{
    width: 300px;
    float: left;
}
.Right
{
    width: 300px;
    float: right;
    text-align: right;
    padding-right: .9em;
}
#header-right h1
{
    color: #FFF;
    font-size: 2.3em;
    font-weight: 700;
    text-align: right;
}
#header-right
{
    margin-left: 421px;
    margin-top: 49px;
    width: 500px;
}
#main
{
    clear: both;
    margin: 0 auto;
    text-align: left;
    width: 955px;
}
#news-ticker
{
    border: 0 dotted #FFF;
    height: 100px;
    margin-left: 320px;
    margin-top: -70px;
    width: 150px;
}
#printemail
{
    clear: both;
    text-align: center;
}
#skills ul li
{
    background: url(http://www.ideabubble.ie/images/bullet3.gif) 5px center no-repeat;
    font-size: 1em;
    font-weight: 700;
    line-height: 20px;
    padding-left: 20px;
    text-decoration: none;
}
#testimonials-ticker p
{
    color: #b0b0b0;
    line-height: 1.5em;
    margin-top: -0.2em;
    padding-right: .8em;
}
#bottom-bar h2
{
    color: white;
}
*
{
    margin: 0px;
    padding: 0px;
}
.body-bottom
{
    float: left;
    padding-left: 15px;
    padding-right: 10px;
    width: 930px;
}
.body-middle-nav ul li a:hover, a:hover
{
    color: #01A2E7;
    text-decoration: underline;
}
.body-middle-nav ul li a
{
    background: url(http://www.ideabubble.ie/images/bullet1.gif) 12px center no-repeat;
    color: #01A2E7;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
    text-align: left;
    width: 303px;
}
.body-middle-nav ul li, .hosting-nav ul li, .web-design-nav ul li, .web-development-nav ul li
{
    display: block;
    float: left;
    text-align: left;
}
.body-middle-nav ul, .hosting-nav ul, .web-design-nav ul, .web-development-nav ul, ul
{
    list-style-type: none;
    text-align: left;
}
.body-middle-nav
{
    float: left;
    padding: 5px 0;
    width: 328px;
}
.body-middle
{
    float: left;
    margin-left: -20px;
    width: 400px;
}
.body-top
{
}
#ctl00_content_statusMsg, .alertmsg
{
    border: 0 solid #01A2E7;
    font-size: 16px;
    font-weight: bold;
    margin: 3px;
    padding: 4px;
    text-align: left;
}
#blog #main
{
    padding: 0em;
    width: 550px;
    float: left;
}
#blog .body-right
{
    width: 850px;
    height: 100%;
    background: none;
}

#blog #twitter a
{
    background-image: none;
}



#sidebar
{
    padding: 0em;
    width: 250px;
    float: right;
    text-align: left;
}
.clear
{
    clear: both;
}
.clients-logo
{
    margin-right: 15px;
}
#contact .body-right, #services .body-right
{
    height: 580px;
}
.contact-form
{
    border: 1px solid #CCC;
    height: 20px;
    width: 120px;
}
.container, #footer, .wrapper
{
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.direction-box
{
    clear: both;
    float: right;
    padding: 10px 0;
    width: 670px;
}
.external:hover
{
    color: #DDC33F;
}
.footer-bg
{
    background: url(http://www.ideabubble.ie/images/footer-bg.gif) left top repeat-x;
    border-top: 1px solid #E7E9E9;
    float: left;
    height: 87px;
    text-align: left;
    width: 100%;
}
.footer-content
{
    margin: 0 auto;
    padding-top: 15px;
    width: 955px;
}
.footer-left
{
    color: #B0B0B0;
    float: left;
    width: 530px;
}
.footer-right img
{
    float: left;
    padding-right: .5em;
    padding-top: .5em;
}
.footer-right ul li a:hover
{
    color: #B0B0B0;
    text-decoration: underline;
}
.footer-right ul li a
{
    background: none;
    color: #B0B0B0;
    font-weight: 400;
    padding-left: 0;
    text-decoration: none;
}
.footer-right ul li
{
    color: #B0B0B0;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: 400;
    line-height: 20px;
    list-style-type: none;
    margin: 0 3px;
    text-decoration: none;
}
.footer-right ul, div.icon-wrapper ul
{
}
.footer-right
{
    float: right;
    text-align: right;
    width: 400px;
}
.header-top
{
    background: url(http://www.ideabubble.ie/images/header-bg.jpg) right top no-repeat;
    float: left;
    height: 125px;
    margin-left: -3px;
    width: 955px;
}
.header
{
    margin: 0 auto;
    text-align: left;
    width: 955px;
}

.panel p
{
    width: 115px;
}

.panel
{
    float: left;
    height: 145px;
    padding-left: 25px;
    padding-top: 15px;
    width: 175px;
    margin-top: .5em;
}

#hosting-nav, .web-design-nav, .web-development-nav
{
    float: left;
    padding: 5px 0;
    width: 200px;
}
.web-design-nav ul li a:hover, .web-development-nav ul li a:hover
{
    color: #747474;
    text-decoration: underline;
}
.inner-body-right
{
    float: right;
    text-align: left;
    width: 675px;
}
.logo-container
{
    float: left;
    padding-left: 10px;
    padding-top: 7px;
    width: 188px;
}
.nav-bg
{
    background: url(http://www.ideabubble.ie/images/nav-bg-left.jpg ) left top no-repeat;
    background-position: 0 6px;
    float: left;
    height: 48px;
    padding-left: 9px;
    padding-top: .47em;
    width: 945px;
}
.navcontainer li a.active
{
    color: #0369A9;
    text-decoration: none;
}
.navcontainer ul li a:hover
{
    color: #01A2E7;
    text-decoration: none;
}
.navcontainer ul li a
{
    background: none;
    border-right: 1px dotted #FFF;
    color: #FFF;
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    height: 42px;
    line-height: 48px;
    padding-left: 0;
    text-align: center;
    width: 100px;
    text-decoration: none;
}
.navcontainer ul li
{
    display: block;
    float: left;
    text-align: center;
}
.navcontainer ul, div.navbuttons ul
{
    list-style-type: none;
    text-align: center;
}
.navcontainer
{
    background: url(http://www.ideabubble.ie/images/nav-bg.jpg) left top repeat-x;
    float: left;
    height: 48px;
    width: 930px;
}
.news-ticker
{
    margin-top: -70px;
}
.portfolio-box-left
{
    float: left;
    width: 320px;
}
.portfolio-box-right
{
    float: right;
    width: 270px;
}
.submit label
{
    display: inline;
    padding-left: 3px;
}
.green-panel
{
    background: url(http://www.ideabubble.ie/images/web-design-bg.jpg) left top no-repeat;
    float: left;
    height: 120px;
    padding-left: 20px;
    padding-top: 15px;
    width: 200px;
}
.web-design-nav ul li a
{
    background: url(http://www.ideabubble.ie/images/bullet1.gif) 5px center no-repeat;
    color: #747474;
    display: block;
    float: left;
    font-size: .8em;
    width: 180px;
}
.web-dev-link:hover
{
    color: #993379;
    text-decoration: underline;
}
.web-dev-link
{
    color: #993379;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
}
.web-design-nav p
{
    width: 120px;
}
.web-development-box
{
    background: url(http://www.ideabubble.ie/images/web-development-bg.jpg) left top no-repeat;
    float: left;
    height: 120px;
    padding-left: 25px;
    padding-top: 15px;
    width: 200px;
}
.web-development-nav ul li a
{
    background: url(http://www.ideabubble.ie/images/bullet3.gif) 5px center no-repeat;
    color: #747474;
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    text-align: left;
    width: 180px;
}
.webdesign-link:hover
{
    color: #0BC0DB;
    text-decoration: underline;
}
.webdesign-link
{
    font-size: 1.6em;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
}
a.thumbnail
{
    display: inline;
    float: left;
    height: 100px;
    margin: 0 7px 1em 0;
    width: 150px;
}
.web-design-nav p a
{
    color: #01a2e7;
    text-decoration: none;
}
.yellowpanel p a
{
    color: #ddc33f;
    text-decoration: none;
}
a
{
    color: #999;
    font-size: 1em;
    font-weight: 700;
    line-height: 14px;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
body
{
    color: #717171;
    font-family: "Calibri" , Arial;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.6em;
    margin: 5px auto 0;
}
br
{
    clear: left;
}
caption
{
    font-size: 150%;
    font-weight: 700;
    margin: 5px;
}
cite
{
    color: #ccc;
    font-size: .8em;
}
div.body-left p
{
    color: #999999;
    font-size: 1.2em;
}
div.body-left
{
    float: left;
    padding-left: 0.94em;
    padding-top: .2em;
    width: 200px;
}
div.body-left ul li
{
    padding-left: 0em;
}
div.body-right p
{
    margin-right: .5em;
}
div.body-right
{
    height: 452px;
    background: url(http://www.ideabubble.ie/images/shadow-left.gif) left top repeat-y;
    padding-top: .2em;
    float: left;
    padding-left: 2em;
    width: 500px;
}
#login .body-right
{
    width: 410px;
    }
div.icon-wrapper ul li
{
    background: url(http://www.ideabubble.ie/images/icon-wrapper.jpg) left top no-repeat;
    display: block;
    float: left;
    height: 102px;
    list-style-type: none;
    margin-bottom: 1.25em;
    margin-left: 1.25em;
    padding-top: 3.63em;
    text-align: center;
    width: 217px;
}
div.icon-wrapper
{
    float: left;
    width: 504px;
}
div.left-images img
{
    margin-bottom: 0.63em;
}
div.left-images
{
    float: left;
    padding-top: 3.44em;
    text-align: center;
    width: 200px;
}
div.navbuttons ul li
{
    padding-left: 0em;
    display: block;
    float: left;
    height: 90px;
    list-style-type: none;
    margin-top: 0.88em;
    width: 100px;
}
div.navbuttons
{
    float: right;
    width: 200px;
}

#rightMenu .ticker img
{
    padding: 1em;
}
h1
{
    color: #01A2E7;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 22px;
}
h2
{
    color: #01A2E7;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 22px;
}
h3
{
    color: #993379;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 22px;
}
h4
{
    color: #DDC33F;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 22px;
}
h5 span
{
    float: right;
    font-size: .6em;
    margin-top: -15px;
}
h5
{
    color: #01A2E7;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 22px;
    padding-top: .5em;
}
h6
{
    color: #0BC0DB;
    font-size: 1.1em;
    line-height: 22px;
}
hr
{
    background-color: #01A2E7;
    border: 0;
    height: 1px;
    width: 0%;
}
img
{
    border: none;
}

#websites
{
    text-align: center;
}

input.submit
{
    background: #01a2e7;
    border: 2px outset #316ac5;
    color: #FFF;
    font-weight: 700;
    margin-left: 4.5em;
    font-size: 1.6em;
    margin-top: .3em;
}

legend
{
    background: #FFF;
    color: #CCC;
}
ol
{
    padding-left: 20px;
}
p
{
    margin: 5px 0;
}
select, input
{
    font-size: 1em;
}
table a:hover
{
    text-decoration: underline !important;
}
table a:link, table a:visited
{
    text-decoration: none;
}
table, th
{
    border: none;
    border-collapse: collapse;
}
td
{
    width: 32%;
    height: 30%;
}
tbody th
{
    font-weight: 700;
}

td, th
{
    padding: 4px;
    text-align: center;
}
tfoot th, tfoot td
{
    font-size: 85%;
}
thead th
{
    background: #E6EDF5;
    color: #4F76A3;
    font-size: 100% !important;
    text-align: center;
}
.body-right ul li a
{
    background: url(http://www.ideabubble.ie/images/icons/idea-b.jpg) 5px center no-repeat;
    font-size: 1em;
    font-weight: 700;
    line-height: 20px;
    padding-left: 20px;
    text-decoration: none;
}
#footer li
{
    display: inline;
    float: left;
}
#rightMenu
{
    float: right;
    padding-left: 0em;
    padding-top: .2em;
    width: 180px;
}
#footer ul
{
    float: left;
}
#brands
{
    clear: both;
    height: 100px;
    margin: 2em;
    float: left;
    list-style-type: none;
    width: inherit;
    text-align: center;
}
#brands li
{
    margin-left: 4em;
}
#brands ul
{
    margin-left: 6em;
}
#booking-form fieldset ul li input
{
    width: 10px;
    background: none;
}
#booking-form .services li
{
    padding-left: 1em;
    display: list-item;
}
#booking-form li
{
    padding-left: 1em;
    display: inline;
}
#booking-form li label
{
    vertical-align: super;
    padding-right: .5em;
}
#booking-form
{
    background: white;
    width: 500px;
    padding: 1em;
}
#booking-form input:focus
{
    border: 1px solid #58cdf8;
    background: none;
}
#booking-form input:hover
{
    border: 1px solid #58cdf8;
    background: none;
}
.TextInput
{
    padding-top: 0.5em;
    padding-left: 0.5em;
    margin-bottom: 0.6em;
    width: 230px;
    height: 18px;
    background: url(http://www.ideabubble.ie/images/input-bg.gif) left top repeat-x;
    border: 1px solid #58CDF8;
}

#booking-form fieldset
{
    display: block;
    border: 1px solid #fff;
    padding: 5px;
    margin-bottom: 0.5em;
    line-height: 1.5em;
}
#booking-form fieldset#opt
{
}
#booking-form legend
{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px;
}
#booking-form span
{
    clear: left;
    display: block;
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 10px;
    color: #888;
    margin-bottom: 0.5em;
}
#booking-form select:focus
{
    border: 1px solid #58cdf8;
    background: none;
}
#booking-form select:hover
{
    border: 1px solid #58cdf8;
    background: none;
}
#booking-form select
{
    width: 223px;
    height: 24px;
    background: url(http://www.ideabubble.ie/images/input-bg.gif) left top repeat-x;
    border: 1px solid #58CDF8;
}
#booking-form textarea:focus
{
    border: 1px solid #58cdf8;
    background: none;
}
#booking-form textarea:hover
{
    border: 1px solid #58cdf8;
    background: none;
}
#booking-form textarea
{
    padding-top: 0.5em;
    padding-left: 0.5em;
    width: 230px;
    background: url(http://www.ideabubble.ie/images/textarea-bg.gif) left top repeat-x;
    border: 1px solid #58CDF8;
}
#booking-form option
{
    background: #788;
    color: #fff;
}
#booking-form optgroup
{
    background: #abb;
    color: #000;
}
#booking-form optgroup option
{
    background: #9aa;
    color: #fff;
}

#booking-form .submit
{
    width: 205px;
    background: url(images/submit-btn.jpg;
}
#booking-form .submit:hover
{
    color: #000;
    cursor: crosshair;
}
#booking-form #buttons
{
    margin-left: 10em;
    padding: 1em;
}
#ctl00_content_statusMsg
{
    text-align: center;
    font-size: 1.2em;
    font-weight: bolder;
}

div#spam-prevention
{
    width: 482px;
    float: left;
    margin-top: 3.13em;
}

/*------ Spacer ------ */
.spacer
{
    clear: both;
    height: 1px;
}