html, body {margin:0; padding:0; height:100%;}
body {background: #aeaeae url(../images/bg.png) repeat-x top left; color: #555555; font-size: 12px;}
/* Begin Footer Align to bottom stuff **********************************************/
#container {/*min-height:100%; position:relative; width:960px; margin: 0 auto; */}
#content {/*padding-bottom: 80px;*/}
#footer {/*position:absolute; */ bottom:0; width:960px; height:55px; /* Height of the footer */ text-align:center; border-top: 1px solid #000; padding:15px 0 0;}
/* End Footer Align to bottom stuff **********************************************/
a {color: #fff; text-decoration: none;}
h2 a {color: #bd1b2f}
a:hover,
h2 a:hover {text-decoration: underline;}
h1 {font-family: "myriad pro", serif; font-weight: normal; text-align: left;}
h2 {padding: 20px 0 0; text-align: left; font-size:18px;}
p {overflow: hidden; padding: 10px 0; text-align: justify;}
.container_12 { background: #fff url(../img/12_col.gif) repeat-y; margin-bottom: 20px;}
.container_16 { background: #fff url(../img/16_col.gif) repeat-y;}
.container_24 { background: #fff url(../img/24_col.gif) repeat-y;}
/*
* iCreative CSS Styles ************************************************/
#header #callus h3{text-align: right; padding-top:10px;}
#header .grid_3{margin-right: 0; width: 742px;}
#header #logo {margin:0; padding:0;}
#header #logo a {background-image: url(../images/logo.png); background-repeat: no-repeat; height: 70px; width: 192px; display:block;}
#content #feature_1 {text-align: left;margin-bottom:28px;margin-top:28px;}
#content #feature_1 p {font-size: 14px;}
#content #feature_1 h1 {text-align: left; margin: 45px 0 10px;height:50px; width:440px;}
#content #feature_1 h1 span {display:none;}
#content #feature_1 h1.title-about {background:url(../images/h1_headers.png) no-repeat 0 0;}
#content #feature_1 h1.title-clients {background:url(../images/h1_headers.png) no-repeat -500px 0;}
#content #feature_1 h1.title-email-marketing {background:url(../images/h1_headers.png) no-repeat -1000px 0;}
#content #feature_1 h1.title-webdesign {background:url(../images/h1_headers.png) no-repeat -1500px 0;}
#content #feature_1 h1.title-ecommerce {background:url(../images/h1_headers.png) no-repeat -2000px 0;}
#content #feature_1 h1.title-seo {background:url(../images/h1_headers.png) no-repeat -2500px 0;}
#content #feature_1 h1.title-services {background:url(../images/h1_headers.png) no-repeat -3000px 0;}
#content #feature_1 h1.title-portfolio {background:url(../images/h1_headers.png) no-repeat -3500px 0;}
#content #feature_1 h1.title-contact {background:url(../images/h1_headers.png) no-repeat -4000px 0;}
#content #feature_1 h1.title-blog {background:url(http://iCreative.ie/images/h1_headers.png) no-repeat -4500px 0;}
#content #feature_1 h1.title-testimonials {background:url(../images/h1_headers.png) no-repeat -5000px 0;}
#content #feature_1 h1.title-case-studies {background:url(../images/h1_headers.png) no-repeat -5500px 0;}
#content #feature_1 h1.title-tips {background:url(../images/h1_headers.png) no-repeat -6000px 0;}
#content #feature_1 h1.title-location {background:url(../images/h1_headers.png) no-repeat -6500px 0;}
#content #feature_1 h1.title-special {background:url(../images/h1_headers.png) no-repeat -7000px 0;}
#content #feature_2 {text-align: left;margin-bottom:28px;margin-top:28px;}
#content #col h3 {font-size: 13px; color: #272727; margin: 0 0 5px; font-weight:normal;}
#content #col h3 a {font-size: 13px; color: #272727; font-weight:normal;}
#content #col h3 a:hover {text-decoration:none; color:#bd1b2f}
#content #col .title {font-size: 18px; color:#272727; margin:0 0 15px; padding:0; width:100%;}
#content hr.content-divider {width:100%; border:0;background-color:#000; color: #000; height:1px; clear:both; padding: 0; margin: 0px 0;}
hr.content-divider-bottom-blank{width:100%; border:0;background-color:none; color: #000; height:1px; clear:both; padding: 0; margin: 0px 0;}
#content hr.content-divider-bottom,
#footer hr.content-divider-bottom {width:100%; border:0;background-color:#000; color: #000; height:1px; clear:both; padding: 0; margin: 15px 0;}
#col {margin-top:21px;}
#col h2 {text-align: left; width:190px;}
#col h2 span {display:none;}
#col h2.title_case-studies {background:url(../images/h2_case-studies.png) no-repeat;}
#col h2.title_latest-blog {background:url(../images/h2_latest-blog.png) no-repeat;}
#col h2.title_testimonials {background:url(../images/h2_testimonials.png) no-repeat;}
#col h2.title_email-marketing {background:url(../images/h2_email-marketing.png) no-repeat;}
#col h2.title_free-tips {background:url(../images/h2_free-tips.png) no-repeat;}
#col h2.title_ecommerce {background:url(../images/h2_ecommerce.png) no-repeat;}
#col h2.title_aboutus {background:url(../images/h2_aboutus.png) no-repeat; width: 440px; height:25px;}
#col hr.content-divider {width:240px; border:0;background-color:#898989; color: #898989; height:1px; clear:both; padding: 0; margin: 15px 0 20px;}
#col p {margin: 0; padding-top: 0;}
#col h4 {font-size: 11px; font-weight:normal; color:#272727; margin: 0;}
#col h5 {margin: 5px 0 25px; font-size:12px; font-weight:normal;}
#col img {padding:3px; border:1px solid #fff; margin-bottom: 15px;}
#col p a,
#col ul a,
.readon {color: #272727;}
span.button,
span.button-active,
span.button-big {line-height:30px;background-color:#bd1b2f; width:100%; padding:5px 10px; color:#fff; text-align:center; }
span.button-big {font-size:16px;}
span.button-active,
span.button:hover,
span.button-big-active,
span.button-big:hover {background-color:#555555;}
span.button a {text-shadow: #7b0808 2px 2px; }
span.button a:hover {text-shadow: none;}
#footer #copyright {height:35px;}
#footer #copyright span {background: url(http://iCreative.ie/images/logo-footer.png) no-repeat top left; width:100%;line-height:55px; padding-top:25px; font-size:10px;}
#footer #menu {font-size:10px;}
/* Flash Video Demos
************************************************************/
/* CSS Document */
#flashcontent
{
font: .8em/1.3em verdana,arial,helvetica,sans-serif;
text-align: center;
margin-bottom: 21px;
}
#cs_noexpressUpdate
{
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size: x-small;
color: #003300;
text-align: center;
background-image: url(uncompressed/GettingStartedGuide_nofp_bg.gif);
background-repeat: no-repeat;
width: 210px;
height: 200px;
padding: 40px;
}
table.eform{margin-top:0;width:445px;}
table.eform td{vertical-align:top; padding:3px 0;}
#col table.eform td img{border:none;margin-bottom: -12px;}
#col table.ebook-form td {padding:5px 0; margin:0;}
#col table.ebook-form td img{border:none; margin:10px 0 0; padding:0;}
input.button {background-color:#BD1B2F;border:0 none;color:#FFFFFF;line-height:36px;padding:5px 10px;text-shadow: #7b0808 2px 2px; }
input.button:hover {background-color:#555555;cursor:pointer; text-decoration:underline; text-shadow:none;}
/************* EASY SLIDESHOW *******************/
div#slider{float:left;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:480px;
height:335px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1px 0 0;
padding:0;
height:5px;
}
ol#controls li{
margin:3px 3px 0 0;
padding:0;
float:left;
list-style:none;
height:2px;
line-height:2px;
}
ol#controls li a{
background:#555555 none repeat scroll 0 0;
border:none
color:#FFFFFF;
float:left;
height:10px;
line-height:10px;
padding:0 5px;
text-decoration:none;
}
ol#controls li.current a{
background:#BD1B2F;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */