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

* { outline:none; }
body { background-image:url(../design-images/bg.gif); background-repeat:repeat-x; margin-top:0; background-color:#bab9b1; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; }
img { border:0; }
a:focus { outline: none; }
p { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; color:#737163; line-height:17px; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 2.2em; color:#66901c; letter-spacing:-1px; margin-top:10px; margin-bottom:2px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color:#545247; margin-top:20px; margin-bottom:0px; font-weight:normal; line-height:15px; }
#stumps h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color:#545247; margin-top:8px; margin-bottom:0px; font-weight:normal; line-height:15px; }
h2 span { font-weight:bold; font-size:120%; color:#66901c; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.6em; color:#66901c; letter-spacing:-1px; margin-top:10px; margin-bottom:2px; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size: 1.6em; color:#66901c; letter-spacing:-1px; margin-top:10px; margin-bottom:2px; }
li { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; color:#737163; line-height:17px; }
li p { font-size:11px; }
a:link { color:#737163; text-decoration:underline; }
a:visited { color:#737163; text-decoration:underline; }
a:hover { color:#66901c; text-decoration:underline; }
#wrap { width:827px; height:auto; overflow:hidden; margin:0 auto; }
#wwrap { width:911px; height:auto; overflow:hidden; margin:0 auto; }
#header { width:827px; height:116px; }
#hheader { width:911px; height:130px; }
#cta { width:681px; height:117px; float:right; margin:4px 0px 0px 0px; }
#logo { margin-left:22px; margin-top:24px; float:left; }
#llogo { margin-left:20px; margin-top:30px; float:left; }
#num { padding-right:18px; float:right; padding-top:64px; }
#nnum { padding-right:20px; float:right; padding-top:60px; }
/* TEMPLATE NAV */

#nav { width:827px; height:34px; }
#nav ol { margin:0; padding:0; }
#nav li { margin:0; padding:0; display:inline; list-style-type:none; }
#nv { width:827px; height:34px; background-image:url(../design-images/nv/bg.gif); }
#nv ol { margin:0; padding:0; }
#nv li { margin:0; padding:0; display:inline; list-style-type:none; text-align:center; line-height:32px; float:left; }
#nv1 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c1.gif); width:62px; height:34px; display:block; padding-left:4px; }
#nv1 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c1.gif); width:62px; height:34px; display:block; padding-left:4px; }
#nv1 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c1_f2.gif); width:62px; height:34px; display:block; padding-left:4px; }
#nv2 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c3.gif); width:106px; height:34px; display:block; }
#nv2 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c3.gif); width:106px; height:34px; display:block; }
#nv2 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c3_f2.gif); width:106px; height:34px; display:block; }
#nv3 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c5.gif); width:73px; height:34px; display:block; }
#nv3 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c5.gif); width:73px; height:34px; display:block; }
#nv3 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c5_f2.gif); width:73px; height:34px; display:block; }
#nv4 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c4.gif); width:86px; height:34px; display:block; }
#nv4 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c4.gif); width:86px; height:34px; display:block; }
#nv4 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c4_f2.gif); width:86px; height:34px; display:block; }
#nv5 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c6.gif); width:117px; height:34px; display:block; }
#nv5 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c6.gif); width:117px; height:34px; display:block; }
#nv5 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c6_f2.gif); width:117px; height:34px; display:block; }
#nv6 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c7.gif); width:98px; height:34px; display:block; }
#nv6 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c7.gif); width:98px; height:34px; display:block; }
#nv6 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c7_f2.gif); width:98px; height:34px; display:block; }
#nv7 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c8.gif); width:104px; height:34px; display:block; }
#nv7 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c8.gif); width:104px; height:34px; display:block; }
#nv7 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c8_f2.gif); width:104px; height:34px; display:block; }
#nv8 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c9.gif); width:51px; height:34px; display:block; }
#nv8 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c9.gif); width:51px; height:34px; display:block; }
#nv8 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c9_f2.gif); width:51px; height:34px; display:block; }
#nv9 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c2.gif); width:53px; height:34px; display:block; }
#nv9 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c2.gif); width:53px; height:34px; display:block; }
#nv9 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c2_f2.gif); width:53px; height:34px; display:block; }
#nv10 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c10.gif); width:69px; height:34px; display:block; padding-right:4px; }
#nv10 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c10.gif); width:69px; height:34px; display:block; padding-right:4px; }
#nv10 a:hover { color:#fff; text-decoration:none; background-image:url(../design-images/nv/nav_r1_c10_f2.gif); width:69px; height:34px; display:block; padding-right:4px; }
/* HOMEPAGE NAV */

#hnav { width:911px; height:34px; }
#hnav ol { margin:0; padding:0; }
#hnav li { margin:0; padding:0; display:inline; list-style-type:none; }
#hnv { width:911px; height:34px; background-image:url(../design-images/nv/home/bg.gif); }
#hnv ol { margin:0; padding:0; }
#hnv li { margin:0; padding:0; display:inline; list-style-type:none; text-align:center; line-height:32px; float:left; }
#hnv1 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/1.gif); width:59px; height:34px; display:block; padding-left:2px; text-shadow: 1px 1px 1px #ccc; }
#hnv1 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/1.gif); width:59px; height:34px; display:block; padding-left:2px; text-shadow: 1px 1px 1px #ccc; }
#hnv1 a:hover { color:#fff; text-decoration:none; background-image:none; width:59px; height:34px; display:block; padding-left:2px; text-shadow: 1px 1px 1px #2d480c; }
#hnv2 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/2.gif); width:133px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv2 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/2.gif); width:133px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv2 a:hover { color:#fff; text-decoration:none; background-image:none; width:133px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv3 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/3.gif); width:70px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv3 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/3.gif); width:70px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv3 a:hover { color:#fff; text-decoration:none; background-image:none; width:70px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv4 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/4.gif); width:89px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv4 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/4.gif); width:89px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv4 a:hover { color:#fff; text-decoration:none; background-image:none; width:89px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv5 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/5.gif); width:115px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv5 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/5.gif); width:115px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv5 a:hover { color:#fff; text-decoration:none; background-image:none; width:115px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv6 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/6.gif); width:100px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv6 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/6.gif); width:100px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv6 a:hover { color:#fff; text-decoration:none; background-image:none; width:100px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv7 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/7.gif); width:104px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv7 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/7.gif); width:104px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv7 a:hover { color:#fff; text-decoration:none; background-image:none; width:104px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv8 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/8.gif); width:113px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv8 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/8.gif); width:113px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv8 a:hover { color:#fff; text-decoration:none; background-image:none; width:113px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv9 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/9.gif); width:56px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv9 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/9.gif); width:56px; height:34px; display:block; text-shadow: 1px 1px 1px #ccc; }
#hnv9 a:hover { color:#fff; text-decoration:none; background-image:none; width:56px; height:34px; display:block; text-shadow: 1px 1px 1px #2d480c; }
#hnv10 a:link { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/10.gif); width:68px; height:34px; display:block; padding-right:2px; text-shadow: 1px 1px 1px #ccc; }
#hnv10 a:visited { color:#444; text-decoration:none; background-image:url(../design-images/nv/home/10.gif); width:68px; height:34px; display:block; padding-right:2px; text-shadow: 1px 1px 1px #ccc; }
#hnv10 a:hover { color:#fff; text-decoration:none; background-image:none; width:68px; height:34px; display:block; padding-right:2px; text-shadow: 1px 1px 1px #2d480c; }
#jobboard { margin:0px 0px 15px 15px; float:right }
/* HOMEPAGE CSS */


#hsplash { background-image:url(../design-images/homepage/flash-bg.gif); background-repeat:no-repeat; width:911px; overflow:hidden; clear:both; height:241px; }
#hsplash object { float:left; }
#hpts { background-image:url(../design-images/homepage/vbg.gif); background-repeat:repeat-y; width:905px; height:auto; overflow:hidden; padding:0px 3px 0px 3px; }
#icol { width:220px; margin-left:5px; padding:0; float:left; background-image:url(../design-images/homepage/icol.gif); background-repeat:no-repeat; }
#iicol { width:220px; margin-left:5px; padding:0; float:left; background-image:url(../design-images/homepage/iicol.gif); background-repeat:no-repeat; }
#iiicol { width:220px; margin-left:5px; padding:0; float:left; background-image:url(../design-images/homepage/iiicol.gif); background-repeat:no-repeat; }
#ivcol { width:220px; margin-left:5px; padding:0; float:left; background-image:url(../design-images/homepage/ivcol.gif); background-repeat:no-repeat; }
#icol h1 { color:#fff; font-size: 1.8em; letter-spacing:-1px; font-weight:bold; margin:28px 0 0 13px; line-height:14px; text-shadow: 1px 1px 1px #951602; }
#iiicol h2 { color:#fff; font-size: 1.8em; letter-spacing:-1px; font-weight:bold; margin:28px 0 0 13px; line-height:14px; text-shadow: 1px 1px 1px #c38812; }
.hphii { color:#fff; font-size: 1.8em; letter-spacing:-1px; font-weight:bold; margin:28px 0 0 13px; line-height:14px; text-shadow: 1px 1px 1px #003b6a; }
.hphiv { color:#fff; font-size: 1.8em; letter-spacing:-1px; font-weight:bold; margin:28px 0 0 13px; line-height:14px; text-shadow: 1px 1px 1px #517400; }
#hpts span { font-size:55%; letter-spacing:0; font-weight:normal; color:#fff; line-height:14px; }
#hpts img { margin:6px 0 0 9px; }
.hptabps { margin:36px 20px 10px 6px; }
.hptabsep { background-image:url(../design-images/hp-tab-sep.gif); background-repeat:no-repeat; width:827px; height:17px; }
.seps { background-image:url(../design-images/homepage/seps.gif); clear:both; height:19px; width:911px; background-repeat:no-repeat; margin:0; padding:0; }
#welkom { background-image:url(../design-images/homepage/vbg.gif); background-repeat:repeat-y; width:911px; height:auto; overflow:hidden; padding:0; }
#welkom h2 { font-weight:normal; color:#545247; }
#welkom h1 { color:#545247; margin:16px 0 0 0; font-size:12px; letter-spacing:normal; }

#welkom h3 a:link { color:#567e0e; text-decoration:none; font-size:80%; letter-spacing:0px; }
#welkom h3 a:visited { color:#567e0e; text-decoration:none; font-size:80%; letter-spacing:0px; }
#welkom h3 a:hover { color:#737163; text-decoration:underline; font-size:80%; letter-spacing:0px; }


#velkoml { width:425px; float:left; margin:0px 0px 0px 8px; padding:0 10px 10px 10px; }
#velcomr { width:425px; float:left; margin:0px 0px 0px 8px; padding:0 10px 10px 10px; }
#portom { margin:0px 0px 0px 8px; padding:10px; }
#port-home { margin:0; padding:0px 20px 10px; width:871px; overflow:hidden }
#port-home .port-row-home { margin:0 0 5px; width:871px; float:left; display:inline; clear:both }
#port-home .port-row-home .portfoliothumb-home { width:274px; float:left; margin:15px 24px 0 0; background-position:right 0; background-repeat:no-repeat; position:relative;  padding:3px 0px;  }
#port-home .port-row-home .portfoliothumb-home a.imgthumb { display:inline; float:left; overflow:hidden; width:162px; height:135px }
#port-home .port-row-home .portfoliothumb-home p { clear:both; float:left; margin:5px 0; width:274px; line-height:1.4; font-size:0.95em }
#port-home .port-row-home .portfoliothumb-home .greenporthead-home { color:#567e0e; display:block; font-weight:bold; margin:10px 0 0 }
#port-home .port-row-home .portfoliothumb-home .thumbtext p { width:88px; margin:0; padding:0; font-weight:bold; line-height:12px; color:#666; float:none; clear:none }
#port-home .port-row-home .portfoliothumb-home .thumbtext ul { margin:10px 0px 0px 0px; padding:0; }
#port-home .port-row-home .portfoliothumb-home .thumbtext li { font-size:95%; line-height:14px; list-style-type:none; padding-left:13px; background-image:url(../web-design-company/portfolio/thumbs/tick.gif); background-repeat:no-repeat; }
#port-home .port-row-home .portfoliothumb-home-last { margin:15px 0 0 !important }
#innovation { margin:0px 20px 0px 8px; padding:0px 20px 20px 20px; margin-bottom:20px; height:auto; overflow:hidden; }
#videoblogleft { width:300px; float:left; height:auto; overflow:hidden; }
#youtubevid { width:480px; float:right; height:auto; overflow:hidden; padding-left:20px; }
.vthumb { float:right; margin-top:15px; width:120px; }
.vthumb p { font-size:9px; line-height:14px; margin:0px; padding:0px; text-align:center; }
#infoom { margin:0px 0px 0px 8px; padding:10px; }
#vidblog, #newsfeeds { margin:0; padding:0px 20px 20px 20px; width:871px; overflow:hidden }
#vidcin,#rightnews { width:415px; float:right; margin:0px 0px 0px 20px; }
#vidfeed,#leftnews { width:415px; float:left; margin:0px 20px 0px 0px; }
#vidfeedbulls { margin:20px 0px 0px 0px; padding:0; }
#vidfeedbulls li { font-size:85%; font-weight:bold; list-style-type:none; margin-bottom:10px; background-image:url(../design-images/clapper.gif); background-repeat:no-repeat; padding:0px 0px 0px 40px; color:#333; line-height:14px; }
#vidfeedbulls li span { color:#737163; font-weight:normal; }
#vidfeedbulls li a:link { color:#567e0e; text-decoration:none; font-size:140%; }
#vidfeedbulls li a:visited { color:#567e0e; text-decoration:none; font-size:140%; }
#vidfeedbulls li a:hover { color:#737163; text-decoration:underline; font-size:140%; }


#newsfeeds h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color:#545247; margin-top:20px; margin-bottom:0px; font-weight:normal; line-height:15px; letter-spacing:0; }
#newsfeeds h3 span { font-weight:bold; font-size:120%; color:#66901c; }

#newsfeeds ul { margin:20px 0px 0px 0px; padding:0; }
#newsfeeds li { font-size:85%; font-weight:bold; list-style-type:none; margin-bottom:10px; background-image:url(../design-images/post-it.gif); background-repeat:no-repeat; padding:0px 0px 0px 40px; color:#333; line-height:14px; }
#newsfeeds li span { color:#737163; font-weight:normal; }
#newsfeeds li a:link { color:#567e0e; text-decoration:none; font-size:140%; }
#newsfeeds li a:visited { color:#567e0e; text-decoration:none; font-size:140%; }
#newsfeeds li a:hover { color:#737163; text-decoration:underline; font-size:140%; }
/* TEMPLATE CSS */

#maintop { background-image:url(../design-images/main-top.gif); width:827px; height:11px; clear:both; }
#main { background-image:url(../design-images/main-bg.gif); width:827px; height:auto; overflow:hidden; z-index: 1; }
#portshot { float:right; padding-left:10px; clear:both; width:280px; }
#portshot p { text-align:center; font-size:90%; letter-spacing:3px; clear:both; }
#main li { font-size:1.1em; }
#ticklist li { list-style-image:url(../design-images/tick-s.gif); line-height:20px; }
.nobull { list-style-type:disc; margin-left:30px; }
#maincopy { width:578px; padding-left:20px; float:left; padding-right:40px; padding-bottom:10px; z-index: 2; }
#maincopy_no_sidebar { padding-left:20px; float:left; padding-right:40px; padding-bottom:10px; z-index: 2; }
#profiletable p { margin:0; padding-top:5px; padding-bottom:5px; }
#contactcolumn { width:180px; padding-left:20px; margin-left:20px; border-left:1px solid #ccc; float:right; }
#breadcrumb { letter-spacing:1px; margin:0; font-size:85%; padding:0; padding-bottom:15px; }
#breadcrumb a:link { color:#66901c; text-decoration:none; }
#breadcrumb a:visited { color:#66901c; text-decoration:none; }
#breadcrumb a:hover { color:#737163; text-decoration:underline; }
#textsizer { float:right; font-size:85%; padding-top:15px; text-align:center; padding-right:20px; letter-spacing:1px; }
#textsizer a:link { color:#999; text-decoration:none; }
#textsizer a:visited { color:#999; text-decoration:none; }
#textsizer a:hover { color:#66901c; text-decoration:none; }
#printpage { float:right; font-size:85%; padding-top:15px; text-align:center; letter-spacing:1px; }
#printpage a:link { color:#999; text-decoration:none; display:block; }
#printpage a:visited { color:#999; text-decoration:none; display:block; }
#printpage a:hover { color:#66901c; text-decoration:none; display:block; }
.faq { line-height:15px; border-bottom:1px solid #ccc; padding-top:8px; padding-bottom:8px; }
.faql { line-height:15px; }
#webdesignnav ul { margin:20px 0px 20px 0px; padding:10px; text-align:center; border: 1px solid #ccc; background-color:#efefef; }
#webdesignnav li { margin:0; padding:0px 14px 0px 14px; display:inline; text-align:center; }
#contable { margin-top:20px; margin-bottom:20px; }
#contable p { margin:0; padding:0; }
#profilephoto { border:1px solid #ccc; }
.formstyle { border:1px solid #66901c; background-color:#f1fae2; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#333; padding:6px; }
#tabs { width:180px; height:auto; overflow:hidden; float:right; margin-right:9px; margin-top:3px; margin-bottom:1px; }
#addthis { margin:2px 1px 5px 1px; }
#twitterbird { text-align:center; font-size:85%; letter-spacing:1px; padding-bottom:20px; }
#twitterbird a:link { color:#999; text-decoration:none; display:block; }
#twitterbird a:visited { color:#999; text-decoration:none; display:block; }
#twitterbird a:hover { color:#3a93cc; text-decoration:none; display:block; }
#mainsep { background-image:url(../design-images/main-sep.gif); width:827px; height:20px; }
#elements { background-image:url(../design-images/elements-bg.gif); width:787px; height:auto; overflow:hidden; padding-left:20px; padding-right:20px; }
#elements a:link { color:#737163; text-decoration:none; }
#elements a:visited { color:#737163; text-decoration:none; }
#elements a:hover { color:#66901c; text-decoration:underline; }
#element1 { width:242px; float:left; padding-right:15px; }
#element1 ol { margin:0; padding:0; margin-top:10px; margin-bottom:0px; }
#element1 li { list-style-type:none; padding-bottom:4px; padding-left:20px; background-image:url(../design-images/arrow.gif); background-position:middle left; background-repeat:no-repeat; padding-top:0px; line-height:15px; font-size:1.1em; }
.excerptfoot { font-size:95%; }
#element2 { width:241px; border-left:1px solid #ccc; border-right:1px solid #ccc; float:left; padding-top:0px; padding-right:15px; padding-left:15px; text-align:center; }
#element2 p { text-align:center; font-size:85%; line-height:0px; margin:0px 0px 5px 0px; padding:0; }
#element2 h3 { text-align:center; }
#element2 img { padding:4px 0px 0px 0px; margin:0; }
#element3 { width:242px; float:left; padding-left:15px; }
.latestnews { padding-bottom:4px; padding-left:20px; background-image:url(../design-images/arrow.gif); background-position:middle left; background-repeat:no-repeat; padding-top:0px; line-height:15px; margin:10px 0px 0px 0px; }
.newsexcerpt { padding-bottom:4px; padding-left:20px; padding-top:0px; margin:6px 0px 0px 0px; font-size:85%; line-height:17px; }
.feeddate { color:#66901c; font-size:85%; line-height:15px; }
.twitterli { background-image:url(../design-images/icons/twitter-li.gif); }
.rssli { background-image:url(../design-images/icons/rss-li.gif); }
.youtubeli { background-image:url(../design-images/icons/youtube-li.gif); }
/* FOOTER */

#footer { background-image:url(../design-images/footer.gif); background-repeat:no-repeat; width:827px; height:auto; overflow:hidden; text-align:center; padding-top:40px; clear:both; }
#footer p { font-size: 1.1em; text-align:center; }
#footer ul { margin:0; padding:0; }
#footer li { margin:0; padding:0; list-style-type:none; display:inline; font-size:1.1em; text-align:center; }
#footerw { background-image:url(../design-images/footerw.gif); background-repeat:no-repeat; width:911px; height:auto; overflow:hidden; text-align:center; padding-top:40px; clear:both; }
#footerw p { font-size: 1.1em; text-align:center; }
#footerw ul { margin:0; padding:0; }
#footerw li { margin:0; padding:0; list-style-type:none; display:inline; font-size:1.1em; text-align:center; }
#copyright p { font-size:90%; letter-spacing:1px; }
.qualifications { font-size:75%; }
.rowborder { border-bottom: 1px solid #ccc; }
#weboptdiagram { margin-left:10px; float:right }
#postit { width:130px; height:124px; float:left; margin-right:16px; margin-top:0px; margin-bottom:10px; padding-top:60px; padding-left:20px; padding-right:20px; }
#postit p { margin:0; padding:0; color:#000; line-height:11px; font-size:90% }
#postit a:link { color:#ec0000; text-decoration:underline; }
#postit a:visited { color:#ec0000; text-decoration:underline; }
#postit a:hover { color:#000; text-decoration:underline; }
.iandey { background-image:url(../design-images/post-its/ian-dey.jpg); }
.melfitz { background-image:url(../design-images/post-its/mel-fitz.jpg); }
.jonnit { background-image:url(../design-images/post-its/jon-nit.jpg); }
.udrive { background-image:url(../design-images/post-its/udrive.jpg); }
#packagestable p { margin:0px; padding:0px; }
#quote { background-image:url(../design-images/invertedcommas.gif); background-repeat:no-repeat; padding-left:90px; }
#coverflow { padding-top:15px; padding-bottom:15px; }
#webpresenterdiagram { float:right; padding-left:10px; }
#webvideodiagram { float:left; padding-right:15px; }
#presenter { float:right; clear:both; }
#teamtable h2 { margin-top:5px; padding:0; }
#teamtable ul { margin:10px 0px 0px 0px; padding:0; }
#teamtable ul li ul { margin:0px 0px 0px 0px; padding:0; font-size:80%; }

#teamtable li { margin:0px 0px 0px 20px; padding:0; }

.teambull2 { padding-left:20px; }
.teambull3 { margin-left:40px; }

.girlbullet { list-style-image:url(../design-images/girl-bullet.gif); }
.boybullet { list-style-image:url(../design-images/boy-bullet.gif); }
#portpagestop { clear:both; border-bottom:1px dotted #CCC; margin-bottom:20px; line-height:30px; }
#portpagestop p { text-align:center; }
#portpagesbot { clear:both; border-top:1px dotted #CCC; line-height:30px; }
#portpagesbot p { text-align:center; }
.portfoliothumbsl { width:274px; float:left; margin-bottom:20px; background-position:right; background-repeat:no-repeat; height:135px;  }
.portfoliothumbsr { width:274px; float:right; margin-bottom:20px; height:135px; background-position:right; background-repeat:no-repeat;  }
.portfoliothumbshp { width:247px; float:left; margin-bottom:20px; margin-right:17px; height:135px; background-image:url(../design-images/homepage-portfolio/bg.gif); background-position:right; background-repeat:no-repeat; }
.portyay { background-image:url(../web-design-company/portfolio/thumbs/bgt.gif); padding:3px 0px; }
.portnay { background-image:url(../web-design-company/portfolio/thumbs/bg.gif); padding:3px 0px; }
.portfoliothumb { float:left; }
.thumbtext { float:right; margin:0; padding:15px 10px 0px 10px; }
.hpthumbtext { float:right; margin:0; padding:10px 6px 10px 6px; }
.hptu { }
#thumbs p { width:88px; margin:0; padding:0; font-weight:bold; line-height:12px; color:#666; }
#thumbs ul { margin:10px 0px 0px 0px; padding:0; }
#thumbs li { font-size:95%; line-height:14px; list-style-type:none; padding-left:13px; background-image:url(/web-design-portfolio/thumbs/tick.gif); background-repeat:no-repeat; }
#brochureport { float:right; clear:both; width:240px; text-align:right; border:1px solid #ccc; padding:15px; margin-left:20px; margin-bottom:20px; }
#logoportfolio { float:left; clear:both; width:200px; margin-right:20px; margin-bottom:10px; }
#logoportfolio p { text-align:center; font-size:85%; }
/* Contact Form Result Classes */

.contacttick { background-color:#e9fcca; border:1px solid #018938; padding:20px; }
.contacttickimage { float:left; padding-right:15px; }
.contacttickgreenp { margin:0; padding:0; color:#018938; }
.contactfail { background-color:#fbdacd; border:1px solid #b02820; padding:20px; }
.contactfailimage { float:left; padding-right:15px; }
.contactfailredp { margin:0; padding:0; color:#b02820; }
#submitbutt { background: url(../blog/wp-content/themes/glossyblue-1-4/images/btn-bg.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; border: none; float:left; width: 144px; height: 28px; cursor: pointer; }
#submitbutt2 { background: url(../blog/wp-content/themes/glossyblue-1-4/images/btn-bg.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; border: none; float:left; width: 144px; height: 28px; cursor: pointer; clear:both; margin:10px 0px 20px 0px; }
/* Mouse Over Enlarge Dynamic Drive */

.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; z-index: 50; }
.thumbnail span { /*CSS for enlarged image*/ position: absolute; background-color: #efefef; padding: 0px; left: -1000px; border: 1px solid #ccc; visibility: hidden; text-decoration: none; }
.thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 0px; }
.thumbnail:hover span { /*CSS for enlarged image on hover*/ visibility: visible; top: -100px; left: 160px; /*position where enlarged image should offset horizontally */ }
/* Lightbox */


#wbox_wrapper { position: absolute; width: 100%; top: 0px; left: 0px; }
#loading { position: absolute; top: 8px; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#overlay { position: absolute; top: 0px; left: 0px; }
#wbox { position: relative; width: 32px; height: 32px; margin: 0 auto; }
img.thumb { border:1px solid #666666; }
#wbox_data { position: relative; margin: 0 auto; }
#controls { position:absolute; }
#info { font-family:arial; font-size:0.9em; color:#fff; padding-left:5px; letter-spacing:1px; }
a#prevLink, a#nextLink, a#closeLink, a#slideLink { float:left; width:25px; height:30px; }
a#prevLink { background-image:url(../design-images/lightbox-images/prev.gif); }
a#nextLink { background-image:url(../design-images/lightbox-images/next.gif); }
a#closeLink { background-image:url(../design-images/lightbox-images/close.gif); }
a#slideLink { background-image:url(../design-images/lightbox-images/show.gif); }
a#prevLink:hover, a#nextLink:hover { text-decoration:underline; }
/* Video Box */

body { margin: 0; }
#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #bab9b1; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; text-align: center; padding: 1px; }
.lbLoading { background: #fff url(../design-images/loading.gif) no-repeat center; }
#lbImage { border: 10px solid #fff; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../design-images/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../design-images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 5px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 53px; height: 16px; background: transparent url(../design-images/closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
/* Wordpress */

.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin:0 auto !important; }
#sidebar { padding-bottom:20px; padding-left:5px; }
#sidebar ul { margin:0; padding:0; }
#sidebar li { list-style-type:none; font-size:11px; line-height:20px; }
#content h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color:#545247; margin-top:20px; margin-bottom:0px; font-weight:normal; line-height:15px; }
.postdatestamp { letter-spacing:1px; margin:0; font-size:85%; padding:0; color:#66901c; }
.post a:link { color:#545247; text-decoration:none; }
.post a:visited { color:#545247; text-decoration:none; }
.post a:hover { color:#66901c; text-decoration:underline; }
.post { padding:2px 0px 2px 0px; border-bottom:1px solid #ccc; }
#scriptbubble { background-image:url(../design-images/script-bubble.gif); background-repeat:no-repeat; padding: 20px 20px 44px 20px; width:538px; height:158px; }
#scroll { overflow:scroll; overflow-x:hidden; width:538px; height:158px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #efefef; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption p.wp-caption-text { font-size: 85%; line-height: 10px; padding: 5px 4px 5px 4px; margin: 0; }
/* Custom Blog CSS */

#downloadzip ul { margin:0; padding:10px 0px 10px 20px; }
#downloadzip li { background-image:url(../design-images/download-zip.gif); background-repeat:no-repeat; background-position:left top; padding-left:40px; padding-bottom:10px; list-style-type:none; }
#special_c table { font: 11px/24px Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; border:1px solid #ccc; }
#special_c th { padding: 0 0.5em; text-align: left; border-top: 2px solid #468147; border-bottom: 2px solid #468147; background: #8fb83e; color:#FFF; }
#special_c tr { line-height:16px; }
#special_c td { border-bottom: 1px solid #CCC; padding: 0 0.5em; }
#special_c td:first-child { width: 190px; }
#special_c td+td { border-left: 1px solid #CCC; text-align: center; }
/* Presenter Layout */

.presenterbg { width:564px; height:186px; margin:0 0 15px 0; padding:7px; overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #ccc }
.name { text-align:center; font-size:1.4em; color:#FFF; font-weight:bold; background-image:url(../design-images/presenter/name.gif); height:38px; width:172px; float:right; margin:0 6px 0 0 }
.name-com { text-align:center; font-size:1.4em; color:#FFF; font-weight:bold; background-image:url(../design-images/presenter/name-com.gif); height:38px; width:172px; float:right; margin:0 6px 0 0 }
.name p { padding:12px 0px 0px 0px; margin:0px; color:#FFFFFF; }
.name-com p { padding:12px 0px 0px 0px; margin:0px; color:#FFFFFF; }
.text { background-image:url(../design-images/presenter/text.gif); width:293px; height:114px; padding:12px; float:right; margin:6px 0 0 0; float:right; color:#333333 }
.text p { padding:0px; margin:0px; }
.presenterleft { float:left; padding:0px; margin:0px; }
.presenterright { float:right; width:317px; padding:0px; margin:0px; }
.rightop { height:38px; width:317px; float:right; padding:0px; margin:0px; }
/* PORTFOLIO */

#footerport { width:889px; margin-left:auto; margin-right:auto; height:auto; }
#footerport a:link { color:#999999; text-decoration:none; font-size:9px; font-style:italic; }
#footerport a:visited { color:#999999; text-decoration:none; font-size:9px; font-style:italic; }
#footerport a:hover { color:#62a549; text-decoration:underline; font-size:9px; font-style:italic; }
#footerport h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0px; padding:0px; color:#567e0e; }
.greenporthead { color:#567e0e; font-weight:bold; }
.nospaces { margin:0px; padding:0px; }
.porttext { font-size:10px; }
#basicwebsites { width:889px; height:auto; overflow:hidden; border-bottom: 1px solid #999; margin-bottom:30px; padding-bottom:30px; }
#basic { width:179px; float:left; padding-right:20px; }
#basic1 { width:220px; padding-left:10px; float:left; }
#basic2 { width:220px; padding-left:10px; float:left; }
#basic3 { width:220px; padding-left:10px; float:left; }
#newwebsites { width:889px; height:auto; overflow:hidden; border-bottom: 1px solid #999; padding-bottom:30px; margin-bottom:30px; }
#newweb { width:179px; float:left; padding-right:20px; }
#newweb1 { width:220px; padding-left:10px; float:left; }
#newweb2 { width:220px; padding-left:10px; float:left; }
#newweb3 { width:220px; padding-left:10px; float:left; }
#functionalwebsites { width:889px; height:auto; overflow:hidden; margin-bottom:30px; }
#functional { width:179px; float:left; padding-right:20px; }
#functional1 { width:220px; padding-left:10px; float:left; }
#functional2 { width:220px; padding-left:10px; float:left; }
#functional3 { width:220px; padding-left:10px; float:left; }
/*Website Builder*/

#progressbar ol { width:240px; float:right; margin:10px 0px 0px 0px; padding:0; }
#progressbar ol li { float:left; line-height:10px; padding:32px 0px 0px 0px; margin:0; list-style-type:none; width:48px; font-size:9px; text-align:center; background-image:url(../design-images/progress-sprite.gif); background-repeat:no-repeat; }
.progress1 { background-position:0 top; }
.progress2 { background-position:-48px top; }
.progress3 { background-position:-96px top; }
.progress4 { background-position:-144px top; }
.progress5 { background-position:-192px top; }
.progress1on { background-position:-240px top; }
.progress2on { background-position:-288px top; }
.progress3on { background-position:-336px top; }
.progress4on { background-position:-384px top; }
.progress5on { background-position:-432px top; }
#progressquote { float:left; width:250px; }
#progressform { float:right; width:250px; padding:0px 0px 0px 39px; margin:0px 0px 0px 38px; border-left:1px dotted #ccc; }
.wbprice { font-size:2.6em; color:#900; font-weight:bold; }
#minisubmitbutt { width:37px; height:14px; padding:0; margin:4px 0px 0px 0px; }
.qwoformstyle { border:1px solid #66901c; background-color:#f1fae2; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#333; padding:6px; margin:0px 0px 4px 0px; }
.qwostyle { border:1px dotted #66901c; background-color:#efefef; font-family:"Courier New", Courier, monospace; font-size:1.0em; color:#333; padding:6px; margin:0px 0px 4px 0px; }
#addonstable p span { font-size:85%; color:#999; }
#addonstable { margin:10px 0px 20px 0px; }
#addonstable p { line-height:13px; margin:0; padding:0; }
#templatetable { margin:10px 0px 20px 0px; text-align:center }
#templatetable p { line-height:13px; margin:0; padding:0; text-align:center; }
#templatetable p span { font-size:85%; color:#66901c; font-weight:bold; }

.career-row { overflow:hidden; margin:0 0 19px; float:left; clear:both; width:578px }
.career-tab { width:270px; overflow:hidden; float:left; display:inline; background:url(../design-images/careers/career-tab-bg.gif) repeat-y 0 0; margin:0 19px 0 0; text-shadow:1px 1px 1px #fff }
.career-tab h2 { margin:5px 0 0; font-weight:bold; letter-spacing:-0.3px; display:block }
.career-tab-text { background:url(../design-images/careers/career-head-bg.gif) no-repeat 0 0; width:250px; padding:10px; float:left; display:inline; }
.career-tab-foot {background:url(../design-images/careers/career-foot-bg.gif) no-repeat 0 0; height:7px; width:270px; float:left; display:inline; }
.career-tab p { float:left; display:inline; margin:0 }
.career-r-col { float:left; display:inline; width:250px; margin:10px 0 }
/*.career-r-col { float:right; display:inline; width:80px; padding:10px 0 0 10px; margin:0 0 0 10px; border-left:1px dotted #bbb }*/
.career-r-col p { margin:0 20px 0 0; }
.career-r-col strong { color:#66901C; display:block; }
.recvideo {  background-image:url(../design-images/clapper.gif); background-repeat:no-repeat; padding:0px 0px 0px 40px; }
.acc-salary { float:right; font-size:90%; }
/* Careers */



#resurce img { margin:0px auto 10px; }

#resurce h2 { font-weight:bold; letter-spacing:-1px; text-align:center; }

#resurce h2 a:link { color:#66901c !important; text-decoration:none !important; }
#resurce h2 a:visited { color:#66901c !important; text-decoration:none !important; }
#resurce h2 a:hover { color:#737163 !important; text-decoration:none !important; }