body
{
	margin:0px;
	background-color:#000000;
	background-image: url(../images/bodyBG.jpg);
	height:100%;
	padding-bottom: 40px;
}

.container
{
	background-color: #fff;
	float: none;
}

.topPanel
{
	display:none;
}


.menuPanel
{
	display:none;
}

.menuHolder
{
	display:none;
}

.bodyPanel
{
	background-color: #fff;
	margin: 0 auto;
}

.content
{
	width: 940px;
	margin: 0 auto;
	padding: 0px;
}

.typography
{
	width: 940px;
}

#flashPanel
{
	display:none;
}

#Breadcrumbs
{
	display:none;
}

.footerPanel
{
	display:none;
}

.footerTable
{
	display:none;
}

.validImage
{
	position: relative;
	left: -2px;
}

img
{
	border: none;
}

.typography h1
{
	font-size: 18px;
	text-transform: uppercase;
	width: 100%;
	padding: 0px 0px 10px 0px;
	color: #000;
	margin-bottom: 0px;

}

/* Right Hand Panels */

.rightPanel
{
	display:none;
}

.rightTitle
{
	height: 10px;
	padding: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.rightContent
{
	height: 180px;
	background-color: #161111;
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px;
}

.rightBottom
{
	height: 10px;
	background-image: url(../images/rightPanelBottom.gif);
}

#GoogleMap .rightTitle
{
	background-image: url(../images/newsPanelTitle.gif);
	border: 1px solid #222222;
	border-bottom: none;
	height: 8px;
}

#GoogleMap .rightTitle a
{
	text-decoration: none;
	font-size: 9px;
}

#GoogleMap .rightTitle a:link
{
	color: #fff;
}

#GoogleMap .rightTitle a:visited
{
	color: #fff;
}

#GoogleMap .rightTitle a:active
{
	color: #fff;
}

#GoogleMap .rightTitle a:hover
{
	color: #fff;
}

.locMap
{
	text-align: right;
}

#GoogleMap .rightContent
{
	width: 298px;
	height: 400px;
	border: 1px solid #222222;
}

#newsPic
{
	border: 1px solid #000000;
	height:230px;
	float: right;
	position: relative;
	top: -190px;
	left: 2px;
}

#casePic
{
	margin: 0px;
	float: right;
	position: relative;
	top: -190px;
}

/* rollovers main menu */
ul#menuList
{
	margin:0px auto;
	padding:0px;
}

#menuList li
{
  	list-style-type:none;
	float: left;
}

#menuList li a
{
	height:30px;
	text-decoration:none;
	float:left;
}

#menuList li a:hover
{
	background-position: 0px -30px;
}

#menuList li .current
{
	background-position: 0px -30px;
}

#menuList li .section
{
	background-position: 0px -30px;
}

ul#menuList li a
{
	margin: 0px;
	
}

a#menu-home
{
	width: 48px;
	background:url(../images/btnHome.gif);
}

a#menu-about
{
	width: 70px;
	background:url(../images/btnAbout.gif);
}

a#menu-specialised-services
{
	width: 159px;
	background:url(../images/btnServices.gif);
}

a#menu-web-design-melbourne
{
	width: 131px;
	background:url(../images/btnDesign.gif);
}

a#menu-searchengines
{
	width: 142px;
	background:url(../images/btnMarketing.gif);
}

a#menu-portfolio
{
	width: 95px;
	background:url(../images/btnPortfolio.gif);
}

a#menu-ecommerce
{
	width: 105px;
	background:url(../images/btnEcommerce.gif);
}

a#menu-resources
{
	width: 99px;
	background:url(../images/btnResources.gif);
}

a#menu-contact
{
	width: 91px;
	background:url(../images/btnContact.gif);
}

/* sub menu */

ul#menuList li ul.subMenuList{
	position:absolute;
	background-color:#00aeef;
	width: 140px;
	border: 1px solid #007ee2;
	margin: 29px 0px 0px 0px;
	padding: 0px;
	z-index: 99;
	opacity: 0;
}

ul#menuList li ul.subMenuList li{
	float: left;
	clear: both;
}

ul#menuList li ul.subMenuList li a
{	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	width: 120px;
	padding: 10px 10px 0px 10px;
	display: block;
	height: 20px;
	letter-spacing: 1px;
}

ul#menuList li ul.subMenuList li a:hover
{	
	background-color: #16bcfa;
	background-image: url(../images/subMenuRolloverBG.gif);
}

dsp-menu
{
	opacity:1;
}

hide-menu
{
	opacity:0;
}

/* rollovers feature buttons */
#featureButtons
{
	padding:0px 0px 20px 0px;
	width: 620px;
	height: 40px;
}

#featureButtons ul
{
	padding: 0px;
	margin: 0px;
}

#featureButtons ul li
{
  	list-style-type:none;
	float: left;
}

#featureButtons ul li a
{
	margin: 0px auto;
	height: 50px;
	width: 140px;
	float: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
}

#featureButtons ul li a:hover
{
	background-position: 0px -50px;
}

#featureClickApproach
{
	background-image: url(../images/featureBtnClickApproach.gif);
}

#featureViewPortfolio
{
	background-image: url(../images/featureBtnViewPortfolio.gif);
}

#featureFreeQuote
{
	background-image: url(../images/featureBtnFreeQuote.gif);
}

#featureClientLogin
{
	background-image: url(../images/featureBtnClientLogin.gif);
}

.padRight
{
	padding-right: 20px;
}

/* This css is for the news and staff page elements */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dashed #ccc;
	padding:10px;
}

#NewsList
{
	margin-top: 20px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle {
		padding-bottom: 10px;
		font-size: 14px;
		color: #df7f00;
	}
	#NewsList li.newsDateBasic {
		font-weight: bold;
		padding-bottom: 10px;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

/* This css is for the Case Study page elements */
#CasesList {
	background:#f0f0f0;
	border:1px dashed #ccc;
	padding:10px;
}

#CasesList
{
	margin-top: 20px;
}

#CasesList li {
	margin: 0;
	list-style-type: none;
}
	#CasesList li.caseDateTitle span {
		color:#666;
		line-height:2em;
	}
	#CasesList li.caseDateTitle {
		padding-bottom: 10px;
		font-size: 14px;
		color: #f16eaa;
	}
	#CasesList li.caseDateBasic {
		font-weight: bold;
		padding-bottom: 10px;
	}
	#CasesList li.caseDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#CasesList li.casesDateTitle a:hover {
		}
		
	#CasesList li.caseSummary {
		margin-bottom:20px;
	}
		#CasesList li.caseSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#CasesList li.caseSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#CasesList li.caseSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.caseDetails {
	margin-bottom:10px;
}

div.caseDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

/* Right Hand News Panel */

#NewsPanel .rightTitle
{
	background-image: url(../images/newsPanelTitle.gif);
	background-repeat: no-repeat;
	z-index: 201;
}

#NewsPanel .rightTitle .newsArrows
{
	text-align: right;
	margin-top: -12px;
}

.newsItem
{
	background: #000;
	opacity: 0.8;
	padding: 2px 10px 2px 10px;
	margin-top: 109px;
	height: 90px;
}

/* Right Hand Case Study Panel */

#CaseStudyPanel .rightTitle
{
	background-image: url(../images/casePanelTitle.gif);
	background-repeat: no-repeat;
	z-index: 202;
}

#CaseStudyPanel .rightTitle .caseArrows
{
	text-align: right;
	margin-top: -12px;
}

.caseItem
{
	background: #000;
	opacity: 0.8;
	padding: 2px 10px 2px 10px;
	margin-top: 109px;
	height: 90px;
}

/*chris css for news start*/
	#news,#news-pages,.news-page{
		height:228px;
	}
	#news,.news-page{
		width:300px;
		overflow:hidden;
	}
	#news-pages{
		width:3000px;
	}
	.news-page{
		float:left;
	}
	#news
	{
		border: 1px solid #222222;
		width: 298px;
	}
	.newsItem
	{
		line-height: 140%;
		text-align: justify;
	}
	#news a
	{
		color: #05a4e6;
		text-transform: uppercase;
		font-weight: bold;
	}
	
/*chris css for news end*/

/*chris css for news start*/
	#cases,#case-pages,.case-page{
		height:228px;
	}
	#cases,.case-page{
		width:300px;
		overflow:hidden;
	}
	#case-pages{
		width:3000px;
	}
	.case-page{
		float:left;
	}
	#cases
	{	border: 1px solid #222222;
		width: 298px;
	}
	.caseItem
	{
		line-height: 140%;
		text-align: justify;
	}
	#cases a
	{
		color: #f16eaa;
		text-transform: uppercase;
		font-weight: bold;
	}
	
/*chris css for news end*/

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover 
	{
		text-decoration:underline;
	}

/*Portfolio Page Layout*/

#page-portfolio
{
	width: 960px;
	position: relative;
	left: 10px;
}

.portfolioItem
{
	width: 300px;
	float: left;
	padding-right: 20px;
	padding-bottom: 40px;
}

.portfolioItem .rightTitle
{
	background-image: url(../images/portTitleBG.gif);;
}

.portfolioContent
{
	background-color: #eaeaea;
	width: 298px;
	height: 100px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	padding-top: 20px;
}

.portfolioContent ul
{
	margin: 0px;
	color: #434040;
	line-height: 140%;
	font-size: 12px;
	list-style-type: disc
}

.portButton
{
	width: 300px;
	text-align: right;
	padding-top: 20px;
}

.portContent
{
	width: 940px;
	padding: 0px;
}

.portContent h1
{
	font-size: 12px;
	text-transform: uppercase;
	background-image: url(../images/h1bgOrange.gif);
	background-repeat: no-repeat;
	width: 100%;
	padding: 10px 0px 30px 8px;
	color: #000;
	margin-bottom: 0px;
}

.l2Content
{
	margin-top: -33px
}