/*------------------ display stylesheet ------------------ */

html {
overflow-y:scroll;
}

body {
margin:0 0 10px 0;
padding:0px;
color:#5e5e5e;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:url(../img/wallpaper01.gif) fixed;
line-height:1.5em;
font-size:80%;
}
		
a {
color:#5e5e5e;
outline:none;
}	

p {
margin-bottom:15px;
}

.clear {
clear:both;
}

img {
border:none;
}

h2 {
margin:0;
padding:0;
}

ul {
margin:0;
padding:0;
}

.noMargin {
margin:0;
padding:0;
}


/*---------- general styles ---------- */

#wrapper {
width:908px;
margin:0 auto;
text-align:left;
background:url(../img/bgdGrad.png) repeat-y;
}

#header {
margin-bottom:17px;
padding:16px 29px 0 29px;
}

#mainNav {
background:#8fc9de;
height:28px;
margin:0 4px 25px 4px;
padding:7px 0 0 29px;
}

#mainNav li {
list-style-type:none;
margin:0 32px 0 0;
float:left;
}

#mainNav #navHome a {
background:url('../img/navHome.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:10px; /* for IE5.5's bad box model */
overflow:hidden;
padding:22px 0 0 0;
width:55px;
}
 
#mainNav #navHome a:hover {
background-position:0 -22px;
}  

#mainNav #navOurWork a {
background:url('../img/navOurWork.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:10px; /* for IE5.5's bad box model */
overflow:hidden;
padding:22px 0 0 0;
width:102px;
}
 
#mainNav #navOurWork a:hover {
background-position:0 -22px;
}  

#mainNav #navContactUs a {
background:url('../img/navContactUs.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:10px; /* for IE5.5's bad box model */
overflow:hidden;
padding:22px 0 0 0;
width:116px;
}
 
#mainNav #navContactUs a:hover {
background-position:0 -22px;
}  

#mainNav #navBlog a {
background:url('../img/navBlog.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:10px; /* for IE5.5's bad box model */
overflow:hidden;
padding:22px 0 0 0;
width:51px;
}
 
#mainNav #navBlog a:hover {
background-position:0 -22px;
}  

#contentHome {
padding:0 29px 0 29px;
width:908px;
}

#contentClients {
padding:0 29px 4px 29px;
width:908px;
}

#contentWork {
padding:0 29px 12px 29px;
width:908px;
}

#contentContact {
padding:0 29px 30px 29px;
font-size:12px;
line-height:1.4em;
width:908px;
}

#leftCol {
width:580px;
margin-right:25px;
float:left;
}

#rightCol {
width:245px;
float:left;
}

#footer {
background:#dedede;
font-size:10px;
width:900px;
margin:0 4px;
text-align:center;
padding:4px 0;
font-family:Arial, Helvetica, sans-serif;
}

#footerNavArea {
margin:0 auto;
text-align:center;
width:327px;
}

#footerCopyright {
float:left;
width:126px;
}

#footerNav {
float:left;
width:181px;
margin-right:20px;
}

#footerNav li {
list-style-type:none;
margin:0;
float:left;
padding-right:5px;
}

#footerNavContact {
margin-right:0;
padding-right:0!important;
}

.footerDivider {
margin:0 0 0 5px;
}

#footerBottom {
background:url(../img/footerBottom.png) no-repeat;
height:7px;
margin:0 auto;
width:908px;
}

#logoArea {
float:left;
display:block;
width:580px;
}

#newsletterArea {
float:right;
margin-top:93px;
height:29px;
}

#newsletter {
display:block;
margin-bottom:5px;
margin-left:131px;
}

.newsletterInput {
font-size:11px;!important;
font-family:Arial, Helvetica, sans-serif;
float:left;
display:block;
margin-right:5px;
}

.newsletterBtn {
float:left;
display:block;
}

#newsletterSubscribed {
font-size:10px;
}

.validation-advice {
font-size:11px;
color:#FF0000;
}

#adviceArea {
height:10px;
}

#author {
margin-right:5px;
}

#comment {
display:inline;
height:117px;
}

#advice-required-jtiylu-jtiylu, #advice-validate-email-jtiylu-jtiylu, #advice-validate-email-email, #advice-required-email, #advice-required-author, #advice-required-comment {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
line-height:1em;
padding-top:2px;
opacity:1!important;
color:#8FC9DE;
}

#commentThanks {
font-weight:bold;
}


/*---------- home styles ---------- */

#homeIntro {
background:url(../img/homeIntro.jpg) no-repeat;
width:580px;
height:107px;
display:block;
text-indent:-100em;
overflow:hidden;
margin-bottom:22px;
}

.leftColHeader {
height:20px;
width:569px;
background:#8fc9de;
padding:5px 0 0 11px;
}

h2#newsHeader {
background:url(../img/headerNews.jpg) no-repeat;
width:40px;
height:16px;
overflow:hidden;
text-indent:-100em;
}

.rightColHeader {
width:234px;
background:#5e5e5e;
height:20px;
padding:5px 0 0 11px;
margin-bottom:15px;
}

h2#clientsHeader {
background:url(../img/headerClients.jpg) no-repeat;
width:57px;
height:16px;
overflow:hidden;
text-indent:-100em;
}

h2#servicesHeader {
background:url(../img/headerServices.jpg) no-repeat;
width:70px;
height:16px;
overflow:hidden;
text-indent:-100em;
}

#clientLogos {
margin:0 auto;
display:block;
text-align:center;
width:245px;
margin-bottom:30px;
}

#serviceWebsites {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceWebsites.jpg) no-repeat;
height:19px;
}

#serviceEmail {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceEmail.jpg) no-repeat;
height:19px;
}

#serviceBanner {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceBanner.jpg) no-repeat;
height:19px;
}

#serviceSocial {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceSocial.jpg) no-repeat;
height:19px;
}

#serviceWidgets {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceWidgets.jpg) no-repeat;
height:19px;
}

#serviceVideo {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceVideo.jpg) no-repeat;
height:19px;
}

#serviceAnimation {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceAnimation.jpg) no-repeat;
height:19px;
}

#serviceBlogs {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceBlogs.jpg) no-repeat;
height:19px;
}

#serviceGames {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceGames.jpg) no-repeat;
height:19px;
}

#serviceCreative {
text-indent:-100em;
overflow:hidden;
background:url(../img/serviceCreative.jpg) no-repeat;
height:19px;
}

#services {
margin-bottom:19px;
}

#services li {
padding-bottom:11px;
}



/*---------- blog styles ---------- */

#blogArea {
font-size:12px;
margin-bottom:30px;
}

#comment_list li {
list-style:none;
border-bottom:1px dotted #dedede;
margin-bottom:15px;
padding-bottom:5px;
}

#email {
margin-right:5px;
}

#submit {
margin-top:10px;
}

#blogArea h2 a {
text-decoration:none;
color:#8fc9de;
font-size:26px;
font-weight:bold;
}

#blogArea h2 {
text-decoration:none;
color:#8fc9de;
font-size:26px;
font-weight:bold;
margin-top:25px;
margin-bottom:10px;
}

h3#commentHeader {
text-decoration:none;
color:#8fc9de;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

.commentLabelLong {
display:block;
}

#comments {
font-size:11px;
border-top:1px solid #dedede;
margin-top:20px;
padding-top:20px;
}

.commentLabel {
width:35px;
float:left;
display:block;
}

.commentInput {
float:left;
display:block;
font-size:11px;
width:200px;
}

#postCommentHeader {
margin-bottom:10px;
color:#8fc9de;
font-weight:bold;
}

.commentInputArea {
height:30px;
}

.commentInputAreaLong {
height:100px;
}

.commentLabelLong {
display:block;
}

.commentInputLong {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:350px;
}

.commentInputAreaLong {
height:140px
}

.commentPosted {
color:#999999;
margin-bottom:5px;
font-weight:bold;
}

.commentAuthor {
color:#999999;
}

.commentPosted a {
text-decoration:none;
color:#999999;
}

.commentDate {
color:#999999;
}

.articleDate {
font-weight:bold;
margin-bottom:10px;
}

.commentsLink {
font-size:11px;
}

.article {
border-bottom:1px solid #dedede;
margin-bottom:10px;
padding-bottom:25px;
}

#commentsHeader {
float:left;
width:510px;
}

.commentsBack {
float:right;
margin-top:25px;
}


/*---------- twitter styles ---------- */

#twitterFeed ul ul {
display:inline;
}

#twitterFeed {
margin-bottom:30px;
}

#twitterFeed ul li {
list-style:none;
padding:0;
margin:0;
line-height:1.4em;
}

.blogImage {
margin-top:5px;
}

h2#twitterHeader {
background:url(../img/headerTwitter.jpg) no-repeat;
height:15px;
width:62px;
overflow:hidden;
text-indent:-100em;
float:left;
margin:5px 5px 0 11px;
}

.twitterHeaderArea {
width:245px;
background:#5e5e5e;
height:25px;
margin-bottom:10px;
}

#twitterBird {
float:left;
margin-top:2px;
padding-right:5px;
}

#twitterLinkText {
float:left;
}

#twitterFeed {
font-size:11px;
line-height:1.1em;
}

.aktt_tweets ul {
margin:0;
padding:0;
}

.aktt_tweets li {
margin:0 auto 15px auto!important;
padding:5px!important;
list-style:none;
background:#ebebeb;
}

.aktt_tweets li a {
display:inline;
}

.aktt_tweet_time {
font-size:11px;
display:block!important;
text-decoration:none;
color:#8fc9de;
font-weight:bold;
margin-top:5px;
}

#aktt_tweet_posted_msg {
display:none;
}

.aktt_more_updates {
display:none;
}

#twitterLink {
font-size:12px;
text-decoration:none;
margin-bottom:10px;
}

#twitterLink a {
font-weight:bold;
}



/*---------- work styles ---------- */

h2.clientHeader {
background:#5e5e5e;
height:19px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
width:259px;
margin:0;
padding:6px 0 5px 7px;
font-size:16px;
}

.clientRow {
margin-bottom:26px;
}

.clientArea {
margin-right:26px;
float:left;
}

.clientAreaLast {
margin-right:0!important;
}

.clientImage {
width:266px;
height:141px;
}

#clientImageMicrosoft {
background:url(../img/clientMicrosoft_kirill.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageMySpace {
background:url(../img/clientMySpace_family.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageJohnsonJohnson {
background:url(../img/clientJohnsonJohnson_celia.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageTourismAustralia {
background:url(../img/clientTourismAustralia_ask.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageESkills {
background:url(../img/clientEskills_ruddy.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageTopman {
background:url(../img/clientTopman_denim.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImagePenguin {
background:url(../img/clientPenguin_jamie.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageVSO {
background:url(../img/clientVSO_skill.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageEMI {
background:url(../img/clientEMI_kylie.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageNivea {
background:url(../img/clientNivea_sun.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageLonghouse {
background:url(../img/clientLonghouse_website.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageHarperCollins {
background:url(../img/clientHarperCollins_chasing.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageLuckyVoice {
background:url(../img/clientLuckyVoice_website.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageConversion {
background:url(../img/clientConversion_website.jpg) no-repeat;
width:266px;
height:141px;
}

#clientImageBoots {
background:url(../img/clientBoots_nail.jpg) no-repeat;
width:266px;
height:141px;
}

.clientCopyLinkArea {
height:141px;
display:block;
}

.clientCopyArea {
/*background:rgba(100, 100, 100, 0.8);*/
background:transparent;
background:url(../img/bgdGrey.png);
width:266px;
display:block;
font-size:13px;
}

a.clientCopyLinkArea {
text-decoration:none!important;
}

.clientCopy {
width:252px;
margin:0 auto;
padding:7px 0;
color:#ffffff;
}

.clientCopy ul {
list-style:disc!important;
padding-left:16px;
}



/*---------- work styles ---------- */

#contentWork a {
color:#8fc9dd;
text-decoration:none;
}

.workParaLink {
margin-bottom:2px;
}

#contentWork a:hover {
text-decoration:underline;
}

#leftColWork {
width:582px;
margin-right:23px;
float:left;
}

#rightColWork {
width:245px;
float:left;
}

#workHeaderArea {
background:#5e5e5e;
height:19px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
width:839px;
margin:0;
padding:6px 0 5px 11px;
font-size:16px;
margin-top:25px;
}

h2#workHeader {
float:left;
}

#workBack {
float:right;
padding-right:11px;
padding-top:2px;
}

#projectNav {
width:235px;
margin-bottom:20px;
margin-top:25px;
}

#projectNav li {
list-style-type:none;
margin:0 0 1px 0;
height:24px;
background:#d5d5d5;
width:245px;
padding:0;
}

#projectNav li a {
width:231px;
height:17px;
display:block;
color:#5e5e5e;
text-decoration:none;
font-weight:bold;
font-size:13px;
padding:2px 7px 5px 7px;
}

#projectNav li a:hover {
background:url(../img/projectNav_on.jpg);
color:#FFFFFF;
}

#workImageArea {
margin-top:25px;
}

.workImage {
border:1px solid #CCCCCC;
margin-bottom:40px;
}

#projectTitle {
font-size:15px;
font-weight:bold;
margin-bottom:10px;
margin-top:25px;
}

#projectInfo {
font-size:12px;
}

#projectInfo li {
margin-left:15px;
margin-bottom:10px;
}

.flashContentArea {
margin-bottom:40px;
background:#e0f6fe;
width:582px;
padding-top:25px;
padding-bottom:25px;
text-align:center;
}



/*---------- contact styles ---------- */

h2#contactHeader {
background:url(../img/headerContact.jpg) no-repeat;
width:83px;
height:16px;
overflow:hidden;
text-indent:-100em;
}

#contactEmail {
color:#8fc9dd;
margin-bottom:10px;
display:block;
}

.contactLabel {
font-weight:bold;
}

#contactAddress {
margin-bottom:10px;
}

a#contactEmail {
text-decoration:none;
}

a#contactEmail:hover {
text-decoration:underline;
}