/* CSS Document by Wai Lun Lam @ zeroface.com */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #73919F;
}
p, ul, li {
	margin-top: 0px;
}
.down {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

.up {
	position: relative;
	top: 0.3em;
	font-size: 0.8em;
}
.10pt-text {
	font-size: 10px;
}
.white-text {
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color: #244A70;
	font-weight: bold;
}
a:visited {
	color: #244A70;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}


#flickrLayer {
	position:absolute;
	left:692px;
	top:677px;
	z-index:4;
	background-repeat: no-repeat;
}
#maskLayer1 {
	position:absolute;
	left:13px;
	top:378px;
	width:418px;
	height:380px;
	z-index:3;
	background: #93B5C7;
}

#portraitMainText, #portraitsRichText, #portraitsChrisText, #portraitsRachelText, #portraitsEwenText, #portraitsJonnieText {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	position:absolute;
	left:30px;
	top:385px;
	width:400px;
	height:363px;
	z-index:2;
	overflow: auto;
}


#wrapper {
	position: relative;
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background: #93B6C7;
}
#ContentWrapperHome {
	position: relative;/* necessary for absolute placement of Twitter status */
	width: 980px;
	background-color:#ffffff;
	margin-bottom:120px;
	/*background: #93B5C7 url(../images/homeBackground.jpg) no-repeat left top;*/
}
#ContentWrapperClient {
	width: 980px;
	background: #93B5C7 url(../images/workBackground.gif) no-repeat left top;
	height: 650px;
}
#ContentWrapperWork {
	width: 980px;
	background: #93B5C7 url(../images/workBackground.gif) no-repeat left top;
	height: 650px;
}
#ContentWrapperWho {
	width: 980px;
	background: #93B5C7 url(../images/workBackground.gif) no-repeat left top;
	height: 650px;
}
#ContentWrapperContact {
	width: 980px;
	background: #93B5C7 url(../images/workBackground.gif) no-repeat left top;
	height: 650px;
}
#ContentWrapperMap {
	width: 980px;
	background: #93B5C7 url(../images/workBackground.gif) no-repeat left top;
}
#ContentWrapperOther {
	width: 980px;
	background: #93B5C7 url(../images/workBackground.gif) no-repeat left top;
}
#mainContent {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 240px 30px 30px;
	width: 430px;
	float: left;
}
#mainContentMedia {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 240px 30px 30px;
	width: 430px;
	float: left;
	position: absolute;
}
#mainContentOther {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 400px;
	float: left;
	padding-top: 240px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#mainContentHome {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 30px 0px 30px 40px;
	width: 620px;
	white-space: normal;
}
#headline {
	margin-bottom:1.5em;
}
#mainContentHome p {
	font-size:1.1em;
}
#mainContentClients {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 245px 0px 30px 30px;
	width: 320px;
	float: left;
}

#rightContent {
	float: right;
	padding: 30px 45px 40px 0px;
	text-align: center;
}
#rightContentMedia {
	text-align: center;
	padding-top: 150px;
	padding-right: 0px;
	padding-left: 401px;
	position: absolute;
}
#rightContentWho {
	padding: 89px 0px 0px 430px;
	text-align: center;
	position: absolute;
}

#rightContentContact {
	float: right;
	text-align: center;
	z-index: 10;
	visibility: visible;
	margin-top: 170px;
}
#rightContentMap {
	float: right;
	padding: 240px 45px 40px 0px;
	text-align: center;
}
#rightContentHome {
	padding: 30px 30px 40px 0px;
	text-align: center;
	float: right;
}

#rightContentClients {
	float: right;
	padding: 0px;
	text-align: center;
}
#rightContentFree {
	float: right;
	text-align: center;
	margin-top: 220px;
	visibility: visible;
	z-index: 10;
	padding-right: 50px;
}
#footer {
	clear: both;
	color: #73919F;
}
#header2 {
	z-index: auto;
	background: url(../images/header2.gif);
	height: 215px;
	width: 980px;
}

#header {
	padding: 35px 0px 0px 35px;
	height: 111px;
	background: #FFFFFF;
}

#header img {
	float: left;
}
#header #navigation {
	float: right;
}
#strapline {
	float: left;
	margin-top: 17px;
	margin-left: 92px;
}


/* Navigation - Main */
    #navigation {
	background:url(../images/MainNav.gif) no-repeat;
	width:711px;
	height:47px;
	margin:0;
	padding:0;
    }

    #navigation span {display: none;}

    #navigation li, #navigation a {
	height:47px;
	display:block;
	padding-right: 30px;
}

    #navigation li {
    float:left;
    list-style:none;
    display:inline;
    }

    #navigation-01 {width: 63px;}
    #navigation-02 {width: 63px;}
    #navigation-03 {width: 67px;}
	#navigation-035 {width: 82px;}
    #navigation-04 {width: 79px;}
	#navigation-05 {width: 63px;}
	#navigation-06 {width: 84px;}
	
	#navigation-01-Up {width: 63px;background: url(../images/navHome.gif) no-repeat;}
    #navigation-02-Up {width: 63px;background:url(../images/navClients.gif) no-repeat;}
    #navigation-03-Up {width: 67px;background:url(../images/navWork.gif) no-repeat;}
	#navigation-035-Up {width: 82px;background:url(../images/navMedia.gif) no-repeat;}
    #navigation-04-Up {width: 79px;background:url(../images/navWho.gif) no-repeat;}
	#navigation-05-Up {width: 63px;background:url(../images/navContact.gif) no-repeat;}
	#navigation-06-Up {width: 84px;background:url(../images/navOther.gif) no-repeat;}


    #navigation-01 a:hover {background:url(../images/navHome.gif) no-repeat;}
    #navigation-02 a:hover {background:url(../images/navClients.gif) no-repeat;}
    #navigation-03 a:hover {background:url(../images/navWork.gif) no-repeat;}
	#navigation-035 a:hover {background:url(../images/navMedia.gif) no-repeat;}
    #navigation-04 a:hover {background:url(../images/navWho.gif) no-repeat;}
	#navigation-05 a:hover {background:url(../images/navContact.gif) no-repeat;}
	#navigation-06 a:hover {background:url(../images/navOther.gif) no-repeat;}
/* Navigation - Main */

/* Twitter status box */
#twitter {
	position: absolute;
	right: 23px;
	bottom: 450px;
	width: 273px;
	height: 88px;
	background: transparent url("../images/bg_newtwitbox.jpg") left top no-repeat;
	padding: 25px 0px 0 0px;
	font-family: Arial, sans-serif;
	font-size: 9px;
	line-height: 1.25em;/* equiv of "Auto" in Photoshop */
}

#twitter a {
	color: #2f2d2e;
	font-weight: normal;
	text-decoration: underline;
}

#twitter p {
	margin:0px 8px 0px 85px;
	color:#2f2d2e;
}

#twitter p.follow {
	position: absolute;
	bottom: 20px;
	right: 16px;
	margin: 0;
	text-align: right;
}

/* Flickr status box */
#flickr_badge_uber_wrapper {
	text-align:left;
}
#flickr_badge_wrapper {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.flickr_badge_image {
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.flickr_badge_image img {
	border: 1px solid black !important;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 1px;
}
#flickr_badge_source {
	text-align:left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {
	display:block;
	font: 11px Arial, Helvetica, Sans serif !important;
	color:#3993ff !important;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000000 !important;}