*{ margin:0; padding:0; } @charset "UTF-8"; /* Reset */ * {margin: 0 auto 0 auto; padding: 0; } div, p, ul, img{padding:0px; margin:0px; border:none;} ul{list-style-type:none;} a { outline:none; text-decoration:none; padding:0; margin:0;} a img { border:none;} /* End */ body{ background-image: url(../Images/backgroundtop.jpg); background-repeat: repeat-x; background-position: top; font-size:12px; line-height:1.5em; font-family: Arial, Helvetica, sans-serif; background-color:#d4d4d4; color:#646464;} #container {width:980px; margin: 0 auto 0 auto; overflow:hidden;} /* Type */ @font-face { font-family: 'AvenirLTStd65Medium'; src: url('font/avenirltstd-medium-webfont.eot'); src: url('font/avenirltstd-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/avenirltstd-medium-webfont.woff') format('woff'), url('font/avenirltstd-medium-webfont.ttf') format('truetype'), url('font/avenirltstd-medium-webfont.svg#AvenirLTStd65Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTStd85Heavy'; src: url('font/avenirltstd-heavy-webfont.eot'); src: url('font/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('font/avenirltstd-heavy-webfont.woff') format('woff'), url('font/avenirltstd-heavy-webfont.ttf') format('truetype'), url('font/avenirltstd-heavy-webfont.svg#AvenirLTStd85Heavy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTStd35Light'; src: url('font/avenirltstd-light-webfont.eot'); src: url('font/avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/avenirltstd-light-webfont.woff') format('woff'), url('font/avenirltstd-light-webfont.ttf') format('truetype'), url('font/avenirltstd-light-webfont.svg#AvenirLTStd35Light') format('svg'); font-weight: normal; font-style: normal; } h1 {} h2 {font-family:AvenirLTStd35Light, sans-serif; letter-spacing:-0.03em;} h3 {font-size:26px; color:#F89A20; font-family:AvenirLTStd65Medium, sans-serif;} h4 {font-size:20px; color:#F89A20; margin:10px 0 10px 0; } h5 {font-size:14px; color:#00000;} p {color:#646464;} /* Nav */ #header {width:100%; height:143px; overflow:hidden; background-image: url(../Images/backgroundtop.jpg); background-repeat: repeat-x; background-position: top; } #header ul {margin-top:94px; } #header ul li {list-style-type: none; text-indent:-99999px; } #header ul li a.home {width:128px; display:block; float:left;text-decoration:none; height:43px; background-image: url(../Images/nav.jpg); background-position:0px bottom; background-repeat: no-repeat; } #header ul li a.who {width:128px; display:block; float:left;text-decoration:none; height:43px; background-image: url(../Images/nav.jpg); background-position:-128px bottom; background-repeat: no-repeat;} #header ul li a.what {width:128px; display:block; float:left;text-decoration:none; height:43px; background-image: url(../Images/nav.jpg); background-position:-256px bottom; background-repeat: no-repeat; } #header ul li a.why {width:128px; display:block; float:left;text-decoration:none; height:43px; background-image: url(../Images/nav.jpg); background-position:-584px bottom; background-repeat: no-repeat;} #header ul li a.portfolio {width:128px; display:block; float:left;text-decoration:none; height:43px; background-image: url(../Images/nav.jpg); background-position:-712px bottom; background-repeat: no-repeat;} #header ul li a.contact {width:128px; display:block; float:left;text-decoration:none; height:43px; background-image: url(../Images/nav.jpg); background-position:-840px bottom; background-repeat: no-repeat;} #header ul li a.logo {width:200px; height:200px; display:block; float:left; background-image: url(../Images/logo.png); background-repeat: no-repeat; background-position:center top;margin-top:-120px; } #header ul li a.home:hover {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:0px center; background-repeat: no-repeat;} #header ul li a.who:hover {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-128px center; background-repeat: no-repeat;} #header ul li a.what:hover {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-256px center; background-repeat: no-repeat; } #header ul li a.why:hover {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-584px center; background-repeat: no-repeat;} #header ul li a.portfolio:hover {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-712px center; background-repeat: no-repeat;} #header ul li a.contact:hover {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-840px center; background-repeat: no-repeat;} body#who #header ul li a.who {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-128px top; background-repeat: no-repeat;} body#what #header ul li a.what {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-256px top; background-repeat: no-repeat;} body#why #header ul li a.why {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-584px top; background-repeat: no-repeat;} body#port #header ul li a.portfolio {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-712px top; background-repeat: no-repeat;} body#contact #header ul li a.contact {width:128px; display:block; float:left;text-decoration:none; background-image: url(../Images/nav.jpg); background-position:-840px top; background-repeat: no-repeat;} /* Index page*/ body#index #maincontent {width:940px; padding:0 19px 0 19px; margin: 0 auto 0 auto; overflow:hidden; } #maincontent {width:980px; background-color:#FFFFFF; margin: 0 auto 0 auto;} body#index #topwrapper {background-color:#282828; background-image:url(../Images/bottombar.jpg); background-repeat:repeat-x; background-position:left bottom; width:100%;} body#index #topholder {width:980px; margin: 0 auto 0 auto; overflow:hidden; background-image:url(../Images/mainbkgd.jpg); background-repeat:no-repeat; background-position:-65px top; height:350px; position:relative; } #intro { height:206px; background-repeat:no-repeat; background-position:left top; padding:0px 0 0 40px; font-size:12px; margin-top:108px; position:relative;} #intro h4 {font-size:30px; color:#FFFFFF; border:none;} #intro p {color:#FFFFFF; font-size:16px; margin-bottom:10px;} #intro .panelfade { margin:0 0 0 60px; padding-top:22px;} #intro .panelfade2 { display:none; margin:0 0 0 145px; padding-top:22px;} #intro .panelfade3 { height:296px; display:none;} #intro .panelfade3 p {position:absolute; text-align:center; top:30px; left:140px; font-size:30px; line-height:1.1em; font-family:AvenirLTStd35Light, sans-serif;} #intro .panelfade3 img {position:absolute; right:10px; top:-57px;} #bottomcontent {width:100%; overflow:hidden; position:relative; } #bottomcontent p { width:100%; margin-top:15px; font-size:19px; letter-spacing:-.01em; background-color:#003E66; color:#ffffff; padding:6px 5px 6px 5px; } #bottomcontent p.secondline {font-size:19px; width:100%; margin-top:5px; letter-spacing:-.01em; background-color:#003E66; color:#ffffff; padding:6px 5px 6px 5px; } #bottomcontent p.thirdline {font-size:19px; width:86%; margin-top:5px; letter-spacing:-.01em; background-color:#003E66; color:#ffffff; padding:6px 5px 6px 5px; } #bottomcontent p.fourthline {font-size:19px; width:72%; margin-top:5px; letter-spacing:-.01em; background-color:#003E66; color:#ffffff; padding:6px 5px 6px 5px; } #bottomcontent a { font-size:18px; float:right; padding:25px 0 0 26px; margin:0px -32px 20px -10px; display:block; background-image:url(../Images/learnmorebtn.jpg); background-repeat:no-repeat; background-position:left center; width:146px; height:45px; color:#FFFFFF;} #bottomcontent a:hover { color:#FFFFFF; text-indent:0px; background-repeat:no-repeat; background-position:left center; } .homecol_lft {width:460px; float:left; position:relative; overflow:hidden; margin:0 20px 20px 0; background-image:url(../Images/cc-divide.jpg); background-repeat:no-repeat; background-position:left 178px;} .homecol_rght {width:460px; float:left; position:relative; overflow:hidden; margin:0 0px 20px 0;} .ContentFlow {width:760px !important; margin-left:-140px;} .news_item {margin:10px 0 10px 0; border-bottom:1px solid #ccc; padding-bottom:10px;} .last {border-bottom:none;} /* accordian */ #rightcol {width:520px; float:right; margin:0 10px 10px 10px;} /* Slider */ .accord{width:905px; height:325px; margin-left:16px; background-image:url(../Images/accordbkgd.jpg); background-position:center top; background-repeat:no-repeat; margin-bottom:20px; overflow:hidden; padding:16px 0 0 0; } .accord h3 {font-size:38px; color:#4288c9; text-transform:capitalize; background-image:url(images/mark.jpg); background-position:-21px 50%; background-repeat:no-repeat; padding-bottom:60px; margin-top:30px; } .accord p {margin-right:240px; position:relative; z-index:2; text-align:left;} .readmore {width:81px; height:29px; display:block;} .acc-slider { display:none; } .acc-slider ul li { display:inline; } /*Main Container*/ .container { width:100%; margin-left:14px; } .container ul{ list-style-type: none; margin: 0; padding:0; } .container li{ display: inline; margin: 0px; padding:0px; } /*Content Container*/ .contentContainer { padding:20px 0 0px 0px; float: left; width:0px; height: 290px; overflow:hidden; position:relative; } .contentWrapper{ } .contentInnerWrapper{ height: 252px; margin-top: -16px; background-color:#f1f1f1; overflow:hidden; padding:20px; } /* Handle*/ .handle{ float: left; width: 43px; height: 296px; margin: 1px 2px 1px 2px; background-image:url(../Images/blue-handle.png); background-position:center top; background-repeat:no-repeat; position:relative; } .handleOver{ background-image:url(../Images/orange-handle.png); background-position:center top; background-repeat:no-repeat; } .handleSelected{ background-image:url(../Images/orange-handle.png); background-position:center top; background-repeat:no-repeat; } ul.acc-col {float:left; margin:10px 15px 0 0;} ul.acc-col li {display:block; } .contentInnerWrapper #printmag {margin:-70px -19px 0 0;} /* Footer */ #footer { height:320px; background-image:url(../Images/footer.jpg); background-repeat:repeat-x; background-position: center top; clear:both; margin:0px; padding:0px; min-width:980px; width:auto;} .foot {text-align:center; margin-top:20px; color:#FFFFFF; font-size:10px;} .footcol{width:220px; height:228px; float:right; margin-top:35px; color:#FFFFFF; border-left:1px; border-left-color:#0b5184; border-left-style:solid; padding-left:30px;} #twitter_div{width:430px; padding:30px 0 0 15px; color:white;} #twitter_div span{display:block; } #twitter_div li{border-bottom-width:thin; border-bottom-color:#004879; border-bottom-style:solid; margin-bottom:3px;} #followcol{width:400px; padding:30px 0 0 15px; color:white; background-image:url(../Images/man.png); background-position:right 9px; background-repeat:no-repeat; height:290px;} .footwrapper{width:970px; margin:0 auto 0 auto;} #footer a {color:#F8981d;} #footer a:hover {color:#FFFFFF;} #footer h2 {margin-bottom:5px;} a#twitter-link {background-image:url(../Images/twitterman.png); background-repeat:no-repeat; float:right; background-position:7px top; width:125px; height:75px; display:block;text-align:right; padding:10px 6px 0 0; margin-top:-24px;} .socialfoot {float:left; margin:10px 5px 0 40px; opacity:0.65; } .socialfoot:hover {opacity:1; } /* End */ /* Portfolio Page*/ body#port #maincontent { width:980px; overflow:hidden; background-repeat:no-repeat; padding:7px 0 7px 0; position:relative; height:760px; background-image:url(../Images/port-divide.jpg); background-position:17px 412px; background-repeat:no-repeat; } body#port #topwrapper {background-color:#005799; background-image:url(../Images/bottombar.jpg); background-repeat:repeat-x; background-position:left bottom; } body#port #topholder {width:980px; margin: 0 auto 0 auto; overflow:hidden; background-image:url(../Images/portbkgd.jpg); background-repeat:no-repeat; background-position:-65px -40px; height:320px; position:relative;} body#port #topholder h2 {font-size:54px; margin:80px 0 40px 0; color:#FFFFFF; padding:0 10px 0 10px; } body#port #topholder p {font-size:20px; color:#777; line-height:1.5em; background-position:left top; background-repeat:no-repeat; color:#FFFFFF; padding:0 10px 0 10px; } body#port .firstline {background-color:#F89A20; padding:3px 0 3px 0; width:39%; margin-bottom:5px;} body#port .secondline {background-color:#F89A20; padding:3px 0 3px 0; width:63%; margin-bottom:5px;} body#port .thirdline {background-color:#F89A20; padding:3px 0 3px 0; width:40%; margin-bottom:5px;} #portleftcol{width:402px; float:left;} #portrightcol{width:568px; float:left;} /* End */ /* Contact Page */ body#contact #maincontent { width:980px; overflow:hidden; padding:20px 0 20px 0; } body#contact #topwrapper {background-color:#005799; background-image:url(../Images/bottombar.jpg); background-repeat:repeat-x; background-position:left bottom; } body#contact #topholder {width:980px; margin: 0 auto 0 auto; overflow:hidden; background-image:url(../Images/contactbkgd1.jpg); background-repeat:no-repeat; background-position:-65px -40px; height:320px; position:relative; } body#contact #maincontent { width:980px; overflow:hidden; } body#contact #topholder h2 {font-size:54px; margin:83px 0 40px 0; color:#FFFFFF; padding:0 10px 0 10px; } body#contact h5.subhead {background-image:none; width:100%; background-color:#F89A20; padding:8px 0 8px 15px; font-size:18px; color:#FFFFFF; margin-top:0px; } body#contact #topholder p {font-size:20px; color:#777; line-height:1.5em; background-position:left top; background-repeat:no-repeat; color:#FFFFFF; padding:0 10px 0 10px; } body#contact .firstline {background-color:#F89A20; padding:3px 0 3px 0; width:67%; margin-bottom:5px;} body#contact .secondline {background-color:#F89A20; padding:3px 0 3px 0; width:78%; margin-bottom:5px;} body#contact .thirdline {background-color:#F89A20; padding:3px 0 3px 0; width:70%; margin-bottom:5px;} #contactleftcol{width:624px; float:left; padding:10px 0 0 40px; border:solid 1px #cccccc; margin:0 20px 20px 20px; background-color:#e0e0e0; background-image:url(../Images/contactbkgd.jpg); background-position:center -300px; background-repeat:no-repeat; position:relative;} #contactrightcol{width:205px; float:left; margin-left:10px; border-left:25px solid #aaaaaa; border-top:25px solid #aaaaaa; background-color:#eeeeee; padding-bottom:20px;} .whocolhead {color:#005ba8; font-size:14px; margin:2px 0 2px 18px; } .contactsubhead { padding:30px 0 0 25px; color:#FFFFFF; font-size:18px; margin:0 0 0 -38px; height:58px; } body#contact h3 {height:35px; width:291px; background-image:url(../Images/subhead.png); background-repeat:no-repeat; background-position:left center; padding:8px 0 0 25px; color:#FFFFFF; font-size:18px;} .contactnow {padding-left:25px; } .contactglobe {padding-left:55px;} .contactnow img {margin:2px 10px 0 0;} #contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -moz-border-radius:5px; -webkit-border-radius:5px; } #contact input, textarea, select { width: 383px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em; } #contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; } #contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; } #contact input.submit:hover { background:#444; } #contact input[type="submit"][disabled] { background:#888; cursor: default; } #contact fieldset { padding:20px; border:none;} legend { padding:10px 10px; font-weight:bold; border:1px solid #eee; margin-bottom:20px; background-color:#9F0101; color:#FFFFFF; display:block; width:560px; font-size:18px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #c3c3c3;} #contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */ #contactform #submit{ font-size:18px; float:right; margin:0px 0 20px 0; display:block; background-image:url(../Images/buttons.png); background-repeat:no-repeat; background-position:left center; width:146px; height:45px; color:#FFFFFF; background-color:transparent; border:none;} #contactform #submit:hover{ } #message { margin: 10px 0; padding: 0; } .error_message { display: block; line-height: 22px; background-image:url(images/contacterror.png); background-color: #FBE3E4; background-repeat:no-repeat; background-position:10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; } ul.error_messages { margin: 0 0 0 15px; padding: 0; } ul.error_messages li { height: 22px; line-height: 22px; color:#333; } .loader { padding: 0 10px; } #contact #success_page h1 {background-image:url(images/success.png); background-position:left; background-repeat:no-repeat; padding-left:22px; } /* End */ /* WHo */ body#who #maincontent { width:980px; overflow:hidden; background-repeat:no-repeat; padding-bottom:20px; } body#who #topwrapper {background-color:#005799; background-image:url(../Images/bottombar.jpg); background-repeat:repeat-x; background-position:left bottom; } body#who #topholder {width:980px; margin: 0 auto 0 auto; overflow:hidden; background-image:url(../Images/whobkgd.jpg); background-repeat:no-repeat; background-position:-65px -10px; height:350px; position:relative;} body#who #topholder h2 {font-size:54px; margin:80px 0 40px 0; color:#FFFFFF; padding:0 10px 0 10px; } body#who h3 {height:35px; width:291px; background-image:url(../Images/subhead.png); background-repeat:no-repeat; background-position:left center; padding:8px 0 0 25px; color:#FFFFFF; font-size:18px;} body#who #topholder p {font-size:20px; color:#777; line-height:1.5em; background-position:left top; background-repeat:no-repeat; color:#FFFFFF; padding:0 10px 0 10px; } #logobottom {position:absolute; top:0px; left:395px; margin-top:-10px;} body#who .firstline {background-color:#F89A20; padding:3px 0 3px 0; width:51%; margin-bottom:5px;} body#who .secondline {background-color:#F89A20; padding:3px 0 3px 0; width:79%; margin-bottom:5px;} body#who .thirdline {background-color:#F89A20; padding:3px 0 3px 0; width:78%; margin-bottom:5px;} body#who .fourthline {background-color:#F89A20; padding:3px 0 3px 0; width:67%; margin-bottom:5px;} body#who #whatleft { width:680px;float:left; padding:0px 45px 0 30px; } body#who #whatright { width:140px; float:left; padding:10px 20px 10px 20px; border-left:25px solid #aaaaaa; border-top:25px solid #aaaaaa; background-color:#eeeeee; } .wholeft { width:204px; padding:0 20px 0 0 ; float:left; margin: 0px 0 0 0; color:#000000; background-image:url(../Images/who-divider.jpg); background-repeat:no-repeat; background-position: 209px top; } .whomiddle{ width:204px; padding:0 10px 0 15px; float:left; margin: 0px 0 0 0; color:#000000; } .whoright{ width:204px; padding:0 0 0 19px ; float:left; margin: 0px 0 0 0; color:#000000;background-image:url(../Images/who-divider.jpg); background-repeat:no-repeat; background-position:-5px top; } .social {float:left; margin:10px 5px 0 0; opacity:0.65;} .social:hover {opacity:1;} h5.subhead {background-image:none; width:100%; background-color:#F89A20; padding:8px 0 8px 15px; font-size:18px; color:#FFFFFF; margin-top:20px; } .whoweare{margin-left:250px; width:70%; color:#FFFFFF;} .move {margin-top:-20px;} .moveimg { margin:-120px 0 20px 220px;} h6 { font-size:14px; color:#aaaaaa; margin:0 0 10px 0; font-weight:100; border-bottom:1px solid #dddddd; padding-bottom:10px; } .pstart{margin-bottom:10px; padding-bottom:10px; border-bottom-width: 1px; border-bottom-style: dotted;border-bottom-color: #acacac;} #whatright ul li .whatsubhead { padding:30px 0 0 25px; color:#FFFFFF; font-size:18px; margin:0px 0 0 -68px; height:58px; } #whatright ul li {float:left; padding-left:10px;} #whatright ul li strong {color:#F89A20;} /* End */ a.link { color:#005aa0; } a.link:hover { text-decoration:underline;} /* What */ body#what #maincontent {width:980px; overflow:hidden; padding:20px 20px 20px 20px; } body#what #topwrapper {background-color:#005799; background-image:url(../Images/bottombar.jpg); background-repeat:repeat-x; background-position:left bottom; } body#what #topholder {width:980px; margin: 0 auto 0 auto; overflow:hidden; background-image:url(../Images/whatbkgd.jpg); background-repeat:no-repeat; background-position:-65px -40px; height:320px; position:relative; } body#what #topholder h2 {font-size:54px; margin:83px 0 40px 0; color:#FFFFFF; padding:0 10px 0 10px; } body#what h5.subhead {background-image:none; width:100%; background-color:#F89A20; padding:8px 0 8px 15px; font-size:18px; color:#FFFFFF; margin-top:0px; } body#what #topholder p {font-size:20px; color:#777; line-height:1.5em; background-position:left top; background-repeat:no-repeat; color:#FFFFFF; padding:0 10px 0 10px; } body#what .firstline {background-color:#F89A20; padding:3px 0 3px 0; width:51%; margin-bottom:5px;} body#what .secondline {background-color:#F89A20; padding:3px 0 3px 0; width:56%; margin-bottom:5px;} body#what .thirdline {background-color:#F89A20; padding:3px 0 3px 0; width:47%; margin-bottom:5px;} #bottomnumbers {clear:both; background-color:#CCCCCC; overflow:hidden; } #bottomnumbers p {color:#FFFFFF; padding:20px; font-size:15px; line-height:1.15em;} #bottomnumbers p sm {color:#FFFFFF; font-size:8px;} .s-divide {margin:10px 0 30px 0;} #whycustom div {width:310px; margin:10px 15px 20px 0; float:left;} .boxgrid{ width: 193px; height: 173px; float:left; background:#005899; border-right: solid 3px #ffffff; overflow: hidden; position: relative; float:left; border-top: solid 3px #ffffff; } .boxgrid1{ width: 193px; height: 173px; border-right: solid 4px #ffffff; border-top: solid 4px #ffffff; float:left; background:#005899; overflow: hidden; position: relative; float:left; } .boxgrid2{ width: 193px; height: 173px; border-right: solid 4px #ffffff; float:left; background:#005899; border-top: solid 4px #ffffff; overflow: hidden; position: relative; float:left; } .boxgrid3{ width: 193px; height: 173px; border-right: solid 4px #ffffff; float:left; background:#005899; border-top: solid 4px #ffffff; overflow: hidden; position: relative; float:left; } .boxgrid4{ width: 193px; height: 173px; float:left; background:#005899; border-top: solid 4px #ffffff; overflow: hidden; position: relative; float:left; } .boxgrid img, .boxgrid1 img, .boxgrid2 img, .boxgrid3 img, .boxgrid4 img, .boxgrid5 img{ position: absolute; top: 0; left: 0; border: 0; } .captionfull .boxcaption { top: 260px; left: 0px; } .caption .boxcaption { top: 220px; left: 0px; } .introlastline {font-size:21px; color:#777; line-height:1.5em; margin-bottom:18px;} .solutionscolleft { width:180px; float:left; padding-right:25px; border-right:solid 1px #DDDDDD; margin-bottom:30px; } .solutionscolmid {width:180px; float:left; padding:0 25px 0 25px; } .solutionscol {width:180px; float:left; padding:0; border-left:solid 1px #DDDDDD; padding:0 0 0 25px; } .movetop {margin:20px 0 0 40px;} .solutionscolhead { font-size:14px; margin:15px 0 10px 0; border-top:1px solid #DDDDDD; padding:10px 0 10px 0; } .soultionlist { list-style-image: url(../Images/bullet.png); list-style-position: inside;} .soultionlistwhat { list-style-image: url(../Images/bullet.png); list-style-position: inside;} .whatsubhead { padding:30px 0 0 25px; color:#FFFFFF; font-size:18px; margin:-20px 0 0 -58px; height:58px; } /* End */ /* End */ /* Portfolio */ h3.whatsubhead { margin-left:-58px; background-image:url(../Images/subhead.png); background-repeat:no-repeat; background-position:left center;} h3.portsubhead {position:absolute; z-index:200; margin-left:-48px; background-image: url("../Images/subhead.png"); background-position: left center; background-repeat: no-repeat; color: #FFFFFF; font-size: 18px; height: 35px; padding: 8px 0 0 25px; width: 291px;} a.websitelink {float:left; display:block; width:166px; height:45px; background-image: url(../Images/website-button.jpg); background-position:center; background-repeat:no-repeat; margin-top:20px; } a.printlink {float:left; display:block; width:166px; height:45px; background-image: url(../Images/print-button.jpg); background-position:center; background-repeat:no-repeat; margin-top:20px; } #overlay{ position:fixed; top:0px; left:0px; width:100%; height:100%; background: #000; display:none; opacity:0.9; } #thumbContainter{ float:right; margin:19px 0 0 0; width:175px; padding:0 10px; background-color: #EEEEEE; border-left: 25px solid #AAAAAA; border-top: 25px solid #AAAAAA; height:700px; overflow:hidden; } #thumbScroller{ position:relative; } #thumbScroller .container{ position:relative; top:40px; float:left; } #thumbScroller .content{ clear:both; float:left; padding:10px 0 10px 0; } #thumbScroller .content div{ padding:2px; height:100%; float:left; } #thumbScroller .content a{ outline:none; } #thumbScroller img{ background-image:url(../Images/loading.gif); background-position:center; background-color:#FFFFFF; width:160px; height:133px; border:5px solid #000; -moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; } img.pg_thumb, img#pg_large, .pg_title h5, .pg_content .pg_description div { position:absolute; } .pg_content .pg_description div{ display:none; } .pg_title h5{ display:none; left:20px; top:-50px;/*25*/ color:#fff; font-weight:bold; color: #F89A20; font-family: AvenirLTStd65Medium,sans-serif; font-size: 26px; margin-top: 0; padding: 8px 0 8px 15px; width:700px; } img.pg_thumb{ display:none; } img#pg_large{ z-index:9999; } img.pg_thumb, img#pg_large{ top:27px; left:20px; cursor:pointer; width:712px; height:400px; } .pg_description h2{ color: #F89A20; font-family: AvenirLTStd65Medium,sans-serif; font-size: 22px; padding:5px; padding:10px; } .pg_description p{ font-size:12px; padding:10px; overflow:hidden; } #pg_desc1 div{ top:440px; left:-100px; width:490px; padding-right:10px; } #pg_desc1 div strong {color:#000000;} #pg_desc2 div{ top:487px; left:-100px; width:200px } ul.projectthumbs, ul.projectthumbs2, ul.projectthumbs3, ul.projectthumbs3, ul.projectthumbs4, ul.projectthumbs5, ul.projectthumbs6, ul.projectthumbs7, ul.projectthumbs8, ul.projectthumbs9, ul.projectthumbs10, ul.projectthumbs11, ul.projectthumbs12 {} ul.projectthumbs li, ul.projectthumbs2 li, ul.projectthumbs3 li, ul.projectthumbs4 li, ul.projectthumbs5 li, ul.projectthumbs6 li, ul.projectthumbs7 li, ul.projectthumbs8 li, ul.projectthumbs9 li, ul.projectthumbs10 li, ul.projectthumbs11 li, ul.projectthumbs12 li {display:inline;} ul.projectthumbs li a, ul.projectthumbs2 li a, ul.projectthumbs3 li a, ul.projectthumbs4 li a, ul.projectthumbs5 li a, ul.projectthumbs6 li a, ul.projectthumbs7 li a, ul.projectthumbs8 li a, ul.projectthumbs9 li a, ul.projectthumbs10 li a, ul.projectthumbs11 li a, ul.projectthumbs12 li a { border: 5px solid #f1eeee; float: left; margin: 10px 10px 0 0; width:85px; height:85px; overflow:hidden; position:relative; -moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; } ul.projectthumbs li a.secondthumb, ul.projectthumbs2 li a.secondthumb, ul.projectthumbs3 li a.secondthumb, ul.projectthumbs4 li a.secondthumb, ul.projectthumbs5 li a.secondthumb, ul.projectthumbs6 li a.secondthumb, ul.projectthumbs7 li a.secondthumb, ul.projectthumbs8 li a.secondthumb, ul.projectthumbs9 li a.secondthumb, ul.projectthumbs10 li a.secondthumb, ul.projectthumbs11 li a.secondthumb, ul.projectthumbs12 li a.secondthumb { border: 5px solid #f1eeee; float: left; margin: 10px 0 0 0; width:85px; height:85px; overflow:hidden; -moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; } ul.projectthumbs li a:hover {border:5px solid #ffffff;} ul.projectthumbs li img, ul.projectthumbs2 li img, ul.projectthumbs3 li img, ul.projectthumbs4 li img, ul.projectthumbs5 li img, ul.projectthumbs6 li img, ul.projectthumbs7 li img, ul.projectthumbs8 li img, ul.projectthumbs9 li img, ul.projectthumbs10 li img, ul.projectthumbs11 li img, ul.projectthumbs12 li img { position:absolute; top:0px; left:0px; width:178px; height:100px; }