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 span { visibility:hidden; text-decoration:none; }
#fplogo span { visibility:hidden; text-decoration:none; }
#fplogo:hover { text-decoration:none; }
#fplogo:hover { text-decoration:none; }
#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; overflow:hidden; }
.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; }
.bannerComment { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../images/heading_fuelling_Passion.jpg); text-indent: -9999px; }
.bannerCommentNews { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../images/banner8.jpg); text-indent: -9999px; }
.bannerCommentJobs { height:256px; width:918px; padding:0; margin:0 0 0 2px; background-image:url(../images/banner7.jpg); text-indent: -9999px; }
heading_fuelling_Passion
.bannerempty { height:256px; width:918px; padding:0; margin:0 0 0 2px; }
.bannerempty .fade { 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 { font-size: 10px; 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 }
/*-------------------------------------------------Home Page-------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
#homepage #box1 { width:393px; padding:0 7px 0 13px; margin:6px 0 0 0; border-right:1px dashed #9aa197; float:left }
#homepage #box1 p { padding:7px 0 7px 0; margin:0; }
#homepage h4#sfir3 { padding:10px 0 0 0; margin:0; }
#homepage h5#sfir4 { padding:0; margin:7px 0 0 0; width:170px; float:left }
#homepage #imgpink { margin:16px 0 0 0; padding:20px 60px 0 15px; height:97px; width:115px; background-image:url(../images/background-homepage-pink.gif); float:left; color:#FFFFFF; }
#homepage #imggreen { margin:16px 0 0 0; padding:20px 60px 0 15px; height:97px; width:115px; background-image:url(../images/europension.gif); float:left; color:#FFFFFF; }
#homepage #imgpink a { color:#cdd521 }
#homepage #boxcorner3 { margin:22px 0 0 8px; padding:6px 6px 6px 6px; width:188px; height:auto; display:block; float:left; border:1px solid #9aa197; text-align: left; background-color: #FFFFFF; color:#000000 }
#homepage #boxcorner3 .title { height:26px; background-image:url(../images/background-green.jpg); background-repeat:no-repeat; color:#FFFFFF; margin:0; padding:5px 0 0 8px; font-size:1em; font-weight:normal; }
#homepage #boxcorner3 p { background-image:url(../images/background-feet.jpg); background-repeat:no-repeat; margin:0; padding:0 34px 0 6px; }
#homepage #boxcorner4 { width:239px; min-height:337px; padding:0 0 7px 7px; margin:20px 0 7px 12px; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#homepage #boxcorner4 .title { height:20px; background-image:url(../images/background-grey.jpg); background-repeat:no-repeat; color:#FFFFFF; margin:7px 0 0 0; padding:5px 0 0 8px; font-size:1em; font-weight:normal; }
#homepage #boxcorner4 ul { margin:0; padding:0; list-style:none; }
#homepage #boxcorner5 { width:239px; min-height:178px; height:auto; padding:0 0 0px 7px; margin:20px 0 0 12px; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#homepage #boxcorner5 span { line-height:1.5em; color:#9aa197 }
#homepage #boxcorner5 .title { margin:7px 0 5px 0; padding:5px 0 0 8px; font-size:1em; height:20px; color: #00a4c8; background-image: url(../images/background-grey-light.jpg); background-repeat:no-repeat; }
#homepage #boxcorner5 #content { float:left; width:88px; height:86px; padding:0 10px 0 0; margin:0; }
#homepage #boxcorner6 { width:239px; height:auto; padding:0 0 0px 7px; margin:20px 0 0 12px; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#homepage #boxcorner6 p { margin:0px 0 6px 0; padding:0; color:#9aa197 }
#homepage #boxcorner6 .separator { margin:0; padding:0; background-image:url(../images/separator2.jpg); background-repeat:no-repeat; }
#homepage #boxcorner6 #treeimagebg { height:96px; width:62px; padding:0; margin:0; float:right; background-image:url(../images/background-tree3.jpg); background-repeat:no-repeat; background-position:0 10px; text-indent: -9999px; }
#homepage .basic { width: 225px; }
#homepage .basic div { height:auto; margin:0; }
#homepage .basic div.top { background-image:url(../images/background-green2-top.jpg); background-repeat:no-repeat; margin:0; padding:0; height:15px; }
#homepage .basic div.middle { background-image:url(../images/background-green2-middle.jpg); background-repeat:repeat-y; margin:0; padding:0 0 0 0; vertical-align:top; height:auto }
#homepage .basic div.bottom { background-image:url(../images/background-green2-bottom.jpg); background-repeat:no-repeat; margin:0; padding:0; height:15px; }
#homepage .basic div a { margin:0; padding:0; height:20px; width:191px; background-image:url(../images/background-blue.gif); color:#FFFFFF; font-size:1em; padding:5px 0 0 8px; margin:0 0 0 10px; }
#homepage .basic p { color:#FFFFFF; margin-bottom : 10px; border: none; font-size: 1em; margin: 0px; padding: 0 10px 6px 10px; }
#homepage .basic a { margin:5px 0 0 0; padding:5px 0 0 8px; font-size:1em; height:20px; cursor:pointer; display:block; text-decoration: none; font-weight: none; color: #00a4c8; background-image: url(../images/background-grey-light.jpg); }
/*-------------------------------------------------Our Services-------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
#ourservices #box1 { width:230px; padding:0 7px 0 2px; margin:6px 0 0 0; float:left }
#ourservices ul#second_menu { list-style:none; margin:10px 0 0 0; padding:0; color:#FFFFFF; }
#ourservices ul#second_menu li { background-image:url(../images/background-grey.jpg); background-repeat:no-repeat; margin:0; padding:0; height:25px; margin:0 0 5px 0; }
#ourservices ul#second_menu li a { background-image:url(../images/background-grey-light2.jpg); background-repeat:no-repeat; margin:0; padding:0; height:20px; padding:5px 0 0 8px; display:block; }
#ourservices ul#second_menu li a:hover { background-image:url(../images/background-red.jpg); background-repeat:no-repeat; text-decoration:none; color:#FFFFFF;}
#ourservices ul#second_menu li a.active { background-image:url(../images/background-red.jpg); background-repeat:no-repeat; text-decoration:none; color:#FFFFFF;}
#ourservices ul#second_menu li#nonlink { background-image:url(../images/background-grey.jpg); background-repeat:no-repeat; margin:0; padding:0; height:20px; padding:5px 0 0 8px; margin:0 0 5px 0; }
#ourservices #box2 { width:393px; min-height:320px; height:auto; padding:0 7px 10px 13px; margin:10px 0 10px 0; float:left; border-left:1px dashed #9aa197; display:block }
#ourservices #box2 p { padding:7px 0 7px 0; margin:0; }
#ourservices #box2 ul { margin:0 0 0 10px; padding:0; list-style:none }
#ourservices #box2 ul li { margin:4px 0 4px 0; padding:0 0 0 8px; background-image:url(../images/puce.jpg); background-repeat:no-repeat; background-position:0 5px; }
#ourservices h4#sfir3 { padding:10px 0 0 0; margin:0; }
#ourservices #boxcorner2 { width:252px; height:auto; padding:0 0 0px 7px; margin:20px 0 0 12px; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#ourservices #boxcorner2 p { margin:0; padding:25px 10px 30px 90px; height:auto; background-image:url(../images/bag.jpg); background-repeat:no-repeat; background-position:-10px 5px; font-size:1.25em; }
#ourservices #boxcorner3 { width:252px; height:auto; padding:0 0 0px 7px; margin:20px 0 0 12px; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#ourservices #boxcorner3 p { margin:0; padding:20px 10px 90px 130px; height:auto; background-image:url(../images/background-how-we-work.gif); background-repeat:no-repeat; background-position:-10px 0; }
#ourservices h5#sfir4 { margin:0; padding:0; }
#ourservices h6#sfir5 { margin:10px 0 10px 0; padding:0; }
#ourservices #howweworkbox1 { width:254px; height:96px; padding:0; margin:14px 0 0 12px; float:left; color: #000000; text-align: left; background-image:url(../images/bg-how-we-work-box-1.jpg); background-repeat:no-repeat }
#ourservices #howweworkbox2 { width:254px; height:191px; padding:0; margin:7px 0 0 12px; float:left; color: #000000; text-align: left; background-image:url(../images/bg-how-we-work-box-2.jpg); background-repeat:no-repeat }
#ourservices #box2 .commentbox { display:none; margin:0; padding:5px 0 5px 0; }
/*-------------------------------------------------Our Team-------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
.bannerempty .ourteambannerimg1 { width:270px; height:256px; margin:0; padding:0; background-image:url(../images/ourteam-banner1.jpg); background-repeat:no-repeat; text-indent:-9999px; float:left }
.bannerempty .ourteambannerimg2 { width:270px; height:256px; margin:0; padding:0; background-image:url(../images/ourteam-banner2.jpg); background-repeat:no-repeat; text-indent:-9999px; float:left }
#ourteamimg1 { float:left; margin:0 9px 0 9px; padding:0; height:125px; }
#ourteamimg2 { float:left; margin:0 9px 0 0; padding:0; height:125px; }
#ourteamimg3 { float:left; padding:0; margin:0; height:125px; }
#ourteamimg4 { float:left; margin:6px 9px 0 9px !important; margin:3px 9px 0 9px; padding:0; height:125px; }
#ourteamimg5 { float:left; margin:6px 9px 0 0 !important; margin:3px 9px 0 0; padding:0; height:125px; }
#ourteamimg6 { float:left; margin:6px 0 0 0 !important; margin:3px 0 0 0; padding:0; height:125px; }
#ourteam #box1 { width:620px; padding:0 7px 0 2px; margin:6px 0 0 0; float:left }
#ourteam h4#sfir3 { padding:10px 0 0 0; margin:0; }
#ourteam #boxcorner2 { width:135px; height:56px; padding:0 0 0 0; margin:10px 0 0 0; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#ourteam #boxcorner2 #boxcorner2img { width:108px; height:36px; padding:0; margin:14px 0 0 14px; background-image:url(../images/logo6.jpg); background-repeat:no-repeat; text-indent:-9999px; }
#ourteam #boxcorner3 { width:135px; height:56px; padding:0 0 0 0; margin:10px 0 0 7px; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; }
#ourteam #boxcorner3 #boxcorner3img { width:82px; height:47px; padding:0; margin:10px 0 0 26px; background-image:url(../images/logo7.jpg); background-repeat:no-repeat; text-indent:-9999px; }
#ourteam #boxcorner4 { width:135px; height:56px; padding:24px 0 0 0; margin:10px 0 0 7px; float:left; color: #000000; text-align: left; background-color: #FFFFFF; border: 1px solid #9aa197; text-align:center }
#ourteam #box2 { width:280px; margin:14px 0 0 0; padding:6px 0 6px 8px; float:left; border-left:1px dashed #9aa197; }
#ourteam #boxcorner5 { 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; }
#ourteam #boxcorner5 #boxcorner5img { height:auto; width:auto; margin:0; padding:32px 30px 33px 140px; background-image:url(../images/background-ourteam1.jpg); background-repeat:no-repeat; background-position:30px 5px; font-size:1.25em; }
#ourteam #boxcorner6 { 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; }
#ourteam #boxcorner6 #boxcorner6img { height:auto; width:auto; margin:0; padding:10px 30px 77px 160px; background-image:url(../images/background-ourteam2.gif); background-repeat:no-repeat; background-position:10px 0; }
#ourteam #boxcorner7 { 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; }
#ourteam #boxcorner7 #boxcorner7img { height:auto; width:auto; margin:0; padding:35px 30px 13px 20px; background-image:url(../images/background-ourteam3.gif); background-repeat:no-repeat; background-position:0 0; }
#ourteam #boxcorner7 #boxcorner7img .link1 { font-size:1.5em; letter-spacing:6px; }
#ourteam #boxcorner7 #boxcorner7img .link2 { font-size:1.25em }
#ourteam #level2 #box1 { width:230px; padding:0 7px 0 2px; margin:10px 0 0 0; float:left }
#ourteam #level2 ul { margin:0; padding:0; list-style:none; }
#ourteam #level2 .basic { width: 225px; }
#ourteam #level2 .basic div { height:auto; margin:0; }
#ourteam #level2 .basic div.top { background-image:url(../images/background-orange-top.jpg); background-repeat:no-repeat; margin:0; padding:0; height:15px; }
#ourteam #level2 .basic div.middle { background-image:url(../images/background-orange-middle.jpg); background-repeat:repeat-y; margin:0; padding:0 0 0 0; vertical-align:top; height:auto }
#ourteam #level2 .basic div.bottom { background-image:url(../images/background-orange-bottom.jpg); background-repeat:no-repeat; margin:0; padding:0; height:15px; }
#ourteam #level2 .basic div a { margin:0; padding:0; height:20px; width:191px; background-image:url(../images/background-blue.gif); color:#FFFFFF; font-size:1em; padding:5px 0 0 8px; margin:0 0 0 10px; }
#ourteam #level2 .basic p { color:#FFFFFF; margin-bottom : 10px; border: none; font-size: 1em; margin: 0px; padding: 0 10px 6px 10px; }
#ourteam #level2 .basic a { margin:5px 0 0 0; padding:5px 0 0 8px; font-size:1em; height:20px; cursor:pointer; display:block; text-decoration: none; font-weight: none; color: #00a4c8; background-image: url(../images/background-grey-light.jpg); }
#ourteam #level2 #box2 { width:375px; min-height:320px; height:auto; margin:14px 0 0 0; padding:0 6px 6px 8px; float:left; border-left:1px dashed #9aa197; }
#ourteam #level2 #box3 { width:280px; margin:14px 0 0 0; padding:6px 0 6px 8px; float:left; border-left:1px dashed #9aa197; }
#ourteam #level2 #box4 { width:280px; margin:14px 0 0 0; padding:6px 0 6px 8px; float:left; }
#ourteam h6#sfir5 { padding:10px 0 0 30px; margin:0; width:140px }
#ourteam #level2 #box4img8 { height:182px; width:auto; margin:20px 0 0 0; padding:0; background-image:url(../images/linda.jpg); background-repeat:no-repeat; background-position:-20px 0; display:block }
/*-------------------------------------------------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 8px; 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 }
/*-------------------------------------------------Clients-------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
#clients #box1 { width:230px; padding:0 7px 0 2px; margin:14px 0 0 0; float:left }
#clients ul { margin:0; padding:0; list-style:none; }
#clients #navigation { margin:0px; padding:0px; width:225px; }
#clients #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; }
#clients #navigation a.head:hover { color:#FFFFFF; }
#clients #navigation a.selected { background-image: url(../images/background-grey-expanded.jpg) }
#clients #navigation a.current { background-color:#FFFFFF; }
#clients #navigation ul { border-width:0px; margin:0 0 5px 0; padding:0px; text-indent:0px; }
#clients #navigation li { list-style:none outside none; display:inline; }
#clients #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 }
#clients #navigation li li a:hover { width:225px; height:21px; color:#FFFFFF; background-image:url(../images/background-green3.jpg); }
#clients #navigation li li a.active { width:225px; height:21px; color:#FFFFFF; background-image:url(../images/background-green3.jpg); }
#clients #box2 { width:600px; min-height:340px; margin:14px 0 0 0; padding:6px 0 6px 44px; float:left; border-left:1px dashed #9aa197; }
#clients #box2 img { float:left; margin:0 0 10px 10px; padding:0; height:89px; width:89px; }
#clients h4#sfir3 { padding:10px 0 0 0; margin:0; }
/*-------------------------------------------------Comment-------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
#comment #box1 { width:607px; padding:0 7px 0 2px; margin:6px 0 0 0; float:left }
#comment h4#sfir3 { padding:10px 0 0 0; margin:0 0 10px 0; }
#comment h5.sfir4 { padding:0 0 0 0; margin:0 0 0 0; font-size:1.5em; }
#comment #box2 { width:280px; margin:14px 0 0 0; padding:6px 0 6px 8px; float:left; border-left:1px dashed #9aa197; }
#comment #box2 p { margin:0; padding:0; }
#comment #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; }
#comment #boxcorner2 #boxcorner2img { height:auto; width:auto; margin:0; padding:3px 100px 3px 10px; background-image:url(../images/background-comment1.jpg); background-repeat:no-repeat; background-position:160px 0; font-size:1em; color:#7faca5 }
#comment #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; }
#comment #boxcorner3 #boxcorner3img { height:auto; width:auto; margin:0; padding:35px 0 30px 10px; background-image:url(../images/background-comment2.gif); background-repeat:no-repeat; background-position:6px 0; font-size:1em; color:#7faca5 }
#comment #box4 { width:132px; height:102px; padding:4px 140px 0 10px; margin:14px 0 0 0; float:left; color: #7faca5; background-image:url(../images/background-portfolio3.jpg); background-repeat:no-repeat }
#comment .text1 { font-size:1.5em; margin:0; padding:0; line-height:1.15em; }
#comment span { padding:0; margin:0; font-size:1.15em; color:#0097bd }
#comment p { margin:0; padding:0 0 10px 0 }
#comment #level2 #box1 h4#sfir3 { padding:10px 0 0 0; margin:0 0 0 0; }
#comment #level2 #box1 img { margin:10px 0 0 0; padding:0 30px 0 20px; float:left }
#comment #level2 #box1 p { margin:10px 0 0 0; padding:0; }
/*-------------------------------------------------News-------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
#news #box1 { width:620px; padding:0 7px 0 2px; margin:6px 0 0 0; float:left }
#news h4#sfir3 { padding:10px 0 0 0; margin:0 0 10px 0; }
#news #box2 { width:280px; margin:14px 0 0 0; padding:6px 0 6px 8px; float:left; border-left:1px dashed #9aa197; }
#news #box2 p { margin:0; padding:0; }
#news #boxcorner2 { 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; }
#news #boxcorner2 #boxcorner2img { height:auto; width:auto; margin:0; padding:3px 100px 3px 10px; background-image:url(../images/background-comment1.jpg); background-repeat:no-repeat; background-position:160px 0; font-size:1em; color:#7faca5 }
#news #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; }
#news #boxcorner3 #boxcorner3img { height:auto; width:auto; margin:0; padding:41px 30px 41px 140px; background-image:url(../images/background-news1.jpg); background-repeat:no-repeat; background-position:4px 0; font-size:1.5em;}
#news #boxcorner4 { 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; }
#news #boxcorner4 #boxcorner4img { height:auto; width:auto; margin:0; padding:35px 30px 21px 10px; background-image:url(../images/background-ourteam3.gif); background-repeat:no-repeat; background-position:0 0; }
#news #boxcorner4 #boxcorner4img .link1 a { font-size:1.5em; letter-spacing:6px; color:#0097BD }
#news #boxcorner4 #boxcorner4img a { color:#7FACA5; }
#news #boxcorner4 #boxcorner4img p { line-height:2em; }
#news .text1 { font-size:1.5em; margin:0; padding:0; line-height:1.15em; }
#news span { padding:0; margin:0; font-size:1.15em; color:#0097bd }
#news p { margin:0; padding:0 0 10px 0 }
#news h5.sfir4 { padding:0 0 0 0; margin:0 0 0 0; font-size:1.5em; }
#sidebar {display: none;}
/*-------------------------------------------------Contact-------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
#contact #box1 { width:620px; padding:0 7px 0 2px; margin:6px 0 0 0; float:left }
#contact h4#sfir3 { padding:10px 0 0 0; margin:0 0 10px 0; }
#contact #box2 { width:280px; min-height:330px; margin:14px 0 0 0; padding:6px 0 6px 8px; float:left; border-left:1px dashed #9aa197; }
#contact #box2 p { margin:0; padding:0; }
#contact #boxcorner5 { 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; }
#contact #boxcorner5 #boxcorner5img { height:auto; width:auto; margin:0; padding:34px 30px 33px 140px; background-image:url(../images/background-ourteam1.jpg); background-repeat:no-repeat; background-position:30px 5px; font-size:1.25em; }
#contact #box3 { height:207px; width:167px; margin:14px 0 0 0; padding:5px 100px 0 15px; background-image:url(../images/background-contact1.jpg); background-repeat:no-repeat; float:left }
#contact #box3 p { color:#FFFFFF; font-size:1.5em; line-height:1.15em; }
#contact #box3 a { color:#FFFFFF }
#contact .littlebox1 { width:206px; min-height:200px; height:auto; float:left; margin:0; padding:0; }
#contact .littlebox2 { width:196px; min-height:200px; height:auto; float:left; border-left:1px dashed #9aa197; padding:0 0 0 10px; margin:0 }
#contact h5.sfir4 { padding:0 0 0 0; margin:0 0 0 0; font-size:1.5em; }