html { background: #000 url(../../img/frontend/wood_bg.jpg) repeat top center; margin: 0; padding: 0; }
body {
    margin: 0 0 0 0;
    padding: 11px 0 0 0;
    color: #231f20;
    font-size: 76%;
    font-family: Arial, Helvetica, sans-serif;
    background: transparent url(../../img/frontend/top_edge.jpg) repeat-x top center;
    }

/* */

h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h3 { font-size: 1.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h4 { font-size: 1.2em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; font-weight: bold; }

p { margin: 0px; }
strong, b { font-weight: bold; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }
form { margin: 0; padding: 0; }
hr { margin: 0.5em 0; border: 0px; height: 1px; color: #000; background-color: #fff; border-top: 1px solid #d6d6d6; }
a { color: #0096da; text-decoration: underline; }
a:hover { color: #79bde9; text-decoration: underline; } /* 00aedb */

.hide { display: none; }
.clr { clear: both; }
.highlight { color: #d9ecff; }
.highlightBg { background: #feffc0; font-size: 1.4em; line-height: 1.4em;}
.floatLeft { float: left; }
.floatRight { float: right !important; }

.hr { margin: 5px 30px 15px 20px; border-top: 1px solid #79bde9; }
.hr hr { display: none; }

.hvr a:hover { background-position: bottom left; }

h2.title, h2.title a { margin: 0; padding: 0; display: block; text-indent: -700em; text-decoration: none; overflow: hidden; }

/* */

.pageWrap {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 951px;
    position: relative;
    }
    
html > .pageWrap {
    width: 951px;
    }
    
.cityBg { background: transparent url(../../img/frontend/melbourne.jpg) repeat-x top center; }

.headerArea {
    margin: 0;
    padding: 0;
    height: 84px;
    }
    
#monkiiLogo {
    margin: 0;
    padding: 20px 0 0 0;
    }
    
#monkiiLogo a {
    margin: 0;
    padding: 0;
    width: 151px;
    height: 59px;
    float: left;
    display: block;
    background: transparent url(../../img/frontend/logo.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

.contentWrap { float: left; margin: 0; padding: 0; width: 951px; }

.content { margin: 0; padding: 25px 0 0 0; color: #231f20; }

.content h1 {
    font-family: gotham-book, helvetica, sans-serif;
    color: #00c3ff;
    font-size: 2.5em;
    padding: 10px 0 15px 40px;
    letter-spacing: -1px
}

.content h1 span.smaller {
    font-size: 0.7em;
}

.content h1.lessLeftPad {
    padding-left: 15px;
}

.content h2 { 
    font-family: gotham-book, helvetica, sans-serif;
    color: #00c3ff;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: normal;
    padding: 0 0 15px 15px;
}

.content h3 { margin: 0; padding: 0 50px 0.5em 20px; font-size: 1.1em; line-height: 1.4em;  color:#0096da; }
.content h4 { margin: 0; padding: 0 30px 1em 20px; font-size: 1.1em; line-height: 1.4em; }
.content h5 { margin: 0; padding: 0 30px 1em 20px; font-size: 1em; line-height: 1.4em; }
.content p  { margin: 0; padding: 0 30px 1em 20px; font-size: 1em; line-height: 1.4em; color: #363637; }
.content p strong { color: #000; }
.content a  { }
.content a:hover { }
.content ul li, .content ol li { margin-top: 0; list-style-position: outside; padding: 0 20px 0 0px; font-size: 1em; line-height: 1.4em; color: #363637; }

.content p.date { padding: 0 0 0 10px; font-size: 0.8em; color: #989898; }
.content p.moreLink { padding: 0 20px 10px 0; color: #989898; text-align: right; }
.content img.featImg { margin: 0 0 20px 10px; }

.content .noPadBtm { padding-bottom: 0; margin-bottom: 0; }
.content .noPadTop { padding-top: 0; margin-top: 0; }

p.listPad { padding: 0 30px 0 20px; }

/* */

.defaultTable { margin: 10px; padding: 10px 10px 10px 10px; }
.defaultTable table { padding: 0; margin: 0; border-collapse: collapse; }
.defaultTable table tr th { padding: 4px 15px 10px 0; margin: 5px; vertical-align: text-top; text-align: left; }
.defaultTable table tr td { padding: 3px 15px 3px 0; margin: 5px; vertical-align: text-top; }

.borderTable { margin: 10px; padding: 10px 10px 10px 10px; }
.borderTable table { padding: 0; margin: 0; border-collapse: collapse; }
.borderTable table tr th { padding: 4px 15px 4px 4px; margin: 5px; vertical-align: text-top; text-align: left; border: 1px solid #ccc }
.borderTable table tr td { padding: 3px 15px 3px 4px; margin: 5px; vertical-align: text-top; border: 1px solid #ccc; }


.content .quotesSmall {
    padding-top: 20px;
    background: transparent url(../../img/frontend/quotes-open-small.gif) no-repeat 20px 0;
}

.content .quotesSmall .close{
    height: 16px;
    width: 100%;
    margin-top: -1em;
    display: block;
    background: transparent url(../../img/frontend/quotes-close-small.gif) no-repeat right bottom;
}


/* Page Layout Bg's / Column widths */

hr.beforeBottom { padding: 0; margin: 0.5em auto; border: 0px; height: 1px; color: #000; background-color: #353535; border-top: 1px solid #353535; width:910px; }

.homePage {
    margin: 8px 0 0 0;
    padding: 20px 0 20px 0;
    background: transparent url(../../img/frontend/content_home_footer_bg_top.jpg) no-repeat top left;
    }

.homePage .columnLeft { margin: 0; padding: 0; width: 316px; float: left; }
.homePage .columnCenter { margin: 0; padding: 0; width: 234px; float: left;  border-left: solid 1px #353535; }
.homePage .columnRight { margin: 0; padding: 0; width: 400px; float: left; text-align: center; }
.homePage .content p  { margin: 0; padding: 0 30px 1em 40px; font-size: 0.9em; line-height: 1.4em; color: #7f7f7f; }

.homePage .content p.homeTweet {
    padding:0 30px 2em 0;
    margin-right:20px;
    padding:0 0 0 40px;
    background: transparent url(../../img/frontend/quotes-open.gif) no-repeat left top;
    font-size: 1.4em;
    line-height: 1.3em;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal;
}

.homePage .content p.homeTweet span { float: right; width:26px; height: 24px; background: transparent url(../../img/frontend/quotes-close.gif) no-repeat left top; }

/* ################################################################################# */
/* Left column page (Main content is on the right, with a narrow column on the left) */
.leftColPage {
    margin: 16px 0 0 0;
    background: transparent url(../../img/frontend/content_left_bg.jpg) repeat-y top left;
    }
.leftColPage div.boxTop { background: transparent url(../../img/frontend/content_left_bg_top.jpg) no-repeat top left; }
.leftColPage div.boxBtm { background: transparent url(../../img/frontend/content_left_bg_btm.jpg) no-repeat bottom left; }

.leftColPage .columnLeft { margin: 0; padding: 50px 0 0 0; width: 240px; float: left; }
.leftColPage .columnRight { margin: 0; padding: 0; width: 710px; float: left; }
.leftColPage .innerColumnLeft { margin: 0; padding: 10px 0 0 0; width: 390px; float: left; }
.leftColPage .innerColumnRight { margin: 0; padding: 10px 0 0 0; width: 300px; float: left; }

.leftColPage .columnLeft .hr { margin: 0 0 5px 0; height: 5px; border: 0; background: transparent url(../../img/frontend/left_col_hr.gif) no-repeat top left; }
.leftColPage .columnLeft .hr hr { display: none; }

.leftColPage .imgPadding { padding: 0 0 5px 10px; }
.leftColPage .bigText { color: #606060; font-size: 2.0em; font-family: Georgia, "Times New Roman", Times, serif; }

.leftColPage .columnLeft h3.current a, .leftColPage .columnLeft h3.current a:hover { background-position: top right; }
.leftColPage .columnLeft li.current a, .leftColPage .columnLeft li.current a:hover { font-weight: bold; color: #00a7f4; }

.leftColPage .columnLeft h3.current { background-position: top right; }
/* ################################################################################# */

/* ################################################################################## */
/* Right column page (Main content is on the left, with a narrow column on the right) */
.rightColPage {
    margin: 16px 0 0 0;
    background: transparent url(../../img/frontend/content_right_bg.jpg) repeat-y top left;
    }
.rightColPage div.boxTop { background: transparent url(../../img/frontend/content_right_bg_top.jpg) no-repeat top left; }
.rightColPage div.boxBtm { background: transparent url(../../img/frontend/content_right_bg_btm.jpg) no-repeat bottom left; }

.rightColPage .columnLeft { margin: 0; padding: 0; width: 735px; float: left; }
.rightColPage .columnRight { margin: 0; padding: 50px 0 0 0; width: 215px; float: left; }
.rightColPage .innerColumnLeft { margin: 0; padding: 10px 0 0 0; width: 350px; float: left; }
.rightColPage .innerColumnRight { margin: 0; padding: 10px 0 0 0; width: 350px; float: left; }

/* ################################################################################## */

/* ################################################################################## */
/* Right column page (Main content is on the left, with a narrow column on the right) */
.singleColPage {
    margin: 16px 0 0 0;
    background: transparent url(../../img/frontend/content_single_bg.jpg) repeat-y top left;
    }
.singleColPage div.boxTop { background: transparent url(../../img/frontend/content_single_bg_top.jpg) no-repeat top left; }
.singleColPage div.boxBtm { background: transparent url(../../img/frontend/content_single_bg_btm.jpg) no-repeat bottom left; }


/* ################################################################################## */


.subCols div {
    float: left;
}

.expertisePage .subColsLeft {
    width: 400px;
    padding: 0 0 0 20px;
}

.expertisePage .subColsRight {
    width: 280px;
    padding: 0;
}

.content .expertisePage .subColsRight ul li {
    padding-right: 0;
}

.wideImageContainer {
    width: 671px;
    height: 296px;
    background: url(../../img/frontend/content_wide_image_bg.jpg) no-repeat 0 0;
    padding: 10px 0 0 10px;
    margin: 10px 0 10px 30px;
}

/* Case Studies on expertisePage */

#caseStudies h2 {
    padding-left: 20px;
}

#caseStudies img {
    border: solid 1px #ccc;
    margin-left: 20px;
}
#caseStudies h3 {
    padding-top: 10px;
}

#caseStudies h3 a {
    text-decoration: none;
    color: #494949;
    font-weight: bold;
}

#caseStudies ul {
    margin: 0;
    padding: 0;
}

#caseStudies ul li {
    list-style: none;
    padding: 10px 20px 10px 0;
}

#caseStudies ul li p {
    list-style: none;
    padding-right: 0;
}

/* END: Case Studies on expertisePage */


/* About Us Page */

.aboutusPage .subCols p, {
    padding-left: 10px;
    padding-right: 15px;
}

.aboutusPage .subColsLeft {
    width: 445px;
    padding: 0 0 0 20px;
}

.aboutusPage .subColsRight {
    width: 435px;
    padding: 0 0 0 15px;
}

.aboutusPage .mediumImageContainer {
    width: 415px;
    height: 293px;
    padding: 10px;
    background: url(../../img/frontend/content_medium_image_bg.gif) no-repeat 0 0;
    margin-bottom: 40px;
}
/* END: About Us Page */




.featureImg {
    margin: 20px 0 30px 10px;
    width: 679px;
    background: transparent url(../../img/frontend/feature_img_bg.gif) repeat-y top left;
    }
.featureImg div.topEdge { padding: 10px 0 0 0; background: transparent url(../../img/frontend/feature_img_bg_top.gif) no-repeat top left; }
.featureImg div.btmEdge { height: 10px; clear: both; background: transparent url(../../img/frontend/feature_img_bg_btm.gif) no-repeat bottom left; }
.featureImg img { padding: 0 0 0 10px; }

.projectPage {
    margin: 16px 0 0 0;
    background: transparent url(../../img/frontend/content_left_bg.jpg) repeat-y top left;
    }
.projectPage div.boxTop { background: transparent url(../../img/frontend/content_left_bg_top.jpg) no-repeat top left; }
.projectPage div.boxBtm { background: transparent url(../../img/frontend/content_left_bg_btm.jpg) no-repeat bottom left; }

.projectPage .columnLeft { margin: 0; padding: 62px 0 0 0; width: 240px; float: left; }
.projectPage .columnRight { margin: 0; padding: 10px 0 0 0; width: 710px; float: left; }
.projectPage .innerColumnLeft { margin: 0; padding: 30px 0 0 0; width: 400px; float: left; }
.projectPage .innerColumnRight { margin: 0; padding: 20px 0 0 0; width: 289px; float: left; }


.projectPage .columnLeft .hr { margin: 0 0 5px 0; height: 5px; border: 0; background: transparent url(../../img/frontend/left_col_hr.gif) no-repeat top left; }
.projectPage .columnLeft .hr hr { display: none; }

h3.workURL a { text-decoration: none; }


.blogPage {
    margin: 1px 0 0 0;
    background: transparent url(../../img/frontend/content_blog_bg.jpg) repeat-y top left;
    }
.blogPage div.boxTop { background: transparent url(../../img/frontend/content_blog_bg_top.jpg) no-repeat top left; }
.blogPage div.boxBtm { background: transparent url(../../img/frontend/content_blog_bg_btm.jpg) no-repeat bottom left; min-height: 1000px; }

.blogPage .columnLeft { margin: 0; padding: 15px 20px 0 20px; width: 660px; float: left; }
.blogPage .columnRight { margin: 0; padding: 130px 0 0 0; width: 230px; float: left; }

.blogPage .columnRight .hr { margin: 0 0 5px 0; height: 5px; border: 0; background: transparent url(../../img/frontend/right_col_hr.gif) no-repeat top left; }
.blogPage .columnRight .hr hr { display: none; }

.comments { margin-left: 20px;}
.comments h3 { padding-left: 0px;}
.comments a { text-decoration: none; }
.comments p { padding-left: 0px; }

/* */

.innerColumn02 {
    margin: 0;
    padding: 0;
    width: 355px;
    float: left;
    }
.innerColumn03 {
    margin: 0;
    padding: 0;
    width: 236px;
    float: left;
    }


.smlTitle, .smlTitle a{
    margin: 0 0 10px 10px;
    padding: 0;
    width: 250px;
    height: 21px;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

.homePage .boxBtm h3 { margin: 0 0 5px 40px; padding: 0 0 5px 0; clear: both;}

.homePage .boxBtm h3.titleNews { margin-top: 20px;}

h3.titleNews a { display:block; margin:0; padding:0; background: transparent url(../../img/frontend/title_news.gif) no-repeat top left; width: 200px; }
h3.titleTweets a { display:block; margin:0; padding:0; background: transparent url(../../img/frontend/title_twitter.gif) no-repeat top left; width: 200px; }
h3.titleContact { width: 150px; }
h3.titleContact a { display:block; margin:0; padding:0; background: transparent url(../../img/frontend/title_contact.gif) no-repeat top left; width: 150px; }


.featureSection {
    margin: 16px 0 10px 0;
    height: 621px;
    position: relative;
    background: transparent url(../../img/frontend/feat_bg.jpg) no-repeat top left;
    }
.featureSection .columnLeft { margin: 0; padding: 30px 0 0 40px; width: 415px; float: left; }
.featureSection .columnRight { margin: 0; padding: 30px 0 0 0; width: 488px; float: left; background: transparent url(../../img/frontend/sml_client_tile_bg.gif) no-repeat top left; }

.featureSection .columnLeft ul {
    margin: 0;
    padding: 0 0 0 5px;
    width: 190px;
    float: left;
    }
.featureSection .columnLeft ul li { list-style-position: inherit; margin: 0 0 0 10px; padding: 0 20px 10px 0; font-size: 1em; line-height: 1.4em; color: #3E3E43;}

.featureSection a { color: #212121; font-size: 1em; }

.featureSection h3 {
    font-family: gotham-book, helvetica, sans-serif;
    padding: 0 0 10px 0;
    letter-spacing: -1px;
    font-size:2em;
    font-weight:normal;
}


.introText {
    width: 470px;
    height: 360px;
    float: left;
    }

.introText p.preTitle {
    font-family: gotham-book, helvetica, sans-serif;
    color: #00c3ff;
    font-size: 2.5em;
    line-height: 1em;
    padding: 32px 0 10px 40px;
    letter-spacing: -1px
}

.introText h2 {
    font-family: gotham-book, helvetica, sans-serif;
    font-size: 1.6em;
    line-height: 1.4em;
    padding: 10px 0 15px 40px;
}

.introText .highlightBg { background: #feffc0; font-size: 1em; padding: 2px 0;}

.introText p { margin: 0; padding: 0 30px 1em 40px; font-size: 1.2em; line-height: 1.4em; color: #3e3e43; }

.btnViewWork {
    margin: 0px 0 15px 0px;
    padding: 0;
    width: 243px;
    height: 45px;
    float: left;
    display: block;
    background: transparent url(../../img/frontend/btn_view_work.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

.slideshowContainer {
    margin: 0;
    padding: 29px 0 0 64px;
    width: 353px;
    height: 330px;
    float: left;
    overflow:hidden;
    }

#ourWorkSlideshow {
    width:353px;
    height:330px;
    padding: 0;
    margin: 0;
    float: none;
    overflow: hidden;
    position: relative;
}

#ourWorkSlideshow li {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
}

.smlClientTile {
    padding: 0;
    margin: 0 0 8px 8px;
    _margin: 0 4px 8px 4px;
    width: 152px;
    height: 89px;
    float: left;
    }

p.homeBlogItem span { font-size: 1.2em; color: #c4c4c4; }
p.homeBlogItem { color: #00bbf5; }

/* Left Column - Project Grid / Project View */

h3.sideBarTitleFeatured, h3.sideBarTitleIndustry, h3.sideBarTitleCapabilities, h3.sideBarTitleClients  {
    margin: 0;
    padding: 0 0 5px 0;
    }
    
h3.sideBarTitleIndustry, h3.sideBarTitleCapabilities {
    margin: 0 0 5px 0;
    }
    
.sideBarTitleFeatured a, .sideBarTitleIndustry a, .sideBarTitleIndustry, .sideBarTitleCapabilities a, .sideBarTitleClients a  {
    margin: 0;
    padding: 0;
    width: 240px;
    height: 39px;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
.sideBarTitleFeatured a { background: transparent url(../../img/frontend/blue_side_title_featured.gif) no-repeat top left; }
.sideBarTitleIndustry { background: transparent url(../../img/frontend/blue_side_title_industry.gif) no-repeat top left;  }
.sideBarTitleCapabilities { background: transparent url(../../img/frontend/blue_side_title_capabilities.gif) no-repeat top left; }
.sideBarTitleClients a { background: transparent url(../../img/frontend/blue_side_title_clients.gif) no-repeat top left; }
.sideBarTitleFeatured a:hover, .sideBarTitleIndustry a:hover, .sideBarTitleCapabilities a:hover, .sideBarTitleClients a:hover  { background-position: top center; }

/* Client Grid */

.clientsGridWrap { margin: 0; padding: 20px 0 40px 10px; width: 699px; }

.clientsGridWrap .gridItem {
    margin: 0 10px 14px 4px;
    padding: 0;
    width: 213px;
    height: 110px;
    text-align: center;
    float: left;
    /* background: transparent url(../../img/frontend/grid_item_bg.gif) no-repeat top left; */
    background-color: #f7f7f9;
    }
.clientsGridWrap .gridItem img { margin: 15px 0 0 0; }
.clientsGridWrap .gridItem p   { padding: 3px 20px 0 5px; color: #3a3a3a; font-size: 0.9em; }
.clientsGridWrap .gridItem a   { color: #000; text-decoration: none; }
.clientsGridWrap .gridItem a:hover { color: #000; text-decoration: underline; }



/* Project Grid */

.gridWrap { margin: 0; padding: 20px 0 40px 10px; width: 699px; }

.gridWrap .gridItem {
    margin: 0 10px 14px 4px;
    padding: 0;
    width: 213px;
    height: 130px;
    float: left;
    background: transparent url(../../img/frontend/grid_item_bg.gif) no-repeat top left;
    }
.gridWrap .gridItem img { padding: 5px 0 0 5px; }
.gridWrap .gridItem p   { padding: 2px 20px 0 5px; color: #3a3a3a; font-size: 0.9em; line-height: 1.2em; }
.gridWrap .gridItem a   { color: #000; text-decoration: none; }
.gridWrap .gridItem a:hover { color: #000; text-decoration: underline; }

/* Project View */

.projectScreenshots {
    padding: 10px 0;
    margin: 10px 0 0 10px;
    width: 679px;
    height: 320px;
    background: transparent url(../../img/frontend/project_bg.gif) no-repeat top left;
}
.screenshot {
    margin: 0 0 0 30px;
}
.projectScreenshots .screenshotNavWrap {
    margin: 10px 0 0 0;
    float: right;
    height: 21px;
    min-width: 166px;
}
.projectScreenshots .screenshotNav {
    padding: 4px 10px 0 10px;
    background-color: #83ddff;
    font-size: 0.9em;
}
.projectScreenshots .screenshotNav p { padding: 0; color: #000; }
.projectScreenshots .screenshotNav a {
    padding: 1px 4px;
    color: #000;
    text-decoration: none;
}
.projectScreenshots .screenshotNav a:hover {
    color: #000;
    text-decoration: none;
    background-color: #69d1ff;
}
.projectScreenshots .screenshotNav a.current, .projectScreenshots .screenshotNav a:hover.current,
.projectScreenshots .screenshotNav a.activeSlide, .projectScreenshots .screenshotNav a:hover.activeSlide {
    padding: 1px 4px;
    color: #fff;
    text-decoration: none;
    background-color: #43c0ff;
}

.spiffy{
    display: block;
}
.spiffy * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background: #83ddff;
}
.spiffy1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #c9f0ff;
    border-right: 1px solid #c9f0ff;
    background: #a2e5ff;
}
.spiffy2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #f2fbff;
    border-right: 1px solid #f2fbff;
    background: #9ae3ff;
}
.spiffy3 {
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #9ae3ff;
    border-right: 1px solid #9ae3ff;
}
.spiffy4 {
    border-left: 1px solid #c9f0ff;
    border-right: 1px solid #c9f0ff;
}
.spiffy5 {
    border-left: 1px solid #a2e5ff;
    border-right: 1px solid #a2e5ff;
}

.projectQuote {
    margin: 0;
    padding: 40px 0 0 0;
    width: 299px;
    background: #fafafa url(../../img/frontend/project_quote_bg_top.gif) no-repeat top left;
    }
.projectQuote p { margin: 0; padding: 0 40px 1em 40px; font-size: 1.2em; line-height: 1.4em; color: #7f7f7f; font-family: Georgia, "Times New Roman", Times, serif }
.projectQuote .endQuote { height: 96px; background: transparent url(../../img/frontend/project_quote_bg_btm.gif) no-repeat bottom left; }


.smlGridWrap { margin: 40px 0 0 0; padding: 20px 0 40px 10px; width: 699px; float: left; background: transparent url(../../img/frontend/project_grid_bg.gif) no-repeat top center; }

.smlGridWrap .gridItem {
    margin: 0 10px 14px 4px;
    padding: 0;
    width: 133px;
    height: 95px;
    float: left;
    background: transparent url(../../img/frontend/grid_item_bg.gif) no-repeat top left;
    }
.smlGridWrap .gridItem img { padding: 5px 0 0 5px; }
.smlGridWrap .gridItem p   { padding: 2px 0 0 5px; color: #3a3a3a; font-size: 0.9em; line-height: 1em; }
.smlGridWrap .gridItem a   { color: #000; text-decoration: none; }
.smlGridWrap .gridItem a:hover { color: #000; text-decoration: underline; }

.smlGridWrap .moreLink {
    margin: 74px 0 0 0;
    padding: 4px 0 5px 0;
    display: block;
    float: left;
    text-align: center;
    width: 50px;
    font-size: 0.9em;
    text-decoration: none;
    color: #000;
    background: transparent url(../../img/frontend/project_grid_more.gif) no-repeat top left;
    }
.smlGridWrap .moreLink:hover{
    text-decoration: underline;
    color: #000;
    }

/* Blog */

h2.blogTitle {
    margin: 54px 0 5px 15px;
    padding: 0;
    width: 330px;
    height: 59px;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    background: transparent url(../../img/frontend/title_monkii_blog.gif) no-repeat top left;
    }

.blogPage .content h3.articleTitle { margin: 0; padding: 25px 50px 0 20px; font-size: 2em; line-height: 1.4em; font-weight: normal; color: #2a2a2a; font-family: Georgia, "Times New Roman", Times, serif; }

.blogPage .date {
    margin: 0 10px 10px 20px;
    _margin: 0 10px 10px 10px;
    width: 60px;
    height: 70px;
    float: left;
    color: #00b8fd;
    background: transparent url(../../img/frontend/blog_date_box.gif) no-repeat top left;
    }
.blogPage .date span {
    padding: 5px;
    display: block;
    text-align: right;
    }
.blogPage .date strong { font-size: 44px; font-weight: normal; }
/* */

.innerFooter { clear: both; height: 30px; }
.footerArea {
    margin: 0;
    padding: 0;
    width: 951px;
    clear: both;
    }
.footerArea img {
    float: left;
    }
.footerArea p {
    margin: 0;
    padding: 10px 10px 1em 10px;
    font-size: 0.8em;
    line-height: 1.3em;
    color: #777777;
    }
.footerArea p a { padding: 0 0 0 5px; color: #777777; text-decoration: none; }
.footerArea p a:hover { color: #777777; text-decoration: underline; }

/* Menu */

.mainMnu {
    margin: 11px 0 0 0;
    padding: 0;
    width: 535x;
    height: 41px;
    float: right;
    }
.mainMnu ul {
    margin: 0;
    padding: 0 0 0 0;
    height: 41px;
    list-style-type: none;
    }
.mainMnu ul li {
    margin: 0;
    padding: 0;
    float: left;
    }
.mainMnu ul li a {
    margin: 0;
    padding: 0;
    display: block;
    _float: left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    height: 41px;
    background-position: top left;
    background-repeat: no-repeat;
    }
.mainMnu ul li a:hover {
    background-position: bottom left;
    /*overflow: hidden;*/
    }
/*Hide from Mac IE\*/
.mainMnu ul li a {
    overflow: hidden;
    }
/*End hide*/

.mainMnu #mnuItem01 { background-image: url(../../img/frontend/main_mnu_01.gif); width: 112px; }
.mainMnu #mnuItem02 { background-image: url(../../img/frontend/main_mnu_02.gif); width: 112px; }
.mainMnu #mnuItem03 { background-image: url(../../img/frontend/main_mnu_03.gif); width: 70px; }
.mainMnu #mnuItem04 { background-image: url(../../img/frontend/main_mnu_04.gif); width: 112px; }
.mainMnu #mnuItem05 { background-image: url(../../img/frontend/main_mnu_05.gif); width: 105px; }
.mainMnu #mnu-careers { background-image: url(../../img/frontend/mnu-careers.gif); width: 95px; }


.mainMnu a.current, .mainMnu a:hover.current { background-position: top right; }

/* */

.leftSideNav {
    margin: 0;
    padding: 0;
    }
.leftSideNav ul {
    margin: 0;
    padding: 0px 0 10px 20px;
    _padding: 0px 0 10px 5px;
    list-style-type: none;
    }
.leftSideNav ul li {
    margin: 0;
    _padding: 0 0 0 15px;
    _line-height: 10px;
    list-style-type: none;
    }
.leftSideNav ul li a {
    margin: 0;
    padding: 2px 0;
    _padding: 0;
    color: #595959;
    display: block;
    text-decoration: none;
    }
.leftSideNav ul li a:hover {
    color: #595959;
    text-decoration: underline;
    }


.rightSideNav {
    margin: 0;
    padding: 0;
    }
.rightSideNav ul {
    margin: 0;
    padding: 0px 0 10px 20px;
    list-style-type: none;
    }
.rightSideNav ul li {
    margin: 0;
    padding: 0;
    _line-height: 10px;
    float: left;
    width: 150px;
    list-style-type: none;
    }
.rightSideNav ul li a {
    margin: 0;
    padding: 2px 0;
    _padding: 4px 0;
    color: #595959;
    display: block;
    text-decoration: none;
    }
.rightSideNav ul li a:hover {
    color: #595959;
    text-decoration: underline;
    }

/* */

form fieldset { padding: 0; border: 0; }


/* Forms */

form.standardForm {
	margin: 0;
	padding: 0 0 0 9px;
	font-size: 11px;
	position: relative;
	color: #48494c;
	}
form.standardForm fieldset { margin: 0; padding: 0; border: 0;  }
form.standardForm legend span {
    margin: 0;
    padding: 15px 0 0 10px;
    font-size: 16px;
    color: #1e1e1e;
    height: 55px;
    width: 730px;
    _width: 720px;
    background: transparent url(../../img/frontend/form_legend_bg.gif) no-repeat top left;
    *left: -6px;
    *font-weight: bold;
    position: relative;
    display: block;

    }

form.standardForm input.field { padding: 2px; width: 320px; }
form.standardForm input.fieldNarrow { padding: 2px; width: 150px; }
form.standardForm select { }
form.standardForm textarea {
	margin: 0 0 10px 0;
	width: 300px;
	height: 150px;
	}
form.standardForm dl {
	margin: 0;
	padding: 30px 0 0 20px;
	/*width: 519px;*/
	display: block;
	clear: both;
	}
form.standardForm dt, form.standardForm dd {
	margin: 0 0 10px 0;
	padding: 0px;
	float: left;
	display: inline;
	line-height: 30px;
	*line-height: 25px;
	}
form.standardForm dt {
	width: 120px;
	padding: 0 10px 0 0;
	text-align: left;
	clear: both;
	}
form.standardForm dd {
	width: 360px;
	}
form.standardForm dd.grid label {
	width: 90px;
	float: left;
	display: block;
	}
form.standardForm dd.grid label.wide {
	width: 185px;
	}

form.standardForm label { margin: 0; padding: 0 0 0 0; }
form.standardForm p { margin: 0; padding: 0 30px 1em 20px; font-size: 1em; line-height: 1.4em; color: #1e1e1e; }

form.standardForm dd.submit { padding: 58px 0 0 0; width: 200px; }
form.standardForm dd.submit button { margin: 10px 0; }

form.standardForm dd.submit button.cancel,
form.standardForm dd.submit button.save,
form.standardForm dd.submit button.submit,
form.standardForm dd.submit button.signin {
    margin: 10px 3px 0 3px;
    padding: 0;
    width: 54px;
    height: 17px;
    display: block;
    float: left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    }
form.standardForm dd.submit button.cancel {
    background: transparent url(../../img/frontend/btn_cancel.gif) no-repeat top left;
    }
form.standardForm dd.submit button.save {
    background: transparent url(../../img/frontend/btn_save.gif) no-repeat top left;
    }
form.standardForm dd.submit button.submit {
    background: transparent url(../../img/frontend/btn_submit.gif) no-repeat top left;
    }
form.standardForm dd.submit button.signin {
    background: transparent url(../../img/frontend/btn_signin.gif) no-repeat top left;
    }
form.standardForm sup.req {
	vertical-align: baseline;
	font-size: 1.1em;
	color: #cc2200;
	}
form.standardForm span { padding: 8px 0 1em 0; line-height: 1.3em; font-size: 11px; display: block; }
form.standardForm h3 { margin: 0; padding: 0 0 0 1px; color: #1e1e1e; font-size: 13px; font-weight: bold; }

form.standardForm .hr { clear: both; margin: 0 0 10px 0; padding: 0; border-top: 1px solid #578cbb; border-bottom: 1px solid #fff; }
form.standardForm .hr hr { display: none; }

form.standardForm dt.blank { clear: both; }

form.standardForm dt.fauxColStart        { clear: both; height: 26px; }
form.standardForm dt.fauxCol             { clear: none; padding: 0 0 0 5px; width: 85px; height: 26px; }
form.standardForm dt.fauxCol label       { padding: 0 0 0 5px; }
form.standardForm dd.fauxCol             { width: 120px; height: 26px; }
form.standardForm dd.fauxCol input.field { padding: 2px; width: 110px; }
form.standardForm dd.fauxCol select      { width: 110px; }

form.threeColForm dt.fauxColStart        { clear: both; height: 26px; }
form.threeColForm dt.fauxCol             { clear: none; float: left; width: 80px; height: 26px; }
form.threeColForm dt.fauxCol label       { padding: 0 0 0 5px; }
form.threeColForm dd.fauxCol             { width: 180px; height: 26px; }
form.threeColForm dd.fauxCol input.field { padding: 2px; width: 150px; }
form.threeColForm dd.fauxCol select      { width: 110px; }

form.standardForm dt.wideLabel { width: 375px; }
form.standardForm dd.wideLabel { width: 100px; }
form.standardForm dt.wideLabel span { text-align: left; }

form.standardForm dd.wideDD { width: 500px; }

form.standardForm dd.clr, form.standardForm dd.fauxColEnd {  clear: both; margin: 0; padding: 0px; width: 600px; height: 0; overflow: hidden; display: block; float: none; position: relative; } /* DUE TO IE EPIC FAIL */

form.standardForm dl.wideTextForm dt { width: 400px; }
form.standardForm dl.wideTextForm dd { width: 100px; }
form.standardForm dl.wideTextForm dd textarea {
	margin: 0 0 0 0;
	width: 280px;
	height: 80px;
	}

h2.imageText {
    margin: 15px 0 0 0;
}

object { outline:none; }




/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-clip-horizontal {
width: 100%;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 353px;
    height: 330px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




/* Careers Section */

div#careers.vacancy { margin:0 20px 0 0; }
div#careers div.smlGridWrap { margin:20px 0 0 0; padding-bottom:20px; }
div#careers.vacancy div.left { float:left; width:335px; margin:0 0 20px 0; }
div#careers.vacancy div.right { float:right; width:350px; margin:0 0 20px 0; }
div#careers.vacancy div.clear { clear:both; height:15px; }
div#careers.vacancy ul { margin:0 0 0 0; }

h2.sideBarTitleCareers { background:url('../../img/frontend/hdr-careers.gif') transparent no-repeat; margin:0 0 0 20px; text-indent:-9999px; padding:0 0 5px 0; }

h1, h2, .highlightBg, .preTitle { visibility:hidden; }