/**********************
Basic tag definitions
**********************/

* {margin: 0; padding: 0; outline: 0;}

p {
	margin-bottom: 1em;
	line-height: inherit;
}

ul, ol {line-height: inherit; list-style: none; margin: 0 0 1.45em 0;}

table {border-collapse: collapse; border-spacing: 0;}

img, fieldset, abbr, acronym {border: 0;}

address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic;}

caption, th {text-align:left;}
q:before, q:after {content:'';}


/**********************
Headers
**********************/

h1, h2, h3, h4, h5, h6 {color: #369; line-height: 1.17em; font-weight: normal;}
h1 {font-size: 3em;}
h2 {font-size: 2em;}
h3 {
	font-size: 1.8em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0.72em;
	margin-left: 0;
}
h4 {font-size: 1em;}

h1.top, h2.top, h3.top, h4.top, h5.top, h6.top,
#body h2:first-child, #body h3:first-child, #body h4:first-child {margin-top: 0 !important;}

#col-r .block h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 .72em 0;
}

#col-r2 .block h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 .72em 0;
}
/**********************
Anchors
**********************/

a, a:link, a:active, a:visited {color: #369; text-decoration: underline;}
a:hover {color: #36c; text-decoration: none;}

#header ul.nav a {
	color: #999;
	text-decoration: none;
}
#header ul.nav a:hover {
	color: #333;
	text-decoration: none;
}

#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#col-r a {
	color: #336699;
	text-decoration: none;
}
#col-r a:hover {
	text-decoration: underline;
	color: #999999;
}

#col-r2 a {
	color: #336699;
	text-decoration: none;
}
#col-r2 a:hover {
	text-decoration: underline;
	color: #999999;
}

/**********************
Main structure
**********************/

body {
	background: #3368cd;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6875em;
	line-height: 1.46em;
	text-align: center;
	position: relative;
}

#bg0 {
	background: #fff url(../img/bg.gif) repeat-y center 0;
	float: left;
	width: 100%;
}
#bg1 {
	background: url(../img/bg0.gif) repeat-x 0 bottom;
	float: left;
	width: 100%;
	position: relative;
}

#wrap {
	margin: auto;
	text-align: left;
	width: 705px;
}

#header {
	background: url(../img/bg_header.gif) repeat-x 0 bottom;
	height: 130px; width: 691px;
	margin: 0 7px 5px 7px;
	position: relative;
}
	#logo a {
		background: url(../img/logo.gif) no-repeat 0 0;
		height: 41px; width: 230px;
		position: absolute;
		top: 34px; left: 40px;
	}
	
#branding {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/web_site_design_bendigo.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}

#branding2 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/getinteractive.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}

#branding3 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/strategic-internet-marketing.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding4 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/world-wide-web-specialists.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding5 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/creative-design-team.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding6 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/web-design-and-development.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding7 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/overwhelmed-by-the-web.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding8 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/web-content-management.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding9 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/domain-name-registration.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding10 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/ecommerce-online-shopping.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding11 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/email-marketing.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding12 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/internet-marketing.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding13 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/knowledge-management.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding14 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/pay-per-click.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding15 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/policies-and-procedures-documents.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding16 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/recruitment-management.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}

#branding17 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/search-engine-optimisation.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding18 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/web-copywriting.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding19 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/web-hosting-melbourne.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding20 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/web-business-partners.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding21 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/contact-image-ineractive.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}


#branding22 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/satissfied-web-design-clients.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}

#branding23 {
	height: 252px;
	width: 691px;
	margin: 0 7px;
	position: relative;
	background-image: url(../img/recruitment-management.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}

#body {
	background: #FFF;
	margin: 0 0 3em 0;
	position: relative;
	width: 705px;
}
	#col-l {
		float: left; display: inline;
		margin: 0 25px;
		padding: 3em 0 0 0;
		width: 410px;
	}
	#col-r {
		float: left;
		padding: 3em 0 0 0;
		width: 238px;
	}
		#col-r2 {
	float: left;
	width: 238px;
	height: 400px;
	padding-top: 3em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

#footer {
	color: #fff;
	height: 150px;
	width: 705px;
	position: relative;
}

	
/**********************
General Elements
**********************/

#corners {
	background: url(../img/bg1.gif) no-repeat 0 0;
	display: block;
	height: 35px;
	width: 775px;
	margin: auto;
	margin-top: -15px;
	position: relative;
	top: -330px;
	left: -35px;
	z-index: 9999;
}

#branding p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding2 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding3 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding4 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding5 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding6 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding7 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding8 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding9 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding10 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding11 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding12 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding13 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding14 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding15 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding16 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding17 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding18 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding19 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding20 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding21 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding22 p.banner {
	position: absolute;
	top: 161px; right: 0;
}

#branding23 p.banner {
	position: absolute;
	top: 161px; right: 0;
}
#col-r .block {
	border: 1px solid #ccc;
	padding: 12px;
	margin-bottom: 1.45em;
}

#col-r2 .block {
	border: 1px solid #ccc;
	padding: 12px;
	margin-bottom: 1.45em;
	background-color: #CCCCCC;
	height: 100%;
}

#footer p.info {
	float: left;
	display: inline;
	padding-left: 25px;
	margin-top: 2.4em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#footer p.copy {
	float: right; display: inline;
	margin: 2.9em 0 0 0;
	text-align: right;
	padding-right: 7px;
}


/**********************
Navigation
**********************/

ul.nav {margin-bottom: 0;}
ul.nav li.first {border: 0 !important;}

/* main nav */
#header ul.nav {
	color: #999;
	padding: 0 18px;
	position: absolute;
	top: 103px;
}
#header ul.nav li {
	display: inline;
}
#header ul.nav li:after {
	content: " |";
}
#header ul.nav li.last:after {
	content: "";
}

#footer ul.nav {
	text-align: center;	
}
#footer ul.nav li {
	display: inline;
}
#footer ul.nav li:after {
	content: " |";
}
#footer ul.nav li.last:after {
	content: "";
}


/**********************
General Forms
**********************/

input, select, textarea {font: 1em Arial, Helvetica, sans-serif; width: auto;}
input, textarea {padding: 1px;}
input, select {vertical-align: middle;}
textarea {overflow: auto; width: 195px; height: auto;}

input.text {width: 195px;}
select.select {width: 200px;}


/**********************
Common classes / Misc.
**********************/

/* text */
.txt0 {color: #999;}

/* lists */
ul.list0 {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 2em;
}
ul.list0 li {
	background: url(../img/bullet0.gif) no-repeat 0 7px;
	color: #3366CC;
	font-size: 1em;
	font-weight: bolder;
	line-height: 1.3em;
	padding-left: 14px;
	padding-top: 4px;
}

ul.list1 li {
	border-bottom: 1px dashed #336699;
	padding: .72em 0;
	text-decoration: none;
}

ul.list1 li a {
	font-size: 0.95em;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.4em;
}

ul.list1 li.last {border: 0;}

ul.list2 {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0em;
}
ul.list2 li {
	color: #336699;
	font-size: 1em;
	line-height: 1.3em;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	list-style-type: decimal;
	list-style-position: inside;
}

/* misc. */
.hidden {display: none;}
.replace {display: block; text-indent: -10000px; line-height: 0;}
.nomargin {margin-bottom: 0;}
.noborder {border: 0 !important;}

.col-l, .float {float: left;}
.float {display: inline;}
.col-r {float: right;}

.c {text-align: center;}
.r {text-align: right;}


/**********************
CSS Hacks / Tools
**********************/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}
 .clearfix {display: inline-block;}  

 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End Holly Hack */