body { 
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #444;
margin: 0;
background:url(images/bg.jpg) repeat-x top;
}

a:visited {
color:#09f;
text-decoration: none;
}

td{vertical-align: top;}

#logo{
height: 10px;
background-repeat:no-repeat;
background-position: 95% 50%;
}

#topmenu ul ul{
display: none;
visibility: hidden;
}

#table{
margin: 0 auto;
border: 0;
width: 924px;
}

#table2{
margin: 0 auto;
margin-top: 20px;
border: 0;
width: 924px;
}

#table3{
margin: 0 auto;
margin-top: 20px;
margin-bottom: 40px;
border: 0;
width: 924px;
}

#topmenu{
background:url(images/header-gradient1.gif) repeat-x;
height: 24px;
vertical-align: middle;
}


#topmenu-left{
float: left;
width: 915px;
height: 24px;
background:url(images/header-gradient1-left.gif) no-repeat;
}

#topmenu-right{
float: right;
width: 9px;
height: 24px;
background-image:url(images/header-gradient1-right.gif);
}

	#topmenu ul{
	margin: 0;
	padding: 0;
	margin-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	}
	
	#topmenu ul li{
	display: inline;
	list-style: none;
	background:url(images/menu-dots.gif) no-repeat 0 60%;
	}
	
	#topmenu ul li a{
	font-size: 11px;
	padding: 6px;
	padding-left: 14px;
	margin-right: 4px;
	color: #666;
	text-decoration: none;
	}

.menu{
background:url(images/header-gradient2.gif) repeat-x;
height: 27px;
}

#menu-right{
float: right;
width: 9px;
height: 27px;
background-image:url(images/header-gradient2-right.gif);
}

#menu-left{
float: left;
width: 915px;
height: 27px;
background:url(images/header-gradient2-left.gif) no-repeat;
}


#banner{
height:114px;
border: 1px solid #ccc;
border-top: 0;
border-bottom: 0;
background-image: url(http://www.boyddesign.com.au/media/banners/default-banner.jpg);
}

#banner img{display: block;}


#sideBannerTop{
	width:302px;
	min-height:22px;
    height:auto !important;
    height:22px;
	background: #fff url(images/sideBannerTop.gif) no-repeat top;
	text-align:left;
}

#sideBanner{
	width:302px;
	min-height:285px;
    height:auto !important;
    height:285px;
	text-align:left;
	background: #fff url(images/side-bg.gif);
}

#sideBanner a {
	text-decoration: none;
	color: #09f;
	
}

#sideBannerBottom{
	width:302px;
	height:265px;
	background:#fff url(images/sideBanner-background.gif) no-repeat;	
	text-align:left;
}

#sideBanner p{ 
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 15px;
	margin: 0;
	text-decoration:none;
}

#sideBanner p a{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#06f;
}

#sideBanner h1{
	font: bold 24px Arial, Helvetica, sans-serif;
	padding:0 15px;	
	color:#666;
	text-decoration:none;
	padding-top: 0;
	margin-top: 0;
}

#sideBanner h1 a{
	font: 24px Arial, Helvetica, sans-serif;
	color:#666;
	background-repeat:no-repeat;
	text-decoration:none;
}

#divider{
width: 1px;
background-repeat:no-repeat;
background-position:bottom;
}

#content-home{
line-height: 18px;
}

#content-home p{
font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

#content{
/*height: 200px;*/
padding: 0 32px;
line-height: 18px;
}


	#content h1{
	font: bold 30px/30px Arial, Helvetica, sans-serif;
	color: #666;
	}
	
	#content-home h1{
	font: bold 24px/24px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
	}

	#content h1 a,#content-home h1 a{
	font: bold 30px/30px Arial, Helvetica, sans-serif;
	color: #666;
	}
	
	#content h2,#content-home h2{
	font: normal 2em/26px Arial, Helvetica, sans-serif;
	color: #4f7b9f;
	padding-bottom: 4px;
	border-bottom: 1px solid #e0e5ef;
	}
	
	#content h2 a,#content-home h2 a{
	font: bold 18px/26px Arial, Helvetica, sans-serif;
	color: #333;
	}
	
	#content h3,#content-home h3{
	font-family: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	}
	
	#content h4,#content-home h4{
	font: 9px Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	}
	
	#content a, #content-home a {
	font-weight: bold;
	text-decoration: none;
	color: #06f;
	}
	
	#content a:hover, #content-home a:hover {
	font-weight: bold;
	color: #c94200;
	}

#footer {
padding-top: 10px;
text-align: center;
height: 100px;
background:url(images/footer-bg.gif) repeat-x;
}

#footer-left {
width: 10px;
background:url(images/footer-left.jpg) no-repeat;
}

#footer-right{
width: 10px;
background:url(images/footer-right.jpg) no-repeat;
}

#side-bar-ad ul {padding:0; margin:0;}

#side-bar-ad li {
	list-style: none;
	padding: 0;
	display: block;
}

#bcms a{display: block; height: 76px; width: 297px;  background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_02.gif) no-repeat;}
#bcms a:hover{ display: block; height: 76px; width: 297px; background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_02-over.gif) no-repeat;}

#starter a{display: block; height: 80px; width: 297px; background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_03.gif) no-repeat;}
#starter a:hover{ display: block; height: 80px; width: 297px; background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_03-over.gif) no-repeat;}


#lead a{display: block; height: 80px; width: 297px; background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_04.gif) no-repeat;}
#lead a:hover{ display: block; height: 80px; width: 297px; background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_04-over.gif) no-repeat;}

#seo a{display: block; height: 80px; width: 297px; background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_05.gif) no-repeat;}
#seo a:hover{ display: block; height: 80px; width: 297px; background: url(http://www.boyddesign.com.au/media/sidebar/sidebar-ads-fin_05-over.gif) no-repeat;}

#no-text {display: none;}
.no-text {display: none;}

#table-front ul { list-style: none; padding: 0; margin: 0; border: 1px solid #eee; width: 100%;}

#table-front li a{
font-weight: normal;
border-bottom: 1px solid #eee;
display: block;
padding: 5px;
background-color: #fff;
color: #666;
padding-left: 20px;
}

#table-front li a:hover{
font-weight: normal;
border-bottom: 1px solid #eee;
display: block;
padding: 5px;
background-color: #e8eff4;
color: #000;
padding-left: 20px;
}

/*RSS FEED*/

.newsreader {padding: 0 15px;}
.newsreader ul {display: inline;}
.newsreader li {
width: 240px;
float: left;
padding: 10px 0 0 15px;
list-style: none;
}

#preloader {display: none;}

<!--Pop ups for front page-->

#pic {
	background-color: #fff;
	left: 10px;
	position: relative;
	top: 10px;
	width: 135px;
}

#pic a .large {
	border: 0;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {border: 0;}

#pic a.p1, #pic a.p1:visited {
	background: #fff;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
}

#pic a.p1:hover {
	background-color: #8c97a3;
	color: #000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #ccc;
	display: block;
	height: 283px;
	left: 150px;
	position: absolute;
	top: 650px;
	width: 400px;
}

#top-text p{

color: #bbb;
font-size: 18px;
text-align: center;
padding-top: 5px;
margin: 0;
}

/*Bookmarks page*/

.BMmain { width: 100%; }
.BMmain td {border-bottom: 1px dotted #ccc;}
.BMheader  {
color: #666;
vertical-align: middle;
font-weight: bold;
text-align: left;
padding: 10px 0 0 0;
}
.BMlink  {
width: auto;
vertical-align: middle;
text-align: left;
padding: 10px 0 5px 0;
}
.BMdesc {padding: 25px 0 10px 10px;}

.BMlink img {
border: none;
padding-bottom: 25px;
padding-top: 20px;
vertical-align: top;
}
 
#sidenav ul{margin:0; padding:0 20px;}

#sidenav li {list-style: none; margin: 1px;}
#sidenav li a{display: block; color: #09f; background: #f0f2f4; padding: 5px;}
#sidenav li a:hover{display: block; color: #fff; background: #09f; padding: 5px;}




/*========================= STYLES FOR HOME PAGE CONTENT  =================================*/

#home-services {
	width: 582px;
	margin: 0 0 0 8px;
	padding: 0 0 0 16px;
	background: url(images/bg_home-services.png) 0 bottom no-repeat;
	
	}

	
#home-services h1 {
	display: block;
	width: 397px;
	height: 48px;
	background: url(images/img_web-design-sydney.gif) no-repeat;
	}
#home-services h1 strong {display: none;}

#home-services p {margin: 0 16px 8px 0;}

#home-services ul {
	margin: 24px 0 0 0;
	padding: 0;
	width: 566px;
	height: 100px;
	}

#home-services li {
	float: left;
	margin: 0 12px 0 0;
	list-style: none;
	line-height: 1.3em;
	}
	
#home-services li#logo {margin: 0;}
	
#home-services li a {
	display: block;
	width: 170px;
	padding: 60px 10px 0 0;
	font: 11px "Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #929292;
	}
	
#home-services li a:hover {
	font-weight: normal;
	color: #1899d2;
	}
	
li#web a {background: url(images/bg_li-web.jpg) no-repeat;}
li#marketing a {background: url(images/bg_li-netmarketing.jpg) no-repeat;}
li#logo-design a {background: url(images/bg_li-logo.jpg) no-repeat;}

#order-logo {
	width: 582px;
	margin: 0 0 0 8px;
	}


#packages {
	width: 598px;
	height: 325px;
	padding: 0 8px;
	margin-bottom: 24px;
	background: url(images/bg_packages.png) no-repeat;
	}
	
#packages div {
	float: left;
	width: 190px;
	overflow: hidden;
	}
	
#packages p, #packages ul {
	margin: 0 16px 8px 16px; 
	padding: 0; 
	font: 11px "Tahoma",Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #666;
	}
	
#packages ul {
	list-style-type: circle;
	padding-left: 16px;
	}

#packages h3 a {
	display: block;
	width: 187px;
	height: 75px;
	margin-bottom: 24px;
	}
	
#packages h3 a { text-indent: -9999em;overflow:hidden; }
	
#package01 {margin-right: 14px;}
	
#package01 h3 a {background: url(images/bg_package01.jpg) no-repeat;}
	
#package02 {margin-right: 14px;}
	
#package02 h3 a {background: url(images/bg_package02.jpg) no-repeat;}
#package03 h3 a {background: url(images/bg_package03.jpg) no-repeat;}


a.more-details {
	display: block;
	width: 174px;
	height: 21px;
	text-indent: -9999px;
	background: url(images/bg_more-details.gif) bottom no-repeat;
	overflow:hidden;
	}
	
a.more-details:hover {background-position: top;}
	
/*---------------------------	HOME - ANY NEWS SECTION -----------------------*/

h2#newshdr {
	margin: 0 16px 8px 8px;
	padding-left: 24px;
	color: #4F7B9F;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid #D9E2E9;
	font-size: 2em;
	background: url(images/report.png) 0 4px no-repeat;
	}
	
div.news_item {
	margin: 0 24px 0 16px;
	padding: 16px 16px 8px 16px;
	border-bottom: 1px dotted #d9e2e9;
	 }
	 
div.news_item:hover {background: #efefef;}
	 
#content div.news_item h3 {
	padding: 0;
	margin: 0 0 10px 0;
	color: #175cbf;
	font-size: 1.7em;
	font-weight: normal;
	}
	
#content div.news_item a {font-weight: normal;}
	
/*----------------------------------------------------------------------------*/

#request-quote {height: 80px}
 
#request-quote a {
	float: right;
	display: block;
	text-indent: -9999px;
	width: 284px;
	height: 51px;
	margin: 24px -4px 8px 0;
	background: url(images/b_request-quote.png) no-repeat;
	overflow:hidden;
	}
	
* html #request-quote a {
	/*zoom: 1;*/
    position: relative;
}

*+html #request-quote a {
	/*zoom: 1;*/
    position: relative;
}

#viewPortfolio{
	width:275px;
	height:188px;
}

#homeContact{margin-left:25px; margin-bottom:40px;}
#homeContact h1{color:#ff9900; }


/*-------------------------- HOME ENQUIRY --------------------------------------*/

#enquiry-home {
	width: 260px;
	height: 316px;
	margin:  0 auto 24px auto;
	color:#778491;
	background: url(images/bg_enquiry-home.jpg) no-repeat;
	}

#enquiry-home form {
	padding: 48px 16px 0 16px;
	}
	
#enquiry-home p {margin: 0 0 4px 0;}

#enquiry-home .textfield, #enquiry-home .email,  #enquiry-home .textarea {
	width: 188px;
	height: 16px;
	border: 1px solid #adbcc8;
	margin-top: 2px;
	padding: 4px;
	}
	
#enquiry-home .textarea {height: 56px}

#enquiry-home button {
	display: block;
	width: 80px;
	height: 32px;
	background: url(images/b_submit-enquiry-home.gif) no-repeat;
	cursor: pointer;
	border: none;
	float: right;
	margin: 2px 12px 0 0;
	}
	
#enquiry-home button strong {display: none;}


/*-------------------------- PORTFOLIO SLIDESHOW --------------------------------------*/

#content-home iframe {
	width: 605px;
	overflow:hidden;
	}
	
/*-------------------------- VIEW PORTFOLIO BUTTON --------------------------------------*/

#view-portfolio {height: 50px;}

#view-portfolio a {
	float: right;
	display: block;
	text-indent: -9999px;
	width: 284px;
	height: 51px;
	margin: 0 -4px 24px 0;
	background: url(images/b_view-portfolio.png) no-repeat;
	overflow:hidden;
	}
	
* html #view-portfolio a {
	/*zoom: 1;*/
    position: relative;
}

*+html #view-portfolio a {
	/*zoom: 1;*/
    position: relative;
}