@charset "utf-8";

/*************************************************************/
/* CSS Stylesheet for AC Multimedia                          */
/* See comments for further information                      */
/* (c) AC Multimedia 2008                                    */
/* Developed by AC Multimedia                                */
/* http://www.acmultimedia.co.uk                             */
/*************************************************************/

@import url("forms.css");
@import url("nav.css");
@import url("page_images.css");
@import url("wymeditor.css");

/*************************************************************/
/* Global page styles */
/*************************************************************/

* {	font-size: 100%; }
html { margin: 0; font: 70% Arial, Verdana, Helvetica, sans-serif; color: #444444; line-height: 1.6em; }
body { margin: 0; background-color:#808080;background-image:url(../images/page-bg.png); background-repeat:repeat-x; background-position: top left; -webkit-text-size-adjust: none; }
.clear { clear: both; }
.hidden { display: none; }
div, img, span, h1, h2, h3, h4, h5, h6, p, ul, li { border:0; margin:0; padding:0; }

/*************************************************************/
/* Content styles */
/*************************************************************/

h1 { color:#ffffff;padding-top:200px;font-size:3em;font-weight:bold;margin-left:35px; }
h2 { margin: 0 10px 1em 10px;color:#27ACE4;font-size:1.8em;font-weight:bold; }
h3 { margin: 1.5em 10px 1em 10px;color:#444444;font-size:1.3em;font-weight:bold; }
h4 { margin: 0 10px 1em 10px;color:#837D2F;font-size:1.1em;font-weight:bold; }
p { margin: 0 10px 1em 10px; }
.col3 p { font-size:1.1em;line-height:1.8em; }
p.sideText { margin-top:2.6em;font-weight:bold;color:#837D2F;font-size:1.3em;line-height:1.6em;margin-bottom:2em; }
#contentWrapper ul, #contentWrapper ol { margin: 0 10px 1em 10px; }
#contentWrapper ol li { margin-left: 15px; }
#contentWrapper ul li { margin-left:3px;list-style:none;background-image:url(../images/bullet.gif);background-repeat:no-repeat;background-position:center left;padding-left:7px; }

#contentWrapper .col3 ul { font-size:1.1em;line-height:1.8em; }
#contentWrapper .col3 ul li { list-style-type:disc;background-image:none;padding-left:0px;margin-left:20px; }

/*************************************************************/
/* Link styles */
/*************************************************************/

a:link, a:visited { color: #27ACE4; text-decoration:none; font-weight: bold; }
a:hover { color: #27ACE4; text-decoration:underline; }

#pageFooter a { color:#ffffff; font-weight:normal; }
#pageHeader a { color:#606060; }

#contentWrapper #contentNav li a:link, #contentWrapper #contentNav li a:visited { color:#606060; }

p.sideText a:link.testimonialLink, p.sideText a:visited.testimonialLink { color:#837D2F; }

.sideBox a:link, .sideBox a:visited { padding:5px 10px;height:70px; width:188px;display:block;font-weight:normal;color:#606060;background-color:#ffffff; }
.sideBox a:hover { text-decoration:none;background-color:#F7F7F7; }

.sideBox a:link.newsletter, .sideBox a:visited.newsletter { background-image:url(../images/newsletter.gif);background-repeat:no-repeat;background-position:bottom right;padding-right:80px;width:118px; }

.sideBox a:link.blog, .sideBox a:visited.blog { background-image:url(../images/blog.gif);background-repeat:no-repeat;background-position:bottom right;padding-right:80px;width:118px; }

.sideBox a:link.linkedin, .sideBox a:visited.linkedin { background-image:url(../images/linkedin-box-icon.gif);background-repeat:no-repeat;background-position:bottom right;padding-right:80px;width:118px; }

.sideBox a:link.twitter, .sideBox a:visited.twitter { background-image:url(../images/twitter.gif);background-repeat:no-repeat;background-position:bottom right;padding-right:80px;width:118px; }

.sideBox a:link.contact, .sideBox a:visited.contact { background-image:url(../images/contact.gif);background-repeat:no-repeat;background-position:bottom right;padding-right:80px;width:118px; }

.sideBox a:link.question, .sideBox a:visited.question { background-image:url(../images/question.gif);background-repeat:no-repeat;background-position:bottom right;padding-right:80px;width:118px; }

#pageHeader a.selected, #contentWrapper #contentNav li a:link.selected, #contentWrapper #contentNav li a:visited.selected { color:#837D2F; }
a:link.subscribe, a:visited.subscribe { font-size:0.9em;color:#606060;font-weight:normal;padding-left:23px;background-image:url(../images/subscribe.gif);background-position:center left;background-repeat:no-repeat; }

h4 a:link, h4 a:visited { color:#837D2F; }

p.breadcrumbs a:link, p.breadcrumbs a:visited { background-image:url(../images/breadcrumb.gif);background-repeat:no-repeat;background-position:center right;padding-right:20px;font-weight:normal;text-decoration:none;font-size:0.9em;color: #606060; }
p.breadcrumbs a:hover { text-decoration:underline; }
p.breadcrumbs { border-bottom: #BFBFBF 0px dotted; }

/*************************************************************/
/* Layout styles */
/*************************************************************/

#pageWrapper { width: 980px; margin: 0 auto; background:#ffffff; }
#pageHeader { padding: 10px 35px 12px 22px; }
#pageHeader img { float:left; }
#contentWrapper { width:925px;margin:10px auto 30px auto;text-align:center; }
.col1, .col2, .col3 { float:left;text-align:left;margin: 20px 0px 0px 0px; }
.col1 { width:230px; }
.col2 { width:460px; }
.col3 { width:690px; }
.border { border-left: #BFBFBF 1px dotted; }
#pageFooter { background:#808080;color:#ffffff;padding:20px 28px 20px 28px;text-align:right;font-size:0.9em;line-height:1.5em; }
#pageFooter span { float:left;font-size:1.8em; }
.pageIntro { height:220px;background-color:#eeeeee;background-repeat:no-repeat;background-position:top left; }
.pageIntroWork { height:300px; }
.pageIntroWorkProject { height:250px; }

#contentWrapper #contentNav { list-style:none;text-align:left;margin:0px 0px 15px 10px; }
#contentWrapper #contentNav li { background-image:none;list-style:none;float:left;margin-right:40px;border-left:#cccccc 1px solid;font-size:0.9em;margin-bottom:10px;margin-top:0px; }

.sideBox { border:#cccccc 1px solid;margin:0 10px 15px 10px; }
.sideBox span { font-weight:bold; }

.responseSuccess { font-weight:bold;margin:10px 10px 20px 10px;border-top: #006600 1px dotted;background-color:#F7F7F7;padding:10px 10px 10px 10px; }
#contentWrapper .responseSuccess p { margin:0;color:#006600;}

.responseError { font-weight:bold;margin:10px 10px 20px 10px;border-top: #990000 1px dotted;background-color:#F7F7F7;padding:10px 0px 0px 0px; }
#contentWrapper .responseError ul li { font-weight:normal;background-image:none;list-style:disc;padding-left:0px;font-size: }
#contentWrapper .responseError ul { margin-left:25px;margin-top:5px;font-size:1.1em;padding-bottom:10px; }
#contentWrapper .responseError p {  color:#990000;margin-bottom:0;}

.boxFeed { margin:10px;background-color:#F7F7F7;border:#cccccc 1px solid; }
#contentWrapper .boxFeed p { padding-left:50px;margin-bottom:0;line-height:50px;background:url(../images/feed-box-icon.gif) no-repeat center left; }

.contactPhone { float:left;width:310px;margin:10px 10px 25px 10px;background-color:#F7F7F7;border:#cccccc 1px solid; }
#contentWrapper .contactPhone p { padding-left:45px;margin-bottom:0;line-height:50px;background:url(../images/contactPhone.gif) no-repeat center left;font-weight:bold;font-size:1.8em;margin-left:0px; }

.contactEmail { float:left;width:310px;margin:10px 0px 25px 10px;background-color:#F7F7F7;border:#cccccc 1px solid; }
#contentWrapper .contactEmail p { padding-left:45px;margin-bottom:0;line-height:50px;background:url(../images/contactEmail.gif) no-repeat center left;font-weight:bold;font-size:1.8em;margin-left:0px; }

.listingBox { margin:10px 20px 20px 20px;float:left;background-color:#EEEEEE;padding:5px 7px; }
.listingBoxFooter { margin:20px 10px;clear:both;border-bottom:#BFBFBF 1px dotted; }


#sliderHome { 
   width: 980px; /* important to be same as image width */ 
   height: 340px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:url(../images/ajax-loader.gif) center no-repeat;
}

#sliderSub { 
   width: 980px; /* important to be same as image width */ 
   height: 220px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:url(../images/ajax-loader.gif) center no-repeat;
}

#sliderHomeContent, #sliderSubContent {
   width: 980px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderHomeImage, .sliderSubImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderHomeImage span, .sliderSubImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 13px 15px 13px;
   font-size:1.1em;
   width: 980px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
}
.sliderHomeImage span strong, .sliderSubImage span strong { font-size:1.4em; }

.factBox, .benefitBox { width:210px;margin:0px 17px 25px 25px;float:right;background-color:#27ACE4;color:#ffffff; }
.factBox h5, .benefitBox h5 { margin:15px 10px 10px 10px;font-size:2.2em; }
.factInfo { clear:both;float:right;width:135px;margin:6px 10px 6px 0px;line-height:1.2em;font-size:1.1em; }
#contentWrapper .col3 .benefitInfo ul li { line-height:1.2em;font-size:1.1em;margin:0px; }
#contentWrapper .col3 .benefitInfo ul { margin:0px; }
.factFigure { margin:6px 0px 6px 10px;float:left;font-size:2.5em;width:55px;line-height:1em; }
.factFigure span { font-size:0.4em; }

#CarouselDivWrapper { background:url(../images/work-carousel-bg.jpg) top left no-repeat;text-align:center; }

.portfolioBox { float:left;width:225px;text-align:center;margin-bottom:10px;padding-bottom:5px;padding-top:12px; }
#contentWrapper .portfolioBox p { margin-bottom:0px; }
.portfolioBox:hover { background-color:#F7F7F7; }

.quoteContentBox { width:210px;margin:0px 17px 25px 25px;float:right; }
.quoteContentBox p { font-weight:bold;color:#837D2F;font-size:1.3em;line-height:1.6em; }