body, html { margin:0; padding:0; background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; height: 100%; width:100% }
a {text-decoration:none; color:#0097bd; }
a:hover {text-decoration:underline;}
img { border:none; }
.clear { clear:both; }
.left { float:left }
.right { float:right }
#container {margin: 0 auto 0 auto; padding:0; width:990px; min-height:100%; display: block; background-image:url(../../../images/background-main.jpg); background-repeat:repeat-y; background-color:#FFFFFF }
#header { width:976px; padding:12px 0 0 24px; margin:0; }
h2#sfir1 { padding:0; margin:11px 0 0 0; float: left; display: inline; }
h3#sfir2 { padding:0; margin:30px 0 0 240px; float: left; display: inline; }
#fplogo span { visibility:hidden; text-decoration:none; }
#fplogo:hover { text-decoration:none; }
#fplogo { padding:0; margin:0 0 0 766px; height:47px; width:170px; background-image:url(../../../images/fplogo.gif); display:block; }
#youarehere { width:976px; padding:12px 0 0 24px; margin:0; font-size:0.875em; }
#youarehere .text a { color:#9AA197 }
#youarehere .text { float:left; }
#youarehere ul#listyouarehere { list-style-type:none; padding:0; margin:0 10px 0 0; }
#youarehere ul#listyouarehere li {float:left; list-style-type:none; margin:0; padding:0 4px 0 14px; font-size: 1em; background-image:url(../../../images/separator-youarehere.jpg); background-repeat:no-repeat; background-position:1px 2px; }
#youarehere ul#listyouarehere li a { color:#9AA197 }
#youarehere .separator { margin:0; padding:2px 2px 0 2px; display:inline; float:left }
.banner { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../../../images/banner.jpg); text-indent: -9999px; }
.banner3 { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../../../images/banner3.jpg); text-indent: -9999px; }
.banner2 { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../../../images/banner2.jpg); text-indent: -9999px; }
.banner4 { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../../../images/banner4.jpg); text-indent: -9999px; }
.banner5 { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../../../images/banner5.jpg); text-indent: -9999px; }
.banner6 { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../../../images/banner6.jpg); text-indent: -9999px; }
.bannerempty { height:256px; width:918px; padding:0; margin:0 0 0 2px; overflow:hidden; }
.bannerempty .fade { float:left }
.greyText { color:#999999; }
.green { color:#93DE1F; }
.carouselItem:hover .greyText, .carouselItemHome:hover .greyText { color:#FFFFFF; }
#carouselHome { width:638px; height:236px; background:url(../../images/background-scroller.jpg) no-repeat; float:left; padding:10px 0; margin:0 0 0 10px; }
#carouselInnerHome { width:586px; height:236px; float:left; overflow:hidden; margin-left:4px; }
.carouselItemHome { width:185px; height:236px; color:#FFFFFF; font-size:11px; padding:0 5px;}
.carouselItemHome:hover { background-color:#8da519; color:#FFFFFF; }
.carouselItemHome img { margin:5px 0; width:185px; height:170px; }
#carouselPrevHome {
width:22px;
height:40px;
margin-top:88px;
float:left;
}
#carouselNextHome {
width:22px;
height:40px;
margin-top:88px;
float:left;
}
#carouselPrevHome a, #carouselNextHome a {
display:block;
width:28px;
height:40px;
text-decoration:none;
}
/****************/
#carousel { width:918px; height:236px; background:url(../../images/portfolio-background.jpg) no-repeat; padding:10px 0; margin:0 0 0 2px; }
#carouselInner { width:858px; height:236px; float:left; overflow:hidden; }
.carouselItem { width:183px; height:236px; color:#FFFFFF; font-size:11px; padding:0 5px; }
.carouselItem:hover { background-color:#8da519; }
.carouselItem img { margin:5px 0; }
#carouselPrev {
width:30px;
height:40px;
margin-top:90px;
float:left;
}
#carouselNext {
width:30px;
height:40px;
margin-top:90px;
float:left;
}
#carouselPrev a, #carouselNext a {
display:block;
width:20px;
height:40px;
text-decoration:none;
}
.noMover {
list-style-type:none;
padding:0;
margin:0;
}
.noMover li {
float:left;
}
#boxcorner1Header { background:url(/images/borderHeader.gif) top no-repeat; height:8px; display:block; margin:-7px; margin-bottom:-3px; position:relative; }
#boxcorner1Footer { background:url(/images/borderFooter.gif) bottom no-repeat; height:6px; display:block; margin:-7px; margin-top:12px; position:relative; }
#boxcorner1 { margin:16px 0 0 24px; padding:6px; width: 922px; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
.bold { font-weight:bold; }
p { line-height:1.5em; }
p.grey { color:#000000; }
.blueandbold { color:#0097bd; font-weight:bold; }
.blue { color:#0097bd; }
#footer { width:976px; height:75px; padding:12px 0 20px 24px; margin:0; color:#9aa197; }
#footer #part1 { margin:0; padding:7px 0 0 0; }
#footer #part1 a { color:#9aa197; }
#footer #part2 { margin:0 0 0 0; padding:0 40px 0 0;height:75px; }
#footer #part2 img { display:inline }
#footer span.small { font-size:10px; margin-top:5px; display:block;}
/*-------------------------------------------------Menu-------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
#menu { width:918px; height:25px; margin:6px 0 0 2px; padding:0; }
ul#top_menu { list-style:none; width:918px; height:25px; margin:0; padding:0; }
ul#top_menu li {float:left; list-style-type:none; margin:0; padding:0; font-size: 1em;}
ul#top_menu li a { height:20px; display:block; top:0; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; }
ul#top_menu li a:hover {text-decoration:none;}
li#itemHomepage a, li#itemOurServices a, li#itemOurTeam a,li#itemPortfolio a, li#itemClients a, li#itemComment a, li#itemNews a, li#itemContact a { background:url(../../../images/menu.jpg); }
li#itemHomepage { width:108px;}
li#itemHomepage a { background-position:0 0; width:98px; left:0; padding:5px 0 0 10px; }
li#itemHomepage a:hover { background-position:0 -26px }
li#itemHomepage a.active { background-position:0 -26px }
li#itemOurServices { width:107px;}
li#itemOurServices a { background-position:-108px 0; width:97px; left:108px; padding:5px 0 0 10px; }
li#itemOurServices a:hover { background-position:-108px -52px }
li#itemOurServices a.active { background-position:-108px -52px }
li#itemOurTeam { width:106px; }
li#itemOurTeam a { background-position:-215px 0; width:96px; left:215px; padding:5px 0 0 10px; }
li#itemOurTeam a:hover { background-position:-215px -78px }
li#itemOurTeam a.active { background-position:-215px -78px }
li#itemPortfolio { width:103px;}
li#itemPortfolio a { background-position:-321px 0; width:93px; left:321px; padding:5px 0 0 10px; }
li#itemPortfolio a:hover { background-position:-321px -104px }
li#itemPortfolio a.active { background-position:-321px -104px }
li#itemClients { width:97px;}
li#itemClients a { background-position:-424px 0; width:87px; left:424px; padding:5px 0 0 10px; }
li#itemClients a:hover { background-position:-424px -130px }
li#itemClients a.active { background-position:-424px -130px }
li#itemComment { width:104px;}
li#itemComment a { background-position:-521px 0; width:94px; left:521px; padding:5px 0 0 10px; }
li#itemComment a:hover { background-position:-521px -156px }
li#itemComment a.active { background-position:-521px -156px }
li#itemNews { width:81px;}
li#itemNews a { background-position:-625px 0; width:71px; left:625px; padding:5px 0 0 10px; }
li#itemNews a:hover { background-position:-625px -182px }
li#itemNews a.active { background-position:-625px -182px }
li#itemContact { width:212px;}
li#itemContact a { background-position:-706px 0; width:202px; left:706px; padding:5px 0 0 10px; }
li#itemContact a:hover { background-position:-706px -208px }
li#itemContact a.active { background-position:-706px -208px }
/*-------------------------------------------------Scroll-------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
#scroll { width:605px; height:201px; margin:0 0 0 9px; padding:55px 0 0 34px; background-image:url(../../../images/background-scroll.jpg); background-repeat:no-repeat; float:left }
/* Portfolio scroller style */
div#portfolioscrollholder { height: 170px; width:575px; position: relative; overflow: hidden; margin: 0 0 4px 0; padding:0; }
/* Width for this should be set to about 200 x total num of images per row */
div#portfolioscroll { width: 1600px; position: absolute; height: 170px; margin:0; padding:0; }
div#portfolioscroll ol, div#portfolioscroll dt, div#portfolioscroll dl, div#portfolioscroll dd { padding:0; margin:0; }
div#portfolioscroll li { width:175px; height:154px; float:left; display: inline; margin:0 25px 0 0; padding:0; }
div#portfolioscroll img { width:175px; height:154px; margin: 0px; padding:0; display: block; padding: 0px; }
div#portfolioscroll dt { margin: 0 0 0 0; padding:0 0 0 0; font-size:1em; height:1.9em; color:#FFFFFF; }
div#portfolioscroll a { color:#FFFFFF }
/*-------------------------------------------------Scroll2-------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
#scroll2 { width:648px; height:241px; margin:0 0 0 0; padding:15px 0 0 0; background-image:url(../../../images/background-scroll2.jpg); background-repeat:no-repeat; float:left }
/* Portfolio scroller style */
div#portfolioscroll2holder { height: 224px; width:558px; position: relative; overflow: hidden; margin: 0 0 4px 40px; padding:0; }
/* Width for this should be set to about 200 x total num of images per row */
div#portfolioscroll2 { width: 2280px; position: absolute; height: 170px; margin:0; padding:0; }
div#portfolioscroll2 ol, div#portfolioscroll2 dt, div#portfolioscroll2 dl, div#portfolioscroll2 dd { padding:0; margin:0; }
div#portfolioscroll2 li { width:558px; height:224px; float:left; display: inline; margin:0 12px 0 0; padding:0; }
div#portfolioscroll2 img { width:558px; height:224px; margin: 0px; padding:0; display: block; padding: 0px; }
div#portfolioscroll2 dt { margin: 0 0 0 0; padding:0 0 0 0; font-size:1em; height:1.9em; color:#FFFFFF; }
div#portfolioscroll2 a { color:#FFFFFF }
/*-------------------------------------------------Portfolio-------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
.portfoliobannerimg1 { width:270px; height:256px; margin:0; padding:0; background-image:url(../../../images/portfolio-banner1.jpg); background-repeat:no-repeat; text-indent:-9999px; float:left }
.portfoliobannerimg2 { width:270px; height:256px; margin:0; padding:0; background-image:url(../../../images/portfolio-banner2.jpg); background-repeat:no-repeat; text-indent:-9999px; float:left }
.portfoliobannerimg3 { width:270px; height:256px; margin:0; padding:0; background-image:url(../../../images/portfolio-banner3.jpg); background-repeat:no-repeat; text-indent:-9999px; float:left }
.portfoliobannerimg4 { width:160px; height:196px; margin:0; padding:60px 70px 0 40px; background-image:url(../../../images/portfolio-banner4.jpg); background-repeat:no-repeat; float:left; color:#FFFFFF }
.portfoliobannerimg4 span { font-size:1.5em; }
.portfoliobannerimg5 { width:270px; height:256px; margin:0; padding:0; background-image:url(../../../images/portfolio-banner5.jpg); background-repeat:no-repeat; text-indent:-9999px; float:left }
#portfolio #box1 { width:230px; padding:0 7px 0 2px; margin:14px 0 0 0; float:left }
#portfolio ul { margin:0; padding:0; list-style:none; }
#portfolio #navigation { margin:0px; padding:0px; width:225px; }
#portfolio #navigation a.head { cursor:pointer; height:21px; width:225px; background-image:url(../../../images/background-grey-collapsed.jpg); color:#FFFFFF; display:block; font-weight:bold; margin:0 0 5px 0; padding:4px 0 0 0; text-indent:14px; text-decoration: none; }
#portfolio #navigation a.head:hover { color:#FFFFFF; }
#portfolio #navigation a.selected { background-image: url(../../../images/background-grey-expanded.jpg) }
#portfolio #navigation a.current { background-color:#FFFFFF; }
#portfolio #navigation ul { border-width:0px; margin:0 0 5px 0; padding:0px; text-indent:0px; }
#portfolio #navigation li { list-style:none outside none; display:inline; }
#portfolio #navigation li li a { width:225px; height:21px; color:#0097bd; margin:0 0 5px 0; padding:4px 0 0 0; display:block; text-indent:10px; text-decoration: none; background-image:url(../../../images/background-grey-light2.jpg); background-repeat:no-repeat }
#portfolio #navigation li li a:hover { width:225px; height:21px; color:#FFFFFF; background-image:url(../../../images/background-green3.jpg); }
#portfolio #navigation li li a.active { width:225px; height:21px; color:#FFFFFF; background-image:url(../../../images/background-green3.jpg); }
#portfolio #box2 { width:375px; min-height:340px; margin:14px 0 0 0; padding:0 6px 6px 8px; float:left; border-left:1px dashed #9aa197; }
#portfolio #box2 p.title { color:#9aa197; padding:10px 0 0 0; margin:0 0 -10px 0; }
#portfolio #box3 { width:280px; margin:14px 0 0 0; padding:6px 0 6px 0; float:left; }
#portfolio #box3 p { margin:0; padding:0; }
#portfolio h4#sfir3 { padding:10px 0 0 0; margin:0; }
#portfolio .text1 { font-size:1.5em; margin:0; padding:0; }
#portfolio #boxcorner2 { width:280px; height:auto; padding:0 0 0 0; margin:0 0 0 0; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#portfolio #boxcorner2 #boxcorner2img { height:auto; width:auto; margin:0; padding:0px 110px 5px 10px; background-image:url(../../../images/background-portfolio1.gif); background-repeat:no-repeat; background-position:150px 0; font-size:1em; color:#7faca5 }
#portfolio #boxcorner3 { width:280px; height:auto; padding:0 0 0 0; margin:20px 0 0 0; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#portfolio #boxcorner3 #boxcorner3img { height:auto; width:auto; margin:0; padding:0px 110px 5px 10px; background-image:url(../../../images/background-portfolio2.gif); background-repeat:no-repeat; background-position:150px 0; font-size:1em; color:#7faca5 }
#portfolio #box4 { width:132px; height:106px; padding:0px 140px 0 10px; margin:14px 0 0 0; float:left; color: #7faca5; background-image:url(../../../images/background-portfolio3.jpg); background-repeat:no-repeat }
#portfolio #boxpink { width:172px; height:79px; padding:27px 100px 0 10px; margin:20px 0 0 0; float:left; color: #7faca5; background-image:url(../../../images/background-awards-pink.jpg); background-repeat:no-repeat; color:#FFFFFF;font-size:1.15em; }
#portfolio #boxpink a { color:#CDD521 }