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

/*
----------------------------------------
01. default elements
----------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal}


@font-face {
    font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PTSansBold';
    src: url('PTS75F-webfont.html');
    src: url('PTS75F-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont-2.html') format('woff'),
         url('PTS75F-webfont-3.html') format('truetype'),
         url('PTS75F-webfont-4.html#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { font-family:Arial, Helvetica, sans-serif; backgroun:#f8f8f8}

p {font-size:12px; color:#4f4f4f;line-height:1.7;margin-bottom:25px;}
p.bigtext {font-size:14px; color:#4f4f4f;}
a { color:#333333; text-decoration:none}
a:hover { text-decoration:none}



h1 {font-size:29px; color:#004f9b; line-height:1.1em; font-family:"PTSansBold",Arial}
h1 a {color:#004f9b; text-decoration:none}
h1 a:hover { text-decoration:none}

h2 {font-size:29px; color:#004f9b; line-height:1em; font-family:"PTSansBold",Arial}
h2 a {color:#004f9b; text-decoration:none}
h2 a:hover { text-decoration:none}

h3 {font-size:20px; color:#004f9b; line-height:1em; font-family:"PTSansRegular",Arial}
h3 a {color:#004f9b; text-decoration:none}
h3 a:hover { text-decoration:none}

h5 { font-size:12px; color:#4f4f4f}
h5 a { color:#4f4f4f; text-decoration:none}
h5 a:hover { text-decoration:none}

/*Clear Styles*/
.cleardiv{clear:both; font-size:0;}

/*
----------------------------------------
02. header
----------------------------------------
*/

#bgheader {width:100%; height:148px; background:url(../images/bg_header.gif) repeat-x top left; border-top:5px solid #0a457e; display:block;}
#header {width:980px; margin:0 auto}

#header .logo { float:left; padding:28px 0 0 0}
#header .logo a { width:277px; height:92px; float:left; background:url(../images/logo.png) no-repeat; text-indent:-9999px}

#header .topnav { width:675px; float:right; padding:0 23px 0 0}
#header .topnav ul {height:32px; float:right; background:#0a457e; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; behavior: url(PIE.html); position:relative}
#header .topnav ul li { height:23px; float:left; font-size:14px; font-family:"PTSansBold",Arial; text-transform:uppercase; background:url(../images/divider01.gif) no-repeat top left; line-height:1em; padding:9px 15px 0 15px}
#header .topnav ul li.nodivider {background:none}
#header .topnav ul li a {float:left; color:#c1dcf6; text-decoration:none}
#header .topnav ul li a.enquire { background:url(../images/icon_message.gif) no-repeat right; padding:0 25px 0 0}

#header .nav {float:right; padding:35px 0 0 0; position:relative; z-index:150} 
#header .nav ul {float:right;} 
#header .nav ul li { float:left; padding-left:45px; position:relative} 
#header .nav ul li a { color:#FFFFFF; font-size:18px;  text-decoration:none; font-family:"PTSansBold",Arial; text-shadow:#000000 0 1px 0px; z-index:500} 
#header .nav ul li a:hover {color:#fbf7aa}
#header .nav ul li a.drop { background:url(../images/arrow_down01.png) no-repeat right 11px; padding:0 20px 0 0} 
#header .nav ul li:hover .dropdown { position:absolute; display:block}
.media-icon i { padding: 6px 0; line-height: 0;}

#header .nav ul li .dropdown { position:absolute; display:none; top:-22px; left:20px; width:231px; float:left; z-index:5000} 
#header .nav ul li .dropdown .box { float:left; width:219px; /*height:327px; background:url(../images/bg_dropdown.png) no-repeat top;*/ background-color:#185085; padding-bottom:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 
#header .nav ul li .dropdown h5 { float:left; padding:22px 0 24px 25px} 
#header .nav ul li .dropdown h5 a {background:url(../images/arrow_down01.png) no-repeat right 11px; padding:0 20px 0 0} 
#header .nav ul li .dropdown ul { width:219px; float:left}
#header .nav ul li .dropdown ul li { width:219px; float:left; padding:0}
#header .nav ul li .dropdown ul li a { width:193px; float:left; font-size:14px; font-family:Arial; color:#FFFFFF; padding:8px 0 8px 26px}
#header .nav ul li .dropdown ul li a:hover {color:#fbf7aa; background:url(../images/bg_trans.png) repeat}
#header .nav ul li .dropdown ul li a.active {color:#fbf7aa; background:url(../images/bg_trans.png) repeat}

/*
----------------------------------------
03. banner
----------------------------------------
*/

#bgbanner {width:100%; height:427px; background:url(../images/bg_banner.gif) repeat-x top left; border-bottom:1px solid #ffffff; display:block;}
#banner {width:980px; margin:0 auto}

#banner #slider { width:690px; height:426px; float:left; background:url(../images/bg_slider.png) no-repeat top; margin:0 -20px 0 -160px; position:relative;overflow:hidden;}
#banner #slider a {	border:0; display:block;}
#banner .nivoSlider {position:relative}
#banner .nivo-slice {display:block;	position:absolute;	z-index:50;	height:100%;}
#banner .nivo-caption { width:690px; position:absolute; float:right; top:0; right:0; z-index:100}
#banner .nivo-caption p {float:right; font-size:22px; color:#6d6e6c}
#banner .nivo-html-caption { display:none}

#slider-wrapper { }
#slider-wrapper .content { width:600px; float:right; position:relative;}
#slider-wrapper .content h2 {font-size:40px; color:#fff; font-family:"PTSansRegular",Arial; text-align:right; padding:71px 90px 0 0}
#slider-wrapper .content h2 span { font-family:"PTSansBold",Arial}
#slider-wrapper .content h2 a { color:#eee}
#slider-wrapper .content h2 a:hover { color:#FFFFFF !important;}
#slider-wrapper .content p { font-size:30px; color:#fff; font-family:"PTSansRegular",Arial; text-align:right; padding-right:116px}
#slider-wrapper .content p a { color:#FFFFFF; background:url(../images/arrowright.gif) no-repeat right 15px; padding:0 29px 0 0}
#slider-wrapper .content h2.slide2 { float:right; padding:90px 143px 0 0}
#slider-wrapper .content h2.slide2 a {background:url(../images/arrowright.gif) no-repeat right 15px; padding:0 29px 0 0}
#slider-wrapper .content h2.slide3 { float:right; padding:90px 60px 0 0}
#slider-wrapper .content h2.slide3 a {background:url(../images/arrowright.gif) no-repeat right 15px; padding:0 29px 0 0}

#slider-wrapper .nivo-directionNav { display:none}
#slider-wrapper .nivo-directionNav a {display:none}
#slider-wrapper .nivo-controlNav {float:left; text-align:center; position:absolute; top:387px; left:345px}
#slider-wrapper .nivo-controlNav a {display:block; width:15px;height:15px; background:url(../images/bullet01.png) no-repeat; text-indent:-9999px;
border:0; margin-right:5px; float:left; position:relative; overflow:hidden; z-index:999; cursor:pointer}
#slider-wrapper .nivo-controlNav a.active {background:url(../images/bullet02.png) no-repeat}

#banner .products {float:right; position:relative}
#banner .products .list { width:217px; height:394px; float:right; background:url(../images/bg_box_commercial.png) no-repeat; padding:27px 13px 12px 10px; margin:43px -14px -53px 5px; position:relative}
#banner .products .list .content {height:305px; float:left}
#banner .products .list h2 { text-shadow:#FFFFFF 0 2px 2px; line-height:.75em; padding:0 20px 18px 20px}
#banner .products .list h2 span { font-size:17px; line-height:1em; font-family:"PTSansRegular",Arial}
#banner .products .list p { font-size:15px; line-height:1.35em; padding:0 45px 0 20px; font-family:"Tahoma",Arial; margin-bottom:-57px; position:relative; z-index:50}
#banner .products .list .photo  { float:left; margin:0; position:relative}
#banner .products .list a.button { width:171px; height:31px; float:left; font-size:14px; font-family:"PTSansRegular",Arial; color:#FFFFFF; text-decoration:none; text-align:center; text-shadow:#333 0 2px 2px; background:url(../images/button_view.gif) repeat-x top left; border:1px solid #0a559e; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(PIE.html); position:relative; padding-top:12px; margin:27px 0 0 22px}
#banner .products .list a.button:hover {background:url(../images/button_view_hover.gif) repeat-x}

/*
----------------------------------------
04. content
----------------------------------------
*/

#container {width:100%; background:#f8f8f8 url(../images/bg_container.gif) repeat-x top left}
#wrapper {width:980px; margin:0 auto; display:block; padding:0 0 55px 0;}
.overlap {width:1024px; height:95px; background:url(../images/bg_content.png) no-repeat bottom; display:block; margin:0 auto; margin-top:-30px;}

.heading { width:995px; float:left; background:url(../images/bg_border.gif) repeat-x 0 36px; margin-bottom:20px; margin-left:-17px}
.heading h1 { height:65px; float:left; background:#f8f8f8 url(../images/bg_heading.png) no-repeat; text-transform:uppercase; text-shadow:#ffffff 0px -1px 1px; padding:19px 15px 0 15px; position:relative}
.heading h1 span { font-family:"PTSansRegular",Arial}
.heading a.button { float:right; background:#ececec; font-size:12px; color:#004482; text-align:center; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:relative; padding:8px 6px 6px 8px; margin-top:19px}

.productlist { width:980px; float:left; padding:74px 0 64px 0; position:relative}
.productlist h2 {font-size:38px}

.set {width:140px; float:left; background:url(../images/bg_border.gif) repeat-x bottom; padding-bottom:10px; margin:0 27px 0 0px}
#leftcolumn .set {margin-bottom:65px;}
.set.last { margin-right:0}
.set .photo { float:left; background:url(../images/bg_photo.gif) no-repeat bottom; line-height:.5em; padding-bottom:20px}
.set .photo img { border-top:1px solid #424242; border-left:1px solid #424242; border-right:1px solid #6D6D6D; border-bottom:1px solid #6D6D6D;}
.set h5 { text-align:center; padding-bottom:11px}
.set .button { width:140px; float:left; font-size:12px; background:url(../images/bg_border.gif) repeat-x top; padding-top:10px}
.set .button a { width:107px; height:24px; float:left; background:url(../images/bg_button.gif) no-repeat; color:#FFFFFF; text-decoration:none; text-shadow:#193E61 0px 0px 2px; padding:9px 0 0 33px}
.set .button a:hover { background:url(../images/bg_button_hover.gif) no-repeat}

.aboutus { width:577px; float:left;}
.aboutus .heading { width:590px; background:url(../images/bg_border.gif) repeat-x 0 36px; margin-bottom:25px}
.heading h2 { height:48px; font-size:29px; float:left; background:#f8f8f8 url(../images/bg_heading.png) no-repeat; text-transform:uppercase; text-shadow:#ffffff 0px -1px 1px;  padding:20px 15px 0 15px; position:relative}
.heading h2 span { font-family:"PTSansRegular",Arial}
.aboutus .heading .button { margin:22px 0 0 0 }
.aboutus .photo { float:right; border:1px solid #858585; margin-left:18px}

.casestudies { width:317px; float:right}
.casestudies .heading { width:330px; background:url(../images/bg_border.gif) repeat-x 0 36px; margin-bottom:25px}
.heading h2 { height:48px; font-size:29px; float:left; background:#f8f8f8 url(../images/bg_heading.png) no-repeat; text-transform:uppercase; text-shadow:#ffffff 0px -1px 1px;  padding:20px 15px 0 15px; position:relative}
.casestudies .heading .button { margin:22px 0 0 0 }
.casestudies .bgbox { width:302px; float:left; background:url(../images/bg_casestudies.gif) no-repeat top left; margin:0 0 10px 0px; padding:19px 0 0 15px;}

.casestudies .photo { float:right; border:1px solid #858585; margin-left:13px}
.casestudies p { font-size:12px; color:#4F4F4F; line-height:1.5em; margin-bottom:0px;}
.casestudies .bgbox a.button { width:106px; height:20px; float:right; background:url(../images/button_more.gif) no-repeat; font-size:12px; color:#FFFFFF; text-decoration:none; text-align:center; text-shadow:#193E61 0px 0px 2px; margin-top:5px; padding-top:5px;}
.casestudies .bgbox a.button:hover { background:url(../images/button_more_hover.gif) no-repeat}
.bgbox p a {font-weight:bold; padding-bottom:7px; margin-bottom:0px; }
.bgbox p a:hover {color:#000; }

.img-right {float:right; margin:0 0 15px 15px;  border:1px solid #fff; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;}

/*NEWS STYLES*/
.headerdiv {padding:0 0 5px 0;}
.articleimg {float:right; width:200px; margin:0px 0px 15px 15px; border:none; display:inline-block;}
.articleimg2 {float:left; width:100px; margin:0px 30px 0 0; border:none; display:inline-block;border:1px solid #fff; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;}
.news-right {float:left; width:500px; border-bottom:1px solid #dadada; margin-bottom:25px;}
.date {background:#d1d1d1; float:left; width:40px; text-align:center; margin:5px 10px 10px 0px; display:block; padding:5px 10px;font-family:"PTSansRegular",Arial}
a.docdownload {background:url(../images/docicon.html) left no-repeat; float:left; display:inline-block; height:36px; padding:0 0 0 40px; margin:15px 15px 10px 0;}
a.pdfdownload {background:url(../images/pdficon.html) left no-repeat; float:left; display:inline-block; height:36px; padding:0 0 0 40px; margin:15px 15px 10px 0;}
.h2div {display:inline}
.h2div h2 {font-family:"PTSansRegular",Arial;display:inline}
/*END NEWS STYLES*/


/*
----------------------------------------
05. footer
----------------------------------------
*/

#bgfooter {width:100%; background:#0a457e url(../images/bg_footer.gif) repeat-x top left; border-top:1px solid #003365; border-bottom:1px solid #003365; padding:0px 0 60px 0}

#footer {width:980px; margin:0 auto}
#footer h3 {color:#c1dcf6; text-shadow:#000000 0 1px 1px}

#footer .articles { width:700px; float:left}
#footer .articles .set {float:left; padding-right:0px; background:none; width:190px; margin-right:0px;}
#footer .articles .set h3 {font-size:20px; padding-bottom:14px}
#footer .articles .set ul { float:left}
#footer .articles .set ul li { font-size:11px; color:#FFFFFF; line-height:1.9em}
#footer .articles .set ul li a { color:#FFFFFF; text-decoration:none}
#footer .articles .set ul li a:hover { text-decoration:underline}
#footer .articles .address {width:170px; float:left; padding:0}
#footer .articles .address p { font-size:11px; color:#FFFFFF; line-height:1.9em}

#footer .contactus { width:273px; float:right}
#footer .contactus h3 { width:273px; float:left; font-size:14px; text-align:center; background:url(../images/divider.gif) no-repeat bottom left; padding:11px 0 11px 0; margin-bottom:10px}
#footer .contactus p{font-size:10px; text-align:center; color:#c1dcf6; font-family:"PTSansRegular",Arial; line-height:1.8em}
#footer .contactus p a{color:#c1dcf6}

/*
----------------------------------------
06. agnew-eng-2-product
----------------------------------------
*/

#bgbannerinner {width:100%; height:173px; display:block; background:url(../images/bg_banner_inner.gif) repeat-x top left; border-bottom:1px solid #ffffff}
#bgbannerinner .photo { float:left; line-height:.5em; margin:0 0 0 -32px; position:relative}

.enquirebox { width:346px; height:114px; float:right; background:url(../images/bg_enquirebox.png) no-repeat; padding:21px 33px 0 24px; margin-top:25px; position:relative}
.enquirebox h2 { text-shadow:#FFFFFF 0 2px 2px; line-height:.8em; padding-bottom:17px}
.enquirebox p { line-height:1.5em; color:#333333; font-family:"Tahoma",Arial}
.enquirebox .photo { float:left; position:relative}
.enquirebox a.button { width:171px; height:31px; float:right; font-size:14px; font-family:"PTSansRegular",Arial; color:#FFFFFF; text-decoration:none; text-align:center; text-shadow:#333 0 2px 2px; background:url(../images/button_view.gif) repeat-x top left; border:1px solid #0a559e; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(PIE.html); position:relative; padding-top:12px; margin-top:18px}
.enquirebox a.button:hover { background:url(../images/button_view_hover.gif) repeat-x}

.subnav { width:965px; height:20px; display:block; padding:19px 0 0 15px; margin-bottom:40px;}
.subnav p { float:left; font-size:11px; color:#737373; margin-bottom:0px;}
.subnav p a {color:#004482; background:url(../images/arrowdouble.gif) no-repeat right; padding:0 21px 0 0}
.subnav p span { padding-left:14px}


.heading h1 { height:68px; float:left; font-size:38px; background:#f8f8f8 url(../images/bg_heading.png) no-repeat; text-transform:uppercase; text-shadow:#ffffff 0px -1px 1px; padding:13px 15px 0 15px}
.heading h1 span { font-family:"PTSansRegular",Arial}

#leftcolumn { width:650px; float:left; padding:0}

#rightcolumn { width:279px; float:right; padding-top:0}
#rightcolumn h2 { background:url(../images/bg_border.gif) repeat-x 0 13px; font-size:24px; padding:0; padding-bottom:25px} 
#rightcolumn h2 span { background:#F8F8F8; font-family:"PTSansRegular",Arial; padding-right:9px}
#rightcolumn .testimonials { width:266px; min-height:130px; float:left; background:url(../images/bg_testimonial.gif) no-repeat top left; margin-left:-6px; padding:20px 0 0 20px}
#rightcolumn .testimonials p { font-size:12px; color:#4F4F4F; line-height:1.75em}
#rightcolumn .testimonials p span { font-weight:bold}

/*
----------------------------------------
06. agnew-eng-2-product
----------------------------------------
*/


#leftcolumn2 {width:531px; float:left; padding:0 0 0 15px}
#leftcolumn2 .info {width:475px; float:left; background:#e7e7e7; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior: url(PIE.html); position:relative; padding:21px 28px 0 28px}
#leftcolumn2 .info p { font-size:16px; color:#6d6d6d; line-height:1.45em; padding-bottom:22px; margin-bottom:0px;}
#leftcolumn2 .content {width:506px; float:left; padding:28px 0 0 25px}
#leftcolumn2 .content p {font-size:12px; color:#6d6d6d; line-height:1.7em}
#leftcolumn2 .content ul { width:506px; float:left; font-size:12px; color:#6d6d6d; padding:24px 0 24px 0}
#leftcolumn2 .content ul li {line-height:1.7em; background:url(../images/bullet03.gif) no-repeat 0 6px; padding:0 0 0 17px}
#leftcolumn2 .content ul li a {color:#6d6d6d; text-decoration:none}
#leftcolumn2 .content ul li a:hover { text-decoration:underline}
#leftcolumn2 .bookmarks{ width:506px; float:left; padding:25px 0 0 25px}

#rightcolumn2 {width:415px; float:right; padding:0 0 0 0}
#bgslider { width:393px; float:left; background:#FFFFFF; border:1px solid #d7d7d7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(PIE.html); position:relative; padding:10px 10px 12px 10px}
#bgslider .sliderwrapper {position:relative; overflow:hidden; width:393px; height:294px;}
#bgslider .sliderwrapper .contentdiv {/*visibility:hidden;*/ position:absolute; left:0; top:0; width:391px; height:292px; border:1px solid #b2b2b2; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1; opacity: 1;}
#paginate-slider1 { width:399px; float:left; border-top:1px solid #b4b4b4; padding:14px 0 0 14px; margin:13px -10px 0 -10px; position:relative}
#paginate-slider1 a img {width:84px; height:64px; float:left; border:1px solid #b4b4b4; margin-left:14px; margin-bottom:14px}
#paginate-slider1 a.none img { margin-left:0}
#paginate-slider1 a:hover, a.selected {background-color:}
#paginate-slider1 a img:hover, #paginate-slider1 a.selected img {background-color:}
#rightcolumn2 .enquirebox { float:left; margin:32px 0 0 0}