@charset "utf-8";
/* CSS Document */

body { border-top: 2px solid #f99200; background: url(images/mainbg.gif) repeat-y top center; font-family: Helvetica, sans-serif; color: #3a3a3a;  }
* { margin: 0; padding: 0; border: none; text-decoration: none;}
.clear { clear:both; }
html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
.floatright { float: right;  }
.floatleft { float: left; padding: 0 10px 10px 0;  }

#container { width: 960px; margin: 0 auto; padding: 0 0 0 20px; background: url(images/containerbg.gif) repeat-y left; }
#leftarea { float: left; width: 699px; padding: 57px 0 0; }
#rightcol { float: right; width: 261px; background: url(images/rightcolbg.gif) repeat-y;}
#leftarea p { color: #8c8c8c; font-size: 15px; line-height: 24px; padding-bottom: 20px; }
#leftarea p a { color: #f99200; }
#leftarea p a:hover { color: #f99200; text-decoration: underline; }

#logo { width: 453px; height:71px; background: url(images/logo.gif) no-repeat; }
#logo h2 { font-size: 43px; font-family: "museo-1","museo-2","Arial","Helvetica",sans-serif; font-weight: 200; color: #fff; padding: 11px 0 0 15px; }

#home_greyblk { width: 700px; height: 256px; background: #eeeded url(images/greyblk_leaves.gif) no-repeat bottom right; margin: 0 0 30px; }
#home_greyblk h1#museo { font-family: "museo-1","museo-2","Arial","Helvetica",sans-serif; font-size: 43px; color: #9a9a9a; text-shadow: 1px 1px #fff; font-weight: 100; padding: 70px 0 0 5px; line-height: 55px; }
#sub_greyblk { width: 700px; height: 179px; background: #eeeded url(images/greyblk_leaves.gif) no-repeat bottom right; margin: 0 0 30px;}
#sub_greyblk h1#museo { font-family: "museo-1","museo-2","Arial","Helvetica",sans-serif; font-size: 43px; color: #9a9a9a; text-shadow: 1px 1px #fff; font-weight: 100; padding: 36px 0 0 5px; line-height: 55px; }
#sub_greyblk_single { width: 700px; height: 179px; background: #eeeded url(images/greyblk_leaves.gif) no-repeat bottom right; margin: 0 0 30px;}
#sub_greyblk_single h1#museo { font-family: "museo-1","museo-2","Arial","Helvetica",sans-serif; font-size: 43px; color: #9a9a9a; text-shadow: 1px 1px #fff; font-weight: 100; padding: 60px 0 0 5px; line-height: 55px; }

#hpexamples { margin: 0 0 30px 10px; }

h2#pagetitle { font-size: 30px; color: #f99200; font-weight: normal; background:url(images/dottedline.gif) no-repeat bottom left; padding: 0 0 15px; margin: 0 0 20px;}
h3 { font-size: 22px; color: #f99200; font-weight: 100; font-family: "museo-1","museo-2","Arial","Helvetica",sans-serif;  background:url(images/dottedline.gif) no-repeat bottom left; padding: 0 0 15px; margin: 0 0 20px;}
h4 { color: #8c8c8c; margin: 0 0 5px; }

h3.services { background: url(images/orangeleaves.gif) no-repeat top left; padding: 20px 0 0; font-size: 34px; margin: 10px 0 20px; clear: both;  }
h3.services span { background-color: #f99200; color: #fff; padding: 0 4px; }
h3.extramarg, h4.extramarg { margin-top: 40px; }

h3.sml { background: url(images/orangeleaves.gif) no-repeat top left; padding: 20px 0 0; font-size: 24px; margin: 10px 0 20px; clear: both;  }
h3.sml a { background-color: #f99200; color: #fff; padding: 0 4px; }

#centre_leftcol { float: left; width:340px; }
#centre_rightcol { float: right; width:340px;}

#summary_bx1 { width: 331px; height: 272px; background: url(images/summary_bx.gif) no-repeat; float: left; margin: 20px 0 40px; }
#summary_bx2 { width: 331px; height: 272px; background: url(images/summary_bx.gif) no-repeat; float: right; margin: 20px 0 40px;  }
#summary_bx1 h3, #summary_bx2 h3 { background-color: #f99200; color: #fff; font-size: 22px; font-weight: normal; margin: 65px 0 0; padding: 7px 0 3px 26px; background-image: none;}
#summary_bx1 ul, #summary_bx2 ul { list-style: none; padding: 11px 0 0 26px; line-height: 28px; color: #757575; font-size: 15px;}
#summary_bx1 p, #summary_bx2 p{ text-align: right; padding: 18px 15px 0 0;}

h3#hpblog { font-size: 22px; color: #f99200; font-weight: normal; background:url(images/dottedline.gif) no-repeat bottom left; padding: 0 0 15px; margin: 0 0 20px;}
#rssimg { float: right;  }

.blogentry { clear: both; margin: 0 0 30px; }
p.blogdate { float: left; width: 80px; height: 145px; color: #f99200 !important; text-align: right; font-size: 12px !important; padding: 0 15px 0 0;  }
.blogsummary h4 { font-size: 20px; color: #8f8e8e; font-weight: normal; padding: 5px 0 13px;}
.blogsummary p { padding: 0 !important;}

ul.contentlist { color: #8f8e8e; list-style-image: url(images/orangebullet.gif); line-height: 38px; margin: 0 0 10px; }
ul.contentlist li { margin: 0 0 0 20px; }
.serv_left { float: left; margin: 20px 40px 20px 0; }
.serv_right { float: right; margin: 0 0 20px 40px; }
a.flow_btn { background: #f99200 url(images/linkarrow.jpg) no-repeat right center; color: #fff !important; font-family: "futura-pt-1","futura-pt-2","Arial","Helvetica",sans-serif;  font-weight: 400; padding: 10px 35px 10px 10px; font-size: 13px; margin: 10px 0 0;}


#rgtleaf1 { padding: 3px 0 0 0; }
#rgtleaf2 { padding: 90px 0 40px 0; }
#rgtleaf3 { padding: 20px 0 50px 0; }

#rightcol ul { list-style: none;   }

#mainnav { padding: 10px 0 0 85px; color: #fff; }
#mainnav li { padding: 5px 0; margin: 5px 0; display: inherit;font-family: "futura-pt-1","futura-pt-2","Arial","Helvetica",sans-serif;  font-weight: 400; }
#mainnav li span#active { color: #f99200; background-color: #fff; padding: 5px 10px 3px;}
#mainnav li a { color: #fff; padding: 0 10px;  }
#mainnav li a:hover { color: #fff; text-decoration: underline; }

#subnav { text-align: right; font-size: 11px; padding: 10px 170px 0 0; }
#subnav li { padding: 5px 0; margin: 5px 0; display: inherit;font-family: "futura-pt-1","futura-pt-2","Arial","Helvetica",sans-serif; font-weight: 400;  }
#subnav li span#active { color: #fff; padding: 5px 10px 3px; background-color: #f99200;}
#subnav li a, #subnav li span { color: #fff; padding: 5px 7px 3px; background-color: #f99200; }
#subnav li a:hover, #subnav li span { color: #fff; text-decoration: underline; }

p#getquote { height:18px; background: #ffffff url(images/navquotearrow.gif) no-repeat top left; font-size: 12px; padding: 3px 0 0 25px; vertical-align: middle; margin: 0 0 0 65px; width:  90px; color: #f99200; font-family: "futura-pt-1","futura-pt-2","Arial","Helvetica",sans-serif;  font-weight: 400; }
p#getquote a { color: #f99200; }

.testimonial { background: url(images/openquote.gif) no-repeat top left; margin: 0 0 0 40px;  }
.testimonial p { font-size: 14px; color: #fff; padding: 30px 0 33px 50px; background: url(images/closequote.gif) no-repeat bottom right; line-height: 20px; }
.testimonial span.cite { font-style:italic; }

/* popup form styling */
form { padding-top: 1px; clear: both; }
.popupform { margin: 0 0 0 80px;  }
.popupform input { font-family: Helvetica, sans-serif;margin: 15px 0 0; padding: 10px 5px; color: #8f8e8e; width: 300px; display: block; height: 15px; font-size: 13px; background-color: #fff; border: 1px solid #f99200; }
.popupform select { font-family: Helvetica, sans-serif;margin: 15px 0 5px; padding: 10px 5px; color: #8f8e8e; width: 312px; display: block; height: 38px; font-size: 13px; background-color: #fff; border: 1px solid #f99200; }
select { background-color: #edebeb; font-size: 11px; color: #6f6f6f;width: 300px; margin: 15px 0 0; padding: 5px;}
.popupform textarea { height: 100px; width: 300px; color: #8f8e8e;background-color: #fff;border: 1px solid #f99200;  display: block; margin: 10px 0 0; padding: 5px; font-size: 13px; font-family: Helvetica, sans-serif;}
label { padding-right: 20px; float: left; margin: 25px 10px 0; width: 70px; clear:both; font-size: 15px; color: #f99200;  }
input.button { width: 116px; height: 28px; padding: 5px 0; text-align: center; background-color: #f99200; color: #fff; font-size: 16px; margin: 10px 0 0 110px; cursor: pointer;}

/* contact form styling */
.contactform { margin: 0 0 40px 0;  }
.contactform input { font-family: Helvetica, sans-serif;margin: 15px 0 0; padding: 10px 5px; color: #8f8e8e; width: 500px; display: block; height: 15px; font-size: 13px; background-color: #fff; border: 1px solid #f99200; }
.contactform select { font-family: Helvetica, sans-serif;margin: 15px 0 5px; padding: 10px 5px; color: #8f8e8e; width: 512px; display: block; height: 38px; font-size: 13px; background-color: #fff; border: 1px solid #f99200; }
select { background-color: #edebeb; font-size: 11px; color: #6f6f6f;width: 300px; margin: 15px 0 0; padding: 5px;}
.contactform textarea { height: 100px; width: 500px; color: #8f8e8e;background-color: #fff;border: 1px solid #f99200;  display: block; margin: 10px 0 0; padding: 5px; font-size: 13px; font-family: Helvetica, sans-serif;}
label { padding-right: 20px; float: left; margin: 25px 10px 0; width: 70px; clear:both; font-size: 15px; color: #f99200;  }
input.button { width: 116px; height: 28px;padding: 5px 0; text-align: center; background-color: #f99200; color: #fff; font-size: 16px; margin: 10px 0 0 110px; cursor: pointer;}



/* Portfolio styles */
.blk_port { float: left; margin: 10px 18px 20px 0; }
.port_caption { font-size: 12px !important; margin: 20px 0 0;}
.port_caption a { font-size: 14px; }
.fancybox h3 { font-family: "museo-1","museo-2","Arial","Helvetica",sans-serif; font-weight: 200; color: #f99200; font-size: 28px; background:none; padding: 20px 0 15px; margin: 0 0 15px;}
.fancybox p { line-height: 24px !important; font-size: 13px !important; }
.fancybox img { padding: 10px 0 0 0; }
.fancybox p a { color: #f99200; }
p.boldorange { font-weight: bold; color: #f99200 !important; }

#footer_outer { background: url(images/footerbg.gif) repeat-y top center; }
#footer_inner { width: 920px; margin: 0 auto; padding: 25px 30px; font-size: 13px; color: #f99200; }
#footer_inner p { margin: 0 0 25px; line-height: 22px; }
#footer_inner a { color: #f99200; }
#footer_inner a:hover { text-decoration: underline; }
#footerleft { float: left; }
#footerleft ul li a, #footerleft ul li a:hover { border-bottom: 1px dotted #f7b961; text-decoration: none; }
#soc_med { float: left; padding-left: 200px; width: 195px; }
#footer_sitemap { float:right; color: #fee7c6; padding: 0 40px 0 0; }
#footer_sitemap  h5, #footer_sitemap ul li a { color: #fee7c6 !important;  }
#footer_inner h5 { font-size: 22px; color: #f99200; font-weight: normal; background: url(images/socmedlines.gif) no-repeat bottom left; padding: 0 0 15px; margin: 0 0 20px; }
#footer_inner h5#lighthead { font-size: 22px; color: #f99200; font-weight: normal; background: url(images/lightdottedline.gif) no-repeat bottom left; padding: 0 0 15px; margin: 0 0 20px; }
#footer_inner ul { list-style: none; line-height: 24px; }

#socmed_btn { padding: 0 15px 0 0; }

/*----------------------------- IE 5 only styles -------------------*/

* html #rightcol { float: right; width: 260px; background: url(images/rightcolbg.gif) repeat-y;}

.typekit-badge { display: none !important; }