body {
	background: #FFFFFF;
	margin: 50px 0px 0px 0px;
	font-family: Tahoma, Verdana, Arial;
	color: #3A3A3A;
	text-decoration: none;
}

img {border: 0px; margin: 0px; display: block;}

a:link {color: #00a290; text-decoration: none;}
a:visited {color: #00a290; text-decoration: none;}
a:hover {color: #00a290; text-decoration: underline;}
a:active {color: #00a290; text-decoration: none;}


#outercontainer {
	margin: 0 auto 0 auto;
	width: 912px;
	min-height: 600px;
}

#headingcontainer {
	width: 906px;
	height: 60px;
	padding: 0px;
	margin: 0px 0px 22px 6px;
}

#heading {
	float: left;
	padding: 0px;
	width: 710px;
	height: 60px;
}

#logo {
	float: left;
	padding: 0px;
	width: 190px;
	height: 60px;
	background: url(../pictures/weblinks-logo-2011.gif) no-repeat;
}

#topbg {
	width: 912px;
	min-height: 10px;
	margin: 0px;
	padding: 0px;
	background: url(../pictures/top_bg.gif) no-repeat;
}

#topcontainer {
	float:left;
	width: 912px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	background: url(../pictures/repeat_bg.gif) repeat-y;
}

#slideshow {
	z-index: 1;
	position: absolute;
	top: 142px;
	width: 892px;
	height: 340px;
	padding: 0px;
	margin: 0px;
}

#home {
	width: 892px;
	height: 340px;
	margin: 0px;
}

#contact {
	width: 892px;
	height: 340px;
	background: url(../pictures/contact_us.jpg) no-repeat;
}

#advertising {
	width: 892px;
	height: 340px;
	background: url(../pictures/advertising_production.jpg) no-repeat;
}

#catalogues {
	width: 892px;
	height: 340px;
	background: url(../pictures/catalogue_brochure.jpg) no-repeat;
}

#website {
	width: 892px;
	height: 340px;
	background: url(../pictures/home_scoec.jpg) no-repeat;
}

#fineart {
	width: 892px;
	height: 340px;
	background: url(../pictures/fine_arts.jpg) no-repeat;
}

#estate {
	width: 892px;
	height: 340px;
	background: url(../pictures/estate_agents_jss.jpg) no-repeat;
}

#enquiry {
	width: 892px;
	height: 340px;
	background: url(../pictures/enquiry_form.jpg) no-repeat;
}

#business {
	width: 892px;
	height: 340px;
	background: url(../pictures/business_business.jpg) no-repeat;
}

#map {
	z-index: 1;
	width: 892px;
	height: 340px;
	background: #CCCCCC;
}

#portal {
	z-index: 3;
	position: absolute;
	top: 417px;
	width: 892px;
	height: 65px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 11px;
	color: #CCCCCC;
	background: url(../pictures/black75per.png) repeat;
}

#portalleftright {
	float: left;
	width: 425px;
	height: 45px;
	padding: 10px 0px 10px 14px;
	margin: 0px;
}

#portalline {
	float: left;
	width: 2px;
	height: 65px;
	padding: 0px;
	margin: 0px;
	background: url(../pictures/homeportalline.gif) repeat;
}

#pagecontent {
	width: 410px;
	padding: 55px 0px 0px 55px;
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
}

#pagecontentwide {
	width: 700px;
	padding: 55px 0px 0px 55px;
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
}

#midcontainer {
	float:left;
	width: 912px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	background: url(../pictures/repeat_bg.gif) repeat-y;
	font-size: 11px;
	line-height: 16px;
}

#apcol1 {
	float:left;
	width: 272px;
	margin: 0px;
	padding: 24px 0px 16px 14px;
}


#apcol2 {
	float:left;
	width: 275px;
	margin: 0px;
	padding: 28px 0px 16px 20px;
}

#apcol3 {
	float:left;
	width: 275px;
	margin: 0px;
	padding: 30px 0px 16px 20px;
}

#facol1 {
	float:left;
	width: 250px;
	margin: 0px;
	padding: 24px 0px 16px 14px;
}

#facol2 {
	float:left;
	width: 565px;
	margin: 0px;
	padding: 30px 0px 16px 40px;
}

#facollistcontainer {
	width: 300px;
	height: 94px;
	margin: 0px;
	padding: 0px;
}

#facollist {
	float:left;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#eacol1 {
	float:left;
	width: 555px;
	margin: 0px;
	padding: 24px 0px 16px 14px;
}

#eacol2 {
	float:left;
	width: 260px;
	margin: 0px;
	padding: 32px 0px 16px 40px;
}

#homecol2 {
	float:left;
	width: 240px;
	margin: 0px;
	padding: 56px 0px 16px 40px;
}


#enqcol1 {
	float:left;
	width: 400px;
	margin: 0px;
	padding: 24px 0px 16px 14px;
}

#cbcol1 {
	float:left;
	width: 480px;
	padding: 40px 0px 0px 40px;
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
}

#cucol1 {
	float:left;
	width: 230px;
	padding: 40px 0px 0px 40px;
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
}

#cucol2 {
	float:left;
	width: 200px;
	padding: 71px 0px 0px 40px;
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
}

#wdcol1 {
	float:left;
	width: 230px;
	padding: 40px 0px 0px 40px;
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
}

#wdcol2 {
	float:left;
	width: 220px;
	padding: 46px 0px 0px 20px;
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
}

#wdcol3 {
	float:left;
	width: 205px;
	padding: 46px 0px 0px 20px;
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
}

#officepic {
	float:left;
	width: 287px;
	margin: 0px;
	padding: 30px 0px 0px 10px;
}

#contactcol2 {
	float:left;
	width: 275px;
	margin: 0px;
	padding: 55px 0px 16px 20px;
}

#menucontainer {
	float:left;
	width: 912px;
	height: 34px;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	background: url(../pictures/bass_bg.gif) no-repeat;
}

#basstext {
	float:left;
	width: 912px;
	height: 31px;
	margin: 14px 0px 0px 6px;
	font-size: 9px;
	line-height: 9px;
	color: #999999;
}

/* PORTAL MENU ------------------------------------------------------------ */

#portalmenu {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#portalmenu li {
	float: left;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#portalmenu a {
	background: url(../pictures/arrow.png) 0px 4px no-repeat;
	color: #CCCCCC;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 7px;
	text-decoration: none;
}

#portalmenu a:hover {
	background: url(../pictures/arrow_dn.png) 0px 4px no-repeat;
	color: #FFFFFF;
}

#portalmenu a.current {
	background: url(../pictures/arrow_current.png) 0px 4px no-repeat;
	color: #FFFFFF;
}		

/* PORTAL MENU END ------------------------------------------------------------ */

/* BASS MENU ------------------------------------------------------------ */

#bassmenu {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 28px;	
}

#bassmenu li{
	float: left;
	line-height: 28px;
	font-size: 9px;
	font-weight: bold;
	color: #F6F6F6;
	height: 28px;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #909090;
	border-right: 1px solid #B2B2B2;
}
	
#bassmenu a{
	display: block;
	float: left;
	color: #F6F6F6;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 12px 0px 12px;
}
	
#bassmenu a:hover{	
	color: #FFFFFF;
	height: 28px;
	background: transparent url(../pictures/bass_menu_bg.gif) 0px 0px no-repeat;		
}
	
#bassmenu a.current{
	color: #FFFFFF;
	height: 28px;
	background: transparent url(../pictures/bass_menu_bg_page.gif) 0px 0px no-repeat;
}

/* BASS MENU END ------------------------------------------------------------ */

/* ENQUIRY FORM ------------------------------------------------------------ */

#formtable {
	padding:0px;
	margin:20px 0px 0px 0px;
	font-size: 11px;
	line-height: 16px;
}

td.formtableleft {
	height:20px;
	padding:3px 8px 0px 0px;
	vertical-align: top;
	text-align: right;
	border:0px;
}

td.formtableright {
	height:20px;
	padding:0px;
	vertical-align: top;
	text-align: left;
	border:0px;
}

td.formtablebutton {
	height:20px;
	padding:8px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
	border:0px;
}

textarea {
	background:#DDDDDD;
	border: 0px;
	padding: 3px 0px 0px 3px;
	margin: 0px 0px 4px 0px;
	font-size: 11px;
	line-height: 16px;
	color: #3A3A3A;
	font-family: Tahoma, Arial;
}

input.form {
	height:20px;
	background:#DDDDDD;
	border: 0px;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 4px 0px;
	font-size: 11px;
	line-height: 16px;
	color: #3A3A3A;
	font-family: Tahoma, Arial;
}

#submitbuttonDiv {
	width: 72px;
	height:25px;
	margin:0;
}

.submitbutton {
	background:#DDDDDD;
	width:72px;
	height:25px;
	margin:0px;
	padding:0px;
	border:0px;
	display: block;
	cursor: pointer;
	font-size: 13px;
	color: #333333;
	text-align: center;
	line-height:25px;
	font-family: Tahoma, Arial;
}

.submitbutton:hover {
	background:#888888;
	color: #FFFFFF;
}

/* ENQUIRY FORM END ------------------------------------------------------------ */


p {
	margin-bottom: 8px;
	margin-top: 0px;
}

p.end {
	margin-bottom: 16px;
	margin-top: 0px;
}

h1 {
	font-size: 17px;
	font-weight: normal;
	line-height: 17px;
	margin: 18px 0px 12px 0px;
}

h2 {
	font-size: 13px;
	font-weight: normal;
	color:#797979;
	line-height: 13px;
	margin: 0px;
}

.text13 {
	font-size: 13px;
	font-weight: normal;
	color: #3A3A3A;
	line-height: 18px;
}

.text15 {
	font-size: 15px;
	font-weight: normal;
	color: #3A3A3A;
	line-height: 19px;
}

.text17 {
	font-size: 17px;
	font-weight: normal;
	color: #3A3A3A;
	line-height: 22px;
}

.text19 {
	font-size: 19px;
	font-weight: normal;
	color: #3A3A3A;
	line-height: 24px;
}

.portalheadings {
	font-size: 17px;
	line-height: 17px;
	color: #DDDDDD;
	margin: 2px 0px 10px 0px;
}

.ultextstyle  {
	margin-top: 0px;
	margin-bottom: 8px;
}

.ultextstyle li {
	margin-bottom: 4px;
	padding: 0px;
}

.deptheadings {
	font-size: 13px;
	font-weight: normal;
	color: #3A3A3A;
	line-height: 17px;
	margin-bottom: 3px;
	margin-top: 8px;
}

