@charset "UTF-8";

/*  overall styles */

* {margin:0; padding:0;}
hr {display:none;}  /* hi byron ;-)  */

body
{
background:#000 url(../images/loading.gif) no-repeat center top;
font-family:Helvetica, Verdana, Tahoma, sans-serif;
font-size:0.8em;
}

#bg-container {background:url(../images/bg.jpg) no-repeat center top; padding:42px 0 0;}
#container {width:780px; margin:0 auto;}
.hidden, #header img, #header span, #header strong, #header br, legend {display:none;}
a {color:#971111; text-decoration:none;}
a:hover {text-decoration:underline;}
p {line-height:160%;}

.hrule
{
height:4px;
background:url(../images/hr.gif) repeat-x;
margin:10px 0;
}

#content-ul
{
list-style-position:inside;
margin:15px 0;
color:#8100a6;
}

#content-ul li {padding:5px 0 5px 15px;}


/* forms  */

fieldset {padding:20px 10px 10px; border:8px solid #ebebeb;}

input, textarea
{
border:4px solid #ebebeb;
margin:0 0 8px 10px;
padding:3px 6px;
font-family:Helvetica, Verdana, Tahoma, sans-serif;
font-size:1em;
color:#000;
width:150px;
}

input:focus, textarea:focus {border-color:#c1e2ed; background:#f4f9fb;}

input#send_btn
{
width:auto!important;
border:0!important;
margin:0 175px 0 0;
float:right;
}

label
{
width:110px;
display:inline-block;
padding:0 0 0 10px;
}

label.align-top {vertical-align:top; padding:5px 0 0 10px;}



/* clearfix */

.clearfix:after
{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
 
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}


/* page header */

#email-link
{
float:right;
display:block;
width:220px;
height:23px;
width:159px;
margin:0 18px 0 0;
font-size:1.5em;
font-family:"Times New Roman", Times, serif;
color:#000;
text-decoration:none;
}

#logo-link
{
display:block;
width:265px;
height:65px;
text-indent:-4000px;
margin:0 0 0 10px;
}

.tel-no
{
display:block!important;
float:right;
clear:right;
width:133px;
margin:12px 43px 0 0;
font-size:1.6em;
font-family:"Times New Roman", Times, serif;
}


/* main menu */

#main-menu
{
list-style:none;
margin:50px 0 0;
background-image:url(../images/menu.gif);
background-repeat:no-repeat;
height:32px;
padding:0 10px;
text-align:right;
}

body#home #main-menu {background-image:url(../images/menu-1.gif);}
body#our-services #main-menu {background-image:url(../images/menu-2.gif);}
body#portfolio #main-menu {background-image:url(../images/menu-3.gif);}
body#about-us #main-menu {background-image:url(../images/menu-4.gif);}
body#get-in-touch #main-menu {background-image:url(../images/menu-5.gif);}
body#get-in-touch-thanks #main-menu {background-image:url(../images/menu-5.gif);}

#main-menu li {display:inline;}

#main-menu a
{
display:inline-block;
width: 117px;
color:#222;
text-align:center;
text-decoration:none;
margin:9px 0 0;
}

#main-menu a:hover {color:#971111;}



/* content overall */

#content-container {background:url(../images/tile.gif) repeat-y; padding:20px 25px 5px;}
#col-left, #col-left-2 {float:left; width:181px;}
#col-right, #col-right-2 {width:520px; margin:0 0 0 206px;}



/* page headers & subheaders */


.pg-hdr
{
padding:15px 0;
font-size:0.1em;
text-indent:-4000px;
background-repeat:no-repeat;
}

.sub-hdr
{
border-top:9px solid #bd7901;
margin:30px 0 0;
padding:15px 0 25px;
font-size:0.1em;
text-indent:-4000px;
background-repeat:no-repeat;
background-position:0 10px;
}


body#home .pg-hdr {background-image:url(../images/h1-home.gif);}
body#our-services .pg-hdr {background-image:url(../images/h1-services.gif);}
body#portfolio .pg-hdr {background-image:url(../images/h1-portfolio.gif);}
body#about-us .pg-hdr {background-image:url(../images/h1-about-us.gif);}
body#get-in-touch .pg-hdr {background-image:url(../images/h1-get-in-touch.gif);}
body#get-in-touch-thanks .pg-hdr {background-image:url(../images/h1-get-in-touch-thanks.gif);}

#subhdr-find-us {background-image:url(../images/h1-find-us.gif)!important;}
#subhdr-other-work {background-image:url(../images/h1-other-work.gif)!important;}
#subhdr-people-say {background-image:url(../images/h1-people-say.gif)!important;}
#subhdr-our-founder {background-image:url(../images/h1-founder.gif)!important;}
#subhdr-webdesign {background-image:url(../images/h1-webdesign.gif)!important;}
#subhdr-webdev {background-image:url(../images/h1-webdev.gif)!important;}
#subhdr-promotion {background-image:url(../images/h1-promotion.gif)!important;}
#subhdr-hosting {background-image:url(../images/h1-hosting.gif)!important;}
#subhdr-accessibility {background-image:url(../images/h1-accessibility.gif)!important;}
#subhdr-ecommerce {background-image:url(../images/h1-ecommerce.gif)!important;}
#subhdr-cms {background-image:url(../images/h1-cms.gif)!important;}
#subhdr-recent-work {background-image:url(../images/h1-recent-work.gif)!important;}
#subhdr-get-a-quote {background-image:url(../images/h1-get-a-quote.gif)!important;}



/* side-menu headers */

.sm-hdr
{
border-top:9px solid #4f6e2a;
height:30px;
padding:5px 0 0;
font-size:0.1em;
text-indent:-4000px;
background-repeat:no-repeat;
background-position:0 15px;
}

.green {border-color:#4f6e2a;}
.orange {border-color:#bd7901;}
.purple {border-color:#8100a6;}
.red {border-color:#9b2121;}
.blue {border-color:#3e23b1;}

#sm-quick-jump {background-image:url(../images/sm-quick-jump.gif);}
#sm-other-work {background-image:url(../images/sm-other-work.gif);}
#sm-our-services {background-image:url(../images/sm-our-services.gif);}
#sm-the-process {background-image:url(../images/sm-the-process.gif);}
#sm-get-in-touch {background-image:url(../images/sm-get-in-touch.gif);}
#sm-by-post {background-image:url(../images/sm-by-post.gif);}
#sm-by-phone {background-image:url(../images/sm-by-phone.gif);}



/* side menus */

.side-menu {list-style:none; margin:0 0 30px;}
.side-menu-content {margin:0 0 30px; padding:0 10px;}

ul.side-menu a
{
display:block;
padding:7px 0 5px;
margin:2px 0;
text-indent:20px;
background:url(../images/red-list-item.gif) no-repeat 6px 9px;
color:#000;
text-decoration:none;
}

.side-menu a:hover {background:#f9f6fd url(../images/purple-list-item.gif) no-repeat 6px 9px;}



/* sections with borders */

.section-border {border:8px solid #ebebeb; margin:50px 0 0;}
.first-section {margin:20px 0 0;}
.section-border .content {padding:15px; line-height:160%;}
.section-border:hover img {display:none;}
.mini-box:hover img {display:inline;}

.section-border h2 
{
font-size:1.2em;
font-weight:normal;
line-height:100%;
margin:0 0 -3px;
}

.section-border h3
{
float:right;
font-size:1em;
font-weight:normal;
color:#1782b3;
margin:-14px 0 0;
}

.section-footer
{
float:right;
font-size:0.9em;
}

.section-footer a
{
color:#000;
text-decoration:none;
height:14px;
display:inline-block;
margin:5px 4px 0 8px;
}

.section-footer-link {padding:5px 0 0;}
.section-footer a:hover {text-decoration:underline;}
.back-to-top {background:url(../images/back-to-top.gif) no-repeat 63px; padding:5px 21px 0 0;}
iframe {border-bottom:8px solid #ebebeb;}


/* hover images */

.hover-img
{
display:block;
height:127px;
border-bottom:8px solid #ebebeb;
}

.rollover:hover, .rollover:hover .hover-img, #our-founder:hover img, .rollover:hover iframe, .rollover:hover fieldset
{border-color:#c1e2ed;}

.hover-img img {border:0; background-repeat:no-repeat;}

#acturis-hover {background:url(../images/c-acturis-roll.jpg);}
#dales-hover {background:url(../images/c-dales-roll.jpg);}
#beresford-hover {background:url(../images/c-beresford-roll.jpg);}
#ambass-hover {background:url(../images/c-ambass-roll.jpg);}
#eminds-hover {background:url(../images/c-eminds-roll.jpg);}
#mickhuck-hover {background:url(../images/c-mickhuck-roll.jpg);}
#jka-hover {background:url(../images/c-jka-roll.jpg);}
#vpost-hover {background:url(../images/c-vpost-roll.jpg);}
#ask-hover {background:url(../images/c-ask-roll.jpg) no-repeat;}
#simplyred-hover {background:url(../images/c-sr-roll.jpg) no-repeat;}
#km-hover {background:url(../images/c-km-roll.jpg) no-repeat;}
#vallhunds-hover {background:url(../images/c-vall-roll.jpg) no-repeat;}



/* home page styles */

#home-section-1 #col-left {width:250px;}
#home-section-1 #col-right {width:453px; margin:0 0 0 273px;}
#home-section-1 #col-right p {line-height:190%; padding:30px 0 0;}
#home-section-1 #col-right img {clear:right; float:right; margin:0 0 0 15px;}
#home-section-2 #col-left-2, #home-section-2 #col-right-2 {width:342px;}
#home-section-2 #col-right-2 {margin:0 0 0 370px;}
#home-section-2 .section-border {margin:0;}
#recent-work-footer {padding:20px 0 0 7px; text-align:center;}

.mini-box
{
width:213px;
float:left;
margin:0 7px;
}

.mini-box .content {text-align:center;}

/* 'about us' styles */

q
{
display:block;
line-height:160%;
font-size:1.2em;
padding:20px 20px 0;
margin:20px 0 0;
background:url(../images/quote-1.gif) no-repeat top left;
text-indent:45px;
}

q:before {content:no-open-quote;}
q:after {content:no-close-quote;}

#about-us #content-container h2 
{
font-size:1.1em;
background:url(../images/quote-2.gif) no-repeat top right;
height:40px;
color:#971111;
padding:0 25px 0 0;
margin:0 0 40px;
line-height:700%;
text-align:right;
}

#our-founder {text-align:justify; line-height:180%;}

#our-founder img
{
float:right;
border:8px solid #ebebeb;
margin:0 0 20px 25px;
padding:8px;
}


/* 'get in touch' styles */

#google-maps {height:250px; width:504px;}





/* footer */

#footer
{
clear:both;
text-align:center;
margin:40px 0 0;
background:#ebebeb;
text-align:center;
padding:20px;
font-size:0.9em;
line-height:150%;
}